Post on 27-Jul-2015
aragornyeh.blogspot.com
Final Project
3 Students
Build
1 iPhone App
Final Delivers
1. iPhone App
2. Design Report
3. App launch website
4. 5 min Presentation
Design Report
• Idea Description
• Visual Design
• Interface Flow
Idea Description
1. Definition Statement
2. Functions & Features
3. Design Concept
1. Definitin Statement
An definition statement is a concise declaration of an app’s main purpose and its intended audience.
⽤一句話描述這個App
Simple and beautifully designed calculator
Calcbot
1. Definitin Statement (2)
• The purpose of your application
• Who it’s for and how they’ll use it
• Its core functionality
⽤一句話描述這個App
2. Functions & Features
Start creating App by listing all of the main functions or activities that are key to your idea
Consider some of the tasks a person would enjoy with this App:
Example
3. Design Concept
• The story of your idea
• User
• Value
• Architecture
• Usage
Example: A Classmate App
User: Students in the same class
The things that people like to do with a mobile device are usually: seeing what has happened/is happening and communicate
Value: Easy & Effective communication
Architecture
This App will consist of 3 screen Views. Each screen has its own icon at the bottom that stays available at all times. Each screen lead to other screens.
Usage: Class contacts
The main screen is an list of all the users that a student shares a course with.
Usage: Profile page
• This page will focus on the ways that the user can be contacted.
• You can message the user from here, call them, send them an email and click on the links to their external websites (a blog, Twitter, Facebook, etc.)
Usage: Recent activities
• Display short status messages about what is happening.
• The newest updates would be at the top of the screen and the user would be able to scroll down to see older entries .
• Each update would include a date and a time, would link to an extended version of the update and would include a user image
Usage: Status update
• A forum post is added to a course.
• A message has been sent to the user.
• An activity becomes available.
• A week assignment has been made by the teacher.
• The user gets the results for a quiz.
Ex: 1.Definition Statement
“A tool for children visiting the zoo, to discover facts about the animals, and play interactive games.”
Ex: 2.Functions & Features
• Finding their way around the zoo
• Learning about the animals
• Playing interactive games
• Learning about zoo memberships
• Purchasing merchandise
• Taking and sharing photos and videos
• Best paths to follow in the zoo to see the animals
Ex: 3.Design Concept
Considering your Users:
– Why do your users use your app ?
– What is most important to them?
– How will they use your app in a physical context
Design Report
• Idea Description
• Visual Design
• Interface Flow
Visual Design
1. Sketch
2. Wireframe
3. Mockup
1.Sketch
2. Wireframe
3. Mockup
Reference Links
iPhone Mockup<http://iphonemockup.lkmc.ch/>
Cacoo<https://cacoo.com>
Balsamiqhttps://balsamiq.com/
App 企劃
iPhone SDK Implementation
Design Report
• Idea Description
• Visual Design
• Interface Flow
Schedule
行百⾥里路半九⼗，接下來會有一百個理由要你放棄。
最後20%的工作要花80%的力氣。
分工合作：
• 3個⼈的Project, 最後只有一個人在做事。
• 何謂負責？
• Team Members：溝通、互相鼓舞士氣。
Final Project Presentation
Complete Report
5 MinPresentation
App Demo
Learn – Design – Implement - Test
Your Creative Idea
iPhone Programming
0
If at first, the idea is not absurd, then there is no hope for it.
Albert Einsten
To Do List
iPhone Programming
2 Calculator
iPhone Programming
Algorithm Calculator
iPhone Programming
Algorithm to App
Other examples
Weather App
iPhone Programming
Flash Card
iPhone Programming
5
Kid Math
iPhone Programming
6
Password & Login
iPhone Programming
7
Accelerometer
Code Generator
Time
iPhone Programming
8
9 Game
iPhone Programming
Puck Billiard
Guess
Hot Bike Code Breaking
Classmate
iPhone Programming
Record the Moment
Camera
Mobile Board
iPhone Programming
XI
Mobile Board
Hardware Integration
iPhone Programming
XII
Final Delivers
1. iPhone App
2. Design Report
3. App launch website
4. 5 min Presentation