Essential Question: How can I process lists of information using an index to "walk through" a list and add functionality?

Objective:
Day One (9/24): I will be able to create an educational or informative slideshow using lists and list indexing.

Days Two & Three (9/28 & 9/30): I will be able to create an educational or informative quiz using lists, list indexing, list pickers, and timed lists.

Word Wall:
lists
indexing
list pickers
timed lists
iteration
increment
variable
conditional
functionality
abstract references

Lists- In this module, you will:

Learn how to iterate through a list using an index and select list item
Learn how to use an if conditional to control the iteration.
Learn to code using abstract references (e.g., length of list)
Programming Lists of Data Chapter in Book

Tasks:

Go to AppInventor.org and click on Module 4: Build Quizzes and Informational Lists link.
Complete Warm-up Worksheet (mini app) to review
incrementing values and variables in preparation for learning about indexes and traversing through a list.

Complete the Iterating through a List of Information slideshow mini app. Build Lists tutorial.
Learn about user list navigation (how to step through a list of information).
Answer the questions in the Slideshow: Conceptualize and Customize learning space.

4. Module 4 Part I: Complete the Slideshow mobile app in the Slideshow: Conceptualize and Customize google doc.

Add the following to your Slideshow:
Previous button - #2
When it hits the end of the slideshow, add code so it does not show an error (see suggestions) - #3
Start button - #4 - Possible solution?
Add an educational component or commercial purpose to it!
For example: Teach about different DC neighborhoods, or global water issues,
or converting English to Metric measurement.

Help navigating through a list.
Navigate through a List Help Here!!!!

5. Google Site Page for App: Create a page in your App Inventor Class Portfolio for this customized Slideshow app.

Make sure you include: App Title, App Description, Your name as App Developer, App Directions, Screen Shots of your app working, .apk file, .aia file, and QR code to access your .apk file. Remember if you make changes to your app you need to delete the .apk and .aia file on your page and upload the new .apk and .aia files.
(95 points)

6. Go through Quiz 6. Answer the questions in your head before you Show the Answer.

7. Read ListPicker and Choosing from a List of Lists.

8. Learn about Timed Lists. Add an element of a timed list in either your Slideshow or your President's Quiz app - your choice - Note on Google site page of the app that you choose that you added a timed list element so I know to look for it and test it!

9. Go through Quiz 7. Answer the questions in your head before you Show the Answer.

10. Module 4 Part II: Build the President's Quiz mobile app BUT with your Own Concept from the Slide Show that you are Testing.

Directions and TIP: Combine your SlideShow as Screen 1 and your Quiz on what you taught in the Slide Show as Screen 2.

How to add a screen (design) and add code (blocks) go between screens?

Following requirements:

Screen 1 is your Slide Show (Module 4: Part I) - Do NOT begin with your Slide Show. COPY your Slide Show app and call it yourlastNameQuiz. Add Screen 2 to build the Quiz.
At least three questions in your quiz
Use media (pics/video/sound) in some way (your choice!)
Provide some way for user to answer questions and see results (feedback and ending score).

Other tutorials:
Make a Quiz-Take a Quiz
Quiz Me
Create a Quiz

Multiple Screen Tutorials:
How to add another Screen?
How to swap between Screens?
Switching Screens

Choose ONE Customization:

Easy: Instead of just showing images for each question, try playing a sound clip or a short video. With sound, you can turn your quiz into a “Name That Tune” app.
Moderate: The quiz is very rigid in terms of what it accepts as a valid answer. There are a number of ways to modify this. One way is to make the answer checking case-insensitive--so “roosevelt” will work for the answer “Roosevelt”. Another is to use the text.contains block to see if the user's answer is contained in the actual answer. Another option is to provide multiple answers for each question, and check by iterating (foreach) through them to see if any match.
Difficult: Transform the quiz so that it is multiple choice. You'll need an additional list to hold the answer choices for each question. The possible answers will be a list of lists, with each sublist holding the answer choices for a particular question. Use the ListPicker component to allow the user to choose an answer.

11. Google Site Page for App: Create a page in your App Inventor Class Portfolio for this Your Quiz app.

Make sure you include: App Title, App Description, Your name as App Developer, App Directions, Screen Shots of your app working, .apk file, .aia file, and QR code to access your .apk file. Remember if you make changes to your app you need to delete the .apk and .aia file on your page and upload the new .apk and .aia files.

(105 points)

What will you submit for credit for Module 4?

Slideshow app and Google Site page - #4 & #5

Your OWN Quiz app and Google Site page - #10 & #11

Total Module 4 Points: 150

Share your Apps with the World!!!!

Publish your apps to your AI Class Portfolio to the MIT App Inventor Gallery. Make sure it is one that you are proud of and works correctly. Test it out in the Emulator. Find an icon for your game at OpenClipArt.
Post your app link to your Google Site page on Twitter, Instagram, Facebook, or Pinterest for extra credit! You must use the tags that I have listed in the Share your Creative Work in Social Media module.

Rubric for Module 4 (SlideShow & SlideShow/Quiz apps): App Inventor 2 - Module 4 Rubric.docx

Exit Inquiry : With the new concepts you used in this module (lists, listpickers, list indexing, choosing from a list of lists), choose one and write three sentences about the concept to help a new student working with these concepts for the first time.

How to create a Screenshot on a Windows PC:

Click CTRL+PrintScreen. Then open Paint. In a new document, click on CTRL+V. Then click on the Selector tool and select the part of the screenshot that you want to add to your Google Site. Click on Crop. Save as a .png or a .jpg file and save it to your Desktop.

How to create a Screenshot on an Apple PC:

Click Command+Alt+3. The screenshot will be saved on your Desktop with the date and time as the filename.