1. By Darong Leng & Chris Knakal
iOS Screen Mockup
By Darong Leng & Chris Knakal

2. Goals Create quick, simple mockup of iOS UI
Define shapes and create multiple instances of them
Create multiple iOS screens to see easily the usage flow of the user
Direct user manipulation on shapes and storyboards

3. Mockup
Multiple storyboards (scene nodes)
GUI controls
Two cameras

4. How Technical Requirements Are Met?
Friendly UI
Graphical Objects
SceneNode hierarchy of at least 2 gens
At least three SceneNodes
Ability to edit graphical objects
Selection: LMB
Modify: Removal, and/or changing of transform
Two different views
At least two viewports
Direct manipulation
Direct manipulation of the WC window

5. Requirements Friendly UI: Graphical Objects
SceneNode hierarchy of at least 2 gens
SceneNode hierarchy (2x minimum)
At least three SceneNodes
Any number of SceneNodes though merging

6. Requirements Continued
3) Ability to edit graphical objects
Selection:
Select one shape through left mouse
Modify: Removal, and/or changing of transform
transform by dragging the the blue dots
selected shapes can be removed through hitting ‘Delete’ key
4) Two different views
At least two viewports:
one small camera and one big camera

7. Requirements Continued
5) Direct manipulation
Direct manipulation of the WC window: Being able to drag the green square
Big Camera
Small Camera
Whole View

8. Stretch Goals Allows user to create texts
Allows user to select multiple shapes through dragging

9. Excitement Requirements
COPY & PASTE shapes. (Ctrl+C) & (Ctrl+V)
REDO and UNDO on shapes. (Ctrl+Z) & (Shift+Ctrl+Z)
Download the canvas as JPG/PNG.
Upload images.

10. Done, Thanks - No time for question.