8 - AppInventor: Σκύλος φύλακας

8 - AppInventor: Σκύλος φύλακας

  Οκτωβρίου 21, 2025    Philippos Koutsakas

---

Σκύλος φύλακας

Η εφαρμογή "Σκύλος Φύλακας" δεν θα επιτρέπει σε κανέναν να πειράξει το κινητό μας :-)

Η δραστηριότητα δημιουργήθηκε από τον Σύλλογο Εκπαιδευτικών Πληροφορικής - ΣΕΠ Χίου (https://www.sepchiou.gr/)

Συγκεκριμένα, ο σκύλος της κεντρικής οθόνης της εφαρμογής ενοχλείται και γαβγίζει όταν κάποιος αγγίζει την οθόνη της συσκευής, ενώ επιπλέον κινείται απειλητικά προς το σημείο που αγγίζουμε την οθόνη.

Οι νέες έννοιες που θα δούμε:

• Καμβάς (canvas)
• Κινούμενη εικόνα μέσα σε οθόνη (sprite)
• Επαφή με οθόνη (touchdown και touchup)
• Κίνηση σε καμβά με βάση συντεταγμένες x, y

Οι οδηγίες για την υλοποίηση της δραστηριότητας είναι διαθέσιμες ΕΔΩ

Τα απαιτούμενα αρχεία (εικόνες και ήχοι) είναι διαθέσιμα ΕΔΩ

 

Σχολιάζουμε τις εντολές

PointlnDirection x get(x) y get(y)

Read More

7 - AppInventor: Να σου πω μία ιστορία

7 - AppInventor: Να σου πω μία ιστορία

  Οκτωβρίου 19, 2025    Philippos Koutsakas

---

Να σου πω μία ιστορία

Θα δημιουργήσουμε μία εφαρμογή που θα μας δίνει τη δυνατότητα να αφηγούμαστε ιστορίες με βάση τα εικονίδια που εμφανίσει.

Η εφαρμογή είναι συνδυασμός της εφαρμογής "Ζάρια" και της "Ζωάκια με ήχους".

Αναλυτικές οδηγίες για την εφαρμογή θα βρείτε ΕΔΩ

Η αρχική οθόνη της εφαρμογής θα μοιάζει κάπως έτσι...

Η εφαρμογή θα αποτελείται από τρεις διαφορετικές οθόνες: Αρχική, Παιχνίδι, Οδηγίες.

 

Read More

6 - AppInventor: Ζάρια

6 - AppInventor: Ζάρια

  Οκτωβρίου 11, 2025    Philippos Koutsakas

---

Ζάρια

Να φτιάξουμε μια εφαρμογή που ρίχνει δύο ζάρια.

Όταν πατάμε το κουμπί (ή κουνάμε το κινητό), θα αλλάζουν τυχαία οι τιμές των ζαριών ενώ παράλληλα θα ακούγεται ήχος ζαριών.

Οι βασικές έννοιες που θα μελετήσουμε είναι:

• Γεγονότα (events)
• Τυχαίοι (random) αριθμοί
• Επιταχυνσιόμετρο (accelerometer)

Οι οδηγίες για την υλοποίηση της δραστηριότητας είναι διαθέσιμες ΕΔΩ

Το περιβάλλον της εφαρμογής μας θα μοιάζει με το παρακάτω.

Υπάρχουν πολλά παιχνίδια για παιδιά που παίζονται με ζάρια. Παράδειγμα το Knock Out...

1. Κάθε παίχτης διαλέξει ένα “knock out” νούμερο (6, 7, 8, or 9). Περισσότεροι του ενός παίχτη μπορούν να διαλέξουν το ίδιο kkock out νούμερο.
2. Οι παίχτες ρίχνουν τα ζάρια με τη σειρά και αθροίζουν το αποτέλεσμα.
3. Αν ένας παίχτης ρίξει 6, 7, 8 ή 9 τότε αποβάλλεται (knocked out) από το παιχνίδι για τον επόμενη γύρο. 

Επέκταση της εφαρμογής είναι το παιχνίδι ΔΚΑ η LCR στα Αγγλικά. Το παιχνίδι αποτελείται από τρία ζάρια επισημασμένα με L, C, ή R αντί των παραδοσιακών αριθμών. Οι παίχτες ξεκινούν με 10 μάρκες ο καθένας και τα ζάρια μεταφέρονται μεταξύ των παικτών. 

Αν ο παίχτης που ρίξει τα ζάρια τύχει ένα L τότε θα πρέπει να δώσει μία μάρκα στον παίκτη στα αριστερά του, ένα R θα πρέπει να δώσει μία μάρκα στον παίκτη στα δεξιά του, ενώ αν τύχει C θα πρέπει να βάλει μία μάρκα στο κέντρο. Νικάει ο τελευταίος παίχτης που έχει στη διάθεση του μάρκες. 

Επέκταση της εφαρμογής μπορεί να είναι παιχνίδια σας το Bogle Junior ή το Pizza Part ή το Zombie Dice.

Η δραστηριότητα δημιουργήθηκε από τον Σύλλογο Εκπαιδευτικών Πληροφορικής - ΣΕΠ Χίου (https://www.sepchiou.gr/)

Read More

4 - AppInventor: Πολλές οθόνες

4 - AppInventor: Πολλές οθόνες

  Οκτωβρίου 08, 2025    Philippos Koutsakas

---

Εφαρμογή Πολλές οθόνες

Θα δημιουργήσουμε μία εφαρμογή που θα αποτελείται συνολικά από τέσσερις διαφορετικές οθόνες.

Βασικές έννοιες που θα δούμε σε αυτή την εφαρμογή:

• το στοιχείο Label
• τη χρήση πολλαπλών οθονών
• τη (συνδυαστική) χρήση Horizontal και Vertical Arrangements

Αναλυτικά οι οδηγίες για τη δημιουργία της εφαρμογής είναι διαθέσιμες ΕΔΩ

Read More

3 - AppInventor: Εφαρμογή Πιάνο

  Σεπτεμβρίου 28, 2025    Philippos Koutsakas

---

3 - AppInventor: Εφαρμογή Πιάνο

Θα αναπτύξουμε μια εφαρμογή που θα δίνει τη δυνατότητα στον χρήστη της να παίζει πιάνο στο κινητό ή το tablet του.

Η εφαρμογή θα αποτελείται 

• από 7 κουμπιά (που θα αντιστοιχούν στις 7 νότες Ντο, Ρε, Μι, Φα, Σολ, Λα, Σι) και με το άγγιγμα κάθε κουμπιού θα αναπαράγεται ο ήχος της αντίστοιχης νότας.
• ένα Arrangement το οποίο θα διατηρεί τα κουμπία οργανωμένα

Αναλυτικές οδηγίες για την εφαρμογή θα βρείτε ΕΔΩ

Η δραστηριότητα βασίστηκε στο εκπαιδευτικό υλικό του Συλλόγου Εκπαιδευτικών Πληροφορική Χίου καθώς και στο σχετικό εκπαιδευτικό υλικό του ιστότοπου του AppInventor

Read More

2 - AppInventor: Φρόντισε τη γάτα (Hello Purr)

2 - AppInventor: Φρόντισε τη γάτα (Hello Purr)

  Σεπτεμβρίου 22, 2025    Philippos Koutsakas

---

Θα αναπτύξουμε μια εφαρμογή «κατοικίδιου ζώου» για το κινητό μας.

Η εφαρμογή μας αποτελείται από

• ένα αντικείμενο Button
• ένα αντικείμενο Sound

Αναλυτικές οδηγίες υλοποίησης της εφαρμογής είναι διαθέσιμες  ΕΔΩ

Η δραστηριότητα βασίστηκε στο εκπαιδευτικό υλικό του Συλλόγου Εκπαιδευτικών Πληροφορική Χίου καθώς και στο σχετικό εκπαιδευτικό υλικό του ιστότοπου του AppInventor

Read More

1 - AppInventor: Hello World

1 - AppInventor: Hello World

  Σεπτεμβρίου 17, 2025    Philippos Koutsakas

---

1 - Εφαρμογή Hello World

Γνωρίζουμε τον AppInventor μέσα από τη δημιουργία της (κλασσικής πλέον) εφαρμογής Hallo World :-)

Ειδικότερα, ακολουθώντας τα βήματα της δραστηριότας της παρακάτω παρουσίασης 

1. θα συνδεθούμε στην πλατφόρμα του AppInventor (χωρίς απαραίτητα να διαθέτουμε Google Account)
2. θα γνωρίσουμε το περιβάλλον του AppInventor
3. θα δημιουργήσουμε την πρώτη μας εφαρμογή
4. θα συνδέσουμε και θα εκτελέσουμε την εφαρμογή μας σε φορητή συσκευή αξιοποιώντας τον MIT AI2 Companion

Το περιβάλλον του AppInventor χωρίς λογαριασμό Google https://login.appinventor.mit.edu/codelogin 

Το περιβάλλον του AppInventor με τη χρήση λογαριασμού Google https://appinventor.mit.edu/

Η εφαμοργή αποτελείται από

• ένα αντικείμενο Button
• ένα αντικείμενο TextToSpeach

Αναλυτικές οδηγίες για την υλοποίηση της εφαρμογής στην παρουσίαση που ακολουθεί

Read More

Εφαρμογές Πληροφορικής Α Γενικού Λυκείου, Οδηγίες Διδασκαλίας 2025-26

Εφαρμογές Πληροφορικής Α Γενικού Λυκείου, Οδηγίες Διδασκαλίας 2025-26

  Σεπτεμβρίου 11, 2025    Philippos Koutsakas

---

Οδηγίες Διδασκαλίας, Βιβλίο

Το μάθημα διδάσκεται 2 ώρες / εβδομάδα στο εργαστήριο Πληροφορικής.

Οδηγίες Διδασκαλίας 2024-25 ΕΔΩ (σε αναμονή οι οδηγίες 2025-26).

Πρόγραμμα Σπουδών (τρέχον) ΕΔΩ

Πρόγραμμα Σπουδών (νέο) ΕΔΩ

Σχολικό Βιβλίο ΕΔΩ

Ενδεικτικός Προγραμματισμός Διδασκαλίας

1. Προγραμματιστικά Περιβάλλοντα, Δημιουργία Εφαμογών [16 ώρες]

• Προγραμματισμός εφαρμογών για φορητές συσκευές με ΜΙΤ AppInventor
• Προγραμματισμός εφαρμογών σε αντικειμενοσταφή περιβάλλοντα με Alice3D ή GreenFoot

2. Επικοινωνία και Διαδίκτυο [18 ώρες]

• Web 2.0 και Υπηρεσίες Διαδικτύου
• Δημιουργία Ιστοσελίδων σε γραφικό περιβάλλον (Google Sites)
• Δημιουργία Ιστοσελίδων με HTML και CSS

3. Συνεργασία και Ασφάλεια στο Διαδίκτυο [16 ώρες]

• Εφαρμογές Νέφους
• Κοινωνικά Δίκτυα
• Θέματα Ασφάλειας και Προστασίας στο Διαδίκτυο
• Πνευματικά Δικαιώματα και Πειρατεία Λογισμικού στο Διαδίκτυο
• Ιδιωτικότητα και Προσωπικά Δεδομένα στο Διαδίκτυο

Για τη διδασκαλία των παραπάνω ενοτήτων θα αξιοποιηθούν εργαλεία Τεχνητής Νοημοσύνης στο πλαίσιο υλοποίηση εγκακριμένης καινοτόμου δράσης από τη ΔΕΠΠΣ

Read More

Το βιογραφικό μας (CV - Curiculum Vitae)

Το βιογραφικό μας (CV - Curiculum Vitae)

  Μαρτίου 12, 2025    Philippos Koutsakas

---

 Ας κουβεντιάσουμε για το βιογραφικό μας...

Για να συντάξετε το βιογραφικό σας μπορείτε να αξιοποιήσετε ένα από τα παρακάτω πρότυπα του ιστότοπου Zety.com

• Παράδειγμα βιογραφικού εφήβου διαθέσιμο ΕΔΩ
• Παράδειγμα βιογραφικού μαθητή/τριας λυκείου / γυμνασίου ΕΔΩ
• Άλλα παραδείγματα βιογραφικών ΕΔΩ

Εναλλακτικά μπορείτε να δημιουργήσετε το βιογραφικό σας αξιοποιώντας την πλατφόρμα Europass . Πρόκειται για ένα σύνολο δωρεάν διαδικτυακών εργαλείων για τη διαχείρηση των δεξιοτήτων των πολιτών της Ευρωπαϊκής Ένωσης.

• Είσαδος στην πλατφόρμα Europass για δημιουργία βιογραφικού

Ακολουθεί ένα σχετικό βίντεο για τη δημιουργία βιογραφικού με Europass

Read More

Επικοινωνία και Διαδίκτυο, Εφαρμογές Πληροφορικής Α ΓΕΛ

Επικοινωνία και Διαδίκτυο, Εφαρμογές Πληροφορικής Α ΓΕΛ

  Νοεμβρίου 24, 2024    Philippos Koutsakas

---

Επικοινωνία και Διαδίκτυο

9.3 Από τον Web 1.0 στον Web X.0

Το κεφάλαιο του σχολικού βιβλίου είναι διαθέσιμο εδώ: http://ebooks.edu.gr/ebooks/v/html/8547/2714/Pliroforiki_A-Lykeiou_html-empl/index3_9.html

Η παρουσίαση που θα χρησιμοποιήσουμε στην τάξη είναι διαθέσιμη εδώ: 

10.1 Υπηρεσίες Διαδικτύου
10.2 Ο παγκόσμιος ιστός, υπηρεσίες και εφαρμογές Διαδικτύου

Τα κεφάλαια του σχολικού βιβλίου είναι διαθέσιμα εδώ: http://ebooks.edu.gr/ebooks/v/html/8547/2714/Pliroforiki_A-Lykeiou_html-empl/index3_10.html

Η παρουσίαση που θα χρησιμοποιήσουμε στην τάξη είναι διαθέσιμη εδώ: 

Read More

AppInventor: Ομαδική Εργασία Α τετραμήνου (με την αξιοποίηση του ChatGPT)

AppInventor: Ομαδική Εργασία Α τετραμήνου (με την αξιοποίηση του ChatGPT)

  Νοεμβρίου 17, 2024    Philippos Koutsakas

---

Πώς πρέπει να αντιμετωπίσω την ατομική εργασία;

Η ομαδική εργασία είναι μια ευκαιρία 

• να χρησιμοποιήσετε τις γνώσεις που αποκτήσατε στον προγραμματισμό με AppInventor
• να ψάξετε και να πειραματιστείτε με τις επιπλέον δυνατότητες και εντολές
• να δημιουργήσετε κάτι που είναι πρωτότυπο, που λύνει ένα πρόβλημα ή εξυπηρετεί έναν σκοπό.

Επιλογή Θέματος

Για την επιλογή του θέματος της ομαδικής σας εργασίας, αφού πάρετε ιδέες από τους παρακάτω συνδέσμους, να αφήστε την φαντασία σας ελεύθερη και να διαλέξετε το πιο ενδιαφέρον και πρωτότυπο θέμα που μπορείτε να σκεφτετείτε. Όσο πιο "τρελή" η ιδέα σας τόσο το καλύτερο :-)

