i OS Screen Mockup By Darong Leng Chris

i. OS Screen Mockup By Darong Leng & Chris Knakal

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

Mockup Multiple storyboards (scene nodes) GUI controls Two cameras

How Technical Requirements Are Met? 1. Friendly UI 2. Graphical Objects a. Scene. Node hierarchy of at least 2 gens b. At least three Scene. Nodes 3. Ability to edit graphical objects a. Selection: LMB b. Modify: Removal, and/or changing of transform 4. Two different views a. At least two viewports

Requirements 1) Friendly UI: 1) Graphical Objects a) Scene. Node hierarchy of at least 2 gens i) Scene. Node hierarchy (2 x minimum) b) At least three Scene. Nodes

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

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

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

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.

Done, Thanks - No time for question.