Steve Pter 씨

웹프로그래밍 및 실습 2 기말 프로젝트

담당 김태민 교수님

프레젠테이션 연습 웹앱

- 기획 의도

- 설계

- 스케줄 표

Contents

기획 의도

21 세기 인재상 : 말하기 > 글쓰기

기획 의도

컴퓨터미디어학

200831205 김아라

200831554 황혜원

자기 PR 을 해야하는 시대

그러나 , 우리에게 시간이 많이 없습니다 .늘 시간이 제한 돼 있기 때문이죠 !

기획 의도

음악 프레젠테이션 면접

설계

설계 Loading.html

• Main 이 시작하기 전에 Loading 화면이 나온다

Steve Pter 씨프레젠테이션 연습 웹앱

• 넘어가는 방식 : swipe 나 토글 방식

설계 Main.html

• 음악 , pt 발표 , 면접 버튼으로 발표 종류를 선택한다

음악 프레젠테이션 면접

AD ( 예 ) 프리젠터 광고 .swf • 웹앱 무료 배포 대신 배너 광고를 통해 수익 창출

설계 Music.html

• Slider 컨드롤을 이용해 메트로놈 속도를 조절한다

• 음악 발표를 하려면 박자가 중요하다

음악 프레젠테이션 면접

AD ( 예 ) 조율기 .swf

테잎 감기는

소리제

점수는요 박수 소리

• 곡이 바뀔 때 버튼을 눌러 분위기 전환

• 음악과 관련된 광고 노출

설계 PT.html

• select 메뉴로 이용해 발표 제한시간을 정한다

• 프레젠테이션에서는 시간제한이 있다

• 대본을 입력할 수 있는 텍스트 박스가 있다

음악 프레젠테이션 면접

AD ( 예 ) 스피치 학원 .swf • PT 와 관련된 광고 노출

설계 Interview.html

• select 메뉴로 이용해 발표 제한시간을 정한다

• 면접에서도 시간제한이 있다

• 전달력이 제일 좋은 음은 ‘ 솔’이라고 한다• 남자 / 여자 파트를 나눠 목소리를 솔에 맞출 수 있게 한다

음악 프레젠테이션 면접

AD ( 예 ) 면접 코디법 쇼핑몰 .swf • 면접과 관련된 광고 노출

긴장 푸는 음악 1

자기 소개 마지막으로 하고싶은 말은 ? • 음악을 이용해 긴장을 풀고

예상 면접 질문 연습

스케줄 표

일 월 화 수 목 금 토

11조 선정

12

13 14 15 16아이템 회의

17아이템선정 확정

182 주차 기획서 발표

19

20개별 개발 & 음향 , 이미지 자료 수집

21개별 개발 & 음향 , 이미지 자료 수집

22 23기획 수정 &

보완

24개발시작

253 주차 기획서 발표

26

27개별 개인 작업

28개별 개인 작업

29 30개발 & 음향UI 수집

1음향 , UI 개발로 실현

24 주차 기획서 발표

3

4 5개발 & UI 디테일 실현

6 7피드백 & 오류 확인

8개발 완성 & 배포 완성

95 주차 웹앱 최종 발표

얏호

[1 주차 ]조원 구성 , 아이템 회의

[2 주차 ]아이템 선정 , 기획 초안

[3 주차 ]기획 기술 확정 , 개발 시작

[ 정기 회의 ]매주 수요일 오프라인 회의매주 목요일 온라인 회의

[4 주차 ]UI, 개발 가 완성

[5 주차 ]피드백 , 최종 오류 수정 , 배포 준비

Q & A감사합니다