Ποιά είναι τα παραδοτέα της εργασίας;

Για την εργασία σας θα πρέπει:

1. να συμπληρώσετε το ερωτηματολόγιο που θα βρείτε στην eclass της τάξης μας
2. να υποβάλλετε (στην eclass του μαθήματος μας) μία παρουσίαση που θα περιγράφει (1) το θέμα, (2) τη σχεδίαση, (3) τη λειτουργικότητα και (4) τον τρόπο που συνεργαστήκατε στο πλαίσιο της ομάδας σας. Ένα παράδειγμα παρουσίασης θα βρείτε ΕΔΩ
3. να υποβάλλετε (στην eclass του μαθήματος μας) την εφαρμογή που θα έχετε υλοποιήσει για AppInventor σε μορφή αρχείου .apk

Από που μπορώ να βρω ιδέες / πληροφορίες / υλικό;

1. Μπορείτε να αναζητήσετε ιδέες αξιοιώντας τις σχετικές μηχανές αναζήτησης
2. Μπορείτε να αξιοποιήσετε κάποιο παραγωγικό γλωσσικό μοντέλο (πχ ChatGPT)

Αξιοποίηση ChatGPT

Συνδεθείτε στο https://chatgpt.com/ και ζητήστε του να σας προτείνει σχετικές ιδέες

