Introduction to AppInventor

Transcription

1 Introduction to AppInventor

2 Student Approach To Learning (ATL) Criterion A: Knowing and Understanding. Demonstrate knowledge and understanding of subject-specific content and concepts through description and examples Statement of Inquiry Students will learn specific concepts as it relates to the functionality of APP Inventor. q Communication q Collaboration q Organization q Affective q Reflection q Information Literacy q Media literacy q Critical Thinking q Creative Thinking q Transfer Standards for CTE Frameworks: Identify and demonstrate the role of electronic communication. The student will be able to: Explain how to create code, transmit, and receive messages using electronic devices List and explain the common communication categories Define and explain the use of telecommunications in everyday life Utilize a telecommunications device to transmit and receive an electronic message Produce an audio and/or visual product using electronic communication technology.. 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. 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 Differentiation: Similar readiness groups and interest-based investigations

3 DUE THIS WEEK SECOND 9 WEEKS 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 CLASS WORK HOME WORK TEACHER SUBMISSION 3

4 ANNOUNCEMENTS 4

5 Do Now 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 5

6 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

7 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

8 App Inventor History 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! 8

9 Projects View 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 From Projects menu, you can import an exis4ng App Inventor project file to work on 9

10 Designer View 10

11 Designer View 11

12 Blocks View 12

13 Blocks View 13

14 INDEPENDENT WORK 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 14

15 Share Out 15

16 Close & Update Google Project Folder Ø Take a screenshot of the following windows: Designer view Blocks view Ø Save your screenshots in your Google Folder/ AppInventorLessons/Lesson1 16