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

Transcript

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

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

3 Τι μπορώ να κάνω; 3 animations games apps with sensors location-based apps map-based apps quiz & voting apps web processing apps augmented reality apps social networking apps

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

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

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

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

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

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

10 10 Γεγονότα

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

12 Εφαρμογή 12 Μία Συνταγή Πολλαπλές Συνταγές που εκτελούνται όταν συμβεί το αντίστοιχο γεγονός

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

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

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

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

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

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

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

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

21 Πώς δομείται η εφαρμογή (Designer) 21 Προσθέτουμε αντικείμενα από την παλέτα μέσα στην οθόνη του κινητού Κάθε αντικείμενο εμφανίζεται στην περιοχή συστατικών Αλλάζουμε τις ιδιότητες των αντικειμένων

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

23 Πώς δομείται η εφαρμογή (Blocks) 23 Τα προγράμματα δημιουργούνται με σύρσιμο των μπλοκ από την αριστερή πλευρά στην περιοχή Viewer. Στο παραπάνω παράδειγμα όταν πατηθεί το κουμπί1 η συσκευή παίζει ένα ήχο και δονείται για 500 millisec

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

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

26 Μπορείτε να φανταστείτε τι μπορεί να περιέχει το συστατικό Player; 26

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

28 28 Ανακεφαλαίωση

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

30 30 Event driven προγραμματισμός

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

32 32 Πριν ξεκινήσουμε λίγη εξάσκηση.

33 Επισκεφτείτε 33

34 34 Ξεκινάμε

35 35 Πηγές

36 36

37 37

38 38

39 39 Για ιδέες

40 40 eptcards/ai2/buttonmovement.pdf