'Ενα παράδειγμα αρχικής προτροπής είναι το εξής:

Καλημέρα

Είμαι μαθητής της Α Λυκείου και πρέπει να ετοιμάσω μία εργασία προγραμματισμού με τον MIT App Inventor.

Θέλω να μου προτείνεις κάποιες ιδέες.

Θέλω οι ιδέες να είναι πρωτότυπες, έξυπνες, καινοτόμες και σχετικά εύκολα υλοποιήσιμες

Δείτε τα αποτελέσματα που θα πάρετε ως απάντηση και αξιοποιήστε τα ανάλαγα.

Πειραματιστείτε ζητώντας από το γλωσσικό μοντέλο να κατασκευάσει για εσάς την εφαρμογή.

Αξιοποίηση παραδοσιακών μηχανών αναζήτησης

Η εργασία σας μπορεί να βασίζεται σε ένα ή σε συνδυασμούς project που θα βρείτε στους παρακάτω συνδέσμους ή (ακόμη καλύτερα) κάτι εντελώς καινούριο και πρωτότυπο. 

ΠΡΟΣΟΧΗ: είναι πολύ σημαντικό να αναφέρετε τις πηγές από τις οποίες εμπνευστήκατε για την εργασία σας.

Αν δεν σας εμπνέουν τα παραπάκω μπορείτε να κάνετε αναζήτηση στο διαδίκτυο για επιπλέον πηγές...

