PowerPoint 프레젠테이션

Size: px

Start display at page:

Download "PowerPoint 프레젠테이션"

연미 온
5 years ago
Views:

1 개발기획서작성방법, 개발스터디 강남대학교컴퓨터미디어정보공학부강현우 1

2 기획서작성방법 주제 컨텐츠위주 : 각종정보 / 기능제공및공유 기능위주 : 특별한기능제공 ex) 수강신청장바구니시스템, e- 학습도우미 형식 반드시파워포인트로작성, 기본폰트사용또는폰트포함저장 슬라이드마스터를이용하거나, 전체적으로폰트, 말머리등통일 모든설명은그림 + 간단한설명 ( 개조식 ) 형식으로작성 개조식 : 말머리를달고 ~ 음, ~ 함, ~ 제공, ~ 구현등의명사명어미 제목 성격, 특징이잘드러나도록요약된언어로작성 고유한이름도가능 ex) The Performer 이경우반드시부제를달기 부제 : 제목으로성격, 특징이잘드러나지않는경우풀어서설명 ex) The Performer 공연장정보제공웹사이트 ex) U-BOOK 장터 - 대학서적중고거래커뮤니티 기획서첫페이지에날짜, 제출자이름 / 휴대전화 / 이메일작성 2

3 서론 기획서초안 본론 결론 기획서작성방법 목차예시 예시일뿐각자상황에맞게변형 개요 : 필요성, 컨텐츠 / 기능, 기대효과등에해당하는의미로전체내용을요약 배경및필요성 : 주제가도출된배경, 사회 / 문화적현황및문제점제시 ( 가능하면자료와함께 ), 배경으로부터이사이트가필요한이유도출 유사사이트 ( 어플 ) 분석및시사점 : 벤치마킹을위해 2~3개사이트분석 ( 선정이유, URL, 성격, 컨텐츠 / 기능분석, 특징, 장 / 단점, 레이아웃 / 내비게이션등 ), 분석결과요약 / 시사점도출 개발목표 : 필요성을달성하기위한 ~ 기능구현, ~ 컨텐츠제공, ~ 시스템개발 과같이구 체적인내용으로작성 주요기능 ( 또는컨텐츠 ) 어떤내용을 (what) 중요포인트 구체적인기능또는컨텐츠나열및자세한설명 -전체적인흐름이중요 -제목에어울리는문장 메뉴구성도 ( 사이트맵 ) 개발방법 어떻게개발 (how) 시스템구성도 ( 어플의경우 ): 서버 /DB, 클라이언트간의관계 ( 데이터전달 ) 표현 스토리보드 (UI), 개발인력및역할분담 기능의경우기능기능블록도 / 플로우챠트, 컨텐츠의경우내용을어떻게만들것인지설명 개발환경 개발환경과실행환경을분리하여작성 프로그래밍언어, 소프트웨어, 서버, DB, OS 등 개발일정 : 주별로개발항목을세부적으로나누어작성, 업무분담 기대효과및활용방안 : 타제품과차별성 / 독창성, 얻을수있는효과, 활용분야, 시장성 모든설명은글이주가되어야하고, 그림, 표등은요약의형태가되어야함 3

4 기획서작성방법 유사어플리케이션분석 선정이유 : 플레이스토어에서 금연 으로검색 어떤웹사이트 / 어플을선정했는지와그이유를앞쪽에설명한후분석 전국에걸친금연구역정보제공 ( 평점이가장높은어플리케이션 ) T 알리미 평점 : 4.7 (5.0 만점기준 ) 서울지역금연구역정보제공및금연관련정보제공 ( 서울시청추천 ) 금연도시서울 평점 : 3.5 (5.0 만점기준 ) 유일한흡연구역안내어플리케이션 평점 : 4.6 (5.0 만점기준 ) 종이컵재떨이 4

