By Darong Leng & Chris Knakal

Slides:

Advertisements

Similar presentations

Manipulative Template 1

Advertisements

Using Microsoft Office Excel 2007

FIRST COURSE Word Tutorial 2 Editing and Formatting a Document.

CIS 251 – Lesson 7 Editing and Formatting a Document Rod Rodrigues.

Chapter 2 Creating and Editing Documents. Opening Documents Screen Options “Typing” and Selecting Text Copying, Moving, and Pasting MS Word Tools Find.

PowerPoint: Tables Computer Information Technology Section 5-11 Some text and examples used with permission from: Note: We are.

Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.

A Prezi presentation is like creating a mind map. It is created on a blank canvas and you decide where the information goes on this canvas.

FIRST COURSE Word Tutorial 2 Editing and Formatting a Document.

Working with Jing Step 1: Select capture. Use the cross-hairs to select the area you want to capture. Or you can click and drag the cross-hairs to select.

XP M.S. Word Editing and Formatting a Document. XP New Perspectives on Microsoft Office 2007: Windows XP Edition2 Objectives Check spelling and grammar.

Movie Maker in the High School Classroom Professional Development Workshop September 1, 2009 Facilitator: Heidi Camp Swartz Creek High School.

How to Create a Cartoon Using Go!Animate

Lesson 7: Creating and Editing Business Letters. 2 Learning Objectives After studying this lesson, you will be able to:  Type a professional business.

Drafting Module - Hatchings 15/09/ th Catia/SmarTeam Users’ Forum1 Drawings quality improvement CATIA V5 R23.

Working with Symbols and Interactivity

 Definition  Components  Advantages  Limitations Contents  Meaning of Editing Meaning of Editing  Editing Cell Contents Editing Cell Contents 

Floyd, Digital Fundamentals, 10 th ed EET 2259 Unit 3 Editing and Debugging VIs  Read Bishop, Chapter 3.  Lab #3 and Homework #3 due next week.  Quiz.

Lesson 2: Creating and Editing Business Letters. 2 Learning Objectives After studying this lesson, you will be able to:  Select and edit text, and use.

Lecture Manipulating Graphics w/ Paint.Net. What is Paint.Net? Paint.NET is free image and photo editing software for computers that run Windows. It features.

Excel: Navigating the Screen Computer Information Technology Section 6-2 Computer Information Technology Section 6-2 Some text and examples used with permission.

Get up to speed Get your bearings—what’s changed and why The most noticeable change in PowerPoint 2007 is at the top of the window. Instead of menus and.

Learning Unity. Getting Unity

Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.

PowerPoint How to use the Alta template Marketing - September 2013.

Cut, Copy and Paste Slide #s and titles: 2. Identify buttons 3.Steps to copy text 4.Steps to cut & paste 5.Paste Options button image 6.Cut & paste = drag.

Tap to Get Started with Keynote.. Presentations Create new presentations and find the ones you’ve worked on before. Your progress is saved automatically.

Microsoft Word Level 1 Michael Carco. Word Level 1 Agenda  Word Basics  Navigating in a Document  Inserting and Modifying Text  Creating and Modifying.

Learning PowerPoint Presenting your ideas as a slide show… …on the computer!

© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.

Editing Documents Lesson 2 – Part 1 CLASS 1. Do Now (Class 1): Log-In Write name, period, & class days on notes Prepare writing utensil Go to our class.

1 After completing this lesson, you will be able to: Open a file. Navigate through a document. Scroll through a document. Insert text in a document. Select.

Welcome eager young artists! Ms. Edelman Saturday, March 12, 2016  DO NOW: take out your notebook and a pen.

Design Visualization Software Introduction / Review.

Animation Fall Semester Exam Review James Martin High School Career and Technical Education.

Do Now: Take out your notebook and a pen. Good Morning Do Now: Take out your notebook and a pen. Good Morning Aim: What should I know about the creative.

Welcome eager young artists! Ms. Edelman Sunday, June 05, 2016  DO NOW: take out your notebook and a pen. Review your notes from yesterday.

Pasewark & Pasewark Microsoft Office XP: Introductory Course 1 INTRODUCTORY MICROSOFT WORD Lesson 2 – Basic Editing.

02. Excel Formulas. File -> Open -> 02b-datastart.xlsx.

Fundamentals of Windows Mouse n 4 Basic Operations: –Pointing –Clicking –Double Clicking –Dragging.

Manipulating Graphics w/ Paint.Net

Software Operating System Applications BIOS.

Computer Skills windows.

EET 2259 Unit 3 Editing and Debugging VIs

MANIPULATING TEXT WITHIN AND BETWEEN DOCUMENTS

Excel: Navigating the Screen

John Bordsen Technology Trainer Gail Borden Public Library

NAME MANIKA SAMBHOR BATCH NIGHT BATCH 1 ROLL NO 17 NRO

Microsoft Windows 10 Part II

Manipulating the Camera

Motus Unitatis, an Animation Editor

Alpha Teach User Interface

Kei Chibazakura and Nathan Harger

Custom Paint Application

Do you want to build a snowman?

Solar System Simulator Armin Haghi & Kyle Burney.

Andrew Hoke Michael Nissenson

Michael Ritchie & Fuli Lan

Lesson 1: Cut, Copy, and Paste Tools

Basic Editing Show and Hide formatting Marks Select Text

BasicSafe Enhancements New Lockout Tagout Tool Features

How To “Capture” An Image

Fundaments of Game Design

Listen Up: Creating Effective Audio Lectures for Students

Translate 5 squares left and 4 squares up.

Making figure and Intro

“Captured screen” appears.

Assignment 2 Creating a LOGO.

Computer Skills windows.

Computer Skills windows.

Presentation transcript:

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

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

Mockup Multiple storyboards (scene nodes) GUI controls Two cameras

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

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

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

Requirements Continued 5) Direct manipulation 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.