Ιδέες για σχετικά projects μπορείτε να βρείτε στους παρακάτω συνδέσμους:

• Η εφαρμογή του μήνα σε AppInventor: https://appinventor.mit.edu/explore/app-month-gallery
• AppInventor Building Guides: https://appinventor.mit.edu/explore/app-building-guides  
• Παραδείγματα Εφαρμογών σε AppInventor: http://appinventor.mit.edu/explore/teach/example_projects
• Εφαρμογές AppInventor από την Ώρα του Κώδικα: http://appinventor.mit.edu/explore/hour-of-code
• Δημιουργία εφαρμογών με τον AppInventor: https://drive.google.com/file/d/1-KxIBGWH2gh9-CPCojSEiH2bm8Q1z75W/view?usp=sharing
• Πολλές διαθέσιμες εφαρμογές με την μορφή tutorial είναι διαθέσιμες ΕΔΩ 
• Επίσης πολλά tutorials διαθέσιμα ΕΔΩ
• Android, Where's My Car? ΕΔΩ
• Fake Voice Tutorial ΕΔΩ
• Photo Booth Tutorial ΕΔΩ
• QuizMe Tutorial ΕΔΩ
• SnowGlobe Tutorial ΕΔΩ
• Magic Eight Ball Tutorial ΕΔΩ
• Space Invader Tutorial ΕΔΩ
• MakeQuiz and TakeQuiz Tutorial ΕΔΩ
• State Quiz App Tutorial ΕΔΩ

