Ξεκινώντας με το MIT Αρρ Inventor. 1 η Εργασία

Transcript

1 Ξεκινώντας με το MIT Αρρ Inventor 1 η Εργασία

2 Απαιτήσεις 1. Σύνδεση στο Διαδίκτυο (διότι οι εφαρμογές δημιουργούνται online) 2. Εγκατεστημένος ο Browser Google Chrome 3. Υπαρκτός λογαριασμός Gmail 4. Κατεβάζουμε από το Edmodo τον φάκελο Εικόνες-Ήχοι που περιέχει τα αρχεία που θα χρησιμοποιήσετε στην εφαρμογή

3 Είσοδος Ανοίγουμε τον Browser Google Chrome και μετά πηγαίνουμε Είσοδος

4 Στη συνέχεια εισάγουμε το username (που είναι ο λογαριασμός Gmail που δημιουργήσατε π.χ. και το password (που είναι ο κωδικός που εισήγατε κατά τη δημιουργία του Gmail) και πατάμε σύνδεση. Αμέσως θα μας εμφανίσει ξανά το προηγούμενο παράθυρο με τη μόνη διαφορά ότι τώρα θα αναγράφεται πάνω ο λογαριασμός μας.

5 Έπειτα πάμε στη διεύθυνση και πατάμε Create. όπου εμφανίζετε η παρακάτω σελίδα Create

6 Μετά εμφανίζεται η παρακάτω σελίδα και προσέχουμε να ισχύουν τα παρακάτω με την ανάλογη σειρά και στη συνέχεια πατάμε το κουμπί Να επιτρέπεται. 3) Να επιτρέπεται 1) Εμφανίζεται ο Gmail Λογαριασμός σας 2) Ελέγχουμε να είναι επιλεγμένο

7 Μετά οδηγούμαστε στη παρακάτω σελίδα και επιλέγουμε I accept the terms of service! I accept the terms of service!

8 Τέλος εμφανίζεται η παρακάτω οθόνη και πατάμε Continue Continue

9 1 η Εργασία Θα πατάμε πάνω στην γάτα και αυτή θα νιαουρίζει

10 Δημιουργία 1 ης Εργασίας Τώρα βρισκόμαστε μέσα στο διαδικτυακό πρόγραμμα App Inventor και είμαστε έτοιμοι να δημιουργήσουμε την 1 η μας εφαρμογή. Πάμε στο μενού Projects Projects

11 Στη συνέχεια εμφανίζεται το παρακάτω μενού και επιλέγουμε Start new project Start new project

12 Μετά εμφανίζεται το παρακάτω παράθυρο και δίνουμε το όνομα που θα έχει το καινούργιο project και πατάμε OK. Σε αυτή την άσκηση το project θα το ονομάσετε Cat. Cat

13 Όνομα εφαρμογής Cat Εκεί γράφουμε τις εντολές - Blocks Εργαλεία Χαρακτηριστικά - Ιδιότητες Χώρος που σχεδιάζουμε

14 1. Επιλέγουμε από το Palette το μενού User Interface και από εκεί την επιλογή Button και τη σέρνουμε μέσα στο Screen1 2. Πατάμε (αφού είναι επιλεγμένο στο components το Button1) το κουμπί Upload File και εμφανίζεται το διπλανό παράθυρο, όπου επιλέγουμε Επιλογή αρχείου και διαλέγουμε από τον φάκελο που είχαμε κατεβάσει Εικόνες Ήχοι την εικόνα kitty.png και πατάμε OK. 3. Πάμε στα Properties και εκεί που λέει Button1 πάμε στο Image(που λέει από κάτω None) κάνουμε κλικ και επιλέγουμε kitty.png και πατάμε ΟΚ. Αυτόματα μετά θα εμφανιστεί στο Screen1 η γάτα (Εμφάνιση στην επόμενη διαφάνεια) 1 3 2

15

16 4. Επιλέγουμε από το Palette το μενού Media και από εκεί την επιλογή Player και τη σέρνουμε μέσα στο Screen1 5. Ο ήχος εμφανίζεται στη συνέχεια κάτω από το Screen1 (Player1) 6. Πατάμε (αφού είναι επιλεγμένο στο components το Player1) το κουμπί Upload File και εμφανίζεται το διπλανό παράθυρο, όπου επιλέγουμε Επιλογή αρχείου και διαλέγουμε από τον φάκελο Εικόνες-Ήχοι τον ήχο meow.mp3 και πατάμε OK. 7. Πάμε στα Properties και εκεί που λέει Player1 και πάμε στο Source (που από κάτω λέει None) κάνουμε κλικ και επιλέγουμε meow.mp3 και πατάμε ΟΚ

17 Στο σημείο αυτό ολοκληρώθηκε το κομμάτι της Σχεδίασης της εφαρμογής. 8. Μετά πάμε στο μενού Projects και επιλέγουμε Save project για να αποθηκεύσουμε όλες τις αλλαγές

18 9. Στη συνέχεια πάμε στο μενού Projects και επιλέγουμε Export selected project (.aia) για να κατεβάσουμε την εφαρμογή στον υπολογιστή

19 10. Έπειτα ανεβάζουμε την εφαρμογή «Cat» στην κοινότητα μάθησης του Edmodo στον φάκελο της ομάδας που ανήκουμε και επικοινωνούμε μέσω Forum (με το άλλο μέλος της ομάδας μας) για την ολοκλήρωση του Σχεδιαστικού κομματιού της Εργασίας Στη συνέχεια κατεβάζει το άλλο μέλος της ομάδας την εφαρμογή «Cat» από την κοινότητα μάθησης του Edmodo και την ανοίγει για να δουλέψει το Προγραμματιστικό κομμάτι της εργασίας, με σκοπό την τελική της ολοκλήρωση. 12. Η εργασία ολοκληρώνεται με το τελικό ανέβασμα της εφαρμογής στην κοινότητα μάθησης του Edmodo από τον Προγραμματιστή.