Download presentation
Presentation is loading. Please wait.
1
15차시_스마트 애플리케이션 기획 스마트 애플리케이션 모형 제작 및 발표
2
기획 단계 1. 앱 컨셉 기획 2. 플로우 맵 작성 3. 와이어프레임 작성 4. 프로토타입 제작
기획 단계 1. 앱 컨셉 기획 2. 플로우 맵 작성 3. 와이어프레임 작성 4. 프로토타입 제작 수업을 들으면서 활동지에 있는 빈칸을 채워보아요
3
와이어프레이밍과 프로토타입이 무엇인지 알아보고
함께 만들어봅시다 와이어프레임이란 무엇일까요? 프로토타입이란 무엇일까요? 우리가 만든 앱을 다른 친구들은 어떻게 생각할까요?
4
3. 와이어프레이밍 작성. 와이어프레이밍이란 앱의 실제 화면들을 만들어 보는 것입니다
3. 와이어프레이밍 작성 와이어프레이밍이란 앱의 실제 화면들을 만들어 보는 것입니다. 각 화면마다 어떤 내용을 집어넣을지 생각해보고 화면을 그려봅시다. wireframing
5
3. 와이어프레이밍 작성 예시 - 학교생활 안내 앱
6
3. 와이어프레이밍 작성 예시 - 학교생활 안내 앱
7
3. 와이어프레이밍 작성 예시 - 학교생활 안내 앱
8
3. 와이어프레이밍 작성 예시 - 학교생활 안내 앱
9
3. 와이어프레이밍 작성
10
4. 프로토타입 제작 프로토타입이란 앱의 모형을 만들어 보는 것입니다. 종이나 컴퓨터를 이용해서 우리 앱이 어떻게 생긴 앱인지 미리 만들어 볼 수 있습니다.
prototype
11
4. 프로토타입 제작 예시 1) 종이 카드 프로토타입
12
4. 프로토타입 제작 예시 1) 종이 카드 프로토타입
13
4. 프로토타입 제작 예시 1) 종이 카드 프로토타입
14
4. 프로토타입 제작 예시 1) 종이 카드 프로토타입
15
4. 프로토타입 제작 예시 1) 종이 카드 프로토타입
16
4. 프로토타입 제작 예시 1) 종이 카드 프로토타입
17
4. 프로토타입 제작 예시 2) 디자인프로그램을 이용한 프로토타입
18
4. 프로토타입 제작 예시 3) 프레젠테이션 툴을 이용한 프로토타입
19
4. 프로토타입 제작 예시 3) 프레젠테이션 툴을 이용한 프로토타입
20
4. 프로토타입 제작 예시 3) 프레젠테이션 툴을 이용한 프로토타입
21
4. 프로토타입 제작 예시 4) 비디오 프로토타입
22
직접 만들어 보아요! 조별 애플리케이션 제작 와이어프레이밍 작성 : 우리가 기획한 컨셉과 플로우 맵에 맞춰 화면별 디자인을 해보아요. 프로토타입 제작 : 완성된 와이어프레임을 토대로 실제 앱처럼 만든 앱 모형을 만들어 보아요. 발표 : 우리가 만든 앱을 친구들에게 발표하고 친구들의 의견을 들어보아요.
23
수고하셨어요. 다음 시간에 만나요~
Similar presentations