Read More

13 - Appinventor: Κουραμπιεδο-μελονομακαρονο μετρητής :-)

13 - Appinventor: Κουραμπιεδο-μελονομακαρονο μετρητής :-)

  Νοεμβρίου 10, 2024    Philippos Koutsakas

---

Θα δημιουργήσουμε μία εφαρμογή που θα μετράει και θα καταγράφει τον αριθμό των μελομακάρονων και τον κουραμπιέδων που έχουμε φάει.

Η εφαρμογή θα περιλαμβάνει

• δύο κουμπιά που όταν πατηθούν αυξάνουν τον αριθμό των μελομακάρονων ή των κουραμπιέδων κατά ένα
• δύο πλαίσια κειμένου που εμφανίζουν τον τρέχων αριθμό μελομακάρονων και κουραμπιέδων που έχουμε φάει 

Η εφαρμογή απεικονίζεται στην παρακάτω εικόνα. 

Αναλυτικά οι οδηγίες για την ερφαρμογή είναι διαθίσιμες ΕΔΩ

Read More

12 - AppInventor: Εφαρμογή Panic Button

12 - AppInventor: Εφαρμογή Panic Button

  Νοεμβρίου 10, 2024    Philippos Koutsakas

---

Θα αναπτύξουμε μια εφαρμογή που θα λειτουργεί σαν κουμπί πανικού. Η εφαρμογή θα αποτελείται από δύο κουμπιά.

Το πρώτο θα είναι το κουμπί πανικού. Όταν ο χρήστης αγγίζει το κουμπί πανικού θα ξεκινάει ο ήχος μιας σειρήνας, ο οποίος θα αναπαράγεται ξανά και ξανά. Ταυτόχρονα, η συσκευή θα στέλνει ένα μήνυμα SMS σε έναν προεπιλεγμένο αριθμό για να ζητάει βοήθεια. Το κουμπί πανικού θα απενεργοποιείται προσωρινά (ιδιότητα enabled), ώστε να είναι ορατό, αλλά ο χρήστης να μην μπορεί να το ξαναπατήσει.

