App Inventor
A
Θεόδωρος Αλεξόπουλος - Θεόδωρος Γκούντης
Τι είναι το AppInventor;
• Δωρεάν, οπτικό περιβάλλον προγραμματισμού με
πλακίδια (blocks), για τη δημιουργία εφαρμογών Android.
• Το περιβάλλον AppInventor όπως το SCRATCH, το BYOB κ.α. έχει χαρακτήρα
παιγνιώδη.
• Ευνοείται λοιπόν ιδιαίτερα η δημιουργία ενός τυπικού περιβάλλοντος
κοινωνιοκονστρουκτιβιστικού καθώς θεωρούμε ότι μέσω των κοινωνικών
αλληλεπιδράσεων επηρεάζεται η διαδικασία με την οποία οικοδομείται η
γνώση.
• Tο AppInventor είναι κατάλληλο για τη διδασκαλία του προγραµµατισµού και
ειδικότερα της υπολογιστικής σκέψης στη σχολική εκπαίδευση (Morreli et al.
2011).
Τι είναι το AppInventor;
• Παιδαγωγικά θεωρείται γενικά ωφέλιμη γιατί βοηθά στην
καλλιέργεια ανώτερων μορφών σκέψης (Papert,1991).
• Διδακτικά αποτελεί ικανότητα κλειδί που επιτρέπει την
εμβάθυνση και την κατανόηση πολλών άλλων γνωστικών
πεδίων Πληροφορικής (Φεσάκης & Δημητρακοπούλου, 2005)
• Το μάθημα του προγραμματισμού μέσα από το σχεδιασμό
ενός ηλεκτρονικού παιγνιδιού (Papert,1998) διδάσκεται πιο
ελκυστικά, διασκεδαστικά γιατί η μάθηση είναι βασιζόμενη
στην τεχνολογία και είναι και διασκεδαστική (O’Kelly , 2006)
Τα αρχικά πλεονεκτήµατα του
AppInventor
• Εύκολο στη χρήση περιβάλλον µε πολλές δυνατότητες
• Αντικειμενοστραφές μοντέλο οπτικού προγραμματισμού µε
δομές ελέγχου καθοδηγούμενες από γεγονότα (event-driven)
• Μάθηση µέσω της λύσης προβλημάτων
• Επιπλέον κίνητρα στους μαθητές σε σχέση µε το Scratch και
Alice, εξαιτίας της φορητότητας και της πρακτικής χρήσης των
εφαρμογών που δημιουργούνται
• Ύπαρξη emulator που σημαίνει ότι δεν χρειάζονται πολλές
συσκευές για την εισαγωγή στη σχολική τάξη
Χρησιμοποιώντας το AppInventor
• Δημιουργούμε ένα Λογαριασμό Google
• Ξεκινάμε το AppInventor μέσα από την διεύθυνση
http://appinventor.googlelabs.com και συνδεόμαστε.
Τα συστατικά του AppInventor -1
Τα 3 Συστατικά Στοιχεία του AppInventor:
1. Ο Designer – όπου σχεδιάζουμε το γραφικό κομμάτι.
2. Ο Blocks editor, όπου λέμε στο πρόγραμμα μας τι θέλουμε να κάνει
3. Ο Emulator (εξομοιωτής), μια εικονική τηλεφωνική συσκευή
(ή μια πραγματική συσκευή )
Designer, Blocks Editor and Emulator
Τα συστατικά του AppInventor -2
Ο App Inventor server αποθηκεύει την εργασία μας
και μας βοηθά να παρακολουθούμε τα projects μας.
•Το App Inventor σου επιτρέπει να αναπτύξεις
εφαρμογές για τα κινητά Android χρησιμοποιώντας
είτε ένα φυλλομετρητή είτε το κινητό μας είτε έναν
εξομοιωτή (emulator.)
Δημιουργείς εφαρμογές χρησιμοποιώντας :
• Το App Inventor Designer, όπου διαλέγεις τα αντικείμενα
για την εφαρμογή σου.
• Το App Inventor Blocks Editor, όπου συναρμολογείς
μπλοκ προγραμμάτων που συγκεκριμενοποιούν πως θα
συμπεριφερθούν τα αντίστοιχα μπλοκ προγραμμάτων.
What is it?
• Η εφαρμογή εμφανίζεται στο κινητό βήμα-βήμα όσο
προσθέτουμε κομμάτια σε αυτό, έτσι ώστε να μπορούμε να
ελέγχουμε τη δουλεία μας καθώς χτίζουμε την εφαρμογή.
• Όταν έχουμε τελειώσει μπορούμε να πακετάρουμε την εφαρμογή
και να δημιουργήσουμε μια ενοποιημένη εφαρμογή έτοιμη για
εγκατάσταση στην κινητή συσκευή μας.
• Σε περίπτωση που δεν έχουμε μια Android κινητή συσκευή
μπορούμε να χρησιμοποιήσουμε τον Android εξομοιωτή που
ουσιαστικά είναι ένα λογισμικό που πας επιτρέπει να τρέξουμε
την εφαρμογή στον υπολογιστή μας και να συμπεριφέρεται σαν
να τρέχει σε μια android κινητή συσκευή.
Java vs AppInventor
Java Code
public class HelloWorldApp {
public static void main(String[] args)
{
System.out.println("Hello World!");
}
}
AppInventor
Μπορείτε να μαντέψετε τι κάνουν
αυτά τα blocks?
Μπορείτε να μαντέψετε τι κάνουν
αυτά τα blocks?
Παράδειγμα υλοποίησης αλγόριθμου
προπαίδειας του 5
Συμπεράσματα
• Δεν μπορούμε να κατασκευάσουμε τα πάντα
– user interface
– Δεν μπορούμε να χρησιμοποιήσουμε όλα τα
χαρακτηριστικά (Features) που μπορεί να διαθέτει το
τηλέφωνο μας
Ο Προγραμματισμός συνεχίζει να είναι ακόμα μια αρκετά
δύσκολη δουλεία που απαιτεί αρκετή πρακτική άσκηση!

