devices only

Essential Question: How are event handlers and conditionals used in app development?

Objective: I will be able to create a mobile app that allows functionality through the sequence of event handlers and the logic of conditionals.

Word Wall:
Sequence
Logic
Logical thinking
Sequential thinking
Event handlers
Conditionals
Components
Behaviors
Response
Properties
Event Types (user-initiated event | initialization event | timer event | animation event | external event)
service APIs
mashups
event-driven

Tasks:

Go to AppInventor.org and view the video Learn to Build Android Apps in Hours. Check out App Inventor Introduction to familiarize yourself with the MIT App Inventor GUI.
Click on App Building Course.
Complete Module 1: Introduction AI2 and Event-Driven Programming (Complete I Have a Dream.

Note: Use these links to complete it. Video | Instructions | IHaveADreamStarter.aia | Online tutorial

A. Make sure the MIT App Inventor Emulator is installed on your computer. The icon should be on your desktop or toolbar.

Start by clicking on AI Start and look for the Emulator to open on your desktop. If it is not there, tell the teacher so she can have it corrected before the next class.

B. Go to your MIT App Inventor Google site class portfolio and create a new page: My Mobile Apps

If you do not have one, you will need to create a class portfolio on Google Sites.

Setup your class portfolio to save your AI apps. Here is a student example. Help with creating and editing your portfolio can be found by clicking here.

C. On your Google Site class portfolio, create a subpage off of your My Mobile Apps page titled I Have a Dream. You will be improving this app for the first assignment in this module.
Today's lesson is based on the MIT App Inventor texbook by David Wolber, Hal Abelson, Ellen Spertus, and Liz Looney

Read Preface to the MIT App Inventor textbook.

Read Chapter 14: App Architecture in the MIT App Inventor textbook.

7. EVENT HANDLING - Review event handling with When-Do blocks.

How do you program an app’s event-response behavior?

8. Check out App Inventor Cards to find out how to create specific event-response
behavior.

9. CONDITIONALS - Review about conditionals with If blocks.

Complete Quizzes as you go through the content!

************************************PROJECT*****************************
10. Part I Assignment (classwork): Create & Customize the I Have a Dream app using a different event handlers and conditionals than just the ones in the instructions. You will follow all the instructions to create the foundation MLK app.

See the steps here in Customization Exercises. Show teacher your app when you have finished.

50 points - All MIT Mobile Apps will be graded in your Google Site ePortfolio website. You will submit the URL of each app in the assignment on Canvas. Do not submit the URL of your homepage. I will not grade your app if you do submit the homepage URL.

To showcase this app and allow for teacher review and grading, create a new page on your AI Class Portfolio. See example so you include all the parts. Here is a student sample of a project page in a classroom portfolio.

Discussion Questions and Customization: Click here for questions and Challenge Customization!

Customization Exercises

Modify the “I Have a Dream” app so that the MLK speech starts when you shake the phone. You’ll need an AccelerometerSensor component. Explore on your own and see if you can figure it out. If you get stuck, see http://www.appinventor.org/Events#shaking. (10 points)
The “I Have a Dream” app uses two Player Components, one for each speech. Rewrite the app so that only a single Player Component is used (hint: you’ll need to change the Player.Source property in the blocks). (10 points)

Part II Assignment of MLK I Have a Dream: Include the following elements on your MLK I Have a Dream page in your Google Site class portfolio:
App Title, App Developer, App Description, App Screenshot image, App directions, App Source Code (.aia file), App .apk file, twitter image, twitter link, & Teach the most difficult concept/logic you learned while creating this app (at least three sentences), and ALL WITH LABELS.

Promote your app with this page on Twitter! - Tag: @mwiscount #MTHS_CS @MITAppInventor

TOTAL POINTS FOR CLASSWORK MLK I HAVE A DREAM APP: 100 POINTS

MLK I HAVE A DREAM INTRO APP - 50 POINTS

MLK I HAVE A DREAM CUSTOMIZATION APP (SHAKE AND ONE PLAYER) - 20 POINTS

MLK GOOGLE SITE PAGE - 30 POINTS

************************************PROJECT*****************************

11. Part I Assignment of SOUNDBOARD (project assessment): CREATIVE PROJECT: Create a SoundBoard app. Gather your media around a certain theme, rather than random media. Follow all the criteria for the most points.

100 POINTS - Remember to add your information, all the new elements, CREATIVE PROJECT CLASS PORTFOLIO PAGE - To showcase this app and allow for teacher review and grading, create a new page on your AI Class Portfolio. See example so you include all the parts. Here is a student sample of a project page in a classroom portfolio.

Part II of SOUNDBOARD app: Include the following elements on a new page for this app: App Title, App Developers, App Description, App directions, App customization (you need this for me to know what you selected to add in your app so I can give you credit for the customization), App Screenshot image, App Source Code (.aia file), App .apk file, Twitter image, Twitter link, & Teach the most difficult concept/logic you learned while creating this app (at least three sentences), and ALL WITH LABELS.

Promote your app with this page on Twitter! - Tag: @mwiscount #MTHS_CS @MITAppInventor

TOTAL POINTS FOR PROJECT SOUNDBOARD APP: 100 POINTS

SOUNDBOARD APP - 60 POINTS

SOUNDBOARD CUSTOMIZATION APP (YOU CHOOSE ONE CUSTOMZATION) - 10 POINTS

GOOGLE SITE GOOGLE SITE PAGE - 30 POINTS

12. Take the Module 1 Quiz.

Assignments for this module: See link under this page in the MIT App Inventor Advanced Module for all the details included in this instructional page.

Image Attribution:

Only_devices BY LonelyEagle found at https://openclipart.org/detail/188723/devices-by-lonelyeagle-188723