Το δεύτερο κουμπί θα τερματίζει τον ήχο της σειρήνας και θα ενεργοποιεί εκ νέου το κουμπί πανικού.

Αναλυτικά οι οδηγίες της εφαρμογής είναι διαθέσιμες ΕΔΩ

Τα αρχεία εικόνων και ήχου που θα χρειαστείτε για την εφαρμογή είναι διαθέσιμα ΕΔΩ

Read More

11 - AppInventor: Πιάσε τη σημαία

11 - AppInventor: Πιάσε τη σημαία

  Οκτωβρίου 28, 2024    Philippos Koutsakas

---

Θα υλοποιήσουμε ένα παιχνίδι στο οποίο ο παίκτης θα χειρίζεται μια μπάλα με τη βοήθεια του αισθητήρα προσανατολισμού (Orientation Sensor).

Σκοπός τους παιχνιδιού είναι να αγγίξει η μπάλα τη σημαία χωρίς να πέσει μέσα στις τρύπες. Η θέση της σημαίας θα αλλάζει κάθε 4 δευτερόλεπτα.



Ακολουθήστε τις οδηγίες που θα βρείτε ΕΔΩ μέχρι και το βήμα 7.

Τα αρχεία της εφαρμογής είναι διαθέσιμα ΕΔΩ

Στη συνέχεια, αντί του βήματος 8 προσθέστε την παρακάτω εντολή:

Πηγή: Σύλλογος Εκπαιδευτικών Πληροφορικής Χίου

Read More

9 - AppInventor: Μαγνητισμός

9 - AppInventor: Μαγνητισμός

  Οκτωβρίου 28, 2024    Philippos Koutsakas

---

Εφαρμογή Προσομοίωση Λειτουργίας Μαγνήτη

Θα αναπτύξουμε μια εκπαιδευτική εφαρμογή μελέτης του φαινομένου του Μαγνητισμού

Οδηγίες για τη δημιουργία της εφαρμογής θα βρείτε ΕΔΩ 

Τα αρχεία της εφαρμογής είναι διαθέσιμα ΕΔΩ.
Επεξήγηση των εντολών της εφαρμογής θα βρείτε ΕΔΩ

Αρχική το παιχνίδι αποτελείται από μια σιδερένια μπάλα κόκκινου χρώματος, ένα κομμάτι ξύλου και ένα μαγνήτη. Ο χρήστης θα έχει τη δυνατότητα να σύρει (flung) το ξύλο και την μεταλλική μπάλα προς τον μαγνήτη. Όταν το κάνει αυτό τόσο το ξύλο όσο και η μπάλα θα πρέπει να κινούνται προς την κατεύθυνση που έχει καθορίσει ο χρήστης.

Όταν το ξύλο χτυπήσει πάνω στον μαγνήτη θα πρέπει να αναπηδά και να συνεχίζει την κίνηση του προς την αντίθετη κατεύθυνση από την αρχική.

Αντίθετα όταν η μεταλλική μπάλα χτυπήσει πάνω στον μαγνήτη θα πρέπει να μένει κολλημένη πάνω του.

Στη συνέχεια θα προσθέσουμε στο παιχνίδι επιπλέον αντικείμενο με τις ανάλογες συμπεριφορές (πλαστικό, γυαλί, χρυσό).

Read More

10 - AppInventor: Ζωγραφική με τα δάχτυλα

10 - AppInventor: Ζωγραφική με τα δάχτυλα

  Οκτωβρίου 28, 2024    Philippos Koutsakas

---

Εφαρμογή "Ζωγραφική με τα δάχτυλα"

Στο σημερινό μάθημα θα κατασκευάσουμε μια εφαρμογή ζωγραφικής με τα δάχτυλα, η οποία θα επιτρέπει να ζωγραφίζουμε ακόμα και πάνω σε φωτογραφίες που τραβάμε με την κάμερα της συσκευής, ενώ θα μπορούμε και να αποθηκεύσουμε τις δημιουργίες μας.
Το περιβάλλον της εφαρμογής μας θα μοιάζει κάπως έτσι...

Βασικές έννοιες

