iPhone final app project

156
aragornyeh.blogspot.com

Transcript of iPhone final app project

Page 1: iPhone final app project

aragornyeh.blogspot.com

Page 2: iPhone final app project

Final Project

3 Students

Build

1 iPhone App

Page 3: iPhone final app project
Page 4: iPhone final app project
Page 5: iPhone final app project
Page 6: iPhone final app project

Final Delivers

1. iPhone App

2. Design Report

3. App launch website

4. 5 min Presentation

Page 7: iPhone final app project

Design Report

• Idea Description

• Visual Design

• Interface Flow

Page 8: iPhone final app project

Idea Description

1. Definition Statement

2. Functions & Features

3. Design Concept

Page 9: iPhone final app project

1. Definitin Statement

An definition statement is a concise declaration of an app’s main purpose and its intended audience.

⽤一句話描述這個App

Page 10: iPhone final app project

Simple and beautifully designed calculator

Calcbot

Page 11: iPhone final app project
Page 12: iPhone final app project

1. Definitin Statement (2)

• The purpose of your application

• Who it’s for and how they’ll use it

• Its core functionality

⽤一句話描述這個App

Page 13: iPhone final app project

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:

Page 14: iPhone final app project

Example

Page 15: iPhone final app project
Page 16: iPhone final app project
Page 17: iPhone final app project
Page 18: iPhone final app project
Page 19: iPhone final app project

3. Design Concept

• The story of your idea

• User

• Value

• Architecture

• Usage

Page 20: iPhone final app project
Page 21: iPhone final app project
Page 22: iPhone final app project

Example: A Classmate App

Page 23: iPhone final app project
Page 24: iPhone final app project

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

Page 25: iPhone final app project

Value: Easy & Effective communication

Page 26: iPhone final app project

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.

Page 27: iPhone final app project

Usage: Class contacts

The main screen is an list of all the users that a student shares a course with.

Page 28: iPhone final app project

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

Page 29: iPhone final app project

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

Page 30: iPhone final app project

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.

Page 31: iPhone final app project
Page 32: iPhone final app project

Ex: 1.Definition Statement

“A tool for children visiting the zoo, to discover facts about the animals, and play interactive games.”

Page 33: iPhone final app project
Page 34: iPhone final app project
Page 35: iPhone final app project

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

Page 36: iPhone final app project
Page 37: iPhone final app project

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

Page 38: iPhone final app project
Page 39: iPhone final app project

Design Report

• Idea Description

• Visual Design

• Interface Flow

Page 40: iPhone final app project

Visual Design

1. Sketch

2. Wireframe

3. Mockup

Page 41: iPhone final app project

1.Sketch

Page 42: iPhone final app project
Page 43: iPhone final app project
Page 44: iPhone final app project
Page 45: iPhone final app project
Page 46: iPhone final app project
Page 47: iPhone final app project
Page 48: iPhone final app project
Page 49: iPhone final app project
Page 50: iPhone final app project
Page 51: iPhone final app project
Page 52: iPhone final app project
Page 53: iPhone final app project
Page 54: iPhone final app project
Page 55: iPhone final app project
Page 56: iPhone final app project

2. Wireframe

Page 57: iPhone final app project
Page 58: iPhone final app project
Page 59: iPhone final app project
Page 60: iPhone final app project
Page 61: iPhone final app project
Page 62: iPhone final app project
Page 63: iPhone final app project
Page 64: iPhone final app project
Page 65: iPhone final app project

3. Mockup

Page 66: iPhone final app project
Page 67: iPhone final app project
Page 68: iPhone final app project

Reference Links

iPhone Mockup<http://iphonemockup.lkmc.ch/>

Cacoo<https://cacoo.com>

Balsamiqhttps://balsamiq.com/

Page 69: iPhone final app project

App 企劃

Page 70: iPhone final app project
Page 71: iPhone final app project
Page 72: iPhone final app project
Page 73: iPhone final app project

iPhone SDK Implementation

Page 74: iPhone final app project
Page 75: iPhone final app project