5 기획서작성방법 시스템구성도 (System configuration) 시스템구성도 > 기능블록도 > 흐름도 ( 플로우차트 ) 시스템이구성되어있는형태를각각의기능과상호접속형태로표현한그림 5

6 기획서작성방법 기능블럭도 (Functional diagram) 시스템내부여러모듈사이의기능관계를설명하기위한그림 플로우챠트 (Flowchart) 하나의모듈을수행하기위한일련의순서를설명하는그림 6

7 기획서작성방법 개발일정작성예시 ( 웹사이트개발 ) 구분항목 M1 M2 M3 기획 서비스기획및설계 화면설계 / 기능정의 디자인시안제작 / 확정 디자인 디자인가이드제작 템플릿디자인작업진행 퍼블리싱 레이아웃설계 코딩진행 관리자개발 개발 Front 페이지연동개발 서버개발 테스트 / 디버깅 테스트서버오픈 / 테스트 / 디버깅 실서버반영 / 테스트 오픈 웹사이트오픈 안정화 7

8 기획서작성방법 제출 제출기한이내에학습도우미에업로드 수정후업로드가능, 마지막제출본으로채점 제출기한이후제출시이메일로제출, -1 점 /1 시간 최종발표 최종제출본으로발표 ( 업로드후수정불가능 ) 발표용컴퓨터에미리복사해둘예정 반드시 handout 1 부 ( 교수용 ) 준비 회색조로출력 (Not 컬러 ) 프린터등록정보에서 2 쪽씩모아찍기 채점기준 각항목이채점기준 ( 완성도, 기술성 ), 발표력 발표시간 발표 5 분 ( 중요한내용위주로 ), 질의응답 2 분 발표시간도발표점수에포함 : +-30 초를벗어나면감점 발표요령 스크립트를읽지말고, 스크린을보며설명하는어투로 청중과 eye-contact 을적절하게 질문에대한답변 : 잠시생각후답변해도됨 8

웹개발스터디 서버 운영체제 : Windows Server, Linux, Unix 웹서버 : Apache Tomcat DBMS: Oracle, MySQL, MS-SQL 개발툴 / 언어 웹 UI

node.js, MVC 웹표준 : HTML5, CSS3, Javascript, Jquery DB 프로그래밍 : Hibernate, MyBatis/iBatis 오픈프레임워크 : Struts,

DB Server 반응형웹 - 디스플레이종류 / 해상도에따라화면해상도가자동으로최적화되도록조절되는웹페이지 - 제작비용 / 기간상승 Ex) http://www.webactually.co.

9 웹개발스터디 서버 운영체제 : Windows Server, Linux, Unix 웹서버 : Apache Tomcat DBMS: Oracle, MySQL, MS-SQL 개발툴 / 언어 웹 UI (Front-end) : HTML, CSS, DOM, Javascript, Ajax, JSON, XHTML 웹서버 (Back-end) : 자바, Servlet/JSP, PHP, Python, node.js, MVC 웹표준 : HTML5, CSS3, Javascript, Jquery DB 프로그래밍 : Hibernate, MyBatis/iBatis 오픈프레임워크 : Struts, Spring 모바일웹 (Sencha Touch, jquery Mobile, jqtouch) 하이브리드앱 (PhoneGap, Appspresso) 참고사이트 Client Request Response DB Server 반응형웹 - 디스플레이종류 / 해상도에따라화면해상도가자동으로최적화되도록조절되는웹페이지 - 제작비용 / 기간상승 Ex) 이제막웹개발자되기 ( 초보웹개발자를위하여 ( 9

10 모바일어플개발스터디 스마트폰활용 학교관련어플 : 강남대학교, KNU Community, Kcle, 오피스, 한컴뷰어 웹브라우져 : 크롬, 오페라, 파이어폭스 파일탐색기 : ASTRO, Total Commander, ES 파일탐색기 클라우드 : N 드라이브, 구글드라이브, 드랍박스 모비즌, 미라캐스트 10

11 모바일어플개발스터디 모바일어플리케이션종류 네이티브앱 모바일기기에최적화된언어로개발 개발 S/W: 안드로이드 SDK/ 자바, ios SDK/Objective C 모바일웹 모바일화면에최적화된 UI/UX, 모바일브라우저에서실행 개발 S/W: HTML, CSS, Javascript, JSP, PHP, ASP 등 프레임워크 ( 라이브러리 ): Sencha Touch, jquery Mobile, jqtouch 웹앱 모바일웹과네이티브앱을결합 ex) 모바일게임 HTML, CSS, Javascript, JSP, PHP, ASP 등 하이브리드앱 웹앱을네이티브앱으로포장 ex) 네이버앱, 다음앱 프레임워크 : PhoneGap, Appspresso 11