• Υποπρόγραμμα – διαδικασία (procedure).
• Λήψη φωτογραφιών με την κάμερα της συσκευής.
• Σχεδίαση κύκλων και γραμμών σε καμβά.
• Αποθήκευση σχεδίου στη συσκευή.

Η πρώτη έκδοση της εφαρμογής είναι έτοιμη μετά την ολοκλήρωση του βήματα 4. Καθένα από τα επόμενα βήματα προσθέτει και ένα επιπλέον χαρακτηριστικό στην εφαρμογή, οπότε προτείνω να ελέγχετε την λειτουργία της εφαρμογής μετά την ολοκλήρωση του κάθε βήματος.

Βήμα 1: Δημιουργία project και ρυθμίσεις κεντρικής οθόνης

Ξεκινώντας, δημιουργούμε ένα καινούργιο project με όνομα FingerPainting.

Αρχικά, το μοναδικό διαθέσιμο συστατικό της εφαρμογής είναι η οθόνη (Screen) και θα χρειαστεί να μεταβάλλουμε κάποιες από τις ιδιότητές της.

Βήμα 2: Μεταφόρτωση αρχείων πολυμέσων

Τα αρχεία που προσθέσουμε στο project μας είναι τα αρχεία εικόνας που θα χρησιμοποιεί η εφαρμογή μας και μπορείτε να τα βρείτε στον κοινόχρηστο φάκελο του εργαστηρίου μας.

Βήμα 3: Σχέδια επάνω στον καμβά

Στο βήμα αυτό θα δημιουργήσουμε σχέδια επάνω στον καμβά της εφαρμογής

Βήμα 4: Καθαρισμός του καμβά

Στο βήμα αυτό θα καθαρίσουμε τον καμβά από τυχών σχέδια

Βήμα 5: Μια μικρή παλέτα με χρώματα

Στο βήμα αυτό θα εισάγουμε την παλέτα των χρωμάτων

Βήμα 6: Αλλάζοντας το πάχος της γραμμής

Στο βήμα αυτό θα εισάγουμε τα κατάλληλα χειριστήρια καθώς και τις απαραίτητες εντολές για την αλλαγή του πάχους της γραμμής σχεδίασης

Βήμα 7: Σχέδια πάνω στις φωτογραφίες

Εντολές για την σχεδίαση πάνω στις φωτογραφίες που έχουμε τραβήξει

Βήμα 8: Καθαρισμός του καμβά (συνέχεια)

Καθαρισμός της φωτογραφίας που εισάγαμε στην εφαρμογή μας

Βήμα 9: Αποθήκευση των σχεδίων μας

Αποθήκευση του σχεδίου και της φωτογραφίας μας

Συνεχίστε την εφαρμογή ακολουθώντας προσεκτικά της αναλυτικές οδηγίες που θα βρείτε ΕΔΩ

Οι εικόνες της εφαρμογής είναι διαθέσιμες ΕΔΩ

Πηγή: Σύλλογος Εκπαιδευτικών Πληροφορικής Χίου

Read More

5 - AppInventor: Ζωάκια με ήχους

5 - AppInventor: Ζωάκια με ήχους

  Οκτωβρίου 08, 2024    Philippos Koutsakas

---

Πώς κάνουν τα ζωάκια...

Θα δημιουργήσουμε μία εφαρμογή η οποία μπορεί να αξιοποιηθεί για να διδάξει σε μικρά παιδιά τους ήχους που κάνουν τα ζώα.

Η εφαρμογή αποτελείται από τρεις οθόνες

1. την αρχική (εμφανίζεται με το άνοιγμα της εφαρμογής) περιλαμβάνει δύο κουμπιά που οδηγούν
2. στην κεντρική οθόνη της εφαρμογής που θα περιλαμβάνει τα ζωάκια
3. στην οθόνη των οδηγιών, που θα περιλαμβάνει οδηγίες για την εφαρμογή

Αναλυτικές οδηγίες για τη δημιουργία της εφαρμογής θα βρείτε ΕΔΩ

Στην περίπτωση που χρειαστείτε επιπλέον ήχους μπορείτε να αναζητήσετε ΕΔΩ

Οδηγίες για το πώς μπορείτε να κόψετε-ράψετε ήχους με το Audacity ΕΔΩ

    

Read More

0 - AppInventor: Εισαγωγή

