Software Prototyping. & App Inventor
|
|
- Brice McDonald
- 6 years ago
- Views:
Transcription
1 Software Prototyping & App Inventor
2 Prototyping This & next several slides distilled from: Prototype: preliminary, interactive model of an idea Widely used in product design Essential to concept selection process (note similarity to choosing classes & CRC cards): Most useful characteristic: disposability Allow presentation of design ideas to users Successful market products come from succession of failed prototypes
3 Paper prototyping Sketch idea: e.g. user interface Not to scale Don t be deeply committed to it Easily changed Easily discarded Build multiple designs simultaneously can pick & choose best parts of each
4 Limitations of paper prototyping No direct sensory experience (beyond the visual) Can t demonstrate implementation feasibility
5 Software prototyping Quick mockup of proposed program Provides (limited) interactivity Affords ability to try out features, even if not fully implemented Somewhat related to, but not the same as, Agile process product: Prototype is still a throwaway, not meant to be an end product But a really good prototype can be kept, built on
6 App Inventor Visual (blocks-based) programming environment for development of Android apps Can create actual apps and/or working prototypes Dave Wolber: App Inventor is the electronic napkin for app design
7 App Inventor interface Component Designer: create user interface Select & manipulate initial values for app components Display components on mockup of device screen Blocks Editor: program app behavior Create program with set of interlocking blocks to describe interaction of app components Can test program functionality during development screen emulator or actual device
8 Components In Java, we would call these objects: Have names defaults are things like Button1 or HorizontalArrangement2 which can be reset Have properties: aka attributes, aka instance variables these can be set to initial values and also changed with code Have blocks: aka behaviors, aka builtin methods (or just individual instructions)
9 Components: User Interface Buttons, TextBoxes, Labels, CheckBoxes and Images are pretty much exactly like their swing object cousins A ListView is a kind of label for displaying multiple text values A PasswordTextBox is TextBox in which the text entered is invisible Various types of Pickers are buttons that pop up lists from which user can choose
10 Components: User Interface Slider: a progress bar with a draggable thumb for adjustment Notifier displays alerts & generates log entries Webviewer: component for viewing web pages Spinner: Displays a pop-up with a list of elements; something like a menu
11 Components: Layout Layout components provide a form of layout management for the device screen Vertical and Horizontal Arrangements lay out visible components using the indicated orientation; both size and justification can be set, and arrangements can be nested TableArrangement is similar to swing's GridLayout
12 Components: Media Media components include: Access to existing media objects (Sound, ImagePicker) Access to device resources for capturing and producing media (Camera, Player, TextToSpeech, SoundRecorder, etc.)
13 Components: Drawing and Animation Canvas: touch-sensitive drawing area Can place and animate objects (ImageSprites, Balls) in a Canvas Can draw on a Canvas Attributes include height, width, Color (background and foreground), BackgroundImage Has event listeners for touch and object movement
14 Components: Drawing and Animation ImageSprite: App Inventor's answer to the Icon (sort of) Can be placed on Canvas Can react to touches, drags, and interaction with other ImageSprites or Balls Ball: simple sprite that looks like a ball
15 Components: Sensors Clock: uses internal device clock; can fire timing events, perform time calculations LocationSensor: receives & provides data from device GPS detects movement in the large AccelerometerSensor: detects movement in the small (shaking, tilting)
16 Components: Sensors OrientationSensor: provides information about device position in space (when not moving) ProximitySensor: measures proximity of object (in cm) from device screen Other sensors: depend on optional capabilities of device
17 Components: Social Texting, PhoneCall and Twitter: components that enable app to avail themselves of device communication options Sharing: enables sharing files/messages with other apps on the device Pickers: various components for interacting with device contact list; not supported on all devices
18 Components: Storage TinyDB and TinyWebDB: provide database storage on the device and on an external server, respectively File: text file storage on the device FusiontableControl: allows app to communicate with Google Fusion Tables
19 Components: Connectivity BluetoothClient/Server: enables app to connect, disconnect, and send and receive data with paired devices Web: provides functions for http get, post, put and delete requests ActivityStarter: allows an app to start another app
20 Components: LEGO MINDSTORMS Provides command interface for controlling NXT robots NxtDrive: control motors NxtDirectCommands: write on robot screen, start stored programs NxtXXXXSensor: communicate with various robot sensors
21 Initializing components To add a component to an app, click on an instance from the palette and drag it to the screen model Visible components will be placed wherever you put them on the screen, more or less Invisible components (such as a Sound, for example) will appear below the screen (provided the selection box above the screen is checked):
22 Initializing components Once a component has been placed, its name will appear in the Components panel in the existing heirarchy of components Generally it's good practice to rename your components descriptively: this will help you when it comes time to add code
23 Initializing components Component properties vary by type; some common properties include: Height Width Background Color Default values can be set using the Properties menu in the Designer
24 Blocks Editor Once you've added components using the designer you can define their behavior using the Blocks Editor Blocks come in 2 types: Built-in: general name for control structures, values, and syntax elements (e.g. variables, procedures and lists) Component behaviors: each component that was added in the Designer menu has a corresponding pull-down menu of blocks in the Blocks editor
25 Block shapes and use Blocks are the syntax of App Inventor Programming consists of putting pieces together like a puzzle to form procedures and event handlers Block shapes determine how blocks can be put together:
26 Built-in blocks: Control Control blocks include the familiar control constructs of if/then, if/then/else and various loop types Note that the last two blocks listed on the left are argument blocks they could be plugged in to the sockets of other blocks
27 Built-in blocks: Control Control blocks also include several that are less familiar, as they don't involve the evaluation of boolean expressions: they are control commands, not control structures as we know them
28 Built-in blocks Some blocks, such as the if block at left, offer expansion capabilities Click on the blue expander control to bring up a list of possible nesting blocks choose the one(s) you want by dragging selected block(s)from the left to the block on the right
29 Built-in blocks: Logic Logic blocks include boolean values and logical operators as well as relational operators equal and not equal The other relational operators are found in the Math category
30 Built-in blocks: Math Math blocks include literal number values, various expressions (note the ^ operator for exponentiation), blocks that generate random values, and several mathematical functions
31 Built-in blocks: Math Note that the function blocks contain drop-down arrows you can use these to select a different function for the block The convert functions work (at least) 2 ways convert number has 4 different conversions in its drop-down
32 Built-in blocks: Text Text blocks provide much of the same functionality that the String class methods provide in Java Also includes some more appspecific functionality, such as:
33 Built-in blocks: Lists Lists are groups of items, somewhat similar to arrays: Randomly accessible via indexing Unlike arrays, indexes start at 1
34 Built-in blocks: Lists App Inventor lists provide additional functionality not found in Java arrays for example, built-in support for getting data from commaseparated files and for lookup tables
35 Built-in blocks: Colors Color blocks are mostly selfevident The make color block allows creation of a custom color from RGB values The split color block generates a list of 4 integer values, representing RGB and alpha (degree of transparency)
36 Built-in blocks: Variables Components have properties, which roughly correspond to instance variables Other types of variables: notably global (a category that doesn't exist in Java) and local, can be defined, accessed and mutated with the variable blocks
37 Built-in blocks: Procedures Procedures are named sets of instructions (kind of what we know as methods) First block on left defines a void procedure Second block defines a value-returning procedure Procedures defined using the procedures blocks are sets of instructions that are not associated with any particular component they are like what C++ calls non-member functions As soon as you define a procedure, the third block on the left appears tin the Procedures drawer
38 Event handlers Event handlers are blocks with labels that start with the word when Such blocks are associated with components The blocks on the left are event handlers associated with a Screen component
39 Other component blocks: procedures Some component types have built-in methods that are not event handlers: the blocks on the left show some of the methods built into the Canvas component
40 Other component blocks: accessors and mutators Component properties can be accessed and mutated using blocks like those on the left (getters and setters for a Label component)
41 Block editor help Each block has help information embedded in it hover the mouse over a block to access brief help description
42 Block editor shortcut menus Right-click on a block to bring up a menu of shortcuts, including the ability to copy a block, add a comment, collapse/disable/delete a block, or access long-form online help screens
43 Additional Blocks Editor Features The trash can, found in the lower right corner of the screen, allows you to discard unwanted blocks The backpack, in the upper right corner, allows you to save blocks for use in other apps
44 Blocks Editor menus
45 Blocks Editor menus
Learn to Code. App Inventor Overview
App Inventor Overview App Inventor is an Integrated Development Environment (IDE) that you access through a web browser. An IDE provides all of the tools you need to develop in one application. App Inventor
More information3. Text to Speech 4. Shake it
3. Text to Speech 4. Shake it Make your phone speak to you! When you shake your phone, you can make your phone shake too. Type a phrase in a text box. Then press a button, and use the TextToSpeech component
More informationAppyBuilder Beginner Tutorials
AppyBuilder Beginner Tutorials Four Simple Tutorials for Getting Started with AppyBuilder 1 TalkToMe: Your first AppyBuilder app 03 2 TalkToMe Part 2: Shaking and User Input 21 3 BallBounce: A simple game
More informationMoleMash for App Inventor 2. Getting Started. Introduction. Workshop, S.1
In the game MoleMash, a mole pops up at random positions on a playing field, and the player scores points by hitting the mole before it jumps away. This tutorial shows how to build MoleMash as an example
More informationMagic 8-Ball. Part One: Click a Button, Hear a Sound. DESIGN: App Inventor Designer. Magic 8-Ball Predicts the Future
Magic 8-Ball Magic 8-Ball Predicts the Future This introductory module will guide you through building a Magic 8-Ball app with App Inventor. When activated, your 8-ball will deliver one of its classic
More informationTutorial guideline for App Inventor
Tutorial guideline for App Inventor This short guideline will help you to quickly jump into the tutorial sessions of the MIT App Inventor with minimal reading in a short time period. I have extracted some
More informationWhat You're Building 2. Getting Started 3 Introduction 4 Iteration or how we will get to Finished App. 4
Table of Contents What You're Building 2 Getting Started 3 Introduction 4 Iteration or how we will get to Finished App. 4 Iteration 1 Create still image of our Game 5 Getting Ready 5 Set up the Components
More informationApp #2 - Paint Pot. Getting Ready. Objectives: In this lesson you will learn to:
App #2 - Paint Pot Paint Pot is a basic finger painting app. It simulates the process of dipping your finger in a pot of a paint and then drawing on a canvas. The app uses buttons to simulate dipping your
More informationMobile Programming (MIT App Inventor 2)
Mobile Programming (MIT App Inventor 2) http://www.plk83.edu.hk/cy/ai2 Contents 1. Understanding the working environment (Page 1) 2. First Android Program (HelloPurr) (Page 4) 3. Completing HelloPurr (Page
More informationApp Development with MIT App Inventor
Summer School of Programming time.to.code Workshop 4 App Development with MIT App Inventor Tutorials- Magic 8-Ball [BASIC] BLOCKS 1 st August 2016 Magic 8-ball Now you will create a Magic 8-Ball app which
More informationPaintPot: (Part 1) What You're Building. Before starting
PaintPot: (Part 1) This tutorial introduces the Canvas component for creating simple two-dimensional graphics. You'll build an app that lets you draw on the phone screen in different colors. Historical
More informationPaintPot. Figure 2-1. The PaintPot app
Chapter 2 PaintPot This tutorial introduces the Canvas component for creating simple, two-dimensional (2D) graphics. You ll build PaintPot, an app that lets the user draw on the screen in different colors,
More informationPaintPot Hack This is an app with a background image of a cat that the user can draw on the image with different colors
PaintPot Hack This is an app with a background image of a cat that the user can draw on the image with different colors Login to App Inventor Here are instructions on how to login to App Inventor and create
More informationActivity Digital Doodle
Activity 1.1.2 Digital Doodle Introduction Let's create an app! In this app, you'll be able to take a photograph with the press of a button and then draw on it. You will use MIT App Inventor to create
More informationACS-1805 Introduction to Programming (with App Inventor) Chapter 5. MoleMash 9/27/2018 1
ACS-1805 Introduction to Programming (with App Inventor) Chapter 5 MoleMash 9/27/2018 1 What We Will Learn What we will learn in this chapter: The ImageSprite component for touch-sensitive movable images.
More informationACS-1805 Introduction to Programming
ACS-1805 Introduction to Programming Chapter 03: MoleMash 2019-01-22 1 What You ll Learn The ImageSprite component for touch-sensitive movable images. The Canvas component, which acts as a surface on which
More informationACS-1805 Introduction to Programming (with App Inventor)
ACS-1805 Introduction to Programming (with App Inventor) Chapter 8 Creating Animated Apps 10/25/2018 1 What We Will Learn The methods for creating apps with simple animations objects that move Including
More informationACS-1805 Introduction to Programming (with App Inventor)
ACS-1805 Introduction to Programming (with App Inventor) Chapter 2 9/6/2018 1 HelloPurr The counterpart of the Hello World the typical very first program in the traditional programming Instead of displaying
More informationTalkToMe: A beginner App Inventor app
TalkToMe: A beginner App Inventor app This step-by-step picture tutorial will guide you through making a talking app. To get started, sign up for a free Google Account: http://accounts.google.com/signup
More information1. Defining Procedures and Reusing Blocks
1. Defining Procedures and Reusing Blocks 1.1 Eliminating Redundancy By creating a procedure, move a copy of the redundant blocks into it, and then call the procedure from the places containing the redundant
More informationErasmus+ Project: Yestermorrow Year 1 Maths: Pythagorean Theorem
Erasmus+ Project: Yestermorrow Year 1 Maths: Pythagorean Theorem Workshop (Coding Android Mobile Apps): Collision Detection and the Pythagorean Theorem (Based on the code.org worksheet) WORKSHOP OVERVIEW
More informationPicture Talk App Directions (Version 2 of App Inventor) Description:
Picture Talk App Directions (Version 2 of App Inventor) Description: This App combines images and the TextToSpeech object in Android and App Inventor to create an icon based speech program. Like the Dynavox
More informationUnderstanding an App s Architecture
Chapter 14 Understanding an App s Architecture This chapter examines the structure of an app from a programmer s perspective. It begins with the traditional analogy that an app is like a recipe and then
More informationHello App Inventor! Android programming for kids and the rest of us. Chapter 2. by Paula Beer and Carl Simmons. Copyright 2015 Manning Publications
SAMPLE CHAPTER Hello App Inventor! Android programming for kids and the rest of us by Paula Beer and Carl Simmons Chapter 2 Copyright 2015 Manning Publications Brief contents 1 Getting to know App Inventor
More informationTalkToMe: Your first App Inventor app
TalkToMe: Your first App Inventor app This step-by-step picture tutorial will guide you through making a talking app. To get started, go to App Inventor on the web. Go directly to ai2.appinventor.mit.edu,
More informationGetting Started with App Inventor
Getting Started with App Inventor Table of Contents Chapter One: Sensors... 1 What do sensors do?... 1 Chapter Two: Introduction to App Inventor... 3 What is App Inventor?... 3 Setting up your phone...
More informationNot For Sale. Glossary
Glossary Actor A sprite and the role it plays as it interacts with another sprite on the stage. Animated GIF A graphic made up of two or more frames, each of which is displayed as an automated sequence
More informationReleased June 2012 For Assessment Submission January 2013 to June 2015
Released June 2012 For Assessment Submission January 2013 to June 2015 GCSE COMPUTING A452 Practical Investigation *A426280613* CONTROLLED ASSESSMENT MATERIAL 5 This assessment may be periodically reviewed.
More informationLME Software Block Quick Reference 1. Common Palette
LME Software Block Quick Reference Common Palette Move Block Use this block to set your robot to go forwards or backwards in a straight line or to turn by following a curve. Define how far your robot will
More informationACS-1805 Introduction to Programming
ACS-1805 Introduction to Programming Chapter 02: PaintPot 2019-01-15 1 PaintPot This tutorial introduces the Canvas component o for creating simple two-dimensional (2D) graphics PaintPot o an app that
More informationlab A.3: introduction to RoboLab vocabulary materials cc30.03 Brooklyn College, CUNY c 2006 Name: RoboLab communication tower canvas icon
cc30.03 Brooklyn College, CUNY c 2006 lab A.3: introduction to RoboLab Name: vocabulary RoboLab communication tower canvas icon drag-and-drop function palette tools palette program algorithm syntax error
More informationInfoSphere goes Android Flappy Bird
So you have decided on FlappyBird. FlappyBird is a fun game, where you have to help your bird create an App, which to dodge the storm clouds. This work sheet will help you let s you control a generates
More informationFruit Snake SECTION 1
Fruit Snake SECTION 1 For the first full Construct 2 game you're going to create a snake game. In this game, you'll have a snake that will "eat" fruit, and grow longer with each object or piece of fruit
More informationBCSWomen Android programming (with AppInventor) Family fun day World record attempt
BCSWomen Android programming (with AppInventor) Family fun day World record attempt Overview of the day Intros Hello Android! Getting your app on your phone Getting into groups Ideas for apps Overview
More informationRobolab. Table of Contents. St. Mary s School, Panama. Robotics. Ch. 5: Robolab, by: Ernesto E. Angulo J.
Robolab 5 Table of Contents Objectives...2 Starting the program...2 Programming...3 Downloading...8 Tools...9 Icons...9 Loops and jumps...11 Multiple tasks...12 Timers...12 Variables...14 Sensors...15
More informationInspiring Creative Fun Ysbrydoledig Creadigol Hwyl. App Inventor Workbook
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl App Inventor Workbook App Inventor is a cloud-based application development tool, enabling users to develop Android applications for free! App Inventor
More informationIndex. Guide. Camera Detect Event Guide. AcuraVision
Index Guide of Camera Detect Events in AcuraVision How to use Motion Detection... 2 How to use Missing & Left Object Detection... 4 How to use Secure Zone Detection... 6 How to use Flow Counting feature...
More informationExcept as otherwise noted, the content of this document is licensed under the Creative Commons Attribution 3.0 License
Except as otherwise noted, the content of this document is licensed under the Creative Commons Attribution 3.0 License http://creativecommons.org/licenses/by/3.0 Agenda Day 1 Introduction What is a computer
More informationApp Inventor + IoT: Basic Bluetooth Connection Setup
App Inventor + IoT: Basic Bluetooth Connection Setup 30 min Start a new project in App Inventor and name it BasicIoTSetup. First, we need to set up some buttons to find and connect to our Arduino over
More informationCampus Map App Tutorial
Campus Map App Tutorial Overview: We will be making an app that will mark different locations on the mit campus. The App will change the screen when the phone is shaked to display a list that represent
More informationItems in BLUE do not have video tutorials but use text directions only. Page 1
Application Learn about Expertise 1. Talk to Me Text to speech First Apps 2. Ball Bounce Ball object. Animation. First Apps 3. Digital Doodle Canvas drawing. First Apps 4. I have a Display photos. Play
More informationCHAPTER 1 HelloPurr. The chapter covers the following topics:
CHAPTER 1 HelloPurr This chapter gets you started building apps. It presents the key elements of App Inventor, the Component Designer and the Blocks Editor, and leads you through the basic steps of creating
More informationActive Images. Dick Bronson - R R -C irk its, I n c. Active images. Direct layout control (PP-clinic-2)
Dick Bronson - R R -C irk its, I n c. Active images Direct layout control (PP-clinic-2) Dick Bronson - R R -C irk its, I n c. In the first part of this clinic series we created a background image for a
More informationAdobe Illustrator. Always NAME your project file. It should be specific to you and the project you are working on.
Adobe Illustrator This packet will serve as a basic introduction to Adobe Illustrator and some of the tools it has to offer. It is recommended that anyone looking to become more familiar with the program
More informationWork with RSS Feeds. Procedures. Add an RSS Text Object CHAPTER. Procedures, page 7-1
CHAPTER 7 Revised: November 15, 2011 s, page 7-1 s Add an RSS Text Object, page 7-1 Rename an RSS Text Object, page 7-2 Delete or Restore an RSS Text Object, page 7-4 Manipulate an RSS Text Object, page
More informationCrossley Fields - Computing Vocabulary
Crossley Fields - Computing Vocabulary Glossary of terms taken from Kirklees Guidance, CAS/NAACE Computing in the National Curriculum & MIT Scratch Reference Guide. A Algorithm an unambiguous procedure
More informationWIREFRAMING 101. Essential Question: Can We Possibly Build an App? Learning Targets: Lesson Overview
WIREFRAMING 101 Essential Question: Can We Possibly Build an App? Learning Targets: Students will: Use wireframing to create a design for an app for mobile devices. Collaborate to make decisions about
More informationIntroduction What is MIT App Inventor?
Table of Contents Introduction What is MIT App Inventor? Arduino (From Arduino Website) Turn On and OFF an LED (Hello World) Creating Android App Connecting Bluetooth and programming Arduino Control LED
More informationUI Elements. If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI)
UI Elements 1 2D Sprites If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI) Change Sprite Mode based on how many images are contained in your texture If you are
More informationNumbers Basics Website:
Website: http://etc.usf.edu/te/ Numbers is Apple's new spreadsheet application. It is installed as part of the iwork suite, which also includes the word processing program Pages and the presentation program
More informationGIMP ANIMATION EFFECTS
GIMP ANIMATION EFFECTS Animation: Image ANIMATION: IMAGE GIMP is all about IT (Images and Text) DOWNLOADING THE SUNFLOWER AND BUMBLE BEE IMAGES Both images will come from the Public Domain. To find the
More informationCreating Interactive PDF Forms
Creating Interactive PDF Forms Using Adobe Acrobat X Pro for the Mac University Information Technology Services Training, Outreach, Learning Technologies and Video Production Copyright 2012 KSU Department
More informationCompatibility with graphing calculators 32 Deleting files 34 Backing up device files 35 Working with device screens 36 Capturing device screens 36
Contents Introduction to the TI Connect Window 1 TI Connect Window 1 Opening the TI Connect Window 2 Closing the TI Connect Window 4 Connecting and disconnecting TI handheld devices 4 Using Task Shortcuts
More informationAnjuli Kannan. Google Earth Driving Simulators (3:00-7:00)
Google Earth Driving Simulators (3:00-7:00) An example of what you can do by learning the GoogleEarth API, once you know how to write code Google has published such an API so that people can make programs
More informationOnPoint s Guide to MimioStudio 9
1 OnPoint s Guide to MimioStudio 9 Getting started with MimioStudio 9 Mimio Studio 9 Notebook Overview.... 2 MimioStudio 9 Notebook...... 3 MimioStudio 9 ActivityWizard.. 4 MimioStudio 9 Tools Overview......
More informationManaging Apps and Notifications
ipad Basics Managing Apps and Notifications Managing Apps and Notifications As you collect more and more apps (including those that are builtin, and those that you download from the App Store), you might
More informationWYBCS Android Programming (with AppInventor) Family fun day
WYBCS Android Programming (with AppInventor) Family fun day Overview of the day Intros Hello Android! Installing AppInventor Overview of AppInventor Making your first app What's special about mobile? Changing
More informationTree and Data Grid for Micro Charts User Guide
COMPONENTS FOR XCELSIUS Tree and Data Grid for Micro Charts User Guide Version 1.1 Inovista Copyright 2009 All Rights Reserved Page 1 TABLE OF CONTENTS Components for Xcelsius... 1 Introduction... 4 Data
More informationAdobe Illustrator. Quick Start Guide
Adobe Illustrator Quick Start Guide 1 In this guide we will cover the basics of setting up an Illustrator file for use with the laser cutter in the InnovationStudio. We will also cover the creation of
More informationAN INTRODUCTION TO SCRATCH (2) PROGRAMMING
AN INTRODUCTION TO SCRATCH (2) PROGRAMMING Document Version 2 (04/10/2014) INTRODUCTION SCRATCH is a visual programming environment and language. It was launched by the MIT Media Lab in 2007 in an effort
More informationMicrosoft Sway. Contents
Microsoft Sway Contents Getting Started... 2 Logging In... 2 Tutorial Videos... 2 Creating a New Sway... 3 Create & Organize Area/Storyline... 3 Adding Content... 4 Text... 4 Heading... 4 Picture... 5
More informationCreating Breakout - Part 2
Creating Breakout - Part 2 Adapted from Basic Projects: Game Maker by David Waller So the game works, it is a functioning game. It s not very challenging though, and it could use some more work to make
More informationPerch Documentation. U of M - Department of Computer Science. Written as a COMP 3040 Assignment by Cameron McKay, Marko Kalic, Riley Draward
Perch Documentation U of M - Department of Computer Science Written as a COMP 3040 Assignment by Cameron McKay, Marko Kalic, Riley Draward 1 TABLE OF CONTENTS Introduction to Perch History of Perch ---------------------------------------------
More informationMotionGraphix. User Guide. Quick Start. Overview
MotionGraphix User Guide Quick Start Create a Project Add Elements Position, scale and rotate the elements Change the time and reposition, scale and rotate the elements Change the time again, etc. Double
More informationSliding and Rotating Objects. Appendix 1: Author s Notes
AnimationWorks User Guide AnimationWORKS Introduction Camera Paths Cameras Moving Objects Moving Object Paths Sliding and Rotating Objects Light Objects Class Visibility Objects Transparency Objects Appendix
More information1. Camera and Image Picker
1. Camera and Image Picker 1.1 Camera Camera is a non-visible component that takes a picture using the device's camera. After the picture is taken, the path to the file on the phone containing the picture
More informationBEGINNER PROGRAMMING LESSON
Introduction to the NXT Brick and Software By Sanjay and Arvind Seshan BEGINNER PROGRAMMING LESSON LESSON OBJECTIVES 1. Learn how the NXT brick operates 2. Learn about the main components of the EV3 software
More informationWideQuick Remote WideQuick Designer
FLIR ThermoVision CM training This manual is starting off with a quick instruction on how to start the system and after that there are instructions on how to make your own software and modify the FLIR
More informationPrezi PREZI ONLINE ACCOUNT START FROM A TEMPLATE
Prezi PREZI ONLINE ACCOUNT Go to www.prezi.com/pricing/edu and sign up for an online only account. This account is available anywhere in the world as long as you have access to the internet. After creating
More informationJava Programming. Computer Science 112
Java Programming Computer Science 112 Recap: Swing You use Window Builder to put Widgets together on a Layout. User interacts with Widgets to produce Events. Code in the Client Listens for Events to know
More informationExercise: Contact Us Form
TM Exercise: Contact Us Form Exercise Build a Contact Us Form The following are instructions to build a Contact Us form yourself; if you d like a pre-built Contact Us form and campaign, you can download
More informationChapter 7 Inserting Spreadsheets, Charts, and Other Objects
Impress Guide Chapter 7 Inserting Spreadsheets, Charts, and Other Objects OpenOffice.org Copyright This document is Copyright 2007 by its contributors as listed in the section titled Authors. You can distribute
More informationGraphing. ReportMill Graphing User Guide. This document describes ReportMill's graph component. Graphs are the best way to present data visually.
ReportMill User Guide This document describes ReportMill's graph component. Graphs are the best way to present data visually. Table of Contents 0 Creating a Graph Component 0 Master Graph Inspector 0 Graph
More informationITP 342 Mobile App Dev. Interface Fun
ITP 342 Mobile App Dev Interface Fun Human Interface Guidelines ios Human Interface Guidelines https://developer.apple.com/ library/ios/documentation/ userexperience/conceptual/ MobileHIG/index.html 2
More informationAn online version of these worksheets is available at:
Worksheet 1 Tutorial An online version of these worksheets is available at: http://ronanjsmith.com/computingintheclassroom/worksheets.html. In this tutorial, you will discover how to create simple apps
More informationRobotics II. Module 2: Application of Data Programming Blocks
Robotics II Module 2: Application of Data Programming Blocks PREPARED BY Academic Services Unit December 2011 Applied Technology High Schools, 2011 Module 2: Application of Data Programming Blocks Module
More informationFortune Teller 2 What You'll Build 2 What You'll Learn 3 Iteration or how we will get to Finished App. 3
Fortune Teller 2 What You'll Build 2 What You'll Learn 3 Iteration or how we will get to Finished App. 3 Iteration 1 Create still image of our App 4 Getting Started 4 Bus stop reached! 8 Iteration 2 Say
More informationSection 5. Pictures. By the end of this Section you should be able to:
Section 5 Pictures By the end of this Section you should be able to: Use the Clip Gallery Insert and Delete Pictures Import Pictures Move, Resize and Crop Pictures Add Borders and Colour Wrap Text around
More informationIntroduction to Kaltura
Introduction to Kaltura The Kaltura media content management system allows users to record, stream, and manage multimedia files. This industry-leading enterprise system offers many robust tools. This guide
More informationStep 1: Create A New Photoshop Document
Snowflakes Photo Border In this Photoshop tutorial, we ll learn how to create a simple snowflakes photo border, which can be a fun finishing touch for photos of family and friends during the holidays,
More informationThe PML Editor: User's Manual
The PML Editor: User's Manual Johnsson, Björn A; Weibull, Gunnar; Magnusson, Boris 2017 Document Version: Publisher's PDF, also known as Version of record Link to publication Citation for published version
More informationUnit 21 - Creating a Navigation Bar in Macromedia Fireworks
Unit 21 - Creating a Navigation Bar in Macromedia Fireworks Items needed to complete the Navigation Bar: Unit 21 - House Style Unit 21 - Graphics Sketch Diagrams Document ------------------------------------------------------------------------------------------------
More informationApp Inventor 2 Create Your Own Android Apps
App Inventor 2 Create Your Own Android Apps David Wolber, HalAbelson, Ellen Spertus, and Liz Looney Beijing Cambridge Farnham Koln Sebastopol Tokyo O'REILLY Table of Contents Foreword xi Preface xiii Parti.
More informationS3 Scratch Programming
LOREM ST LOUIS IPSUM DOLOR ST LOUIS SCHOOL S3 Computer Literacy S3 Scratch Programming Dominic Kwok CHAPTER 1 Scratch After studying this chapter, you will be able to create a simple Scratch program upload
More informationGetting Started with ShowcaseChapter1:
Chapter 1 Getting Started with ShowcaseChapter1: In this chapter, you learn the purpose of Autodesk Showcase, about its interface, and how to import geometry and adjust imported geometry. Objectives After
More informationApp Inventor 2: environment of development to make apps for android
1 App Inventor 2: environment of development to make apps for android In order to make an App it is possible to use "App Inventor, the online platform that the Institute of Technology of Massachusetts
More informationPHOTOSHOP WORKSPACE. Interface Overview. Menus. The Tools. Palettes. Presets and Preferences PHOTOSHOP WORKSPACE UNIVERSAL TASKS PHOTO AND VIDEO TASKS
12/30/03 2:19 PM Page 1 CHAPTER 1 Interface Overview 3 AL Menus RI 13 27 CHAPTER 4 59 ED Palettes CHAPTER 5 87 PRINT TASKS PY R IG HT Presets and Preferences PHOTO AND VIDEO TASKS MA TE CHAPTER 3 The Tools
More informationForms for Android Version Manual. Revision Date 12/7/2013. HanDBase is a Registered Trademark of DDH Software, Inc.
Forms for Android Version 4.6.300 Manual Revision Date 12/7/2013 HanDBase is a Registered Trademark of DDH Software, Inc. All information contained in this manual and all software applications mentioned
More informationQuality Assurance User Interface Modeling
Quality Assurance User Interface Modeling Part II - Lecture 4 1 The University of Auckland New Zealand 254 18/09/ /2012 Interviewing Methods of the FBI 254 18/09/ /2012 Cognitive interview: method to enhance
More information1 Getting started with Processing
cis3.5, spring 2009, lab II.1 / prof sklar. 1 Getting started with Processing Processing is a sketch programming tool designed for use by non-technical people (e.g., artists, designers, musicians). For
More informationKeynote 08 Basics Website:
Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages and the spreadsheet program
More informationSema Foundation ICT Department. Lesson - 18
Lesson - 18 1 Manipulating Windows We can work with several programs at a time in Windows. To make working with several programs at once very easy, we can change the size of the windows by: maximize minimize
More informationA. Outlook Web App -
A. Outlook Web App - Email 1. Outlook Web App (OWA) Vs. Outlook Outlook refers to an application that is physically installed on a computer. Whereas a Web Application is something that is not installed
More informationLEGO Mindstorm EV3 Robots
LEGO Mindstorm EV3 Robots Jian-Jia Chen Informatik 12 TU Dortmund Germany LEGO Mindstorm EV3 Robot - 2 - LEGO Mindstorm EV3 Components - 3 - LEGO Mindstorm EV3 Components motor 4 input ports (1, 2, 3,
More informationIn the first class, you'll learn how to create a simple single-view app, following a 3-step process:
Class 1 In the first class, you'll learn how to create a simple single-view app, following a 3-step process: 1. Design the app's user interface (UI) in Xcode's storyboard. 2. Open the assistant editor,
More informationHO-1: INTRODUCTION TO FIREWORKS
HO-1: INTRODUCTION TO FIREWORKS The Fireworks Work Environment Adobe Fireworks CS4 is a hybrid vector and bitmap tool that provides an efficient design environment for rapidly prototyping websites and
More informationPhotoshop Basics A quick introduction to the basic tools in Photoshop
Photoshop Basics A quick introduction to the basic tools in Photoshop Photoshop logo courtesy Adobe Systems Inc. By Dr. Anthony R. Curtis Mass Communication Department University of North Carolina at Pembroke
More informationAdobe Flash CS3 Reference Flash CS3 Application Window
Adobe Flash CS3 Reference Flash CS3 Application Window When you load up Flash CS3 and choose to create a new Flash document, the application window should look something like the screenshot below. Layers
More informationAndroid Programming Family Fun Day using AppInventor
Android Programming Family Fun Day using AppInventor Table of Contents A step-by-step guide to making a simple app...2 Getting your app running on the emulator...9 Getting your app onto your phone or tablet...10
More informationPrezi is a wonderful presentation tool to help make classroom or online instruction easy and
Prezi is a wonderful presentation tool to help make classroom or online instruction easy and engaging. The following 5 steps will help you learn the basics of creating a Prezi presentation. This presentation
More information