WIREFRAMING 101. Essential Question: Can We Possibly Build an App? Learning Targets: Lesson Overview
|
|
- Noel McDaniel
- 6 years ago
- Views:
Transcription
1 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 user flow. Lesson Overview This lesson introduces the storyboarding of an app, also known as wireframing. The lesson begins by looking at comic strips as an introduction to storyboarding. Next, YPs will practice wireframing using an existing app. The exploration of ideas, content, and flow of the app itself is then completed through an exercise called paper prototyping. 1
2 Lesson Agenda Opening o How Does This Story Go? (5 min) Work Time o Storyboarding & Designing Wireframes (45 min) Closure o Sum It Up (5 min) Materials Young Professional student packet Projector and speakers Storyboarding videos to project 5 x 7 index cards (as many as each group needs) Status of the Class Progress Form Mobile device/tablet and cable to connect it to the projector for Wireframing 101: Modeling activity FACILITATION NOTES App Inventor Feature Glossary: This glossary will help to translate basic app features to the programming vocabulary that appears on the App Inventor Tutorial site. The YPs can use this to narrow down the correct tutorial that will help them program their app feature. Note: Tutorials appear in writing on the App Inventor site. To find the video tutorials, have the YPs search for the tutorial on YouTube. For more information on coding features, see: Media: The engaging clip of Storyboarding for People Who Can t Draw: Like Me! shows exemplars of amazing storyboards, highlights their use in the movie industry, and emphasizes that one does not have to be an artist to create the board. Use the first 2:45 minutes: Pause throughout as exemplars are displayed, and ask students to predict what story is being told. Wireframing 101 Modeling: To model the wireframing process, you will select a well-known app to project and wireframe the user s experience as they navigate various features. The app chosen for this lesson is Pokémon, Go! Be sure to download the app in advance on your device and create an account so it opens directly to the home page. If deciding to use a different app, be sure to select a familiar app that students use often so they can reference background 2
3 knowledge as they develop new skills in wireframing. Ensure the app is appropriate for your students and maintains privacy and school policies (i.e. no social media). Status of the Class: A Status of the Class chart is used at the end of the work time to gain a sense of the progress of each group in the wireframing process. This protocol is adapted from the writer s workshop process and functions to help teachers keep track of student progress on a project. It also helps students be aware of where they are and where they are going. It also provides accountability if used before and after a class session. Extensions: At this point in the unit, consider providing additional coding practice for students, if time is available in the class schedule. Presentation Slidedeck: The final project will follow an Ignite format, which is designed to tell a story through photographs and words. Ignite presentations are designed to be 5 minutes long, with 20 slides that automatically advance every 15 seconds (for an example, see: In the remaining lessons, the exit tickets will be content that students can add to their slidedecks, with optional usage in the final class period. IN ADVANCE Preview the storyboarding video: Select/download the app you plan to use for the Wireframing 101: Modeling activity. Set up the Status of the Class Progress Form on large chart paper with headers for students to fill in following the wireframing activity. Vocabulary Content wireframing, storyboarding, prototype, features, troubleshoot Tier II creative, artist, linear, outcomes 3
4 Opening (5 min) How does this story go? Today we re going to think about how storytelling relates to coding. When you write stories, read, or watch television, you probably understand that strong stories contain a beginning, middle, and end. They can be long, or quite short. Comic strips are one type of storytelling that can illustrate short stories quickly. 1. Project the <Comic Strip Activity>. 2. Explain that this comic strip is out of order. Ask What do you think is happening in this story? 3. Invite YPs to discuss their responses with nearby classmates. 4. Ask YPs to write down or re-draw the comic in the correct order. 5. Project the re-organized strip <Comic Strip Activity 2>. Have students compare their ideas with the screen. 6. Reflect on the activity. Ask Were you able to put the strip back in the correct order? What visual cues helped you make that decision? If you were to add another square, what would happen? Solicit responses from the group. Work Time (50 min) Storyboarding & Designing Wireframes (30 min) Being able to understand the order of events is critical to app design. Before struggling through the actual coding of the features, many programmers storyboard the pages of the app on paper. In a storyboard, a programmer draws a rough sketch of the app on paper to show the design and function of each feature; by working out our ideas on paper first, we are ensuring that we ll know exactly what we want to create when it s time to start coding. Storyboarding is used in many fields to help visualize the final product, particularly in movie-making, theater, and even comic books. Let s look at how storyboarding is used in the movie industry. Our process will mimic some of the outcomes of storyboarding, and in the programming world is known as wireframing. 4
5 1. Distribute the <Storyboarding Note-catcher> to students. 2. Tell students to catch notes to the questions as they view the video clips. 3. Project the <Storyboarding for People Who Can t Draw: Like Me!> video: (You can stop at 2:40.) 4. Pause the video when exemplars are shown to highlight impressive storyboarding. Ask: What do you think is happening in this scene? 5. Invite students to turn to a partner and share the answers to the questions on the notecatcher. 6. Use <equity sticks> to call on students to provide answers to the questions. Listen for: Storyboards give you a clear plan. They give you the ability to be more flexible when you re actually making the final product. You don t have to be a good artist, because you know what you have drawn. You want to do a storyboard for an app because you need to have a clear plan for the screens and how they interact. We have already experimented with wireframing in a previous lesson, which differs slightly from storyboarding. In movies, for example, the final product is linear the story occurs from one scene to the next. In an app, the final product is more like a choose your own adventure the users choose how they will move through an app s pages. Today we are going to use wireframing to mimic this kind of use. The sketches will represent what users would see on each screen. They will show the content of the app and the flow. Wireframing 101: Modeling Before wireframing our own apps, let s think back to the screenshots we observed for the Zombies, Run! app (project). What choices did the user have at each page? (Listen for: One page allowed the user to select the story mission they wanted to complete. The other page allowed the runner to see the path they completed on a map with the pace of each kilometer.) Now, let s look at another popular app that has helped people get off the couch and exercise: Pokémon, Go! Using this app, we will navigate and wireframe some of its features. 1. Distribute several 5 x 7 index cards to each student. 2. Project the home screen of the app, Pokémon, Go! Model drawing a design of the home page on the whiteboard. 3. Have students draw their own interpretations of the home page on their index cards. Using sticks of fate, or equity sticks, is a strategy for cold calling on students in a way that feels authentically random (compared to teacher selection). The instructor has a jar full of Popsicle sticks, with each stick bearing the name or seat number of a student in the class. When using sticks of fate, the instructor simply pulls a stick from the jar and calls on the student listed on the stick. 5
6 4. Ask: What is the user s experience on this page? Is this reflected in your wireframe drawing? 5. If a Pokémon appears, click on it. On the whiteboard, model wireframing what appears on the screen, and have the YPs draw their own interpretations on their index cards. 6. From the main menu, select 2-3 additional pages, and repeat the process. 7. Check for understanding: Do the images you drew describe the user s experience? How? Answers will vary depending on the pages selected for the activity. In the YPs responses, be sure connections are made between their drawings and the user s experiences. Wireframing Your App Now that we ve practiced the skill, you will begin to wireframe pages for your own apps, starting with storyboards. Your storyboard will outline the user experience, before you begin the actual digital coding process. Like in movies, you want to troubleshoot, or solve problems, before you invest time and money into the coding of your app. Today, your design team will draft the first three working pages of your app. Throughout the wireframing process, encourage teams to maintain an exploratory mindset, generating as many ideas as possible and keeping an open mind while respecting all ideas. 1. Distribute 5 x 7 index cards to each design team. 2. Invite students to begin working on the wireframe of their app in their Design Teams. As each team member contributes their ideas, remind them to also serve one of the following roles (project roles with descriptions): o o o o Taskmaster: Ensures the team remains on task at all times and focuses on the user experience. Organizer: Helps the team organize their thoughts into a logical storyboard that makes sense to the user. Artist: Takes notes throughout the brainstorm process and draws a draft of the storyboard with input from the team. Communicator: Ensures the draft storyboard is ready for presentation and shares the storyboard with the class. 3. Circulate and provide assistance to teams as needed. 6
7 Closure (5-10 min) Sum it up (5-10 min) 1. Distribute the <Presentation Slidedeck>. Ask YPs to locate the page on Wireframes. 2. In teams, ask groups to identify three characteristics about their apps that will require coding. Have each YP include this in their note-catcher. 7
8 Name: Date: WIREFRAMING 101: Can We Possibly Build an App? Today s Learning Objectives: I can: Use wireframing to create a design for a mobile app Collaborate to make decisions about user flow This lesson introduces the storyboarding of an app, also known as wireframing. The lesson begins by looking at comic strips as an introduction to storyboarding. Next, YPs will practice wireframing using an existing app. The exploration of ideas, content, and flow of the app itself is then completed through an exercise called paper prototyping. Today s Activities: How Does This Story Go? Storyboarding & Designing Wireframes Sum It Up 8
9 App Inventor Feature Glossary I want my app to: As a developer, this also might be known as: Notes Have an animation Have characters or items that I can move on-screen Characters and items (really, any object/item/person that can be programmed) are called sprites. You ll need to understand how to program a sprite to begin. Do something when I shake or move my phone A phone s accelerometer can measure movement, speed, and more (depending on model). You can also use this information to program sensors! You can also program sprites to move when you tilt your phone. Send a message to a friend Using short message services, or SMS, allows you to send text messages from your app to other devices. Know where I m at To make app that uses your location, you ll need to use the LocationSensor. Take pictures In-app photos require use of a phone s camera. 9
10 I want my app to: As a developer, this also might be known as: Notes Have a timer To create an app that measures time (like a speed race) or has a countdown clock, you ll need to use the Clock component and Timers. Play music or have sound effects You ll want to be adding sound. Move a sprite when a button is pushed Look at Movement with Buttons. Let me draw pictures with my finger Like in real life, artists (and programmers) can draw using the Canvas tool. Say words or phrases randomly You ll want to program a list. Have a menu of options, or a list of words or pictures to choose from Programming buttons can help users select from a menu of options. ListPicker is also used to program using a list of options. Type a word or phrase and have the phone read it aloud When a phone can read what you re typing, that s often referred to as text to speech. 10
11 I want my app to: As a developer, this also might be known as: Notes Have a list of places to help people find a place to go Programming buttons can help users select from a menu of options. ListPicker is also used to program using a list of options. If your app has more than one page of content, or makes a user move to other pages If your app has more than one screen, you ll need to look at how to program multiple screens. Click on a phone number to call To use the PhoneCall command, try looking at the PicCall tutorial. Search for certain words or phrases in the app The ListPicker button can be used to create a search feature within your app. Sends items to a personal calendar If you have a Google Calendar, you can look at tutorials that discuss using Google Calendar s Application Program Interface (API). Sort places based on proximity to you or to a certain zip code Researching how to use the location sensor and activity starter can help you use global positioning systems (GPS) in your app. 11
12 Storyboarding Note-catcher Directions: Answer the following questions as you watch the two videos about the storyboarding process. 1. How are storyboards used? 2. Why don t you have to be good at drawing to create storyboards? 3. Why would we use storyboarding to map out an app? 12
13 Design Team Roles Taskmaster: Ensures the team remains on task at all times and focuses on the need-idea chosen to prototype. Organizer: Helps the team organize their thoughts into a logical story that makes sense for the app description. Scribe: Takes notes throughout the brainstorm process and scribes the draft paragraph of the app description with input from the team. Communicator: Ensures the draft description is ready for presentation and communicates the app description to the class. 13
14 Facilitator Documents: App Inventor Feature Glossary- With Notes Level of Difficulty I want my app to: As a developer, this also might be known as: Notes *** Have an animation Have characters or items that I can move on-screen Characters and items (really, any object/item/person that can be programmed) are called sprites. You ll need to understand how to program a sprite to begin. Really complicated tutorial (ball bounce), but it does exist (with video). Simple movement can be found on concept cards. * Do something when I shake or move my phone A phone s accelerometer can measure movement, speed, and more (depending on model). You can also use this information to program sensors! You can also program sprites to move when you tilt your phone. Easier to program, and a tutorial exists: ore/sites/all/files/hourofcode/t alktomepart2.pdf Testing would be problematic due to software constraints. Also concept card item. ** Send a message to a friend Using short message services, or SMS, allows you to send text messages from your app to other devices. Tutorial exists, but looks challenging. *** Know where I m at To make app that uses your location, you ll need to use the LocationSensor. Advanced. 14
15 ** Take pictures In-app photos require use of a phone s camera. Needs phone to test. ** Have a timer To create an app that measures time (like a speed race) or has a countdown clock, you ll need to use the Clock component and Timers. Surprisingly difficult, but the tutorial is listed under basic (Mole Mash). Start/stop timer is a concept card item. * Play music or have sound effects You ll want to be adding sound. Concept card item. * Move a sprite when a button is pushed Look at Movement with Buttons. Concept card item. * Let me draw pictures with my finger Like in real life, artists (and programmers) can draw using the Canvas tool. There s a digital doodle tutorial that is short, but complicated looking. Video component as well. Concept card item. * Say words or phrases randomly You ll want to program a list. The magic 8 ball tutorial eventually shows how to make a list (#3). * Have a menu of options, or a list of words or pictures to choose from Programming buttons can help users select from a menu of options. ListPicker is also used to program using a list of options. Tutorials exist. Unsure level of difficulty, but looks okay. 15
16 ** Type a word or phrase and have the phone read it aloud When a phone can read what you re typing, that s often referred to as text to speech. There s a tutorial for this (the first one), however, testing it would be problematic due to software constraints. Speech recognition is a concept card item. * Have a list of places to help people find a place to go Programming buttons can help users select from a menu of options. ListPicker is also used to program using a list of options. Buttons are in various beginning tutorials. * If your app has more than one page of content, or makes a user move to other pages If your app has more than one screen, you ll need to look at how to program multiple screens. Concept card item. ** Click on a phone number to call To use the PhoneCall command, try looking at the PicCall tutorial. Tutorial exists, but testing it will be a problem. *** Search for certain words or phrases in the app The ListPicker button can be used to create a search feature within your app. Tutorial exists, but complicated. 16
17 *** Sends items to a personal calendar If you have a Google Calendar, you can look at tutorials that discuss using Google Calendar s Application Program Interface (API). Advanced. *** Sort places based on proximity to you or to a certain zip code Researching how to use the location sensor and activity starter can help you use global positioning systems (GPS) in your app. Advanced. 17
18 Zombies, Run! Screenshot 1 18
19 Zombies, Run! Screenshot 2 19
20 Sample Storyboarding 101: Modeling Screenshots 20
21 21
22 22
23 23
24 24
25 25
26 Status of the Class Progress Form Team Name What has your team accomplished today? To complete your work, where does your team need to focus? Does your team need a conference? 26
27 Presentation Template 27
28 FACILITATOR DOCUMENTS: Comic Strip to project (Out of Order) Comic Strip to project (Correct Order) 28
29 29
Essential Question: What Is Good User Interface Design?
UNDERSTANDING USER INTERFACE DESIGN Essential Question: What Is Good User Interface Design? Learning Targets: Students will: Define key criteria of user interface design. Understand the basics of wire
More informationCurriculum Map: Digital Communications MASH Communications Department
Curriculum Map: Digital Communications MASH Communications Department Course Description: This semester long course is designed to introduce students to techniques required to communicate in a 21 st century
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 informationHTML/CSS Lesson Plans
HTML/CSS Lesson Plans Course Outline 8 lessons x 1 hour Class size: 15-25 students Age: 10-12 years Requirements Computer for each student (or pair) and a classroom projector Pencil and paper Internet
More informationUsing PowerPoint - 1
Using PowerPoint - 1 Introduction to the course. Before we start, we need to know what power point is. I m sure most of you know about ppt, but for those of you who may be new to this: [1a-c] When you
More informationStop-Motion Animation
Stop-Motion Animation Stop-Motion Animation Missouri Art Education Association Stop-Motion Animation Missouri Art Education Association Spring Conference Stop-Motion Animation Missouri Art Education Association
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 informationVideos and Animations:
Videos and Animations: Textbook images limit the ability to describe spatial and temporal interactions of macromolecules in the context of the cell. These limitations are typically overcome by depicting
More informationWriting: Sentences and Paragraphs
The table below reflects information as of March/April 2012; info on apps more closely applies to version; compatibility, prices, features and details will vary over time. Check current information in
More informationCourse Name: Computer Animation and Media Development 11
BA Computer Animation 11 District Name: Kamloops/Thompson District Number: SD #73 Developed by: Tonya Perry Date Developed: March 2005 School Name: Westsyde Secondary School Board/Authority Approved Date:
More informationAnimating with Google Slides
Animating with Google Slides Lesson Plan for Grade 6 Prepared by Ms. Conti DESCRIPTION The Red ball challenge was inspired by the music video, Knock, Knock, by Brunettes Shoot Blondes. The video is composed
More informationTEACH UNICEF
Online Educational Apps and Resources page 1 TEACH UNICEF http://www.teachunicef.org/topics 1. Select a topic from the options provided. 2. On the succeeding screen, you will find various teaching materials
More informationLesson Plans. Put It Together! Combining Pictures with Words to Create Your Movie
Lesson Plans L e s s o n 4 : Put It Together! Combining Pictures with Words to Create Your Movie National Language Arts Standard 3: Students apply a wide range of strategies to comprehend, interpret, evaluate,
More informationebooks & ecomics WHAT: Book Creator is an ipad and Android app that lets you design and publish your own customized ebook.
ebooks & ecomics WHAT: Book Creator is an ipad and Android app that lets you design and publish your own customized ebook. YOUR CHALLENGE: Using data collected from your lab work, create an interactive
More informationGOOGLE APPS. GETTING STARTED Page 02 Prerequisites What You Will Learn. INTRODUCTION Page 03 What is Google? SETTING UP AN ACCOUNT Page 03 Gmail
GOOGLE APPS GETTING STARTED Page 02 Prerequisites What You Will Learn INTRODUCTION Page 03 What is Google? SETTING UP AN ACCOUNT Page 03 Gmail DRIVE Page 07 Uploading Files to Google Drive Sharing/Unsharing
More informationLIGHTS, CAMERA, ACTION!
LIGHTS, CAMERA, ACTION! Overview: This lesson is focused on the how to of digital movie making. Classes view and critique digital stories archived by other Alaskan students, then work together to make,
More informationObjective: Construct perpendicular line segments on a rectangular grid.
NYS COMMON CORE MATHEMATICS CURRICULUM Lesson 15 5 6 Lesson 15 Objective: Construct perpendicular line segments on a rectangular grid. Suggested Lesson Structure Fluency Practice Concept Development Student
More information::The Art of Multimedia:: Assignments*
::The Art of Multimedia:: Assignments* Session 1: January 25 th Assignment: What is Multimedia? 500 word-essay So what exactly is multimedia? Looking at the actual term multimedia literally means multiple
More informationMobile Application (ipad)
Contents 1. IOS (Page 1) 2. imovie (Page 3) 3. Microsoft OneNote (Page 5) 4. Google Drive (Page 6) IOS idevice Operating System (IOS) is a mobile operating system developed by Apple Inc. Popular mobile
More informationThis lesson will focus on the Bouncing Ball exercise.
This will be the first of an on-going series of Flipbook tutorials created by animator Andre Quijano. The tutorials will cover a variety of exercises and fundamentals that animators, of all skill levels,
More informationLesson 2 page 1. ipad # 17 Font Size for Notepad (and other apps) Task: Program your default text to be smaller or larger for Notepad
Lesson 2 page 1 1/20/14 Hi everyone and hope you feel positive about your first week in the course. Our WIKI is taking shape and I thank you for contributing. I have had a number of good conversations
More informationYOUR CHALLENGE: Bring a poem to life through stop motion.
Poetry in Action WHAT: Stop motion animation is where you take many photos of objects or characters and string them together into a movie. Each time you take a picture, you ll move the character or object
More informationPlan and Prepare. 1. Know your audience
Plan and Prepare Plan your session first to ensure a successful session. Use a storyboard or simply outline your presentation to include instructor notes and the general flow of your presentation. 1. Know
More informationUnit 3 - Shifting into Gear
Creative Coding through Games and Apps Unit 3 - Shifting into Gear Instructional Day: Unit 3, Lesson 5 Topic Description In this lesson, students continue learning about objects, functions, and variables
More informationPhotoshop and Lightroom for Photographers
Photoshop and Lightroom for Photographers Topic 8 Introduction to Lightroom Learning Outcomes In this lesson, I want to introduce you to Lightroom, another very useful photo editing tool from Adobe. By
More informationDigital Video Projects (Creating)
Tim Stack (801) 585-3054 tim@uen.org www.uen.org Digital Video Projects (Creating) OVERVIEW: Explore educational uses for digital video and gain skills necessary to teach students to film, capture, edit
More informationGetting Up and Running
Version 3.2.1 / February, 2011 2 SECTION 1. SYSTEM REQUIREMENTS Getting Up and Running To use VizZle, it s best to have the most current version of Adobe Flash Player. When you download VizZle, Adobe will
More informationCHAPTER 1 COPYRIGHTED MATERIAL. Finding Your Way in the Inventor Interface
CHAPTER 1 Finding Your Way in the Inventor Interface COPYRIGHTED MATERIAL Understanding Inventor s interface behavior Opening existing files Creating new files Modifying the look and feel of Inventor Managing
More informationObjective: Use attributes to draw different polygons including triangles, quadrilaterals, pentagons, and hexagons. (7 minutes) (5 minutes)
Lesson 3 2 8 Lesson 3 Objective: Suggested Lesson Structure Fluency Practice Application Problem Concept Development Student Debrief Total Time (12 minutes) (6 minutes) (32 minutes) (10 minutes) (60 minutes)
More informationYouTube User Guide for CDFIs. YouTube. User Guide for CDFIs
YouTube User Guide for CDFIs 1 How YouTube can Benefit your Business and how to use it YouTube (www.youtube.com) is a free video sharing website that makes it easy to watch online videos. It is a great
More informationObjective: Construct a coordinate system on a plane.
Lesson 2 Objective: Construct a coordinate system on a plane. Suggested Lesson Structure Fluency Practice Application Problem Concept Development Student Debrief Total Time (10 minutes) (7 minutes) (33
More informationThe Incredible Code Machine with Swift Playgrounds
The Incredible Code Machine with Swift Playgrounds Facilitator Guide The Incredible Code Machine with Swift Playgrounds Facilitator Guide 1 Welcome What you ll need Lead your own EU Code Week event Celebrate
More informationPower Point 2004 in 10 Steps! Rev. 4/9/06: Steven Chevalia, SHS Charlene Chausis, Adlai E. Stevenson HS. Page 5
PowerPoint 2004 in 10 steps! Used extensively in the business world, slide show presentations are becoming popular learning tools in the classroom. Teachers and students appreciate the easy-to-use layout
More informationName: Date: Hour: PowToon Short Movie
Name: Date: Hour: PowToon Short Movie PowToon ( www.powtoon.com ) is an online web-based animation software tool that allows you to create short movies by manipulating pre-created objects, imported images,
More informationSupport notes (Issue 1) September 2018
Support notes (Issue 1) September 2018 Pearson Edexcel Level 2 Certificate/Diploma in Digital Applications (DA202) Unit 2: Creative Multimedia ONCE UPON A TIME Key points for this Summative Project Brief
More informationExemplar candidate work. Introduction
Exemplar candidate work Introduction OCR has produced these simulated candidate style answers to support teachers in interpreting the assessment criteria for the new Creative imedia specifications and
More informationCreative Video! Task Sheet for Teachers // Module 3 Video production
Task Sheet for Teachers // Module 3 Video production Creative Video! Preliminary note: This task sheet is for you, the teacher, and gives a first overview of the main task ideas. Although the task sheet
More informationFILE ORGANIZATION. GETTING STARTED PAGE 02 Prerequisites What You Will Learn
FILE ORGANIZATION GETTING STARTED PAGE 02 Prerequisites What You Will Learn PRINCIPLES OF FILE ORGANIZATION PAGE 03 Organization Trees Creating Categories FILES AND FOLDERS PAGE 05 Creating Folders Saving
More informationA Digital Talking Storybook
Using ICT Levels 1, 2 & 3 A Digital Talking Storybook Desirable Features: Presenting Music and Sound Assessment Focus Film and Animation Express Evaluate Exhibit Pupil Notes Level 1 Level 2 Level 3 Part
More informationScratch Lesson 2: Movies Made From Scratch Lesson Framework
Scratch Lesson 2: Movies Made From Scratch Lesson Framework Scratch makes it easy to program your own interactive stories, games, and animations and share your creations on the web. As you create and share
More informationTeaching With Comic Life A guide to using Plasq s Comic Life in the Classroom. David Cleland The Wallace High School
Teaching With Comic Life A guide to using Plasq s Comic Life in the Classroom David Cleland The Wallace High School Introduction to Comic Life 2... 3 Story Telling with Comic Life... 4 Task... 4 Learning
More informationA Digital Talking Storybook
Using ICT Levels 2, 3 & 4 A Digital Talking Storybook Desirable Features: Presenting Music and Sound Assessment Focus Film and Animation Express Evaluate Exhibit Level 2 Level 3 Level 4 Part 1 Part 2 Part
More informationOCR Interfaces for Visually Impaired
OCR Interfaces for Visually Impaired TOPIC ASSIGNMENT 2 Author: Sachin FERNANDES Graduate 8 Undergraduate Team 2 TOPIC PROPOSAL Instructor: Dr. Robert PASTEL March 4, 2016 LIST OF FIGURES LIST OF FIGURES
More informationHour of Code with Swift Playgrounds
Hour of Code with Swift Playgrounds The Incredible Code Machine Facilitator Guide Hour of Code with Swift Playgrounds Facilitator Guide 1 Welcome What you ll need Lead your own Hour of Code event Celebrate
More information3.3 Web Graphics. 1. So why are graphics important?
3.3 Web Graphics In today s module we are going to cover the art of creating graphics for your online campaigns. We will be creating graphics for Facebook & your Mailchimp Newsletter but you will be able
More informationBoise State University. Getting To Know FrontPage 2000: A Tutorial
Boise State University Getting To Know FrontPage 2000: A Tutorial Writers: Kevin Gibb, Megan Laub, and Gayle Sieckert December 19, 2001 Table of Contents Table of Contents...2 Getting To Know FrontPage
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 informationRowland s Motion Graphics Video Process
Rowland s Motion Graphics Video Process You know it s essential to tell your story as clearly as possible. Getting it right isn t as easy as it sounds. There s always one more product spec or customer
More informationAdding content to your Blackboard 9.1 class
Adding content to your Blackboard 9.1 class There are quite a few options listed when you click the Build Content button in your class, but you ll probably only use a couple of them most of the time. Note
More informationThis lesson will focus on the Bouncing Ball exercise. Feel free to start from scratch or open one of the accompanying demo files.
This will be the first of an on-going series of Flipbook tutorials created by animator, Andre Quijano. The tutorials will cover a variety of exercises and fundamentals that animators, of all skill levels
More informationLesson Plan. Course Title: Principles of Information Technology Session Title: Intro to Databases Lesson Duration: Varies dependent upon instructor
Lesson Plan Course Title: Principles of Information Technology Session Title: Intro to Databases Lesson Duration: Varies dependent upon instructor Performance Objective: Upon completion of this lesson,
More informationUNIVERSITY OF CAMBRIDGE INTERNATIONAL EXAMINATIONS. Cambridge ICT Starters On Track
UNIVERSITY OF CAMBRIDGE INTERNATIONAL EXAMINATIONS www.xtremepapers.com Cambridge ICT Starters On Track Scheme of Work 4296 Video or Animation for a Purpose Stage 2 Module Introduction In this module,
More informationStudents: Getting Started
Students: Getting Started Introduction This guide gives an overview of the SuccessNet Plus student home page. It also explains the content and practice materials and assignments. Lastly, this guide covers
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 informationdt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2016 Prof. James A. Landay Stanford University
DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame? Early Stage Prototyping Computer Science Department October 20, 2016 Paper ipad App By 53 2 Hall of Fame or
More informationMeet the ipad. 1:1 ipad Program. Heidelberg Primary School. February, 2017 version 7.2
Meet the ipad 1:1 ipad Program ` Heidelberg Primary School February, 2017 version 7.2 Meet the ipad 2 Your Responsibility Points to remember; This is a privilege not a right. Make sure you limit your screen
More informationi wonder, therefore i am. Welcome to the Wonder League! This packet includes everything you need to know about Dash, Dot, and how to get started!
1 2 3 4 5 6 7 8 9 * 0 # 8 i wonder, therefore i am. Welcome to the Wonder League! This packet includes everything you need to know about Dash, Dot, and how to get started! Setting up your robots Setting
More informationPower Point Tutorial
Power Point Tutorial Creating presentations using Power Point '97 Introduction Power Point is a very powerful tool for the creation of linear presentations that contain images, sounds, animations and transitions.
More informationMS PowerPoint Intermediate
Lesson Plan Rev. 11/16 MS PowerPoint Intermediate I. Introduction Introductions Housekeeping o Location of restrooms o Length of class o Encourage questions during class o Assure students they can sit
More informationLesson 4. Objective: Compare and classify quadrilaterals. Lesson Suggested Lesson Structure. Multiply by 4 (8 minutes)
Lesson 4 3 7 Lesson 4 Objective: Suggested Lesson Structure Fluency Practice Application Problem Concept Development Student Debrief Total Time (12 minutes) (7 minutes) (31 minutes) (10 minutes) (60 minutes)
More informationComputer Basics: Step-by-Step Guide (Session 2)
Table of Contents Computer Basics: Step-by-Step Guide (Session 2) ABOUT PROGRAMS AND OPERATING SYSTEMS... 2 THE WINDOWS 7 DESKTOP... 3 TWO WAYS TO OPEN A PROGRAM... 4 DESKTOP ICON... 4 START MENU... 5
More informationSTORYBOARDING TOOLKIT. Filmmaking and animation in the classroom
STORYBOARDING TOOLKIT Filmmaking and animation in the classroom intofilm.org Into Film 2016 What is a storyboard? A storyboard is a visual representation of a whole film. It allows filmmakers to plan and
More informationAdobe Spark. Schools and Educators. A Guide for. spark.adobe.com
Adobe Spark A Guide for Schools and Educators spark.adobe.com CONTENTS 1: What Is Adobe Spark?... 3 2: How Much Does Adobe Spark Cost?... 4 3: Is Adobe Spark A Web Application Or An App?... 4 4: Three
More information1. WHAT AREAS OF LEARNING DOES THIS ASSESSMENT ADDRESS? 2. WHY IS THE COMPLETION OF THIS ASSESSMENT IMPORTANT?
12 SDD Task 1: RAD Programming Group Task Due Date: 1/12/2017 Date Distributed: 31/10/2017 Task Weighting: 15% Outcomes H4.2 applies appropriate development methods to solve software problems H5.1 applies
More informationGetting Started with Osmo Masterpiece
Getting Started with Osmo Masterpiece Updated 6.23.2017 Version 2.1.24 Page 1 What s Included? (Creative Set) 1 x Osmo Creative Board 6 x Yoobi Erasable Markers 1 x Blue Fuzzy Pouch Osmo Creative Board
More informationBirdville ISD_Third Grade Technology TEKS Checklist Teacher School
Technology Application TEKS Checklist Suggested Learning Activities Foundations-Demonstrates knowledge and appropriate use of hardware components 3.1A Use technology terminology appropriate to the task
More informationOpening the Program. Adding Images and Videos. Movie Maker II 1
1 Opening the Program To open the Movie Maker II application, use the Start All Programs Windows Live Movie Maker combination from the desktop. Alternatively, you can create a shortcut on the desktop.
More informationObjective: Use attributes to draw different polygons including triangles,
NYS COMMON CORE MATHEMATICS CURRICULUM Lesson 3 2 8 Lesson 3 Objective: Use attributes to draw different polygons including triangles, Suggested Lesson Structure Fluency Practice Application Problem Concept
More informationZoom User Manual. developed. Gary P. Davis. and. David J. Ayersman. for. Students and Employees of New River Community and Technical College
Zoom User Manual developed by Gary P. Davis and David J. Ayersman for Students and Employees of Zoom manual.docx Page 1 of 35 Last Updated: August 13, 2018 PREFACE AND OVERVIEW For the fall 2018 term,
More informationLesson Share TEACHER'S NOTES LESSON SHARE. ing by Olya Sergeeva. Overview. Preparation. Procedure
Lesson Share TEACHER'S NOTES Age: Adults Level: Intermediate + Time: 1 hour 40 minutes Objective: to practise writing work-related emails Key skills: writing Materials: one copy of the worksheet per student;
More informationVisual Representations: Geometry in Art. Common Core State Standards. Students will decompose polygons into triangles, rectangles, and trapezoids.
Lesson in Action Visual Representations: Geometry in Art AT A GLANCE Launch Warm up with a review Have students demonstrate and explain different solutions to the Compare and contrast the two visual representations.
More informationLecture Notes CPSC 491 (Fall 2018) Topics. Peer evals. UI Sketches. Homework. Quiz 4 next Tues. HW5 out. S. Bowers 1 of 11
Topics Peer evals UI Sketches Homework Quiz 4 next Tues HW5 out S. Bowers 1 of 11 Context Diagrams Context Diagrams describe the system boundaries what is inside ( in scope ) vs outside ( out of scope
More informationINTRODUCTION TO CLOUD STORAGE
INTRODUCTION TO CLOUD STORAGE GETTING STARTED PAGE 02 Class Overview What You Will Learn WHAT IS THE CLOUD? PAGE 03 Basic Vocabulary Advantages of the Cloud Disadvantages of the Cloud CLOUD STORAGE SERVICES
More informationGoogle Docs Tipsheet. ABEL Summer Institute 2009
Google Docs Tipsheet ABEL Summer Institute 2009 Contents Logging in to Google Apps for CollaborativeSchools.net for the First Time... 2 Text Documents Creating a New Text Document in Google Docs... 5 Uploading
More informationThe ICT4me Curriculum
The ICT4me Curriculum About ICT4me ICT4me is an after school and summer curriculum for middle school youth to develop ICT fluency, interest in mathematics, and knowledge of information, communication,
More informationThe ICT4me Curriculum
The ICT4me Curriculum About ICT4me ICT4me is an after school and summer curriculum for middle school youth to develop ICT fluency, interest in mathematics, and knowledge of information, communication,
More informationDigital Storytelling & App Smashing with the ipad
Digital Storytelling & App Smashing with the ipad Download the following free applications from the app store Shadow Puppet Edu By Shadow Puppet Inc Tellagami By Tellagami Labs Inc Pic Collage By Cardinal
More informationcode-it.co.uk Exploring Regular 2D Shapes & Patterns using sequence, repetition, nested loops, Program Aim: Program regular 2D shapes
code-it.co.uk Exploring Regular 2D Shapes & Patterns Program Aim: Program regular 2D shapes using sequence, repetition, nested loops, simple and complex procedure. Programming Concepts -Sequence -Repetition
More informationipad Applications for Elementary School Counselors Kellie Hill MS, LPC-S, NCC Jennifer Anderson-Flynn
ipad Applications for Elementary School Counselors Kellie Hill MS, LPC-S, NCC Jennifer Anderson-Flynn Agenda Welcome and Introductions ipad Basics Applications Questions and Hopefully Answers Kellie Hill
More informationHCI: THE DESIGN PROCESS. Dr Kami Vaniea
HCI: THE DESIGN PROCESS Dr Kami Vaniea 1 First, the news Make Your UX Design Process Agile Using Google s Methodology https://www.interactiondesign.org/literature/article/make-your-ux-designprocess-agile-using-google-s-methodology
More informationCREATIVITY MAKES THE DIFFERENCE
CREATIVITY MAKES THE DIFFERENCE Your school has a big challenge: preparing Generation Z for a rapidly changing world and jobs that don t yet exist. Along with learning digital skills, your students need
More informationWelcome to the Walk for Apraxia!
Welcome to the Walk for Apraxia! Thank you for registering for your local Walk for Apraxia event. Our Walk program is North America s only national apraxia awareness program and our signature fundraising
More informationDescribing Quadrilaterals
CONCEPT DEVELOPMENT Mathematics Assessment Project CLASSROOM CHALLENGES A Formative Assessment Lesson Describing Quadrilaterals Mathematics Assessment Resource Service University of Nottingham & UC Berkeley
More informationUseful Google Apps for Teaching and Learning
Useful Google Apps for Teaching and Learning Centre for Development of Teaching and Learning (CDTL) National University of Singapore email: edtech@groups.nus.edu.sg Table of Contents About the Workshop...
More informationMedia Production in the Junior Writing Program
Media Production in the Junior Writing Program Phase 1: Teacher Preparation and Planning Establish a team of teachers and identify classes that will collaborate on and participate in a curricular-based
More informationSome Quick Terms Before we move ahead, we need to touch on a few key terms used throughout the book.
Getting Started Welcome to the official Apple Pro training course for Motion, Apple Computer s revolutionary real-time-design motion graphics application. This book provides a comprehensive guide to designing
More informationWorking with Windows Movie Maker
Working with Windows Movie Maker These are the work spaces in Movie Maker. Where can I get content? You can use still images, OR video clips in Movie Maker. If these are not images you created yourself,
More informationHow Pixar Tells a Story By Rachel Slivnick 2018
Name: Class: How Pixar Tells a Story By Rachel Slivnick 2018 Pixar is an animation studio that uses computer images to create movies. You ve likely seen several of Pixar s films, which include Toy Story,
More informationUser Interfaces Assignment 3: Heuristic Re-Design of Craigslist (English) Completed by Group 5 November 10, 2015 Phase 1: Analysis of Usability Issues Homepage Error 1: Overall the page is overwhelming
More informationCREATING CONTENT WITH MICROSOFT POWERPOINT
CREATING CONTENT WITH MICROSOFT POWERPOINT Simple Tips And Tricks Presented by TABLE OF CONTENTS Introduction... 2 Design Tips... 3 Advanced Tips... 4 ShortCut Keys for Microsoft PowerPoint... 5 How-Tos...
More informationVideo Marketing Planner
Xanthos Digital Marketing Video Marketing Planner Content Marketing on the Web Author: Candice Landau 2/5/2013 1. Before you start coming up with brilliant ideas for your next video campaign, take a few
More informationSoftware Prototyping. & App Inventor
Software Prototyping & App Inventor Prototyping This & next several slides distilled from: http://appinventor.mit.edu/explore/teaching-app-creation.html Prototype: preliminary, interactive model of an
More informationinteraction design Thanks to JoEllen Kames
1 interaction design Thanks to JoEllen Kames Motorola Mobility Consumer experience Design for presenting earlier versions of these slides in our on-campus version of this course before we start a word
More informationChapter 3! Planning and Design! 2012 Elsevier, Inc. All rights reserved.
Chapter 3! Planning and Design! 2012 Elsevier, Inc. All rights reserved. Road Map The time and effort you put into planning a multimedia project will determine how well (or not) the project hits its mark.!!!
More informationPART ONE Setting up your new site Begin by signing in to the Google Sites page by directing your browser to
Creating a Google Sites Electronic Portfolio Page 1 of 1 Creating An Electronic Portfolio Using Google Sites Objective: Create an online teaching portfolio using Google Sites. rev. 2/25/13 This document
More informationNeed Help? Page 1 of 36 WORK
Need Help? Page 1 of 36 Table of Contents 1 Introducing Conducttr Text Messaging Example... 3 2 The Exercise User Journey... 3 3 Preparing for the project... 5 4 Create a project with Conducttr... 5 5
More informationCamera Shots. Lesson Plan
Lesson Plan Camera Shots Level: Grades 9-12 About the Author With permission, this lesson is based on a series of activities by Wayne McNanney in Mediacy, Vol. 20, No. 3, Fall 1998, and from TVOntario's
More informationIntroduction. Creating an Account. Prezi.com Getting Started
Introduction offers a way to create presentations that engage the audience in an interesting and non-traditional way. It is a virtual whiteboard that transforms presentations from monologues into conversation:
More informationApple Professional Development Catalog November 2012
Apple Professional Development Catalog November 2012 Table of Contents Get the most from your Apple products... 2... 4 ios Devices... 4 ios Creativity... 5 ios Productivity... 6 ios for Administrators...
More informationWAYNESBORO AREA SCHOOL DISTRICT COMPUTER APPLICATIONS
UNIT: Publisher KEY LEARNING(S): Introduction to Microsoft Publisher and Publisher jumpstart UNIT ESSENTIAL QUESTIONS: How can you use Publisher to enhance your education/career? COMPETENCY: Publisher
More information