Upload
others
View
0
Download
0
Embed Size (px)
Citation preview
Lecture (08)Build Custom
Android App for your Arduino Project using MIT App Inventor
By:
Dr. Ahmed ElShafee
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ١
Open vmware/app inventor image
•
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٢
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٣
Run AI2 starter as admin
•
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٤
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٥
Run App Inventor Ultimate as admin
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٦
Open firefox or chrome as admin
•
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٧
type the following address 127.0.0.1:8888
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٨
Login using email
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٩
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ١٠
Start new project
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ١١
Type name
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ١٢
Now we go
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ١٣
Open layout
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ١٤
Inset Horizontal arrangement
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ١٥
Set properties
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ١٦
Open user interface/Inset label into horizontal arrangement
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ١٧
Set label properties
•
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ١٨
Add another horizontal arrangement
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ١٩
Insert image into horizontal arrangement 2
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٢٠
Upload image file to project
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٢١
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٢٢
Inset media file into image object
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٢٣
Adjust image properties
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٢٤
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٢٥
Add 3rd horizontal arrangement
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٢٦
Adjust properties
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٢٧
Inset label 2, label 3,list piker
•
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٢٨
Adjust labels text, background color
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٢٩
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٣٠
Add BT image
•
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٣١
•
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٣٢
Add BT image to pick list
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٣٣
Adjust pick list properties
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٣٤
Add last horizontal arrangement
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٣٥
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٣٦
Add 2 buttons
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٣٧
Adjust buttons text
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٣٨
Open connectivity add BT client
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٣٩
Open user interface add clock
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٤٠
Switch to blocks window
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٤١
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٤٢
Click on listpicket1, choose before picking event
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٤٣
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٤٤
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٤٥
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٤٦
Open BT client
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٤٧
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٤٨
Open list piker1, select after picking
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٤٩
Open built in control select if statment
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٥٠
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٥١
BT connect
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٥٢
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٥٣
List picker selection
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٥٤
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٥٥
Set List picker 1 elements
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٥٦
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٥٧
BT client addresses and names
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٥٨
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٥٩
Button 1 click
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٦٠
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٦١
Call BT client send text
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٦٢
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٦٣
Text
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٦٤
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٦٥
Button 2 click
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٦٦
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٦٧
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٦٨
Save app
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٦٩
Export app
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٧٠
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٧١
Build app
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٧٢
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٧٣
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٧٤
Add‐on part
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٧٥
Add timer clock event
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٧٦
Control if then
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٧٧
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٧٨
BT client is connected
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٧٩
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٨٠
Set Label 2 background color
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٨١
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٨٢
color
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٨٣
Set text2 text
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٨٤
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٨٥
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٨٦
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٨٧
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٨٨
Thanks,..
See you next week (ISA),…
Dr. Ahmed ElShafee, ACU : Spring 2017, Practical App EE II ٨٩