1. Webpresenter Design Document

2. 1 Concept 2 System Structure 3 Module Design 4 Database Design 5 Collaboration 6 Schedule 7 Reference

3. 1. Concept - Program description - Development HW/SW - Constraints(Requirement) ControllerPresentation Speaker Note

4. 4 01 1 Webpresenter Concept

5. 5 01 2 Development Enviroment Concept

6. 6 01 3 Constraints Concept

7. 7 01 Provide Enviroment – PC Web borwser Occupancy Ratio Concept

8. 8 01 Performance – web service Concept

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

10. 10 02 System configuration System Structure Mobile Database JSP Pc Node js data Response / Request Broadcast event

11. 11 02 System Structure

12. 12 02 Data Flowchart System Structure Login PC Mobile Upload Share List Information Join Find Passwor d PC Mobile List Explore r Viewer Controlle r Logout 로그아웃 항시가능

13. 13 02 Data Dictionary System Structure 구분세부내용 Join Login Find Password List Share List Upload Information

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

15. 15 Member Module Presentation Module 03 Two Big Module in System Module Name

16. 16 03 Member Module Module Name & Algorithm

17. 17 03 Member Module Class Design

18. 18 03 Presentation Module Module Name & Algorithm

19. 19 03 Presentation Module Class Design

20. 20 03 Member Module Interface Design Text Form Button

21. 21 03 Presentation Module Interface Design List View Tap View Button

22. 22 03 Presentation Module Interface Design Carousel Button Toggle

23. 23 03 Used Nodejs Server Remote Control Module Event (next) Broadcast 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)

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

25. 25 04 External Files Database Design 내용 Database Slide Image & Attachments Data(note) PPT, PPTX, PDF Files Web Application Server Upload File Upload File & Image File Path & Attachments Data

26. 26 04 ER Diagram Database Design

27. 5. Collaboration - Role Partition - Job Partition

28. 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. 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

30. 6. Schedule - Per Week - Percentage - Details Schedule

31. 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. 32 06 Percentage Schedule

33. 33 06 Details Schedule 세부 일정9월9월10월11월 계획 - 프로젝트 수립 요구 분석 - 요구정리 및 제약사항 설계 - 프로그램 상세 설계 - 프로그램 UI 설계 구현 - 코딩 - DB 연동 - UI 구현 시험 - 단위 테스트 - 통합 테스트 Schedule

34. 7. Reference Presentation Import – Apache Software Foundation – POI(Poor Obfuscation Implementation) Browser Control – Nodejs – Event-driven I/O server-side JavaScript environment based on V8. Sencha Touch – Mobile App Development Platform – the leading mobile web app framework based on HTML5 for amazing mobile apps.

35. Thanks. Question?