More Related Content

PDF
Σενάριο Διδασκαλίας : Εισαγωγή στο προγραμματιστικό περιβάλλον App Inventor
PDF
Σενάριο Διδασκαλίας : Η Δομή Επιλογής στο App Inventor
PDF
Σενάριο Διδασκαλίας : Η Δομή Επανάληψης στο App Inventor
PDF
Σενάριο Διδασκαλίας : Διδασκαλία Βάσεων Δεδομένων στο App Inventor
DOC
διδακτικο σεναριο στη δομή επιλογής
PDF
Εφαρμογές Πληροφορικής Α' ΓΕΛ και Α' ΕΠΑΛ
PDF
Εφαρμογές Πληροφορικής - Α' τάξη ΓΕΛ
PDF
Etpe170
Σενάριο Διδασκαλίας : Εισαγωγή στο προγραμματιστικό περιβάλλον App Inventor
Σενάριο Διδασκαλίας : Η Δομή Επιλογής στο App Inventor
Σενάριο Διδασκαλίας : Η Δομή Επανάληψης στο App Inventor
Σενάριο Διδασκαλίας : Διδασκαλία Βάσεων Δεδομένων στο App Inventor
διδακτικο σεναριο στη δομή επιλογής
Εφαρμογές Πληροφορικής Α' ΓΕΛ και Α' ΕΠΑΛ
Εφαρμογές Πληροφορικής - Α' τάξη ΓΕΛ
Etpe170

What's hot (13)

PDF
διαδρομή πε70
PDF
Επαγγελματικό Λογισμικό στην ΤΕΕ: Επιμόρφωση και εφαρμογή Ε2 Παιδαγωγικά - Εκ...
PDF
οδηγιες γεν παιδ & επιλ γ γελ & δ εσπ γελ 2014 15
PDF
Ένα Διδακτικό Σενάριο για το Ελεύθερο Λογισμικό
PDF
Eνημερωτική συνάντηση καθηγητών πληροφορικής
DOC
εκπαιδευτικό σενάριο ασφάλεια στο διαδίκτυο
DOC
PPTX
παρουσιαση προγραμματος-επιμορφωσης-ειδικο-μερος (1)
DOCX
οδηγίες διδασκαλίας
PPT
Faseis models ict_education
διαδρομή πε70
Επαγγελματικό Λογισμικό στην ΤΕΕ: Επιμόρφωση και εφαρμογή Ε2 Παιδαγωγικά - Εκ...
οδηγιες γεν παιδ & επιλ γ γελ & δ εσπ γελ 2014 15
Ένα Διδακτικό Σενάριο για το Ελεύθερο Λογισμικό
Eνημερωτική συνάντηση καθηγητών πληροφορικής
εκπαιδευτικό σενάριο ασφάλεια στο διαδίκτυο
παρουσιαση προγραμματος-επιμορφωσης-ειδικο-μερος (1)
οδηγίες διδασκαλίας
Faseis models ict_education
Ad

