Αναπαράσταση Οπτικού Προγραμματισμού με το εργαλείο «ΚωδικΌραμα» | Αναστάσιος Λαδιάς | Θερινό Σχολείο Εκπαιδευτικής Ρομποτικής WRO

1. ΚωδικΌραμα
Εργαλείο
για τη διδακτική
του οπτικού προγραμματισμού
Α. Λαδιάς
Δ. Λαδιάς

2. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Τι θα δούμε
Το ΚωδικΌραμα ως εργαλείο για την
• ανάπτυξη του προγραμματιστικού υλικού
• η ανάγκη επινόησης του ΚωδικΟράματος
• το ΚωδικΌραμα ως προγραμματιστικό εργαλείο
• παιδαγωγική αξιοποίηση του προγραμματιστικού υλικού
• η διδακτική προστιθέμενη αξία του ΚωδικΟράματος
• η παιδαγωγική προστιθέμενη αξία του ΚωδικΟράματος
2

3. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Τι θα δούμε
Το ΚωδικΌραμα ως εργαλείο για την
• ανάπτυξη του προγραμματιστικού υλικού
• η ανάγκη επινόησης του ΚωδικΟράματος
• η προγραμματιστική προστιθέμενη αξία του ΚωδικΟράματος
• παιδαγωγική αξιοποίηση του προγραμματιστικού υλικού
• η διδακτική προστιθέμενη αξία του ΚωδικΟράματος
• η παιδαγωγική προστιθέμενη αξία του ΚωδικΟράματος
3

4. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η ανάγκη επινόησης του ΚωδικΟράματος
• εισαγωγή, εισαγωγή, εισαγωγή...
• δεκάδες τρόποι για αρχή και μετά τίποτα…
• με τελικό σκοπό την επιλογή και την επανάληψη…
• με απλοϊκά σενάρια με λίγα αντικείμενα…
• για να μην κουράσουμε τους μαθητές…
• με θέματα αποστεωμένα αριθμητικών υπολογισμών…
• δανεισμένα από το ΑΕΠΠ…
4

5. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η ανάγκη επινόησης του ΚωδικΟράματος
Η ανάγκη τα τελευταία χρόνια για εκπαιδευτική χρήση
περισσότερο συνθέτων προβλημάτων
με πολυπλοκότερα σενάρια
πολλών αντικειμένων
σε πολλές καταστάσεις (αεράμυνα.sb2)
που οδήγησε σε πιο πολύπλοκους αλγορίθμους-κώδικες
δημιουργώντας όμως προβλήματα κατανόησης του στυλ:
"ποιός κώδικας αντιστοιχεί
σε ποιά συμπεριφορά,
ποιού αντικειμένου και
σε ποιά κατάσταση;".
5

6. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η ανάγκη επινόησης του ΚωδικΟράματος
Η ανάγκη τα τελευταία χρόνια για εκπαιδευτική χρήση
περισσότερο συνθέτων προβλημάτων
με πολυπλοκότερα σενάρια
πολλών αντικειμένων
σε πολλές καταστάσεις (αεράμυνα.sb2)
που οδήγησε σε πιο πολύπλοκους αλγορίθμους-κώδικες
δημιουργώντας όμως προβλήματα κατανόησης του στυλ:
"ποιός κώδικας αντιστοιχεί
σε ποιά συμπεριφορά,
ποιού αντικειμένου και
σε ποιά κατάσταση;".
6

7. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η ανάγκη επινόησης του ΚωδικΟράματος
Η ανάγκη τα τελευταία χρόνια για εκπαιδευτική χρήση
περισσότερο συνθέτων προβλημάτων
με πολυπλοκότερα σενάρια
πολλών αντικειμένων
σε πολλές καταστάσεις (αεράμυνα.sb2)
που οδήγησε σε πιο πολύπλοκους αλγορίθμους-κώδικες
δημιουργώντας όμως προβλήματα κατανόησης του στυλ:
"ποιός κώδικας αντιστοιχεί
σε ποιά συμπεριφορά,
ποιού αντικειμένου και
σε ποιά κατάσταση;".
Μια πρώτη απόπειρα διαχείρισης του προβλήματος ήταν να γίνει με
τη χρήση νοητικών χαρτών (αεράμυναΝοητικόςΧάρτης.pdf)
7

8. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η ανάγκη επινόησης του ΚωδικΟράματος
Η διαχείρισης πολύπλοκων κωδίκων (οπτικού προγραμματισμού)
συνίσταται στην ανάγκη για ταυτόχρονη αντίληψη
• αφενός του συνόλου του κώδικα
• το σύνολο είναι μεγαλύτερο από το άθροισμα των μερών του
• που καμιά φορά μπορεί και να κάλυπτει έκταση περισσότερο
από 4mxm (εικόνα με ανάλυση 72 pdi)
• αφετέρου των επιμέρους τμημάτων του κώδικα
• στα οποία κρύβονται σημαντικές λεπτομέρειες
• που μπορεί να κρυβόταν σε λιγότερα από 20cmxcm
8

9. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η ανάγκη επινόησης του ΚωδικΟράματος
Η διαχείρισης πολύπλοκων κωδίκων (οπτικού προγραμματισμού)
συνίσταται στην ανάγκη για ταυτόχρονη αντίληψη
• αφενός του συνόλου του κώδικα
• το σύνολο είναι μεγαλύτερο από το άθροισμα των μερών του
• που καμιά φορά μπορεί και να καλύπτει έκταση περισσότερο
από 4mxm (εικόνα με ανάλυση 72 pdi)
• Δρομολογητής.pdf (237,81cm x 191,31cm)
• αφετέρου των επιμέρους τμημάτων του κώδικα
• στα οποία κρύβονται σημαντικές λεπτομέρειες
• που μπορεί να κρυβόταν σε λιγότερα από 20cmxcm
9

10. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η ανάγκη επινόησης του ΚωδικΟράματος
Η διαχείρισης πολύπλοκων κωδίκων (οπτικού προγραμματισμού)
συνίσταται στην ανάγκη για ταυτόχρονη αντίληψη
• αφενός του συνόλου του κώδικα
• το σύνολο είναι μεγαλύτερο από το άθροισμα των μερών του
• που καμιά φορά μπορεί και να κάλυπτει έκταση περισσότερο
από 4mxm (εικόνα με ανάλυση 72 pdi)
• Δρομολογητής.pdf (237,81cm x 191,31cm)
• αφετέρου των επιμέρους τμημάτων του κώδικα
• στα οποία κρύβονται σημαντικές λεπτομέρειες
• που μπορεί να βρίσκονται σε λιγότερα από 20cmxcm
10

11. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η ανάγκη επινόησης του ΚωδικΟράματος
Η διαχείρισης πολύπλοκων κωδίκων (οπτικού προγραμματισμού)
συνίσταται στην ανάγκη για ταυτόχρονη αντίληψη
• αφενός του συνόλου του κώδικα
• το σύνολο είναι μεγαλύτερο από το άθροισμα των μερών του
• που καμιά φορά μπορεί και να κάλυπτει έκταση περισσότερο
από 4mxm (εικόνα με ανάλυση 72 pdi)
• Δρομολογητής.pdf (237,81cm x 191,31cm)
• αφετέρου των επιμέρους τμημάτων του κώδικα
• στα οποία κρύβονται σημαντικές λεπτομέρειες
• που μπορεί να βρίσκονται σε λιγότερα από 20cmxcm
δηλαδή πρέπει ταυτόχρονα να διαχειριζόμαστε καταστάσεις
που έχουν διαφορές οπτικού μεγέθους της τάξης του 1000.
11

12. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η ανάγκη επινόησης του ΚωδικΟράματος
Σε αυτή τη διαχείριση δεν βοηθάει και
η σε μεγάλο βαθμό αδυναμία των λογισμικών ανάπτυξης κώδικα
(Scratch / BYOB, StarlogoTNG, AppInventor, TurtleArt…)
να οργανώσουν σε ικανοποιητικό βαθμό
τον κατακερματισμένο και κρυμμένο κώδικα μέσα στα αντικείμενα…
(Δρομολογητής.sb2)
Ίσως το πιο οργανωμένο από αυτή την άποψη περιβάλλον
να είναι αυτό της StarLogo TNG.
12

13. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η ανάγκη επινόησης του ΚωδικΟράματος
Σε αυτή τη διαχείριση δεν βοηθάει και
η σε μεγάλο βαθμό αδυναμία των λογισμικών ανάπτυξης κώδικα
(Scratch / BYOB, StarlogoTNG, AppInventor, TurtleArt…)
να οργανώσουν σε ικανοποιητικό βαθμό
τον κατακερματισμένο και κρυμμένο κώδικα μέσα στα αντικείμενα…
(Δρομολογητής.sb2)
Ίσως το πιο οργανωμένο από αυτή την άποψη περιβάλλον
να είναι αυτό της StarLogoTNG1.png
13

14. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η ανάγκη επινόησης του ΚωδικΟράματος
Αυτή η ανάγκη μας οδήγησε στην επινόηση των κωδικΟραμάτων.
Ένα ΚωδικΌραμα απεικονίζει τη δομή του κώδικα
που περιγράφει την προσομοίωση ενός συστήματος
και αντιπροσωπεύει την λύση ενός προβλήματος.
ΠΨΧ.pdf
14

15. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η ανάγκη επινόησης του ΚωδικΟράματος
Αυτή η ανάγκη μας οδήγησε στην επινόηση των Κωδικοραμάτων.
Ένα ΚωδικΌραμα απεικονίζει τη δομή του κώδικα
που περιγράφει την προσομοίωση ενός συστήματος
και αντιπροσωπεύει την λύση ενός προβλήματος.
ΠΨΧ.pdf
15

16. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Είναι ένας διδιάστατος πίνακας που στη μια διάσταση παρατίθενται
τα αντικείμενα και στην άλλη διάσταση παρατίθενται οι καταστάσεις
στις οποίες βρίσκονται τα εν λόγω αντικείμενα κατά τη χρονική
διάρκεια της λειτουργίας του συστήματος.(κλωτσιά σε μπάλα.pdf)
16

17. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Στην επιφάνεια που ορίζεται δημιουργούνται κελιά σε ορισμένα από
τα οποία αναπτύσσεται ο οπτικοποιημένος κώδικας που καθορίζει
την εκάστοτε συμπεριφορά του αντίστοιχου αντικειμένου.
17

18. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Σχόλιο: Η πληροφορία του κενού (κελιού)
18

19. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Ο κώδικας είναι σχεδιασμένος με τα πρότυπα του τμηματικού
προγραμματισμού (τμηματικός/αρθρωτός – ιεραρχικός/δενδροειδής)
(κελί δομημένος.pdf)
19

20. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Ο κώδικας είναι σχεδιασμένος με τα πρότυπα του τμηματικού
προγραμματισμού (τμηματικός/αρθρωτός – ιεραρχικός/δενδροειδής)
(κελί δομημένος.pdf)
20

21. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Ο κώδικας είναι σχεδιασμένος με τα πρότυπα του τμηματικού
προγραμματισμού (τμηματικός/αρθρωτός – ιεραρχικός/δενδροειδής)
(κελί δομημένος.pdf), μη επαναληψιμότητα κώδικα
21

22. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Ο κώδικας είναι σχεδιασμένος με τα πρότυπα του τμηματικού
προγραμματισμού (τμηματικός/αρθρωτός – ιεραρχικός/δενδροειδής)
(κελί δομημένος.pdf), μη επαναληψιμότητα κώδικα
και αίσθηση του ανάγλυφου / 3D
22

23. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Συμβολισμός: Μωβ γραμμές για κλήση διαδικασιών
• Παράλειψη των μωβ διασυνδέσεων ως αυτονόητων (σε μεγάλα
κωδικοράματα) που αναπληρώνεται με το συμβολισμό της
τοπολογίας
23

24. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Συμβολισμός: Μωβ γραμμές για κλήση διαδικασιών
• Παράλειψη των μωβ διασυνδέσεων ως αυτονόητων (σε μεγάλα
κωδικοράματα) που αναπληρώνεται με το συμβολισμό της
τοπολογίας (ΜηΜωβΣυνδέσεις.pdf) για περιορισμό οπτικού θορύβου
24

25. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Ο κώδικας που ακολουθεί τις συμβάσεις του ευανάγνωστου
προγραμματισμού
• με την «τυποποίηση της καμήλας» στην ονοματολογία
25

26. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Ο κώδικας που ακολουθεί τις συμβάσεις του ευανάγνωστου
προγραμματισμού
• με εννοιολογική ονοματολογία των μεταβλητών και διαδικασιών
26

27. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Ο κώδικας που ακολουθεί τις συμβάσεις του ευανάγνωστου
προγραμματισμού
• περιορίζεται σε σημαντικό βαθμό η ανάγκη για προσθήκη
επεξηγηματικών σχολίων
27

28. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Η επικοινωνία μεταξύ των αυτόνομων τμημάτων του κώδικα
επιτυγχάνεται με διασυνδέσεις που καταγράφουν
• είτε τη ροή της πληροφορίας μεταξύ των τμημάτων του κώδικα
των διαφόρων κελιών που τους επιτρέπουν να αλληλεπιδρούν.
• είτε τη διαχείριση των δημιουργούμενων κλώνων των
αντικειμένων.
28

29. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Η ροή της πληροφορίας μεταξύ των τμημάτων του κώδικα γίνεται:
• είτε με τη χρήση μεταβλητών Πορτοκαλί γραμμές.pdf
μικτή χρήση μεταβλητών και μηνυμάτων.
29

30. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Η ροή της πληροφορίας μεταξύ των τμημάτων του κώδικα γίνεται:
• είτε με τη χρήση μεταβλητών Πορτοκαλί γραμμές.pdf
• είτε με τη χρήση μηνυμάτων καφέ γραμμές.pdf
30

31. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Η ροή της πληροφορίας μεταξύ των τμημάτων του κώδικα γίνεται:
• είτε με τη χρήση μεταβλητών Πορτοκαλί γραμμές.pdf
• είτε με τη χρήση μηνυμάτων καφέ γραμμές.pdf
Να γίνει διάκριση μηνύματα-αναγγελίες.pdf
• των μηνυμάτων μεταξύ των αντικειμένων
• με τις αναγγελίες προς το χρήστη που εμφανίζονται στην οθόνη
31

32. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Η ροή της πληροφορίας μεταξύ των τμημάτων του κώδικα γίνεται:
• είτε με τη χρήση μεταβλητών Πορτοκαλί γραμμές.pdf
• είτε με τη χρήση μηνυμάτων καφέ γραμμές.pdf
Να γίνει διάκριση μηνύματα-αναγγελίες.pdf
• των μηνυμάτων μεταξύ των αντικειμένων
• με τις αναγγελίες προς το χρήστη που εμφανίζονται στην οθόνη
Οι λύσεις που επιλέγονται μπορούν να βασίζονται:
• αποκλειστικά σε επικοινωνία μεταξύ μεταβλητών
• αποκλειστικά σε χρήση μηνυμάτων
• σε μικτή χρήση μεταβλητών και μηνυμάτων.
32

33. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Η επικοινωνία μεταξύ των αυτόνομων τμημάτων του κώδικα
επιτυγχάνεται με διασυνδέσεις που καταγράφουν
• είτε τη ροή της πληροφορίας μεταξύ των τμημάτων του κώδικα
των διαφόρων κελιών που τους επιτρέπουν να αλληλεπιδρούν.
• είτε τη διαχείριση των δημιουργούμενων κλώνων των
αντικειμένων. γραμμές κλώνων.pdf
33

34. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Η επικοινωνία μεταξύ των αυτόνομων τμημάτων του κώδικα
επιτυγχάνεται με διασυνδέσεις που καταγράφουν
• είτε τη ροή της πληροφορίας μεταξύ των τμημάτων του κώδικα
των διαφόρων κελιών που τους επιτρέπουν να αλληλεπιδρούν.
• είτε τη διαχείριση των δημιουργούμενων κλώνων των
αντικειμένων. γραμμές κλώνων.pdf
• δ ιάκριση αντιγράφου αντικειμένου (“κλάση”) από κλώνο
αντίγραφο αντικειμένου-κλώνος.pdf
34

35. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Το Κωδικόραμα ως προγραμματιστικό εργαλείο
Τι είναι το ΚωδικΌραμα;
• Η επικοινωνία μεταξύ των αυτόνομων τμημάτων του κώδικα
επιτυγχάνεται με διασυνδέσεις που καταγράφουν
• είτε τη ροή της πληροφορίας μεταξύ των τμημάτων του κώδικα
των διαφόρων κελιών που τους επιτρέπουν να αλληλεπιδρούν.
• είτε τη διαχείριση των δημιουργούμενων κλώνων των
αντικειμένων. γραμμές κλώνων.pdf
• δ ιάκριση αντιγράφου αντικειμένου (“κλάση”) από κλώνο
αντίγραφο αντικειμένου-κλώνος.pdf
Ασυνέχειες που παρατηρούνται
στις διασυνδέσεις των τμημάτων του κώδικα
δηλώνουν περιοχές που εξαρτώνται από τη διάδραση
με εξωτερικούς παράγοντες
π.χ. κάποια δράση του χρήστη
ασυνέχεια-διάδραση.pdf κατεβασιές.pdf 35

36. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Καλές πρακτικές σχεδίασης ΚωδικΟράματος
Η επιλογή των χρωμάτων των διαφόρων διασυνδέσεων
βασίστηκε στη χρωματική κωδικοποίηση του Scratch
• πορτοκαλί για τη διαχείριση των μεταβλητών
• μωβ για τη διαχείριση των διαδικασιών
• καφέ για τη διαχείριση των μηνυμάτων
• μουσταρδί για τη διαχείριση των κλώνων
Αυτή η πολυχρωμία δεν αποτελεί αισθητική επιλογή,
αλλά είναι το αντίστοιχο των χρωματικών συμβολισμών
ενός γεωφυσικού χάρτη.
36

37. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Καλές πρακτικές σχεδίασης ΚωδικΟράματος
Η επιλογή των χρωμάτων των διαφόρων διασυνδέσεων
βασίστηκε στη χρωματική κωδικοποίηση του Scratch
• πορτοκαλί για τη διαχείριση των μεταβλητών
• μωβ για τη διαχείριση των διαδικασιών
• καφέ για τη διαχείριση των μηνυμάτων
• μουσταρδί για τη διαχείριση των κλώνων
Αυτή η πολυχρωμία δεν αποτελεί αισθητική επιλογή,
αλλά είναι το αντίστοιχο των χρωματικών συμβολισμών
ενός γεωφυσικού χάρτη.
37

38. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Καλές πρακτικές σχεδίασης ΚωδικΟράματος
Ο σχεδιαστής ενός κωδικΟράματος απαιτείται να επιλέγει
την κατάλληλη χωρική τοποθέτηση/γειτνίαση των αντικειμένων
(που αντιστοιχεί στην τοποθέτηση των κατακόρυφων στηλών)
χωροθέτηση αντικειμένων.pdf
επιδιώκοντας να μην επικαλύπτονται
οι γραμμές διασύνδεσης μεταξύ των επιμέρους κωδίκων
38

39. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Καλές πρακτικές σχεδίασης ΚωδικΟράματος
Ο σχεδιαστής ενός κωδικΟράματος απαιτείται να επιλέγει
την κατάλληλη χωρική τοποθέτηση/γειτνίαση των αντικειμένων
(που αντιστοιχεί στην τοποθέτηση των στηλών)
χωροθέτηση αντικειμένων.pdf
επιδιώκοντας να μην επικαλύπτονται
οι γραμμές διασύνδεσης μεταξύ των επιμέρους κωδίκων
π.χ. αναζητώντας συχνά και τη συμμετρία
που αναδεικνύεται από τη φύση του προβλήματος
συμμετρία.pdf
39

40. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Καλές πρακτικές σχεδίασης ΚωδικΟράματος
Ο σχεδιαστής ενός κωδικΟράματος απαιτείται να επιλέγει
την κατάλληλη χωρική τοποθέτηση/γειτνίαση των καταστάσεων
(που αντιστοιχεί στην τοποθέτηση των οριζόντιων γραμμών)
ώστε να αναδεικνύεται η χρονική εξέλιξη του συστήματος.
Οι διακριτές χρονικές καταστάσεις
αναπαρίστανται στην κατακόρυφη διάσταση του ΚωδικΟράματος
με αποτέλεσμα η χρονική εξέλιξη του συστήματος να αναπαρίσταται
με μεταπτώσεις στον κατακόρυφο άξονα
(συνήθως από πάνω προς τα κάτω).
Περιορισμοί σε αυτό τίθενται από τη φύση των εκάστοτε προβλημάτων
όταν π.χ. έχουμε επαναληπτικές ή αναδρομικής φύσεως διαδικασίες
υλοποιούμενες με τη χρήση μηνυμάτων.
Με τη χρήση των ΚωδικΟραμάτων αναδεικνύεται
ο τρόπος λειτουργίας δομών ελέγχου της ροής του κώδικα
όπως αυτή του «μετάδωσε και περίμενε» 40

41. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Καλές πρακτικές σχεδίασης ΚωδικΟράματος
Ο σχεδιαστής ενός κωδικΟράματος απαιτείται να επιλέγει
την κατάλληλη χωρική τοποθέτηση/γειτνίαση των καταστάσεων
(που αντιστοιχεί στην τοποθέτηση των οριζόντιων γραμμών)
ώστε να αναδεικνύεται η χρονική εξέλιξη του συστήματος.
Οι διακριτές χρονικές καταστάσεις
αναπαρίστανται στην κατακόρυφη διάσταση του ΚωδικΟράματος
με αποτέλεσμα η χρονική εξέλιξη του συστήματος να αναπαρίσταται
με μεταπτώσεις στον κατακόρυφο άξονα
(συνήθως από πάνω προς τα κάτω). χρονική ροή.pdf το λάθος
Περιορισμοί σε αυτό τίθενται από τη φύση των εκάστοτε προβλημάτων
όταν π.χ. έχουμε επαναληπτικές ή αναδρομικής φύσεως διαδικασίες
υλοποιούμενες με τη χρήση μηνυμάτων.
Με τη χρήση των ΚωδικΟραμάτων αναδεικνύεται
ο τρόπος λειτουργίας δομών ελέγχου της ροής του κώδικα
όπως αυτή του «μετάδωσε και περίμενε» 41

42. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Καλές πρακτικές σχεδίασης ΚωδικΟράματος
Ο σχεδιαστής ενός κωδικΟράματος απαιτείται να επιλέγει
την κατάλληλη χωρική τοποθέτηση/γειτνίαση των καταστάσεων
(που αντιστοιχεί στην τοποθέτηση των οριζόντιων γραμμών)
ώστε να αναδεικνύεται η χρονική εξέλιξη του συστήματος.
Οι διακριτές χρονικές καταστάσεις
αναπαρίστανται στην κατακόρυφη διάσταση του ΚωδικΟράματος
με αποτέλεσμα η χρονική εξέλιξη του συστήματος να αναπαρίσταται
με μεταπτώσεις στον κατακόρυφο άξονα
(συνήθως από πάνω προς τα κάτω).
Περιορισμοί σε αυτό τίθενται από τη φύση των εκάστοτε προβλημάτων
όταν π.χ. έχουμε επαναληπτικές ή αναδρομικής φύσεως διαδικασίες
υλοποιούμενες με τη χρήση μηνυμάτων. επανάληψη με μηνύματα.pdf
Με τη χρήση των ΚωδικΟραμάτων αναδεικνύεται
ο τρόπος λειτουργίας δομών ελέγχου της ροής του κώδικα
όπως αυτή του «μετάδωσε και περίμενε» 42

43. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Καλές πρακτικές σχεδίασης ΚωδικΟράματος
Ο σχεδιαστής ενός κωδικΟράματος απαιτείται να επιλέγει
την κατάλληλη χωρική τοποθέτηση/γειτνίαση των καταστάσεων
(που αντιστοιχεί στην τοποθέτηση των οριζόντιων γραμμών)
ώστε να αναδεικνύεται η χρονική εξέλιξη του συστήματος.
Οι διακριτές χρονικές καταστάσεις
αναπαρίστανται στην κατακόρυφη διάσταση του ΚωδικΟράματος
με αποτέλεσμα η χρονική εξέλιξη του συστήματος να αναπαρίσταται
με μεταπτώσεις στον κατακόρυφο άξονα
(συνήθως από πάνω προς τα κάτω).
Περιορισμοί σε αυτό τίθενται από τη φύση των εκάστοτε προβλημάτων
όταν π.χ. έχουμε επαναληπτικές ή αναδρομικής φύσεως διαδικασίες
υλοποιούμενες με τη χρήση μηνυμάτων.
Με τη χρήση των ΚωδικΟραμάτων αναδεικνύεται
ο τρόπος λειτουργίας δομών ελέγχου της ροής του κώδικα
όπως αυτή του «μετάδωσε και περίμενε» περίμενε.pdf, animation νήματα.pdf43

44. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Καλές πρακτικές σχεδίασης ΚωδικΟράματος
Η επιλογή να υπάρχει το icon του αντικειμένου
δίπλα στην επικεφαλίδα κάθε τμήματος του κώδικα
έγινε για να μην υπάρχει απώλεια προσανατολισμού του χρήστη
του ΚωδικΟράμματος κατά το zoom.
44

45. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η προγραμματιστική προστιθέμενη αξία του ΚωδικΟράματος
Προσωπική εμπειρία
Πολλές φορές αφού ο κώδικας είχε φτιαχτεί και “δούλευε”,
επιχειρούσα να φτιάξω το κωδικόραμά του για να το διδάξω.
Σε αυτή τη διαδικασία εμφανιζόταν σχεδιαστικές ατέλειες του κώδικα
που η βελτίωσή τους οδηγούσε σε βαθύτερη κατανόηση
σε κάτι που ο ίδιος είχα υλοποιήσει.
45

46. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η προγραμματιστική προστιθέμενη αξία του ΚωδικΟράματος
Το κωδικΌραμα μπορεί να χρησιμοποιηθεί ως εργαλείο για την
• ανάλυση
• σχεδίαση
• ανάπτυξη
• αξιολόγηση και
• συνεχή βελτίωση
του κώδικα ενός σύνθετου έργου.
π.χ.
μπορούν εύκολα να οριστούν οι προδιαγραφές επικοινωνίας
μεταξύ των τμημάτων του κώδικα (αίτιο και αιτιατό)
ή
να γίνει εμφανής η ανάγκη για βελτιστοποίηση του κώδικα
βελτιστοποίησηΚώδικα.pdf
46

47. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η διδακτική προστιθέμενη αξία του ΚωδικΟράματος
• Αναγνώριση των χαρακτηριστικών του κώδικα / αλγορίθμου
• Αναγνώριση των χαρακτηριστικών της διαχείρισης των δεδομένων
47

48. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η διδακτική προστιθέμενη αξία του ΚωδικΟράματος
• Αναγνώριση των χαρακτηριστικών του κώδικα / αλγορίθμου (Ι)
• μέγεθος κώδικα (ανάλογο με την επιφάνεια του κωδικοράματος)
• "πυκνότητα" κώδικα (αντιστρόφως ανάλογη με τα κενά κελιά)
• "ποιότητα" κώδικα με βάση τα χρώματα Δρομολογητής.pdf
• δομές επιλογής / δομές επανάληψης / τελεστές
• επικοινωνία / μηνύματα
• «Πολύ-επίπεδα» κωδικΟράματα;;;
• κώδικας διαχείρισης διεπαφής χρήστη
• Διάκριση μεταξύ "κώδικα-αλγοριθμικού πυρήνα" και
"κώδικα διαχείρισης περιβάλλοντος διεπαφής /
υλοποίησης διάδρασης"
• κώδικας διαχείρισης ηχητικής διεπαφής
• "πολυπλοκότητα" κώδικα
• π.χ. στο ΚωδικΌραμα του “Δρομολογητή πακέτων” αναγνωρίζεται εύκολα ότι
υπάρχει σχετικά μικρός κώδικας αλλά μεγάλος επικοινωνιακός φόρτος
μεταξύ των αντικειμένων 48

49. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η διδακτική προστιθέμενη αξία του ΚωδικΟράματος
• Αναγνώριση των χαρακτηριστικών του κώδικα / αλγορίθμου (ΙΙ)
• "δόμηση" κώδικα
• διαχωρισμός αρμοδιοτήτων αρμοδιότητες.pdf λάθος στη μπάλα
• ορθότητα ως προς το ποιο αντικείμενο κάνει τι
• τμηματικός/αρθρωτός προγραμματισμός τμηματικός.pdf
• ιεραρχική δόμηση αρθρωμάτων ιεραρχία.pdf
• βαθμός ανάλυσης ιεραρχικής δομής ανάλυση ιεραρχίας.pdf
• επεκτασιμότητα κώδικα επεκτασιμότητα.pdf
• χρονοδρομολόγηση κώδικα (Σειριακός-Παράλληλος
προγραμματισμός) σειριακό-παράλληλο.pdf
• αναγκαιότητα σειριακού ή παράλληλου ανάλογα με τη φύση
του προβλήματος αναγκαιότητα σειριακού παράλληλου.pdf
• παράλληλη εκτέλεση κωδίκων
• εντός κελιού (ενός αντικειμένου)
• σε διαφορετικά αντικείμενα 49

50. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η διδακτική προστιθέμενη αξία του ΚωδικΟράματος
• Αναγνώριση των χαρακτηριστικών του κώδικα / αλγορίθμου (ΙΙΙ)
• προγραμματισμός βασισμένος σε αντικείμενα
• διάκριση object oriented - object based object based.pdf
• στον object based η διαδικασία ανήκει μόνο σε ένα
αντικείμενο (ή και στους κλώνους του)
• η διαδικασία είναι εντός στήλης στο κωδικΌραμα
• μπορεί η ίδια διαδικασία να χρησιμοποιηθεί από δύο
διαφορετικές γραμμές στο κωδικΌραμα;
• βιβλιοθήκες διαδικασιών / απόκρυψη λεπτομερειών
• προγραμματισμός καθοδηγούμενος από γεγονότα (event driven)
• διαχείριση "αιτημάτων" με
• τεχνική polling (Εάν…) polling-interrupt.pdf
• τεχνική interrupt (Όταν…)
• αυτοτεκμηριούμενος / αυτοσχολιαζόμενος κώδικας
50

51. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η διδακτική προστιθέμενη αξία του ΚωδικΟράματος
• Αναγνώριση των χαρακτηριστικών του κώδικα / αλγορίθμου
• Αναγνώριση των χαρακτηριστικών της διαχείρισης των δεδομένων
• απλά δεδομένα (μεταβλητές)
• η έννοια της μεταβλητής
• διάκριση μεταξύ καθολικών μεταβλητών και μεταβλητών
εσωτερικών στα αντικείμενα τοπικές-καθολικές.pdf
• μεταβλητές προγράμματος και παράμετροι διαδικασίας
• πέρασμα παραμέτρων παράμετροι.pdf
• πολυεργαλεία λογισμικού πολύγωνο
• σύνθετα δεδομένα (δομές δεδομένων)
• ανάγκη δομών δεδομένων
• διαχωρισμός δεδομένων από αλγόριθμο
• οργάνωση δεδομένων
• τεκμηρίωση ότι η πλοήγηση και η αλληλεπιδραστικότητα
είναι οι δύο όψεις του ιδίου νομίσματος 51

52. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η παιδαγωγική προστιθέμενη αξία του ΚωδικΟράματος
• στη δασκαλοκεντρική προσέγγιση (από πάνω προς τα κάτω) ως
εποπτικό εργαλείο για την παρουσίαση
• της βελτιστοποίησης του κώδικα (ως animation) animatiom.pdf
• με διαδοχικά κωδικΟράματα που επιλύουν το ίδιο πρόβλημα
• της μεταφερσιμότητας κώδικα
• Koch.ypr
• Φάκελος «Επαναλήψεις Scratch»
52

53. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η παιδαγωγική προστιθέμενη αξία του ΚωδικΟράματος
• στην ανακαλυπτική μάθηση με μαθητοκεντρική προσέγγιση (bottom-
up) polling-interrupt.pdf ερωτήσεις
53

54. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η παιδαγωγική προστιθέμενη αξία του ΚωδικΟράματος
• στη σπειροειδή προσέγγιση
• με χρήση τμημάτων κώδικα ως "μαύρο κουτί" μαύρα κουτιά.pdf
54

55. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η παιδαγωγική προστιθέμενη αξία του ΚωδικΟράματος
• σε ομαδοσυνεργατική διδασκαλία και μέθοδο project
• για τον εκπαιδευτικό:
• αναδεικνύονται οι περιοχές του κώδικα που θα ανατεθούν
στις επιμέρους ομάδες εργασίας καθώς και οι απαιτούμενοι
δίαυλοι επικοινωνίας μεταξύ αυτών.
• επαναλαμβανόμενοι κώδικες (όπως στο μπλε και κόκκινο
κοντέινερ του δρομολογητή) που μπορούν να ανατεθούν σε
διαφορετικές ομάδες
• για τους μαθητές:
• οι ομάδες εργασίας έχουν αντίληψη των ορίων του χώρου
στον οποίο δραστηριοποιούνται σε σχέση με το συνολικό
έργο.
55

56. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η παιδαγωγική προστιθέμενη αξία του ΚωδικΟράματος
• σε διαφοροποιημένη διδασκαλία ΤετράδιοΜαθητή v2.pdf
• για τον εκπαιδευτικό
• Στη δημιουργία με πολλαπλών εναλλακτικών φύλλων εργασίας
• φύλλα εργασίας τετραδίου μαθητή
• ενεργητική ανάγνωση Ροής Πληροφοριών προγράμματος
• εντοπισμός των αντικειμένων
• εντοπισμός των μεταβλητών
• εντοπισμός των μηνυμάτων
• αφαίρεση σημείων στίξης
• να δημιουργηθεί ο ψευδοκώδικας των αντικειμένων από
από τη Ροή των πληροφοριών
• πολλαπλά και διαφορετικής δυσκολίας “μισοψημένα σενάρια”
56

57. ΚωδικΌραμα: Εργαλείο για τη διδακτική του οπτικού προγραμματισμού
Η τεχνική παραγωγής ενός κωδικΟράματος
Scratch >> printScreen >> Photoshop (layers) >> pdf >> Prezi
Δρομολογητής.psd
Δρομολογητής.sb2
Διδακτική χρήση του κωδικΟράματος με τη βοήθεια του Prezi
ΔρομολογητήςPrezi.exe
57

58. ΚωδικΌραμα
Εργαλείο
για τη διδακτική
του οπτικού προγραμματισμού
Ευχαριστώ για την υπομονή σας