Design Report

• Idea Description

• Visual Design

• Interface Flow

Page 76: iPhone final app project
Page 77: iPhone final app project
Page 78: iPhone final app project
Page 79: iPhone final app project
Page 80: iPhone final app project
Page 81: iPhone final app project
Page 82: iPhone final app project
Page 83: iPhone final app project
Page 84: iPhone final app project
Page 85: iPhone final app project
Page 86: iPhone final app project
Page 87: iPhone final app project

Schedule

行百⾥里路半九⼗,接下來會有一百個理由要你放棄。

最後20%的工作要花80%的力氣。

分工合作:

• 3個⼈的Project, 最後只有一個人在做事。

• 何謂負責?

• Team Members:溝通、互相鼓舞士氣。

Page 88: iPhone final app project
Page 89: iPhone final app project

Final Project Presentation

Complete Report

5 MinPresentation

App Demo

Page 90: iPhone final app project

Learn – Design – Implement - Test

Page 91: iPhone final app project
Page 92: iPhone final app project

Your Creative Idea

iPhone Programming

0

Page 93: iPhone final app project
Page 94: iPhone final app project
Page 95: iPhone final app project
Page 96: iPhone final app project
Page 97: iPhone final app project

If at first, the idea is not absurd, then there is no hope for it.

Albert Einsten

Page 98: iPhone final app project
Page 99: iPhone final app project

To Do List

iPhone Programming

Page 100: iPhone final app project

Today – Done http://done.io/

Page 101: iPhone final app project
Page 102: iPhone final app project

2 Calculator

iPhone Programming

Page 103: iPhone final app project
Page 105: iPhone final app project
Page 106: iPhone final app project
Page 107: iPhone final app project
Page 108: iPhone final app project

Algorithm Calculator

iPhone Programming

Page 109: iPhone final app project

Algorithm to App

Page 110: iPhone final app project
Page 111: iPhone final app project

Other examples

Page 112: iPhone final app project

Weather App

iPhone Programming

Page 113: iPhone final app project
Page 114: iPhone final app project
Page 115: iPhone final app project
Page 116: iPhone final app project

Flash Card

iPhone Programming

5

Page 117: iPhone final app project
Page 121: iPhone final app project

Fruit and Vegetable Flash Cards

Page 122: iPhone final app project

Kid Math

iPhone Programming

6

Page 123: iPhone final app project

Help kids to learn Math

http://www.ixl.com/

Page 125: iPhone final app project
Page 126: iPhone final app project

Database = 100+ exercises

http://www.ixl.com/

Page 127: iPhone final app project

Password & Login

iPhone Programming

7

Page 128: iPhone final app project
Page 129: iPhone final app project
Page 130: iPhone final app project

Accelerometer

Page 131: iPhone final app project

Code Generator

Page 132: iPhone final app project

Time

iPhone Programming

8

Page 133: iPhone final app project
Page 134: iPhone final app project
Page 135: iPhone final app project
Page 136: iPhone final app project

9 Game

iPhone Programming

Page 137: iPhone final app project

Puck Billiard

Page 138: iPhone final app project
Page 139: iPhone final app project
Page 140: iPhone final app project

Guess

Page 141: iPhone final app project

Hot Bike Code Breaking

Page 142: iPhone final app project

Classmate

iPhone Programming

Page 143: iPhone final app project

Record the Moment

Page 144: iPhone final app project
Page 145: iPhone final app project

Camera

Page 146: iPhone final app project
Page 147: iPhone final app project

Mobile Board

iPhone Programming

XI

Page 148: iPhone final app project

Mobile Board

Page 149: iPhone final app project
Page 150: iPhone final app project

Hardware Integration

iPhone Programming

XII

Page 151: iPhone final app project
Page 152: iPhone final app project
Page 153: iPhone final app project
Page 154: iPhone final app project
Page 155: iPhone final app project
Page 156: iPhone final app project

Final Delivers

1. iPhone App

2. Design Report

3. App launch website

4. 5 min Presentation