Ξεκινώντας με το MIT Αρρ Inventor 1 η Εργασία
Απαιτήσεις 1. Σύνδεση στο Διαδίκτυο (διότι οι εφαρμογές δημιουργούνται online) 2. Εγκατεστημένος ο Browser Google Chrome 3. Υπαρκτός λογαριασμός Gmail 4. Κατεβάστε από το Edmodo την εφαρμογή Cat που σας ανέβασε το άλλο μέλος της ομάδας σας. 5. Εγκατεστημένο στην φορητή Android συσκευή σας την εφαρμογή Mit Ai2 Companion και την εφαρμογή Qr Barcode Scanner. Αν δεν τις διαθέτετε κατεβάστε τες και εγκαταστήστε τες από το Google Play Store.
Εγκατάσταση Ανοίγουμε τον Browser Google Chrome και μετά πηγαίνουμε Είσοδος
Στη συνέχεια εισάγουμε το username (που είναι ο λογαριασμός Gmail που δημιουργήσατε π.χ. xxxxxx@gmail.com) και το password (που είναι ο κωδικός που εισήγατε κατά τη δημιουργία του Gmail) και πατάμε σύνδεση. Αμέσως θα μας εμφανίσει ξανά το προηγούμενο παράθυρο με τη μόνη διαφορά ότι τώρα θα αναγράφεται πάνω ο λογαριασμός μας.
Έπειτα πάμε στη διεύθυνση http://appinventor.mit.edu/explore/ και πατάμε Create. όπου εμφανίζετε η παρακάτω σελίδα Create
Μετά εμφανίζεται η παρακάτω σελίδα και προσέχουμε να ισχύουν τα παρακάτω με την ανάλογη σειρά και στη συνέχεια πατάμε το κουμπί Να επιτρέπεται. 3) Να επιτρέπεται 1) Εμφανίζεται ο Gmail Λογαριασμός σας 2) Ελέγχουμε να είναι επιλεγμένο
Μετά οδηγούμαστε στη παρακάτω σελίδα και επιλέγουμε I accept the terms of service! I accept the terms of service!
Τέλος εμφανίζεται η παρακάτω οθόνη και πατάμε Continue Continue
1 η Εργασία Θα πατάμε πάνω στην γάτα και αυτή θα νιαουρίζει
Δημιουργία 1 ης Εργασίας Τώρα βρισκόμαστε μέσα στο διαδικτυακό πρόγραμμα App Inventor και είμαστε έτοιμοι να δημιουργήσουμε την 1 η μας εφαρμογή. Πάμε στο μενού Projects Projects
Στη συνέχεια εμφανίζεται το παρακάτω μενού και επιλέγουμε Import project (.aia) from my computer. Import project
Έπειτα επιλέγουμε το αρχείο Cat.aia που είχατε κατεβάσει νωρίτερα από το edmodo και πατάτε ΟΚ, για να εμφανιστεί η εφαρμογή που πρέπει να ολοκληρώσουμε σαν Προγραμματιστής.
Θα εμφανιστεί η παρακάτω εικόνα και τώρα είμαστε έτοιμοι να προγραμματίσουμε. 1. Φεύγουμε από την καρτέλα Designer και πάμε στην καρτέλα Blocks για τη σύνταξη των εντολών.
2. Εμφανίζεται η παρακάτω οθόνη και πατάμε πάνω στο Button1
3. Εμφανίζεται η παρακάτω οθόνη, δίνοντας μας τις εντολές που μπορούμε να χρησιμοποιήσουμε
4. Στη συνέχεια επιλέγουμε την εντολή When Button1 Click do (που σημαίνει ότι, όταν πατήσουμε το κουμπί που είναι η εικόνα της γάτας θα κάνει κάτι) 5. Μετά σέρνουμε την εντολή μέσα στο άσπρο πλαίσιο 4 5
6. Εμφανίζεται η παρακάτω οθόνη και τώρα το μόνο που μένει είναι να πούμε τι θα κάνει όταν πατάμε πάνω στο κουμπί - εικόνα
7. Στη συνέχεια πατάμε πάνω στο Player1 8. Μετά εμφανίζεται η παρακάτω οθόνη, δίνοντας μας τις εντολές που μπορούμε να χρησιμοποιήσουμε
9. Στη συνέχεια επιλέγουμε την εντολή Call player1 Start (που σημαίνει ότι, όταν πατήσουμε το κουμπί που είναι η εικόνα της γάτας θα αρχίσει να παίζει τον ήχο meow.mp3) 10. Μετά σέρνουμε την εντολή μέσα στο άσπρο πλαίσιο και τη βάζουμε μέσα στο When Button1 click do. 11. Πατάμε στο Designer για να επιστρέψουμε στη σχεδίαση
12. Μετά πάμε στο μενού Projects και επιλέγουμε Save project για να αποθηκεύσουμε όλες τις αλλαγές
13. Μετά πάμε στο μενού Connect και επιλέγουμε All Companion για να συγχρονίσουμε ασύρματα την εφαρμογή που κάναμε με την Android συσκευή μας και να δούμε αν δουλεύει σωστά.
14. Εμφανίζεται η παρακάτω εικόνα που περιμένει να σκανάρουμε με την Android συσκευή μας τον κωδικό. 15. Ανοίγουμε στην Android συσκευή μας το πρόγραμμα που είχαμε εγκαταστήσει Mit Ai2 Companion και ή εισάγουμε τον κωδικό που μας δίνει π.χ ixbnlh στην Android συσκευή μας στο κενό πλάισιο και πατάμε connect with code ή αλλιώς πατάμε από την Android συσκευή μας την επιλογή scan QR code και πλησιάζουμε την κάμερα του κινητού στην οθόνη του υπολογιστή μας και αυτό αυτόματα σκανάρει τον QR κώδικα και συνδέει τις δύο συσκευές (Υπολογιστή με Android συσκευή). Περιμένουμε λίγο στη συσκευή Android χωρίς να πατήσουμε τίποτα μέχρι να την φορτώσει.
16. Τώρα έχει εμφανιστεί στο κινητό μας η εφαρμογή που κάναμε, η οποία όταν πατάμε πάνω στη γάτα νιαουρίζει. Κάθε φόρα που θα αλλάζουμε κάτι στο διαδικτυακό πρόγραμμα App Inventor θα αλλάζει αυτόματα και στην Android συσκευή μας. 17. ΔΕΝ ΕΊΝΑΙ ΥΠΟΧΡΕΩΤΙΚΟ ΝΑ ΤΟ ΕΦΑΡΜΟΣΟΥΜΕ Παράδειγμα: Θα αφαιρέσουμε από πάνω από την γάτα τα γράμματα Text for Button 1 α) Πάμε στο App Inventor στον υπολογιστή και επιλέγουμε από το Components το Button1 β) Πάμε στο properties στο Text και σβήνουμε αυτό που λέει Text for Button1 γ) Στη συνέχεια πατάμε οπουδήποτε αλλού και βλέπουμε ότι έφυγε το κείμενο ΤΑΥΤΟΧΡΟΝΑ από τον υπολογιστή και από την Android συσκευή. α β
Κατέβασμα Εκτελέσιμης Εφαρμογής στον Υπολογιστή μας 1. Πηγαίνουμε στο μενού Build 2. Επιλέγουμε App (save.apk to my computer) Build
3. Μετά εμφανίζεται το παρακάτω παράθυρο και αυτόματα αποθηκεύεται στον υπολογιστή μας (στον φάκελο λήψεις το αρχείο Cat.apk) 4. Μετά ανεβάζουμε την τελική εφαρμογή Cat.apk στην κοινότητα μάθησης του Edmodo. Λήψη του Cat.apk
Προαιρετικό Κατέβασμα Εφαρμογής στην Android φορητή συσκευή
Κατέβασμα Εφαρμογής στην Android συσκευή μας 1. Πηγαίνουμε στο μενού Build 2. Επιλέγουμε App (provide QR code for.apk) Build
3. Μετά εμφανίζεται το παρακάτω παράθυρο και αυτόματα δημιουργεί το Cat.apk
4. Μετά την ολοκλήρωση της όλης διαδικασίας εμφανίζεται το παρακάτω παράθυρο και αυτόματα περιμένει μέσω της Android συσκευή μας να το σκανάρουμε για να το αποθηκεύσουμε στη συσκευή μας. 5. Ανοίγουμε από την Android συσκευή μας την άλλη εφαρμογή που είχαμε κατεβάσει την QR Barcode Scanner και επιλέγουμε την πρώτη επιλογή Scan Barcode. 6. Στη συνέχεια τοποθετούμε πάλι την κάμερα της Android συσκευή μας κοντά στην οθόνη και σκανάρουμε αυτόματα το QR code. QR code
7. Έπειτα εμφανίζεται στο κινητό μας μια διεύθυνση της μορφής http://ai2.appinventor.mit.edu/.../... Και από κάτω οι επιλογές Go to Website και Share 8. Επιλέγουμε το Go to Website και στη συνέχεια μας λέει να επιλέξουμε browser και αφού επιλέξουμε ξεκινάει η λήψη του αρχείου. 9. Όταν ολοκληρωθεί η λήψη μας λέει ότι η Λήψη του Cat.apk ολοκληρώθηκε και πατάμε πάνω του για να το εγκαταστήσουμε στην Android συσκευή μας. (ΠΡΟΣΟΧΗ! Μπορεί να βγει ένα μήνυμα που να λέει ότι η εγκατάσταση αποκλείστηκε για λόγους ασφάλειας, τότε πατήστε ρυθμίσεις και από το μενού που θα εμφανιστεί βάλτε ν στις Άγνωστες Πηγές Να επιτρέπεται η εγκατάσταση εφαρμογών και μετά πατήστε ΟΚ - Αν συμβεί αυτό πρέπει να εκτελεστούν ξανά τα βήματα με τη σειρά από το 5 ο ) 10.Η πρώτη μας εφαρμογή εγκαταστάθηκε με επιτυχία και κλείνουμε το App Inventor από τον Υπολογιστή. Ολοκλήρωση 1 ης Εργασίας