Viewers also liked (9)

DOCX
σχέδια μαθήματος για App inventor student ask a question
PPTX
ArduinoBots - 5ο Φεστιβάλ Ψηφιακής Δημιουργίας
PDF
ΘΕΜΑΤΑ ΠΙΣΤΟΠΟΙΗΣΗΣ Β' ΕΠΙΠΕΔΟΥ 2014
PDF
Φύλλο εργασίας για HTML & CSS
PDF
Εισαγωγή στο περιβάλλον του GameMaker
PDF
Δημιουργώντας Παιχνίδια με το GameMaker
PDF
Εγχειρίδιο για εκπαιδευτικούς πρωτοβάθμιας εκπαίδευσης με δραστηριότητες στη...
PPTX
Εισαγωγή στο GameΜaker
PPTX
MIT App Inventor + Arduino + Bluetooth
σχέδια μαθήματος για App inventor student ask a question
ArduinoBots - 5ο Φεστιβάλ Ψηφιακής Δημιουργίας
ΘΕΜΑΤΑ ΠΙΣΤΟΠΟΙΗΣΗΣ Β' ΕΠΙΠΕΔΟΥ 2014
Φύλλο εργασίας για HTML & CSS
Εισαγωγή στο περιβάλλον του GameMaker
Δημιουργώντας Παιχνίδια με το GameMaker
Εγχειρίδιο για εκπαιδευτικούς πρωτοβάθμιας εκπαίδευσης με δραστηριότητες στη...
Εισαγωγή στο GameΜaker
MIT App Inventor + Arduino + Bluetooth
Ad

Similar to App Inventor (20)

PDF
AppDevelopment1-Presentation.pdf
PPT
App inventor2 εφαρμογή 1 (Hello purr)
PPTX
Parousiash android
PPTX
Parousiash android
PPTX
εισαγωγη στην δημιουργια προγραμματων για φορητες συσκευες (iOS και Android)
PDF
Εφαρμογές για έξυπνες συσκευές , ΕΕ Ομάδας 2
PPT
κεφαλαιο 7
PPTX
Under18
PPTX
ενότητα 2
DOCX
φυλλο εργασιας 1
PDF
εε ομαδας4
PPTX
Ανάπτυξη εφαρμογής Android για την υποστήριξη των μαθητών προς ένα ασφαλέστερ...
PDF
εε ομαδας 3
PPTX
Εργαλεία Web 2.0
PDF
Υλικό Δραστηριότητων Scratch WeDo
PPT
Παρουσίαση Scratch
PPTX
Ενότητα 7.1
PDF
SCRATCH : Οδηγός για Αρχάριους
PDF
χρησιμοποιώντας τη Scratch
AppDevelopment1-Presentation.pdf
App inventor2 εφαρμογή 1 (Hello purr)
Parousiash android
Parousiash android
εισαγωγη στην δημιουργια προγραμματων για φορητες συσκευες (iOS και Android)
Εφαρμογές για έξυπνες συσκευές , ΕΕ Ομάδας 2
κεφαλαιο 7
Under18
ενότητα 2
φυλλο εργασιας 1
εε ομαδας4
Ανάπτυξη εφαρμογής Android για την υποστήριξη των μαθητών προς ένα ασφαλέστερ...
εε ομαδας 3
Εργαλεία Web 2.0
Υλικό Δραστηριότητων Scratch WeDo
Παρουσίαση Scratch
Ενότητα 7.1
SCRATCH : Οδηγός για Αρχάριους
χρησιμοποιώντας τη Scratch

App Inventor

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