APP INVENTOR ΜΕΡΟΣ A. Σοφία Τζελέπη,

Μέγεθος: px

Εμφάνιση ξεκινά από τη σελίδα:

Download "APP INVENTOR ΜΕΡΟΣ A. Σοφία Τζελέπη,"

Πολυδεύκης Κυπραίος
4 χρόνια πριν
Προβολές:

1 APP INVENTOR ΜΕΡΟΣ A Σοφία Τζελέπη, stzelepi@sch.gr

2 App Inventor 2 Google, 15 Dec 2010 MIT, 1 Jan 2012 Cloud-based software Gmail account Android Phone

3 Τι είναι μια εφαρμογή σε AppInventor 3 Περιγράφω την συμπεριφορά της εφαρμογής δηλαδή την αντίδρασή της σε διάφορα γεγονότα

4 Τι είναι μια εφαρμογή σε AppInventor 4 Μία εφαρμογή είναι ένα σύνολο από συστατικά που ανταποκρίνονται σε γεγονότα.

5 Τι είναι μια εφαρμογή σε AppInventor 5 Για παράδειγμα, εάν ο χρήστης κάνει κλικ σε ένα κουμπί, η εφαρμογή ανταποκρίνεται εκτελώντας κάποια λειτουργία (π.χ. στέλνοντας ένα μήνυμα κειμένου).

6 Event driven προγραμματισμός 6 Γεγονός Εκτέλεση εντολής

7 Τι είναι μια εφαρμογή σε AppInventor 7 Γεγονότα Εφαρμογή Αντιδράσεις

8 Τι είναι μια εφαρμογή σε AppInventor 8 Γεγονός Αντίδραση 1 Αντίδραση 2 Όταν κάνω κλικ στο κουμπί Α τότε Στέλνω ένα μήνυμα κειμένου Ακούγεται ένας σύντομος ήχος

9 Γεγονότα - Παραδείγματα 9 Γεγονότα Όταν κάνω κλικ στο κουμπί τότε... Όταν ξεκινά η εφαρμογή τότε... Όταν περάσει χρόνος 20 χιλιοστά του δευτερολέπτου τότε... Όταν δύο φιγούρες συγκρούονται τότε... Όταν λάβεις ένα μήνυμα τότε...

10 Αντίδραση - Παραδείγματα 10 Αντιδράσεις στέλνω SMS αλλάζω το κείμενο σε μία ετικέτα.. σχεδιάζω έναν κύκλο στην οθόνη αποθηκεύω δεδομένα σε μία τοπική βάση δεδομένων παίζω μουσική.. καθοδηγώ ρομπότ

11 11 Μία εφαρμογή είναι ένα σύνολο από χειριστές συμβάντων

12 12 Αρχιτεκτονική μιας εφαρμογής σε AppInventor Μία εφαρμογή είναι ένα σύνολο από συστατικά που ανταποκρίνονται σε γεγονότα.

μέρος στην εφαρμογή) Blocks (ορισμός των συμπεριφορών των

13 13 Αρχιτεκτονική μιας εφαρμογής σε AppInventor από την οπτική του προγραμματιστή Designer (ορισμός συστατικών που λαμβάνουν μέρος στην εφαρμογή) Blocks (ορισμός των συμπεριφορών των συστατικών) Πώς η εφαρμογή απαντά στα γεγονότα. Πώς συμπεριφέρεται η εφαρμογή.

14 Αρχιτεκτονική μιας εφαρμογής σε AppInventor - Συστατικά Ορατά συστατικά (αποτελούν μέρος της διεπαφής, π.χ. κουμπιά, text boxes, labels) Μη Ορατά συστατικά (παρέχουν πρόσβαση στις ενσωματωμένες λειτουργίες της συσκευής, π.

14 14 Αρχιτεκτονική μιας εφαρμογής σε AppInventor - Συστατικά Ορατά συστατικά (αποτελούν μέρος της διεπαφής, π.χ. κουμπιά, text boxes, labels) Μη Ορατά συστατικά (παρέχουν πρόσβαση στις ενσωματωμένες λειτουργίες της συσκευής, π.χ. αποστολή μηνυμάτων, αναγνώριση φωνής, εντοπισμός θέσης,.). Η τεχνολογία στην συσκευή.

15 15 Ας παρατηρήσουμε τον κώδικα

16 Ας τα οργανώσουμε 16 Συστατικό (component) Γεγονότα (Events) Ενέργειες Ιδιότητες (Properties)

17 17 Μπορείτε να φανταστείτε τι μπορεί να περιέχει το συστατικό Player; Γεγονότα (Events) Ιδιότητες (Properties) Ενέργειες

18 Πώς δομείται η εφαρμογή (διεπαφή) 18 Button1 Label1

19 19 Πώς δομείται η εφαρμογή (πρόγραμμα) Συστατικό (component) Γεγονότα (Events) Συστατικό (component) Γεγονότα (Events) Συστατικό (component) Γεγονότα (Events) Ενέργειες Ιδιότητες (Properties) Ενέργειες Ιδιότητες (Properties) Ενέργειες Ιδιότητες (Properties) Γεγονός Αντίδραση 1 Αντίδραση 2

20 20 Μαντέψτε τι μπορεί να περιέχει η κάθε κατηγορία συστατικών

21 21 Πώς δομείται η εφαρμογή (Designer)

22 22 Πώς δομείται η εφαρμογή (Designer)

23 23 Πώς δομείται η εφαρμογή (Blocks)

24 24 Πώς δομείται η εφαρμογή (Blocks)

25 25 Βρείτε τι κάνουν οι παρακάτω κώδικες

26 26 Ερωτήματα

27 27 Ερωτήματα

28 28 Ερωτήματα

29 Ερωτήματα 29 Όταν ο χρήστης αγγίξει το κουμπί BlueButton τότε το χρώμα με το οποίο ζωγραφίζουμε στον καμβά CanvasPaper γίνεται μπλε (μέσω της ιδιότητας PaintColor). Συναρμολογήστε τις εντολές

30 30 Ανάπτυξη Εφαρμογών σε AppInventor

31 31 Απαιτήσεις συστήματος

32 32

33 33 Ξεκινάμε ai2.appinventor.mit.edu/ &id=30440

Σχετικά έγγραφα

APP INVENTOR ΜΕΡΟΣ A - 1 Η ΕΒΔΟΜΑΔΑ. Σοφία Τζελέπη,

APP INVENTOR ΜΕΡΟΣ A - 1 Η ΕΒΔΟΜΑΔΑ Σοφία Τζελέπη, stzelepi@sch.gr App Inventor 2 Google, 15 Dec 2010 MIT, 1 Jan 2012 Cloud-based software Gmail account Android Phone Τι μπορώ να κάνω; 3 animations games