12 모바일어플개발스터디 웹서버 웹서버구축, DB 연동 < 시스템구성도 > 12

13 모바일어플개발스터디 JSON(JavaScript Object Notation) 웹에서정보를주고받는경량화된방법 안드로이드에기본적으로객체포함 13

14 모바일어플개발스터디 센서종류 ( 기종마다지원센서가상이함 ) GPS: AGPS, SGPS 등 LBS(Location Based Service): 위치정보이용서비스, 위치확인 / 추적 자이로스코프 ( 방향센서 ) x, y, z 축 (3 축 ) + 높이, 회전, 기울기감지 (6 축 ) 각속도측정 ( 이동상태에서각속도측정 ) ex) 플레이스테이션 3 패드 G 센서 (Gravity Sensor, 중력센서, 가속도센서 ) x( 가속 / 감속 ), y( 좌회전 / 우회전 ), z 축 ( 하늘방향 / 땅방향 ) 감지 직선운동에대한속도의증감비검출 ( 정지상태에서측정 ) 동작인식센서 (Motion Recognition Sensor) 움직임 / 위치인식센서, 지자기센서, 가속도센서, 고도계, 자이로스코프등의기능을하나의칩에서구현한복합센서 ( 나침판, 만보기, 내비게이션, 3 차원입체게임기등 ) 거리센서 조도센서 14

15 모바일어플개발스터디 GCM: Google Cloud Messaging service 서버에서 Android 애플리케이션으로데이터를전송하게해주는무 료서비스 (Push Notification) registration id Registration: 1, 2, 3, 4 Push notification: a, b sender id, application id registration id message Server 15

16 모바일어플개발스터디 Open API( 공개 API) 데이터플랫폼을외부에공개하여다양한응용서비스및어플리케이션을개발할수있도록외부개발자와사용자에게 API 를개방하는것 이미구현된 DB 와어플리케이션을활용하여보다쉽게새로운웹서비스를제공할수있음 예 ) Google MAP API 예 ) 검색 API 예 ) 서울열린데이터광장 16

17 개발작품발표 개요 이번학기에본인이기획한홈페이지나어플을직접제작한학생들은마지막수업시간에발표 1 건만발표가능, 최대 7 점, 일부만제작한경우도발표가능 발표자료 hand-out 1 부준비 ( 기획서발표때와마찬가지 ) 발표자료내용 ( 목차는예시, 변경가능 ) 표지 : 제목 ( 부제 ), 발표자 개요 개발배경및필요성 개발목표 ( 여기까지는기획서내용을요약, 벤치마킹부분은삭제 ) 개발내용 ( 여기부터는실제개발한부분을설명하고, 개발예정인부분은표시 ) 개발방법 ( 실제 UI 를스크린캡쳐해서설명 ) 개발환경 개발일정 ( 실제개발한일정일부표시 ) 기대효과및활용방안 시연 ( 가능하면실제작동하는모습을보여주고, 어려우면동영상촬영등의방법으로설명 ) 17

HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API

WAC 2.0 & Hybrid Web App 권정혁 ( @xguru ) 1 HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API Mobile Web App needs Device APIs Camera Filesystem Acclerometer Web Browser Contacts Messaging