tech19599 exploring information technology mobile application development (control statements)
TRANSCRIPT
![Page 1: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/1.jpg)
TECH19599Exploring Information Technology
Mobile Application Development(Control Statements)
![Page 2: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/2.jpg)
Exploring Information Technology-Pejman Salehi
Goals of This Module
• Create more complex Apps.
• Use different events.
• Learn how to program more complex logic.
• Turn the Tic Tac Toe front end into a working App
![Page 3: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/3.jpg)
Exploring Information Technology-Pejman Salehi
Evaluation for This Module
• In class exercises– 3 marks
• Completing Tic Tac Toe project– 10 marks
![Page 4: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/4.jpg)
Exploring Information Technology-Pejman Salehi
Review Exercise
• Make an Application for Heads or Tails Game– Hint: Remember the Dice game
• When you click the button it shows 1 or 2 (randomly)
![Page 5: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/5.jpg)
Exploring Information Technology-Pejman Salehi
Overview
• So far our applications were simple
• We started from a set of inputs and executed to the end always the same way (for different inputs).
• What if based on some decisions programmer wants to change the execution path– For example show different images based on different
values in Heads or Tails app
![Page 6: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/6.jpg)
Exploring Information Technology-Pejman Salehi
OverviewGenerate 1 or 2
randomly
If it is 1
Show
Yes No
Show
![Page 7: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/7.jpg)
Exploring Information Technology-Pejman Salehi
Overview
How?• We call these selection (control) statements
• Selection is made based on certain conditions
• Example: The randomly generated value equals 1
![Page 8: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/8.jpg)
Exploring Information Technology-Pejman Salehi
Comparison OperatorsOperator Description
Less than
Less than or equal to
Greater than
Greater than or equal to
Equal to
Not equal to
![Page 9: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/9.jpg)
Exploring Information Technology-Pejman Salehi
Example
• coin = 1
• age <= 30
• income > 25000
![Page 10: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/10.jpg)
Exploring Information Technology-Pejman Salehi
Selection Statements
Control blocks – If something is true then do this
How?Test the Condition
Do this if the condition is true
![Page 11: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/11.jpg)
Exploring Information Technology-Pejman Salehi
Example
![Page 12: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/12.jpg)
Exploring Information Technology-Pejman Salehi
Selection Statements
What happens if the condition is not true?Nothing
Test the Condition
Do this if the condition is true
![Page 13: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/13.jpg)
Exploring Information Technology-Pejman Salehi
Selection StatementsWhat happens if the condition is not true?NothingWhat if we want to make something happen
Test the Condition
Do this if the condition is trueDo this otherwise
![Page 14: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/14.jpg)
Exploring Information Technology-Pejman Salehi
Example
![Page 15: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/15.jpg)
Exploring Information Technology-Pejman Salehi
Now Your Turn
• Develop a simple app which says if an a number is positive of negative
• Modify the Heads or Tail App with proper icons
![Page 16: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/16.jpg)
Exploring Information Technology-Pejman Salehi
ListPicker
• In mobile apps users often need to select from list of options– Example: The user wants to pick the type of credit
card (Master, Visa, AMEX)
• We use ListPicker to develop this functionality
![Page 17: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/17.jpg)
Exploring Information Technology-Pejman Salehi
ListPicker
How?• In App Inventor – You need to add a ListPicker element
• In Block Editor– You need to specify the options– You need to implement what will happen if the
user select one of the options
![Page 18: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/18.jpg)
Exploring Information Technology-Pejman Salehi
ListPicker
• Let’s develop an app which gives the user to choose from the list of fruits and simple output the name of the fruit
• Specifying the options– Apple– Orange – Banana
• What happens if the user pick an item– Output the name of the element
![Page 19: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/19.jpg)
Exploring Information Technology-Pejman Salehi
Specifying the Options
![Page 20: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/20.jpg)
Exploring Information Technology-Pejman Salehi
Action
![Page 21: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/21.jpg)
Exploring Information Technology-Pejman Salehi
Now Your Turn
• Modify your math helper app from last class:
– Add a ListPicker giving the user the option of choosing lb->Kg or inches->Cm conversion options
– Using control blocks perform the correct conversion
![Page 22: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/22.jpg)
Exploring Information Technology-Pejman Salehi
How to Make Your App Talk!
• In App Inventor add a TextToSpeech element
• In Block Editor
![Page 23: TECH19599 Exploring Information Technology Mobile Application Development (Control Statements)](https://reader035.vdocument.in/reader035/viewer/2022070409/56649e8f5503460f94b9355d/html5/thumbnails/23.jpg)
Exploring Information Technology-Pejman Salehi
Exercise
• Make your fruit selector App to say the name of the selected fruit – Add a button that say the name of the fruit when
it is pressed