Introduction to AppInventor

Student Approach To Learning (ATL)

Standards for CTE Frameworks: Identify and demonstrate the role of electronic communication. – The student will be able to: 26.01 Explain how to create code, transmit, and receive messages using electronic devices. 26.02 List and explain the common communication categories. 26.03 Define and explain the use of telecommunications in everyday life. 26.04 Utilize a telecommunications device to transmit and receive an electronic message. 26.05 Produce an audio and/or visual product using electronic communication technology. .

q  Communication q  Collaboration q  Organization q  Affective q  Reflection q  Information Literacy q  Media literacy q  Critical Thinking q  Creative Thinking q  Transfer

Criterion A: Knowing and Understanding. Demonstrate knowledge and understanding of subject-specific content and concepts through description and examples

Differentiation: Similar readiness groups and interest-based investigations

Formative Assessment: 1. Explains choice 2. Effectively follows brainstorming map 3. Uses method to record consistently relevant information 4. Thoroughly reflects and shares process

Global Content: Scientific and technical Innovation.

Statement of Inquiry

Key Concepts: Connections are links, bonds and relationships among people, objects and ideas

Related Concepts: •  Planning •  Teamwork •  Communication •  Compromising •  Employment Inquiry Questions: * What is app inventor? * Why is it important to know the foundation? *Describe your two favorite apps and explain why you enjoy using them

Students will learn specific concepts as it relates to the functionality of APP Inventor.

DUE THIS WEEK SECOND 9 WEEKS

3

▶ VERIZON COMPETITION SUBMISSION

▶ VIDEO COMPLETION AND UPLOAD TO YOUTUBE

▶ INNOVATION COMPETITION SUBMISSION

▶ INTRO TO APP INVENTOR

▶ Modify an App & Test it Using the Emulator and the AI Companion

▶ Modify an App to Enhance the Design

▶ Digital Doodle

▶ NOTE BOOK CHECK END OF THE WEEK

TEACHER SUBMISSION HOME WORK CLASS WORK

ANNOUNCEMENTS

4

Do Now

5

➢  Apps are available for all sorts of devices, including tablets, laptops and phones. Describe your two favorite apps and explain why you enjoy using them.

Brick Breaker App

OBJECTIVES

Ø  Demonstrate knowledge of App Inventor’s Interface by changing component properties and coding behaviors for a button

Ø  Agenda

1.  Introduction to App Inventor and its history 2.  Demonstrate how to use App Inventor’s 3 views 3.  Modify the appearance and behavior of an existing app

Ø  Today’s deliverables Ø  Update an app’s properties and behavior Ø  Take a screenshot of your work

6

Introducing App Inventor

➢  A web-based tool to create Android Apps

➢  Designed so that everyone can make an app

➢  App Inventor has 3 views: Projects, Designer and Blocks Editor

http://appinventor.mit.edu/explore/

App Inventor History

8

➢  Created by MIT Professor Hal Abelson at Google while on sabbatical

➢  App Inventor moved to MIT in January 2012 when Google dropped support in December 2011

Professor Abelson once said that he believed he was the oldest Google intern at Google’s Mountain View, California, campus!

9

➢  Used to create new, open, delete and publish projects to the gallery

➢  Provides a list of all of the projects you have created or have imported into App Inventor

➢  To access the Projects view, after you create your first project, use the Project menu

➢  FromProjectsmenu,youcanimportanexis4ngAppInventorprojectfiletoworkon

Projects View

Designer View

10

Designer View

11

Blocks View

12

Blocks View

13

INDEPENDENT WORK

14

➢  Login to appinventor.mit.edu ➢  Respond to prompts to take the survey later

➢  Use the Projects view to import Lesson1Starter.aia From Design View

1.  Use the Properties pane to change the BackGroundColor of Screen1 to a color of your choice

2.  Use the Palette, add a second button, change its property to add an image, MarianBetchel.jpg, from the media folder

3.  Use the Palette, add a second label, change its text property to Marian Betchel; Change the label’s BackgroundColor to a color of your choice

4.  Use the Components pane, rename Button2 to ButtonMarian

From Blocks View

1.  Code the Behavior of ButtonMarian to speak the text “ I am Marian Bechtel “

Share Out

15

Close & Update Google Project Folder

16

Ø  Take a screenshot of the following windows:

•  Designer view •  Blocks view

Ø  Save your screenshots in your Google Folder/AppInventorLessons/Lesson1