0 - AppInventor: Εισαγωγή

  Σεπτεμβρίου 22, 2024    Philippos Koutsakas

---

Αξιοποιώντας την παρουσίαση που ακολουθεί εξηγούμε στους μαθητές μας ότι πριν ξεκινήσουμε το προγραμματισμό στο περιβάλλον του AppInventor θα ήταν χρήσιμο προηγουμένως να εξασκηθούμε στις εφαρμογές του Blockly καθώς και του makewithcode.

Συζητάμε με τους μαθητές σχετικά με τον προγραμματισμό έξυπνων φορητών συσκευών Android.

Ξενάγηση στο περιβάλλον προγραμματισμού του AppInventor

Παρουσίαση της ολοκληρωμένη εφαρμογής Hallo Pur (εκτέλεση σε κινητό).

Αν μείνει χρόνος παρουσίασης βραβευμένων εφαρμογών που έχουν δημιουργηθεί με τον AppInventor

Read More

Υπηρεσίες Νέφους (Cloud Computing)

Υπηρεσίες Νέφους (Cloud Computing)

  Φεβρουαρίου 01, 2023    Philippos Koutsakas

---

Το κεφάλαιο του σχολικού βιβλίου για τις "Εφαρμογές Νέφους" είναι διαθέσιμο εδώ: http://ebooks.edu.gr/ebooks/v/html/8547/2714/Pliroforiki_A-Lykeiou_html-empl/index4_13.html

Παρουσίαση για τις υπηρεσίες νέφους 2

Παρουσίαση για υπηρεσίες νέφους 2

Παρουσίαση για τα Google Docs

Παρουσίαση για τα Google Slides

Read More

Εισαγωγή στην HTML

Εισαγωγή στην HTML

  Δεκεμβρίου 11, 2022    Philippos Koutsakas

---

Ιστοστότοποι και HTML

Σε προηγούμενα μαθήματα δημιουργήσαμε ιστοτόπους με τη χρήση του εργαλείου Google Sites. Το εργαλείο Google Sites χρησιμοποιεί γραφικό περιβάλλον για τη δημιουργία του ιστοτόπου.

Κατά τη δημιουργία ενός ιστοτόπου με Google Sites, στο παρασκήνιο δημιουργείται αυτόματα κώδικας HTML

Τι είναι η HTML;

Η HTML είναι μια περιγραφική γλώσσα, δηλαδή μία γλώσσα που καθορίζει το τρόπο που θα εμφανίζονται τα στοιχεία μίας ιστοσελίδας.  Όταν ο Φυλλομετρητής ανακτά μια ιστοσελίδα, στην ουσία ανακτά τον κώδικα HTML της ιστοσελίδας, τον οποίο «διαβάζει» και «διερμηνεύει» τις ετικέτες του (της HTML), δημιουργεί την ιστοσελίδα και την εμφανίζει στην οθόνη, μορφοποιώντας το κείμενο και τις εικόνες της.

Εισαγωγή στην HTML

• Το σχετικό κεφάλαιο του σχολικού βιβλίου είναι διαθέσιμο ΕΔΩ
• Εισαγωγικές Οδηγίες και Δραστηριότητες για την HTML διαθέσιμες ΕΔΩ
• Ο κώδικας HTML μίας κενής ιστοσελίδας διεθέσιμος ΕΔΩ. Μπορετέ να τον αντιγράψετε/επικολήσετε σε ένα κενό έγγραφο HTML κάθε φορά που ξεκινάστε μία καινούρια σελίδα

Το σκονάκι μου για την HTML

• Οι βασικές εντολές της HTML διαθέσιμες ΕΔΩ και ΕΔΩ
• Το Λεξικό της HTML (με αναλυτική επεξήγηση των εντολών) ΕΔΩ

Δραστηριότητες και Εργασίες HTML

• Δραστηριότητες 2, 3, 4, 5, 6, 7 διαθέσιμες ΕΔΩ 
• Εργασία "Τα νησιά των σποράδων" διαθέσιμη ΕΔΩ και τα αρχεία που θα χρειαστείτε ΕΔΩ

Tutorials HTML

• Trinket fast forward Turial για HTML και CSS  
• Μαθήματα HTML από την WLearn στα Ελληνικά
• W3Schools Tutorial
• Εισαγωγή στην HTML βήμα-βήμα

Read More