1. Variables, operators, canvas, and multimedia Dr. José M. Reyes Álamo

2. 2 Outline Variables Operators Canvas

3. Variables

4. 4 Properties and variables In general the memory is a set of cells or slots, like spread sheet, where we store data. Properties and variables are named memory slots –What is the difference? We use variables and properties to store information used within our app.

5. 5 An example Variable definition Name the variable Assign initial value Using the variable within an event handler Set a value Get the value cost=0 profit=0 price=0 On Button1.Click cost=7 profit=5 price=cost + profit Label1.text = price

6. 6 Variables on AppInventor Numeric Variables: –http://www.cs.trincoll.edu/~ram/q/110/numeric_variables.htmlhttp://www.cs.trincoll.edu/~ram/q/110/numeric_variables.html Numeric Variables: –http://www.cs.trincoll.edu/~ram/q/110/text_variables.htmlhttp://www.cs.trincoll.edu/~ram/q/110/text_variables.html

7. Operators

8. 8

9. 9 Reference Arithmetic operators and other math blocks –http://experimental.appinventor.mit.edu/learn/reference/blocks/math.htmlhttp://experimental.appinventor.mit.edu/learn/reference/blocks/math.html Logic operators –http://experimental.appinventor.mit.edu/learn/reference/blocks/logic.htmlhttp://experimental.appinventor.mit.edu/learn/reference/blocks/logic.html

10. Canvas

11. 11 Canvas is a pixels grid Reference: http://experimental.appinventor.mit.edu/learn/reference/components/ basic.html#Canvas http://experimental.appinventor.mit.edu/learn/reference/components/ basic.html#Canvas 0 1 2 3 4 0123401234

12. 12 This class assignments Brainstorming about final project Reading Assignment: –AppInventor CH15 (Software Engineering and Debugging)AppInventor CH15 (Software Engineering and Debugging) –AppInventor CH17 (Creating Animated Apps)AppInventor CH17 (Creating Animated Apps) READING ASSIGNMENT EVALUATION: –Complete the reading assignments and answer the RA8_AppInventorCh15andCh17on Blackboard.

13. 13 To have credit for each app you develop You should create a page for each application, containing the following: 1.A description about what the app does 2.A picture of the main screen 3.A picture of the Blocks diagram 4.Show your app running to your Professor Take a look a these examples: –https://sites.google.com/site/dmushailov/https://sites.google.com/site/dmushailov/ –https://sites.google.com/site/jianhliportafolio/kittypurrhttps://sites.google.com/site/jianhliportafolio/kittypurr Additionally, you could add more pictures and write about your experience while developing your app.