Embedded Files
What you will do in this lesson:
What you will do in this lesson:
Build a Quiz App with Lists that contain Questions, Answers and Images
What you will learn in this lesson:
What you will learn in this lesson:
How to use 3 lists in Parallel
How to compare values between Lists
Vocabulary
Vocabulary
List:
Agenda/Lesson Steps
Agenda/Lesson Steps
- Watch Intro Video
- Build User Interface
- Program Next Button
- Quiz Navigation
- Checking the Answers
- Challenges
- Extra Credit
Activity
Activity
- Watch the Intro Video
3. Build the User Interface
3. Build the User Interface
4. Program the Blocks
4. Program the Blocks
Build a Question List. Copy and Paste the Questions into text blocks:
Which Navy admiral led the creation of COBOL, one of the first high level programming languages?
Which recent movie showcases the first African-American women who worked as human “computers” for NASA?
Which computer science pioneer broke the German Enigma Code during the World War II?
Initialize a new variable "Index" to 1
When Screen 1 Opens
Set the Question Label Text to Question List at Index 1
Set the Index Label Text to Index Variable
When NextButton.Click,
increment the index variable to index + 1.
set the QuestionLabel.Text to the new index value
Set Index Label to new index value
Review: Programming the Next Button
Review: Programming the Next Button
Length of List Component
Length of List Component
Lists have a length of property that keeps track of how many items or elements are in a given list.
This is how you can check the length of the Image List
Continue Programming
Continue Programming
5. Quiz Navigation
5. Quiz Navigation
Add an if/else block to the Next Button
If the index is equal to the length of the list
set the index value to 1
Else
Add one to the index variable
Set the question label text to the new index location
Set the index label text to the new index value
6. Compare the User's answer to the question
6. Compare the User's answer to the question
When the Answer Button is clicked,
If the Answer is correct
set the Answer Label to “Correct”
Else:
set the Answer Label to “Wrong”
Hint: Use the UPPER CASE block to change the user's answer to all Lower Case
Challenges
Challenges
Challenge #1 Keep Score
Challenge #1 Keep Score
Add a “correct answer” variable and a correct label to keep track of how many correct answers the user gives.
Add a “wrong answer” variable and a wrong label to keep track of how many wrong answers the user gives.
Challenge #2 Reset Procedure
Challenge #2 Reset Procedure
Add a Button and name it “resetButton”.
Code a procedure that sets:
the index and index label to 1
resets the question, image to index
Score variable and score label to 0
Challenge #3 Text-to-Speech
Challenge #3 Text-to-Speech
Modify your app so that “correct” and “incorrect” are spoken when the user answers a question.
Extra Credit Challenges
Extra Credit Challenges
Extra Credit #1 Intro Screen
Extra Credit #1 Intro Screen
Add an intro Screen with an image and directions on how to start the quiz
Extra Credit #2 End Screen
Extra Credit #2 End Screen
Add an End Screen with directions on how to re-start the quiz
Extra Credit #3 Timer
Extra Credit #3 Timer
Set a time limit for each question (or for Quiz overall)
Add a Timer Component
Add a Time Label
Add a Time Variable
Have timer countdown for each question and reset when the next button is clicked...or set a timer for the entire quiz
*Hint: The programming is similar to the Timer Challenge in Tourist App
Extra Credit #4 Random Question
Extra Credit #4 Random Question
Add a new button that gives the user a random question, rather than the next answer in the list
Handout
Handout
Closeout
Closeout
Universal Supports
Universal Supports
Report abuse