CRUD / 20074488 전용훈 , 20084689 조익찬

WebpresenterDesign Document

Design document

1 Concept2 System Structure3 Module Design4 Database Design5 Collaboration 6 Schedule7 Reference

Design document

1. Concept- Program description- Development HW/SW- Constraints(Requirement)

Con-troller

Presenta-tion

SpeakerNote

4

01

1 Webpresenter

Web based Presentation and Presentation Control• Shared Presentation to Web Enviroment• Smooth Speaker Tool

Core Function• Upload Document Files(PPT, PPTX, PDF) 기존에 많이 사용되는 문서파일들을 웹에 업로드하여 인터넷환경에서 언제든지 접근 가능하게함

• Presentation Control & Speaker Note 발표자는 발표 도구를 이용하여 발표노트를 보면서

발표화면을 컨트롤 할 수 있음

• Multi Screen (PC / Mobile) 발표화면을 피발표자들과 공유하면서 볼 수 있고 ,

발표자의 컨트롤에 의해 같이 원격 제어됨

Concept

5

01

2 Development Enviroment

Two PC, One Mobile• 두 개의 PC 로 개발 , 한 대의 스마트폰으로 Test

Details• PC Intel® Core™ i5-2400 CPU @ 3.10Hz

64 비트 운영 체제Windows 8 Enterprise KEclipse Juno

• Mobile SHW-M250K( 갤럭시 S2)

Android 4.0.4(IscreamSandwich)3G 환경 or WiFi(U+ Zone) 이용

Concept

6

01

3 Constraints

Requirement Contents• Service Constraints• Performance Constraints

Provide Enviroment• PC HTML5 Supported Web browser

• Mobile HTML5 Supported Smartphone Web browser(almost)

Concept

Performance • Initialize loding 초기 로딩 성능

• Document uploading 문서 업로드 속도

문서의 용량으로 고려할때 최대용량은 10 메가 이하로 제한을 둠 ( 서버 과부하 )

• Document Control 문서 제어 반응 속도

7

01

Provide Enviroment – PC Web borwser Occu-pancy Ratio

Concept

8

01

Performance – web service

4 second rule• PC - 4 Second• Mobile - 6 Second

Concept

Init Loding PT Loading PT Controll PT Upload( 분 )0

1

2

3

4

5

6

7

Design document

2. System Structure- System Configuration- System Structure- Data Flowchart- Data Dictionary

10

02

System configuration

System Structure

Mobile

DatabaseJSP

Pc

Node jsdata

Re-sponse / Request

Re-sponse / Request

Broadcastevent

11

02

System Structure

System Structure

12

02

Data Flowchart

System Structure

Login

PC

Mo-bile

Upload

Share List

Informa-tion

Join

FindPass-word

PCMobile

List

Ex-plorer

Viewer

Con-troller

Logout

로그아웃항시가능

13

02

Data Dictionary

System Structure

Data Dictionary

구분 세부내용

Join ID + PW + Question + Solution

Login ID + PW

Find Password Question + Solution

List Documents name list

Share List Share Documents name list

Upload Upload file path

Information Upload user ID

Design document

3. Module Design- Module & Algorithm- Class Design (CLD)- Interface Design- Remote Control Module

15

Member Module

Presentation Module

03

Two Big Module in System

Module Name

16

03

Member Mod-ule

Module Name & Algorithm

Joinx

Login

Logout

Module Name & Algorithm

FindPass-word

17

03

Member Mod-ule

Class Design

Class Diagram

18

03

Presentation Module

Module Name & Algorithm

List

Module Name & Algorithm

Input

Presenta-tion

Controller(Speaker

Note)

Infomation

ShareMain

19

03

Presentation Mod-ule

Class Design

Class Diagram

20

03

Member Mod-ule

Interface Design

Text Form

Button

21

03

Presentation Mod-ule

Interface Design

List View

Tap View

Button

22

03

Presentation Mod-ule

Interface Design

Carousel

Button

Toggle

23

03

Used Nodejs Server

Remote Control Module

Event(next)

Broad-cast Message(next)

If(msg == next)nextSlide(page)

Nodejs Server

If(msg)Emit(msg)

Connect Server(x.x.x.x:xxxx)

Connect Server(x.x.x.x:xxxx)

Connect Server(x.x.x.x:xxxx)

Design document

4. Database Design- External Files- Database Design (ERD)

25

04

External Files

Database Design

내용

내용

Data-base

Slide Im-age &Attach-ments

Data(note)

PPT, PPTX,

PDF Files

Web Ap-plication Server

Upload File

Upload File

& Im-

age

File Path &

Attachments

Data

26

04

ER Diagram

Database Design

Schma• Table - 3 Table• View - 1 View• Secquence- 2 Secquence (Member, Presentation)

Design document

5. Collaboration - Role Partition- Job Partition

28

05

Role Partition

Database Design

• YongHoon Jeon– Development Prototype Model– Project scheduling– Projcet documentation

• IkChan Cho– Database Normalized– Publishing – Page Layout, Design– Testing - unit test, integration test

29

05

Job Partition ( Implement )

Database Design

• YongHoon Jeon– Java Module ( PDF Import)– Sql Development (Presentation)– Sencha Touch View

• IkChan Cho– Java Module ( PPT, PPTX Import)– Sql Development (Member)– Nodejs Server Side Implement

Design document

6. Schedule- Per Week- Percentage- Details Schedule

31

06

Per Week

Schedule

1,2 week

• Brain Stoming(Definition Idea)• Part Division

3,4 week

• Requirements definition• Design Application

5,6 week

• Implementation • Documentation

7,8 week

• Testing & Maintenance• Release

32

06

Percentage

5%

5%

10%

60%

20%

계획

요구 분석

설계

구현

시험

Schedule

33

06

Details Schedule

세부 일정

세부 일정 9 월 10 월 11 월

계획

- 프로젝트 수립

요구 분석

- 요구정리 및 제약사항

설계

- 프로그램 상세 설계

- 프로그램 UI 설계

구현

- 코딩

- DB 연동

- UI 구현

시험

- 단위 테스트

- 통합 테스트

Schedule

Design document

7. Reference

• Presentation Import– Apache Software Foundation– POI(Poor Obfuscation Implementation)

• Browser Control– Nodejs– Event-driven I/O server-side JavaScript envi-

ronment based on V8.

• Sencha Touch– Mobile App Development Platform – the leading mobile web app framework based

on HTML5 for amazing mobile apps.

Thanks.

Question?