Κώστας Χαλιμούρδας, Παναγιώτης Αλεξάκος Δ.Δ.Ε. Καρδίτσας

Παρουσίαση με θέμα: "Κώστας Χαλιμούρδας, Παναγιώτης Αλεξάκος Δ.Δ.Ε. Καρδίτσας"— Μεταγράφημα παρουσίασης:

1 Κώστας Χαλιμούρδας, Παναγιώτης Αλεξάκος Δ.Δ.Ε. Καρδίτσας http://eclass.sch.gr/courses/EL835106

2 Τι είναι Λογισμικό Δημιουργίας android εφαρμογών Σχεδίαση interface με drag and drop Προγραμματισμός με πλακίδια

3 Περιεχόμενα Πως δημιουργώ Πως κάνω debug Πως Δημοσιεύω Παραδείγματα εφαρμογών

4 Πως Δημιουργώ Account στη google Δημιουργώ online Διέυθυνση: ai2.appinventor.mit.edu

5 Debug Connect απευθείας με το κινητό Δημιουργία στο PC online Interpretation στο κινητό Emulation στο κινητό Connect κινητού με PC Δημιουργία στο PC online Interpetation στο PC Emulation στο κινητό Connect με emulator Δημιουργία, interpretation, emulation στο PC

6 Connect απευθείας με το κινητό (πρoτεινόμενο) (1/2) Cloud Δημιουργία της εφαρμογής Interpretation - emulation

7 Connect απευθείας με το κινητό (πρoτεινόμενο) (2/2) http://appinventor.mit.edu/explore/ai2/setup-device- wifi.html http://appinventor.mit.edu/explore/ai2/setup-device- wifi.html Απαραίτητο το wifi Install mit companion στο κινητό: Ανοίγω ένα QR reader και κάνω scan το apk που θα δώ στη διεύθυνση παραπάνω οπότε πάω στις λήψεις και το εγκαθιστώ Ανοίγω ένα project στο AppInventor και πάω Connect ->AI companion Ανοίγω το mit companion στο κινητό και, ή σκανάρω το QR code που βλέπω στο PC ή τo πληκτρολογώ Πλέον έχω connection μεταξύ AppInventor και κινητού Κατάργηση με Connect->Reset connection στο AppInventor

8 Connect με κινητό μέσω usb (1/4) Cloud Δημιουργία της εφαρμογής Interpretation emulation

9 Connect με κινητό μέσω usb (2/4) http://appinventor.mit.edu/explore/ai2/setup-device-usb.html Install App Inventor setup software on your computer. (για τα windows http://appinv.us/aisetup_windows)http://appinv.us/aisetup_windows Σημείωση: το AppInventor software είναι 32bit, σε 64bit λειτουργικό θα πρέπει να ξεκινά το aistarter από το C:\Αρχεία εφαρμογών(x86)\AppInventor\aistarter με δεξί κλικ και εκτέλεση ως διαχειριστής (administrator) Install mit companion στο κινητό: Ανοίγω ένα QR reader και κάνω scan το apk που θα δώ στη διεύθυνση παραπάνω οπότε πάω στις λήψεις και το εγκαθιστώ Run aistarter που θα είναι στην επιφάνεια εργασίας με την εγκατάσταση του aisetup Στο κινητό επιτρέπουμε το debugging από τις ρυθμίσεις- >επιλογές για προγραμματιστές Συνδέω το κινητό με τη usb θύρα και επιλέγω να κάνω άνοιγμα φακέλου ως mass storage δηλαδή Πηγαίνω στο connect test page (http://appinventor.mit.edu/test/) συνέχειαhttp://appinventor.mit.edu/test/

