ΔΗΜΙΟΥΡΓΙΑMOBILE ΕΦΑΡΜΟΓΩΝ ΓΙΑ ANDROID ΣΥΣΚΕΥΕΣ ΜΕ APPINVENTOR Σοφία Τζελέπη Σύμβουλος Πληροφορικής Δυτ. Θεσ/νικης Απρίλιος 2013 http://users.sch.gr/stzelepi/portal stzelepi@sch.gr ΑΠΡΙΛΙΟΣ 2013
App Inventor 2 Google, 15 Dec 2010 MIT, 1 Jan 2012 Cloud-based software Gmail account Android Phone
3 Ανάπτυξη Εφαρμογών σε AppInventor
4 Designer
5 Blocks Editor
6 Emulator
Απαιτήσεις Συστήματος 7 Λειτουργικό Σύστημα Macintosh: Mac OS X 10.5 ή νεότερη έκδοση Windows: Windows XP, Windows Vista, Windows 7 GNU/Linux: Ubuntu8 ή νεότερη έκδοση, Debian5 ή νεότερη έκδοση Περιηγητής Mozilla Firefox 3.6 ή νεότερη έκδοση Apple Safari 5.0 ή νεότερη έκδοση Google Chrome 4.0 ή νεότερη έκδοση Microsoft Internet Explorer 7 ή νεότερη έκδοση
Setup για MIT App Inventor 8 Εγκατάσταση Java 7.0 http://java.com/en/download/help/download_options.xml Εγκατάσταση του λογισμικού App Inventor http://dl.google.com/dl/appinventor/installers/windows/a ppinventor_setup_installer_v_1_2.exe για Windows Πρόσβαση στο Internet Λογαριασμός Gmail Για να ξεκινήσετε μεταβείτε στο http://beta.appinventor.mit.edu/
9 Τρέξιμο App Inventor εφαρμογών σε Android Συσκευή μέσω USB (1) Συσκευή Android - Συμβατότητα Συσκευή με κάρτα SD Εγκατάσταση λογισμικού Windows driver στον Η/Υ Για Android 4.2.2. κατεβάστε και εγκαταστήσετε τη νέα έκδοση του "ADB" στον Η/Υ Ρυθμίσεις Συσκευής Ενεργοποιήστε την επιλογή " Unknown sources" από Settings/Applications Ενεργοποιήστε τις επιλογές " USB Debugging" και "Stay Awake" από Settings/Applications/Development. Ενεργοποιήστε την επιλογή "Charge Only" από Settings/Connect to PC/Connection Type
Setup Phone 10 Menu Settings - Applications Menu Settings - Development
11 Τρέξιμο App Inventor εφαρμογών σε Android Συσκευή μέσω USB (2) Ξεκλειδώστε το κινητό σας και συνδέστε το με τον Η/Υ Εμφανίζονται δύο μηνύματα στο κινητό "USB Connected "USB Debugging Connected "Turn on USB Storage«(μην ενεργοποιήσετε την επιλογή αυτή) Ανοίξτε τον Blocks Editor Από την καρτέλα "Connect to Device...«επιλέξτε το κινητό σας (π.χ. HT94LLZ00001)
12 Τρέξιμο App Inventor εφαρμογών σε Android Συσκευή ασύρματα (1) Εγκατάσταση του App Inventor Companion App 2.05 στο κινητό σας από Google Play Store ή http://appinventor.mit.edu/download/mitaicompanio n.apk Ξεκινήστε στο κινητό σας (ασύρματη σύνδεση) την εφαρμογή App Inventor Companion App Ανοίξτε τον Blocks Editor στον Η/Y
Τρέξιμο App Inventor εφαρμογών 13 σε Android Συσκευή ασύρματα (2) Από την καρτέλα "Connect to Device" επιλέξτε "WiFi" Ένα πλαίσιο διαλόγου με οδηγίες και ένα εξαψήφιος QR κώδικας θα εμφανιστεί στον Η/Υ Στο κινητό σας πληκτρολογήστε τον εξαψήφιο QR κώδικα και επιλέξτε "Connect to App Inventor".
14 Εγκατάσταση της εφαρμογής σας μέσω USB(.apk) Βεβαιωθείτε ότι το κινητό σας είναι συνδεδεμένο Πηγαίνετε στον "Designer" και επιλέξτε "Package for Phone" Εμφανίζονται τρεις επιλογές: Show Barcode Download to this Computer Download to Connected Phone Επιλέξτε "Download to Connected Phone"
Εγκατάσταση της εφαρμογής σας στο κινητό σας μέσω USB(.apk) 15 Βεβαιωθείτε ότι το κινητό σας είναι συνδεδεμένο και ότι είναι ανοιγμένο το Blocks Editor Πηγαίνετε στον "Designer" και επιλέξτε "Package for Phone" Εμφανίζονται τρεις επιλογές: Show Barcode Download to this Computer Download to Connected Phone Επιλέξτε "Download to Connected Phone" Η εφαρμογή θα μεταφερθεί και θα εγκατασταθεί στο κινητό σας
Εγκατάσταση της εφαρμογής σας στο κινητό σας ασύρματα (.apk) 16 Βεβαιωθείτε ότι το κινητό σας έχει ασύρματη πρόσβαση και ότι είναι ανοιγμένο το Blocks Editor Πηγαίνετε στον "Designer" και επιλέξτε "Package for Phone" Εμφανίζονται τρεις επιλογές: Show Barcode Download to this Computer Download to Connected Phone Επιλέξτε "Show Barcode" Σκανάρετετην εικόνα barcode που θα εμφανιστεί μέσω ενός ειδικού προγράμματος (πχ. Barcode scanner) του κινητού σας. Μόνο εσείς έχετε πρόσβαση σε αυτό το barcode. Η εφαρμογή θα κατεβεί στο κινητό σας. Στη συνέχεια μπορείτε να την εγκαταστήσετε.
Κατέβασμα της εφαρμογής σας στον Η/Υ σας (.apk) 17 Βεβαιωθείτε ότι είναι ανοιγμένο το Blocks Editor Πηγαίνετε στον "Designer" και επιλέξτε "Package for Phone" Εμφανίζονται τρεις επιλογές: Show Barcode Download to this Computer Download to Connected Phone Επιλέξτε "Download to this Computer " Μπορείτε την εφαρμογή να την μεταφέρετε όπου θέλετε (ακόμα και στο κινητό σας μέσω usb) ή να την μοιράσετε σε άλλους. Μπορείτε να μετατρέψετε το urllink της εφαρμογής σε QR Code (π.χ. με http://is.gd) και να στείλετε το QR Code.
18 Τι μπορώ να κάνω;
Τι μπορώ να κάνω; 19 animations games apps with sensors location-based apps map-based apps quiz & voting apps web processing apps augmented reality apps social networking apps
20 Πως δουλεύει;
Event driven προγραμματισμός 21 Γεγονός Εκτέλεση εντολής
22 Event driven προγραμματισμός
Object Oriented Προγραμματισμός 23 Συμπεριφορά - Μεθόδους Αντικείμενο - Component Χαρακτηριστικά - Ιδιότητες
24 Εσωτερική Αρχιτεκτονική μιας εφαρμογής σε AppInventor
Αρχιτεκτονική μιας Εφαρμογής 25 Εφαρμογή ως εκτέλεση συνταγής Εφαρμογή ως σύνολο από διαχειριστές συμβάντων
26 Μια εφαρμογή απαντάει σε εξωτερικά και εσωτερικά γεγονότα
Event Types 27 User events Timer events Sensor events Phone events Communication events
28 Ξεκινάμε http://beta.appinventor.mit.edu/
29 Απλές Εφαρμογές Virtual Pet Dolphin Pic Call Εμφάνιση Λίστας Paint Pot Mole Mash
30 Virtual Pet
Virtual Pet 31 Πηγές Emulator kitty.png meow.mp3 HelloPurr.zip HelloPurr.apk
32 Virtual Pet -Designer
Virtual Pet 33 Blocks Editor Emulator
34 Mole Mash
Mole Mash 35 Πηγές Emulator mole.png MoleMash.zip MoleMash.apk
36 Mole Mash - Designer
37 Mole Mash Blocks Editor
38 Mole Mash - Emulator
39 Dolphin
40 Dolphin Designer Blocks Editor - Emulator
41 PicCall
Pic Call 42 Πηγές Emulator phone.jpg PicCall.apk PicCall.zip
43 PicCall -Designer
PicCall 44 Block Editor Emulator γίνεται η κλήση
45 Εμφάνιση Λίστας
Εμφάνιση Λίστας 46 Πηγές Designer DisplayingA List.zip DisplayingA List.apk
Εμφάνιση Λίστας 47 Blocks Editor Emulator
48 Paint Pot
Paint Pot 49 Πηγές Emulator kitty.png PaintPot.apk PaintPot.zip
50 Paint Pot - Designer
51 Paint Pot Blocks Editor
52 Paint Pot - Emulator
53 SMS Texting Text Group Text Group 2 Talk To You Later Sorry, I'm Busy No Text While Driving
54 Text Group Αποστολή και επεξεργασία SMS μηνυμάτων
Text Group 55 Πηγές Emulator TextGroup.zip TextGroup.apk
56 Text Group -Designer
57 Text Group Blocks Editor
Text Group Emulator 58 Κινητό που τρέχει την εφαρμογή Κινητά που δέχονται μηνύματα
59 Text Group 2 Αποστολή και επεξεργασία SMS μηνυμάτων Αποθήκευση τηλεφωνικών αριθμών στη Βάση Δεδομένων του κινητού
Text Group 2 60 Πηγές Emulator TextGroup2.zip TextGroup2.apk
61 Text Group 2 Blocks Editor
62 Text Group 2 Designer
Text Group 2 Emulator 63 Κινητό που τρέχει την εφαρμογή Κινητά που δέχονται μηνύματα
64 Talk To You Later Sorry, I'm Busy
Talk To You Later Sorry, I'm Busy 65 Πηγές Emulator TalkToYouLater.zip TalkToYouLater.apk
66 Talk To You Later Sorry, I'm Busy
Talk To You Later Sorry, I'm Busy 67 Emulator Block editor
Talk To You Later Sorry, I'm Busy 68 Το 5556 στέλνει μήνυμα στο 5554 Το 5554 απαντάει αυτόματα
69 No Text While Driving
No Text While Driving 70 Πηγές Emulator NoTextingWhileDriving.apk NoTextingWhileDriving.zip
No Text While Driving 71 step 1: Στείλτε μια σταθερή απάντηση σε κάθε εισερχόμενο κείμενο. step 2: Τροποποιήστε το app έτσι ώστε ο χρήστης μπορεί να εισάγει μια δική του απάντηση
72 Build the "No Text While Driving" app step 3: Μετατροπή των εισερχομένων κειμένων σε φωνητικά κείμενα step 4: Μόνιμη αποθήκευση της απάντησης του χρήστη
73 Build the "No Text While Driving" app step 5: Βελτίωση της διεπαφής χρήστη με καλύτερα κουμπιά και εικόνες step 5: Βελτίωση της διεπαφής χρήστη με καλύτερα κουμπιά και εικόνες
74 Ευχαριστώ
75 Πηγές
76 http://appinventor.mit.edu/
Πηγές 77 App Inventor: http://appinventor.googlelabs.com/ Appinventor.org: http://www.appinventor.org/ Wolber, Abelson et al. text: http://www.appinventor.org/text2011 Group: http://groups.google.com/group/app-inventor- instructors Wolber course: http://appinventor.org/course-in-a-box Morelli course: http://turing.cs.trincoll.edu/~ram/cpsc110/