Συντομη Περιγραφη του Εργαλειου AppInvertor

1. App Inventor
A
Θεόδωρος Αλεξόπουλος - Θεόδωρος Γκούντης

2. Τι είναι το AppInventor;
• Δωρεάν, οπτικό περιβάλλον προγραμματισμού με
πλακίδια (blocks), για τη δημιουργία εφαρμογών Android.
• Το περιβάλλον AppInventor όπως το SCRATCH, το BYOB κ.α. έχει χαρακτήρα
παιγνιώδη.
• Ευνοείται λοιπόν ιδιαίτερα η δημιουργία ενός τυπικού περιβάλλοντος
κοινωνιοκονστρουκτιβιστικού καθώς θεωρούμε ότι μέσω των κοινωνικών
αλληλεπιδράσεων επηρεάζεται η διαδικασία με την οποία οικοδομείται η
γνώση.
• Tο AppInventor είναι κατάλληλο για τη διδασκαλία του προγραµµατισµού και
ειδικότερα της υπολογιστικής σκέψης στη σχολική εκπαίδευση (Morreli et al.
2011).

3. Τι είναι το AppInventor;
• Παιδαγωγικά θεωρείται γενικά ωφέλιμη γιατί βοηθά στην
καλλιέργεια ανώτερων μορφών σκέψης (Papert,1991).
• Διδακτικά αποτελεί ικανότητα κλειδί που επιτρέπει την
εμβάθυνση και την κατανόηση πολλών άλλων γνωστικών
πεδίων Πληροφορικής (Φεσάκης & Δημητρακοπούλου, 2005)
• Το μάθημα του προγραμματισμού μέσα από το σχεδιασμό
ενός ηλεκτρονικού παιγνιδιού (Papert,1998) διδάσκεται πιο
ελκυστικά, διασκεδαστικά γιατί η μάθηση είναι βασιζόμενη
στην τεχνολογία και είναι και διασκεδαστική (O’Kelly , 2006)

4. Τα αρχικά πλεονεκτήµατα του
AppInventor
• Εύκολο στη χρήση περιβάλλον µε πολλές δυνατότητες
• Αντικειμενοστραφές μοντέλο οπτικού προγραμματισμού µε
δομές ελέγχου καθοδηγούμενες από γεγονότα (event-driven)
• Μάθηση µέσω της λύσης προβλημάτων
• Επιπλέον κίνητρα στους μαθητές σε σχέση µε το Scratch και
Alice, εξαιτίας της φορητότητας και της πρακτικής χρήσης των
εφαρμογών που δημιουργούνται
• Ύπαρξη emulator που σημαίνει ότι δεν χρειάζονται πολλές
συσκευές για την εισαγωγή στη σχολική τάξη

5. Χρησιμοποιώντας το AppInventor
• Δημιουργούμε ένα Λογαριασμό Google
• Ξεκινάμε το AppInventor μέσα από την διεύθυνση
http://appinventor.googlelabs.com και συνδεόμαστε.

6. Τα συστατικά του AppInventor -1
Τα 3 Συστατικά Στοιχεία του AppInventor:
1. Ο Designer – όπου σχεδιάζουμε το γραφικό κομμάτι.
2. Ο Blocks editor, όπου λέμε στο πρόγραμμα μας τι θέλουμε να κάνει
3. Ο Emulator (εξομοιωτής), μια εικονική τηλεφωνική συσκευή
(ή μια πραγματική συσκευή )

7. Designer, Blocks Editor and Emulator
Τα συστατικά του AppInventor -2

8. Ο App Inventor server αποθηκεύει την εργασία μας
και μας βοηθά να παρακολουθούμε τα projects μας.
•Το App Inventor σου επιτρέπει να αναπτύξεις
εφαρμογές για τα κινητά Android χρησιμοποιώντας
είτε ένα φυλλομετρητή είτε το κινητό μας είτε έναν
εξομοιωτή (emulator.)

9. Δημιουργείς εφαρμογές χρησιμοποιώντας :
• Το App Inventor Designer, όπου διαλέγεις τα αντικείμενα
για την εφαρμογή σου.
• Το App Inventor Blocks Editor, όπου συναρμολογείς
μπλοκ προγραμμάτων που συγκεκριμενοποιούν πως θα
συμπεριφερθούν τα αντίστοιχα μπλοκ προγραμμάτων.

10. What is it?
• Η εφαρμογή εμφανίζεται στο κινητό βήμα-βήμα όσο
προσθέτουμε κομμάτια σε αυτό, έτσι ώστε να μπορούμε να
ελέγχουμε τη δουλεία μας καθώς χτίζουμε την εφαρμογή.
• Όταν έχουμε τελειώσει μπορούμε να πακετάρουμε την εφαρμογή
και να δημιουργήσουμε μια ενοποιημένη εφαρμογή έτοιμη για
εγκατάσταση στην κινητή συσκευή μας.
• Σε περίπτωση που δεν έχουμε μια Android κινητή συσκευή
μπορούμε να χρησιμοποιήσουμε τον Android εξομοιωτή που
ουσιαστικά είναι ένα λογισμικό που πας επιτρέπει να τρέξουμε
την εφαρμογή στον υπολογιστή μας και να συμπεριφέρεται σαν
να τρέχει σε μια android κινητή συσκευή.

11. Java vs AppInventor
Java Code
public class HelloWorldApp {
public static void main(String[] args)
{
System.out.println("Hello World!");
}
}
AppInventor

12. Μπορείτε να μαντέψετε τι κάνουν
αυτά τα blocks?

13. Μπορείτε να μαντέψετε τι κάνουν
αυτά τα blocks?

14. Παράδειγμα υλοποίησης αλγόριθμου
προπαίδειας του 5

15. Συμπεράσματα
• Δεν μπορούμε να κατασκευάσουμε τα πάντα
– user interface
– Δεν μπορούμε να χρησιμοποιήσουμε όλα τα
χαρακτηριστικά (Features) που μπορεί να διαθέτει το
τηλέφωνο μας
Ο Προγραμματισμός συνεχίζει να είναι ακόμα μια αρκετά
δύσκολη δουλεία που απαιτεί αρκετή πρακτική άσκηση!