10 Connect με κινητό μέσω usb (3/4) … Πηγαίνω στο connect test page (http://appinventor.mit.edu/test/)http://appinventor.mit.edu/test/ Και τσεκάρω αν συνδέθηκε κινητό με PC Αν όχι ανατρέχω στη βοήθεια http://appinventor.mit.edu/explore/ai2/connect-USB-win.html http://appinventor.mit.edu/explore/ai2/connect-USB-win.html Ψάχνω drivers για το κινητό μου http://developer.android.com/tools/extras/oem-usb.html#Drivers http://developer.android.com/tools/extras/oem-usb.html#Drivers Τους κατεβάζω, τους αποσυμπιέζω, σε ένα φάκελο στο PC Δεξί κλικ στον υπολογιστή μου ->διαχείριση->Διαχείριση συσκευών Βρίσκω το άλλες συσκευές, το ανοίγω και δεξί κλικ εγκατάσταση driver, κάνω αναζήτηση στο φάκελο με τους drivers και τους εγκαθιστώ Επιστρέφω στο connect test page http://appinventor.mit.edu/test/ συνέχεια … http://appinventor.mit.edu/test/

11 Connect με κινητό μέσω usb (4/4) …Επιστρέφω στο connect test page http://appinventor.mit.edu/test/ http://appinventor.mit.edu/test/ Αν όλα είναι ok, Ανοίγω ένα project στο AppInventor και πάω Connect->USB Πλέον έχω connection μεταξύ AppInventor και κινητού Αν χρειαστεί update η έκδοση του Appinventor τότε επιλέγω να γίνει. Όπου μου ζητάει χρόνο επιλέγω να συνεχίσει. Εάν μου βγάζει error στο update το κάνω από το google chrome. Έαν μου βγάζει parse error package, κάνω connection->Hard reset από το menu, δοκιμάζω χωρίς καμία άλλη εφαρμογή ανοιχτή, αν μου βγάλει επιλογή forse close ή wait δεν κάνω τίποτα μέχρι να πατήσω το update της εφαρμογής Κατάργηση με Connect->Reset connection στο AppInventor

12 Connect με emulator(1/2) Cloud Δημιουργία της εφαρμογής Interpretation emulation

13 Connect με emulator(2/2) http://appinventor.mit.edu/explore/ai2/setup-emulator.html Install App Inventor setup software on your computer. (για τα windows http://appinv.us/aisetup_windows)http://appinv.us/aisetup_windows Run aistarter που θα είναι στην επιφάνεια εργασίας με την εγκατάσταση του aisetup Ανοίγω ένα project στο AppInventor και πάω Connect->USB Πλέον έχω connection μεταξύ AppInventor και κινητού Αν χρειαστεί update η έκδοση του Appinventor τότε επιλέγω να γίνει. Όπου μου ζητάει χρόνο επιλέγω να συνεχίσει. Εάν μου βγάζει error στο update το κάνω από το google chrome. Έαν μου βγάζει parse error package, κάνω connection->Hard reset από το menu, δοκιμάζω χωρίς καμία άλλη εφαρμογή ανοιχτή, αν μου βγάλει επιλογή forse close ή wait δεν κάνω τίποτα μέχρι να πατήσω το update της εφαρμογής Κατάργηση με Connect->Reset connection στο AppInventor Παρατήρηση: Είναι το πιο απλό emulation αλλά κολάει πάρα μα πάρα πόλύ

14 Δημοσίευση Με Qr Code Με APK, απευθείας σε κινητό ή στο google play (κοστίζει η εγγραφή) Δίνοντας το source aia

15 Δημοσίευση με QR code Σύνδεση και του κινητού στο διαδίκτυο Από το AppInventor πάω Build->provide Qr code for.apk Ανοίγω ένα QR reader στο κινητό μου και διαβάζω το QR code

16 Δημοσίευση με.apk Από το AppInventor πάω Build->save.apk to my computer Φόρτωση στο κινητό Με usb: Συνδέω το κινητό με usb στο PC και φορτώνω το.apk σε ένα φάκελο στο κινητό μου Σε ιστοσελίδα: Ανεβάζω το.apk σε μία ιστοσελίδα Συνδέομαι με το κινητό στη σελίδα κάνω λήψη το.apk Με e-mail: Στέλνω το.apk, το λαμβάνω από το κινητό, το αποθηκεύω στο κινητό μου Ενεργοποιώ από τις ρυθμίσεις τους κινητού μου την εγκατάσταση από μη αξιόπιστες πηγές Πατώ πάνω στο.apk που φόρτωσα στο κινητό μου και η εφαρμογή εγκαθίσταται Απενεργοποιώ τη ρύθμιση για εγκατάσταση από μη αξιόπιστες πηγές

17 Δημοσίευση με.apk στο google play Σύνδεση στο internet και στο κινητό Από το AppInventor πάω Build->save.apk to my computer Ανεβάζω το.apk στο google play Ψάχνω την εφαρμογή στο google play από το κινητό μου Εγκαθιστώ την εφαρμογή

18 Δημοσίευση με το source Από το AppInventor πάω Project->export selected project to.aia Δίνω το.aia σε οποιονδήποτε Όποιος έχει το.aia μπορεί να το δικό account στο AppInventor να κάνει Projetcs->import.aia from my computer και να έχει το source όλης της εφαρμογής Σημείωση: Μπορεί να γίνει και import από repository με έτοιμες εφαρμογές AppInventor (προς το παρόν μία μόνο εφαρμογή)