Δικτυακές πλατφόρμες ψηφιακής αφήγησης – η περίπτωση της «Μηλιάς»

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙ΢ΣΡΙΑΚΟ ΠΑΝΕΠΙ΢ΣΗΜΙΟ ΑΘΗΝΩΝ ΤΜΘΜΑ ΕΚΡΑΛΔΕΥΣΘΣ ΚΑΛ ΑΓΩΓΘΣ ΣΤΘΝ Ρ΢ΟΣΧΟΛΛΚΘ ΘΛΛΚΛΑ ΤΜΘΜΑ ΕΡΛΚΟΛΝΩΝΛΑΣ ΚΑΛ ΜΕΣΩΝ ΜΑΗΛΚΘΣ ΕΝΘΜΕ΢ΩΣΘΣ ΠΑΝΕΠΙ΢ΣΗΜΙΟ ΘΕ΢΢ΑΛΙΑ΢ ΤΜΘΜΑ Α΢ΧΛΤΕΚΤΟΝΩΝ ΜΘΧΑΝΛΚΩΝ ΣΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙΔΕΤΣΙΚΟ ΙΔΡΤΜΑ ΠΕΙΡΑΙΑ ΤΜΘΜΑ ΘΛΕΚΤ΢ΟΝΛΚΘΣ (ΣΥΜΡ΢ΑΞΘ) ΔΛΑΡΑΝΕΡΛΣΤΘΜΛΑΚΟ ΔΛΑΤΜΘΜΑΤΛΚΟ Ρ΢ΟΓ΢ΑΜΜΑ ΜΕΤΑΡΤΥΧΛΑΚΩΝ ΣΡΟΥΔΩΝ ΣΕΧΝΟΛΟΓΙΕ΢ ΣΗ΢ ΠΛΗΡΟΦΟΡΙΑ΢ ΚΑΙ ΣΗ΢ ΕΠΙΚΟΙΝΩΝΙΑ΢ ΓΙΑ ΣΗΝ ΕΚΠΑΙΔΕΤ΢Η

Θζμα διπλωματικήσ εργαςίασ:

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Φοιτητήσ:

Σπανουδάκθσ Εμμανουιλ (ΑΜ 5320) κακθγθτισ Ρλθροφορικισ Βϋκμιασ Εκπ/ςθσ

Επιβλζπων καθηγητήσ:

Γκοφςκοσ Δθμιτρθσ, Επίκουροσ Κακθγθτισ Τμιματοσ Επικοινωνίασ και Μ.Μ.Ε., Ε.Κ.Ρ.Α.

Σελίδα 1 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Επιτελική ςφνοψη Στο πλαίςιο τθσ παροφςασ διπλωματικισ εργαςίασ αναπτφχκθκε θ τρίτθ ζκδοςθ τθσ πλατφόρμασ ψθφιακισ αφιγθςθσ «Μθλιά» http://www2.media.uoa.gr/medialab/milia/. Στθν ζκδοςθ αυτι, εκτόσ από τισ βελτιϊςεισ ςτθν ίδια τθν πλατφόρμα, δθμιουργικθκε μια εφχρθςτθ και φιλικι διεπαφι χριςθσ (user interface), ϊςτε να αναρτοφν ψθφιακζσ αφθγιςεισ οι εγγεγραμμζνοι χριςτεσ τθσ Μθλιάσ. Οι λειτουργικζσ απαιτιςεισ τθσ πλατφόρμασ κακορίςτθκαν κατόπιν μελζτθσ των προθγοφμενων εκδόςεϊν τθσ. Σθμαντικά βοικθςε θ ζρευνα μικρισ κλίμακασ που πραγματοποιικθκε και είχε ωσ αντικείμενο τθ μελζτθ άλλων διαδικτυακϊν πλατφορμϊν ψθφιακισ αφιγθςθσ. Επιπροςκζτωσ, επιχειρικθκε μια κεωρθτικι προςζγγιςθ τθσ αφιγθςθσ ςτθν κλαςικι αλλά και τθν ψθφιακι τθσ εκδοχι, και διερευνικθκε θ διαςφνδεςι τθσ με τθν εκπαιδευτικι διαδικαςία. Στο πρϊτο κεφάλαιο, «Ψθφιακι και διαδραςτικι αφιγθςθ», αναπτφςςεται θ ζννοια τθσ αφιγθςθσ ςτθν κλαςικι τθσ, αναλογικι, μορφι και διερευνάται θ ςχζςθ τθσ με τθν εκπαίδευςθ. Ραρουςιάηεται θ ζννοια τθσ ψθφιακισ αφιγθςθσ, καταγράφονται οι διαφορετικζσ μορφζσ που μπορεί να πάρει και περιγράφεται θ διαδικαςία δθμιουργίασ μιασ ψθφιακισ αφιγθςθσ. Στθ ςυνζχεια γίνεται αναφορά ςτο κζμα τθσ Ρνευματικισ Λδιοκτθςίασ και τζλοσ αναπτφςςεται θ ζννοια τθσ διαδραςτικισ αφιγθςθσ. Στο δεφτερο κεφάλαιο, «Πλατφόρμεσ ψθφιακισ αφιγθςθσ», παρουςιάηονται ενδεικτικά κάποιεσ από τισ πλατφόρμεσ ψθφιακισ αφιγθςθσ που ςυναντάμε ςτο Διαδίκτυο και εξετάηονται τα χαρακτθριςτικά τουσ. Στο τρίτο κεφάλαιο, «Η Μθλιά ωσ πλατφόρμα ψθφιακισ αφιγθςθσ», βάςει τθσ ζρευνασ μικρισ κλίμακασ του προθγοφμενου κεφαλαίου, καταγράφονται τα κοινά χαρακτθριςτικά που παρουςιάηουν όλεσ οι πλατφόρμεσ, αναδεικνφονται τα ιδιαίτερα χαρακτθριςτικά τουσ και γίνεται μια ςφγκριςθ με τθν πλατφόρμα τθσ Μθλιάσ. Ραρουςιάηεται, επίςθσ, θ ιςτορία και οι άνκρωποι πίςω από τθν ιδζα τθσ Μθλιάσ και γίνεται μια πρϊτθ παρουςίαςθ τθσ τρίτθσ ζκδοςθσ τθσ Μθλιάσ, που αναπτφχκθκε ςτο πλαίςιο τθσ παροφςασ διπλωματικισ. Λδιαίτερθ αναφορά γίνεται ςτθ δυνατότθτα τθσ μθ γραμμικισ ψθφιακισ αφιγθςθσ που υποςτθρίηει θ πλατφόρμα. Τζλοσ, παρουςιάηονται οι δφο προθγοφμενεσ εκδόςεισ τθσ πλατφόρμασ τθσ Μθλιάσ και ςθμειϊνονται τα κετικά και αρνθτικά τουσ ςτοιχεία. Στο τζταρτο κεφάλαιο, «Μθλιά, θ 3θ ζκδοςθ», παρουςιάηονται οι λειτουργικζσ απαιτιςεισ, βάςει των οποίων ζγινε θ τεχνικι ανάπτυξθ τθσ τρίτθσ ζκδοςθσ τθσ Μθλιάσ, περιγράφονται οι διαδικαςίεσ που ακολουκικθκαν και γίνεται μια ςυνοπτικι περιγραφι τθσ αρχιτεκτονικισ και των εργαλείων που χρθςιμοποιικθκαν. Στθ ςυνζχεια γίνεται μια ςφντομθ περιγραφι για τον τρόπο Σελίδα 2 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» λειτουργίασ τθσ εφαρμογισ flash τθσ Μθλιάσ και των ςυναρτιςεων που περιλαμβάνει. Ακολουκεί μια εκτενισ παρουςίαςθ τθσ διεπαφισ χριςθσ (user-interface) τθσ Μθλιάσ και παρουςιάηονται αναλυτικά όλεσ οι λειτουργίεσ που υποςτθρίηονται από τθν πλατφόρμα. Στο κεφάλαιο αυτό αποτυπϊνεται, επίςθσ, ο τρόποσ με τον οποίο τα άρκρα του Joomla, τα οποία ςυνκζτουν τθ διεπαφι χριςθσ, ςυνδζονται μεταξφ τουσ και τισ εργαςίεσ που εκτελοφν. Στο πζμπτο κεφάλαιο, «Προσ τθν Μθλιά, ζκδοςθ 4: ςυμπεράςματα και προοπτικζσ», περιγράφονται οι δυςκολίεσ και οι περιοριςμοί τθσ τρίτθσ ζκδοςθσ τθσ Μθλιάσ και παρουςιάηονται ιδζεσ για τθ βελτίωςθ τθσ πλατφόρμασ, ςτθν επερχόμενθ τζταρτι τθσ ζκδοςθ.

Σελίδα 3 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Ευχαριςτίεσ Κα ικελα να ευχαριςτιςω τον Δθμιτρθ Γκοφςκο, Επίκουρο Κακθγθτι του Σμιματοσ Επικοινωνίασ και Μ.Μ.Ε. του Ε.Κ.Ρ.Α. και επιβλζποντα τθσ διπλωματικισ μου, για τθν πολφτιμθ κακοδιγθςθ, τθ ςυνεχι υποςτιριξθ και τθ βοικειά του, κακ’ όλθ τθ διάρκεια ςυγγραφισ τθσ παροφςασ διπλωματικισ αλλά και κατά τθ φάςθ τθσ τεχνικισ ανάπτυξθσ τθσ Μθλιάσ. Λδιαιτζρεσ είναι οι ευχαριςτίεσ μου προσ τον Μιχάλθ Μεϊμάρθ, Κακθγθτι του Σμιματοσ Επικοινωνίασ και Μ.Μ.Ε. του Ε.Κ.Ρ.Α. και Διευκυντι του Εργαςτθρίου Νζων Σεχνολογιϊν ςτθν Επικοινωνία, τθν Εκπαίδευςθ και τα Μζςα Μαηικισ Ενθμζρωςθσ, για τθν ευκαιρία που μου προςζφερε να ςυνεργαςτϊ με τον ίδιο, αλλά και τθν επιςτθμονικι ομάδα που τον πλαιςιϊνει. Επίςθσ, κα ικελα να ευχαριςτιςω τον κ. Γιϊργο Ραπακωνςταντίνου, Αναπλθρωτι Κακθγθτι του τμιματοσ Αρχιτεκτόνων Μθχανικϊν του Ρανεπιςτθμίου Κεςςαλίασ, του οποίου οι παρατθριςεισ, ωσ μζλουσ τθσ τριμελοφσ επιτροπισ, ςυνζβαλαν ςτθν αρτιότερθ ςυγγραφι τθσ παροφςασ διπλωματικισ. Ρολφτιμθ ιταν επίςθσ θ ςυμβολι του Λζκτορα Αντρζα Γιαννακουλόπουλου για τθν τεχνικι υποςτιριξθ που προςζφερε κατά τθ φάςθ ανάπτυξθσ τθσ Μθλιάσ και τθσ Θλζκτρασ Γαλάνθ, θ οποία ςχεδιάηει ανελλιπϊσ, από τθν πρϊτθ κιόλασ ζκδοςθ, τα γραφικά τθσ Μθλιάσ. Σθμαντικι θ ςυνειςφορά των beta testers Νικόλα Ρερδικάρθ, Αλεξάνδρασ Νάκου, Ευκαλίασ Μουχτάρθ, Ζνθσ Μελιάδου, Ελευκερίασ Μαλιςιόβα, Αλζκου Δοφρου, Θλζκτρασ Γαλάνθ και ιδιαιτζρωσ τθσ Ευαγγελίασ Βαρδαλάχου. Λδιαίτερεσ είναι οι ευχαριςτίεσ μου προσ τθ ςυνάδελφο Αριάνα Ραπαβαςιλείου, θ οποία αςχολικθκε με τθν προςκικθ ςτθν πλατφόρμα τθσ Μθλιάσ, τθσ δυνατότθτασ ανάρτθςθσ υπερςυνδζςμων ςτα φφλλα-μιλα-άνκθ του δζντρου. Τζλοσ, επειδι θ πλατφόρμα τθσ Μθλιάσ ζχει (εκτόσ από παρόν και μζλλον) και παρελκόν, κα ικελα να ευχαριςτιςω τθν αρχικι εκείνθ ομάδα ανάπτυξθσ που πρϊτοι «φφτεψαν» τθ Μθλιά (βλζπε ενότθτα 3.1).

Μανϊλθσ Σπανουδάκθσ Ακινα, Μάρτιοσ 2012

Σελίδα 4 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Περιεχόμενα Επιτελικι ςφνοψθ ................................................................................................................................... 2 Ευχαριςτίεσ ............................................................................................................................................. 4 Ρεριεχόμενα ........................................................................................................................................... 5 Ρρόλογοσ ................................................................................................................................................ 7 1. Ψθφιακι και διαδραςτικι αφιγθςθ ............................................................................................. 9 1.1 Αφιγθςθ ................................................................................................................................ 9 1.2 Ψθφιακι αφιγθςθ .............................................................................................................. 10 1.3 Ρνευματικι ιδιοκτθςία........................................................................................................ 14 1.4 Διαδραςτικι αφιγθςθ ........................................................................................................ 16 2. Ρλατφόρμεσ ψθφιακισ αφιγθςθσ .............................................................................................. 21 2.1 Ρλατφόρμεσ ψθφιακισ αφιγθςθσ ςτο Διαδίκτυο ............................................................. 21 3. Θ Μθλιά ωσ πλατφόρμα ψθφιακισ αφιγθςθσ ........................................................................... 35 3.1 Κοινά χαρακτθριςτικά ςτισ πλατφόρμεσ ψθφιακισ αφιγθςθσ.......................................... 35 3.2 Θ Μθλιά, ζνασ χϊροσ αφιγθςθσ ......................................................................................... 37 3.3 Ραρουςίαςθ τθσ Μθλιάσ ..................................................................................................... 40 3.4 Μθλιά, 1θ ζκδοςθ ................................................................................................................ 45 3.5 Μθλιά, 2θ ζκδοςθ ................................................................................................................ 47 4. Μθλιά, θ 3θ ζκδοςθ...................................................................................................................... 49 4.1 Λειτουργικζσ απαιτιςεισ ..................................................................................................... 49 4.2 Διαδικαςία ανάπτυξθσ ........................................................................................................ 50 4.3 Τεχνικι αρχιτεκτονικι ......................................................................................................... 56 4.4 Εφαρμογι flash ................................................................................................................... 60 4.5 Διεπαφι χριςθσ .................................................................................................................. 64 5. Ρροσ τθν Μθλιά, ζκδοςθ 4: ςυμπεράςματα και προοπτικζσ ...................................................... 80 5.1 Δυςκολίεσ και περιοριςμοί τθσ ζκδοςθσ 3 .......................................................................... 80 5.2 Ρροοπτικι τθσ ζκδοςθσ 4 .................................................................................................... 80 Βιβλιογραφία ........................................................................................................................................ 87 Λςτογραφία............................................................................................................................................ 89 Γλωςςάρι απόδοςθσ όρων ................................................................................................................... 91 Γλωςςάρι ερμθνείασ όρων ................................................................................................................... 94 Ρίνακασ εικόνων ................................................................................................................................... 95 Ρίνακασ πινάκων .................................................................................................................................. 98 Ραράρτθμα A Μθλιά, ζκδοςθ 3: ςχιμα βάςθσ δεδομζνων ............................................................ 99 Ραράρτθμα Β Μθλιά, ζκδοςθ 3: κϊδικασ php .............................................................................. 101 welcome.php (1) ............................................................................................................................. 101 ανάλυςθ κϊδικα welcome.php ...................................................................................................... 107 welcome-help.php (2) ..................................................................................................................... 109 ανάλυςθ κϊδικα welcome-help.php .............................................................................................. 113 edit.php (3) ..................................................................................................................................... 114 ανάλυςθ κϊδικα edit.php............................................................................................................... 129 edit-help.php (4) ............................................................................................................................. 131 ανάλυςθ κϊδικα edit-help.php ...................................................................................................... 142 create.php (5).................................................................................................................................. 144 ανάλυςθ κϊδικα create.php ........................................................................................................... 148 create-help (6)................................................................................................................................. 149 ανάλυςθ κϊδικα create-help.php .................................................................................................. 151 map.php (7)..................................................................................................................................... 152 ανάλυςθ κϊδικα map.php .............................................................................................................. 159 Σελίδα 5 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ appletree.php (8) ............................................................................................................................ 160 ανάλυςθ κϊδικα appletree.php ..................................................................................................... 163 appletree-main.php (9) ................................................................................................................... 164 ανάλυςθ κϊδικα appletree-main.php ............................................................................................ 166 include.php (10) .............................................................................................................................. 167 ανάλυςθ κϊδικα include.php ......................................................................................................... 169 el_GR.php........................................................................................................................................ 170 en_GB.php ...................................................................................................................................... 175 Ραράρτθμα Γ Μθλιά, ζκδοςθ 3: κϊδικασ Flash ................................................................................. 180 miliaIII.fla......................................................................................................................................... 180 ανάλυςθ κϊδικα miliaIII.fla ............................................................................................................ 199 premiliaIII.fla ................................................................................................................................... 203 map.fla ............................................................................................................................................ 204

Σελίδα 6 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Πρόλογοσ Θ Τεχνολογία αποτελοφςε ανζκακεν μοχλό ανάπτυξθσ ςτθν εξελικτικι πορεία του ανκρϊπινου είδουσ. Σθμαντικοί ςτακμοί ςτθν ιςτορία του ανκρϊπου ςθμαδεφτθκαν από αυτιν. Θ Βιομθχανικι Επανάςταςθ, θ αφετθρία του ςφγχρονου τρόπου ηωισ, βαςίςτθκε ςτθν τεχνολογία. Θ Γνϊςθ ιταν και αυτι, με τθ ςειρά τθσ, μια από τισ αναγκαίεσ ςυνκικεσ ανάπτυξθσ, από τα πρϊιμα χρόνια τθσ φπαρξθσ του ανκρϊπου. Τισ τελευταίεσ όμωσ δεκαετίεσ, με τθ ραγδαία τθσ εξζλιξθ, θ τεχνολογία, αναδείχτθκε ςε ζναν από τουσ κυριότερουσ αναπτυξιακοφσ όρουσ. Ζτςι, από τθ Βιομθχανικι Κοινωνία (Industrial Society) και τθν Κοινωνία τθσ Ρλθροφορίασ (Information Society), περάςαμε ςτθν Κοινωνία τθσ Γνϊςθσ ( Knowledge Society). Οι νζεσ ςυνκικεσ που διαμορφϊνονται επθρεάηουν όλεσ τισ πτυχζσ τθσ ανκρϊπινθσ δραςτθριότθτασ, οικονομία, πολιτικι, πολιτιςμό και αςφαλϊσ τθν εκπαίδευςθ. «Οι νζεσ, λοιπόν, ςυνκικεσ τθσ "Κοινωνίασ τθσ Γνϊςθσ” επιβάλλουν τθν ανάγκθ αναμόρφωςθσ του εκπαιδευτικοφ ςυςτιματοσ ςε όλεσ τισ ανεπτυγμζνεσ χϊρεσ, ϊςτε αυτό να ανταποκρίνεται ςτισ νζεσ, αλλά και τισ διαχρονικζσ ανάγκεσ του ανκρϊπου και τισ προκλιςεισ τθσ ςφγχρονθσ κοινωνίασ.» (΢άπτθσ-΢άπτθ, 2006). Οι «Τεχνολογίεσ τθσ Ρλθροφορίασ και τθσ Επικοινωνίασ» (ΤΡΕ), μποροφν να ςυμβάλουν προσ αυτιν τθν κατεφκυνςθ. «Η γνϊςθ για τισ ΣΠΕ πρζπει να γίνει προςιτι ςε όλουσ τουσ μακθτζσ και να αποτελεί αναπόςπαςτο μζροσ του βαςικοφ αναλυτικοφ προγράμματοσ για τθν υποχρεωτικι εκπαίδευςθ.» (Βοςνιάδου, 2006). Στθν ελλθνικι εκπαίδευςθ, δυςτυχϊσ, αποφεφγουμε να χρθςιμοποιοφμε τισ ΤΡΕ. Πταν τισ χρθςιμοποιοφμε, περιοριηόμαςτε ςτθν απλι προβολι ενόσ βίντεο ι μιασ θλεκτρονικισ παρουςίαςθσ, ςτθν επίδειξθ ενόσ εκπαιδευτικοφ λογιςμικοφ κ.λπ. Θ δφναμθ των ΤΡΕ όμωσ, βρίςκεται ςτο «Ε». Θ επικοινωνία, αποτελεί αναπόςπαςτο μζροσ τθσ ηωισ τθσ νζασ γενιάσ, «Οι Γενιζσ των Παιχνιδιϊν (Games Generations)…γνωρίηουν τθ γλϊςςα των υπολογιςτϊν, των βιντεοπαιχνιδιϊν και του διαδικτφου ωσ μθτρικι γλϊςςα.» (Prensky, 2010). Θ εναςχόλθςθ τουσ με Web 2.0 εφαρμογζσ, για παράδειγμα με ιςτότοπουσ κοινωνικισ δικτφωςθσ (social networking sites) όπωσ το facebook και το twitter, είναι κακθμερινι. Θ γλϊςςα αυτι περιλαμβάνει και τθν Ψθφιακι Αφιγθςθ (Digital Storytelling). Θ νζα γενιά τθ χρθςιμοποιεί, χωρίσ καν να το γνωρίηει: μακθτζσ δθμιουργοφν τα δικά τουσ βίντεο και τα ανεβάηουν ςτο Διαδίκτυο, blog-άρουν ςτο προςωπικό τουσ ιςτολόγιο, ετοιμάηουν ψθφιακζσ παρουςιάςεισ για τα μακιματα τουσ. Ωσ εκπαιδευτικοί, οφείλουμε να «μιλιςουμε» κι εμείσ τθ γλϊςςα τουσ, μζςα κι ζξω από τθ ςχολικι τάξθ. Στθν προςπάκεια αυτι ελπίηουμε να ςυμβάλουμε κι εμείσ, αναπτφςςοντασ και παρουςιάηοντασ τθ «Μθλιά», μια διαδικτυακι πλατφόρμα ψθφιακισ αφιγθςθσ, που φιλοδοξεί να γίνει τόποσ ςυνάντθςθσ ολόκλθρθσ τθσ εκπαιδευτικισ κοινότθτασ. Στο πλαίςιο αυτισ τθσ

Σελίδα 7 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ διπλωματικισ, θ ανάπτυξθ τθσ Μθλιάσ, που ξεκίνθςε από το Εργαςτιριο Νζων Σεχνολογιϊν ςτθν Επικοινωνία, τθν Εκπαίδευςθ και τα Μ.Μ.Ε. του Ε.Κ.Ρ.Α. ολοκλθρϊνει τθν τρίτθ φάςθ τθσ και είναι πλζον διακζςιμθ ςτο ευρφ κοινό προσ χριςθ.

Σελίδα 8 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

1. Ψηφιακή και διαδραςτική αφήγηςη 1.1 Αφήγηςη Ο προφορικόσ λόγοσ αποτζλεςε βαςικό μζςο επικοινωνίασ των ανκρϊπων, όταν ςχθμάτιςαν τισ πρϊτεσ κοινωνίεσ τουσ. Ρροϊόν του προφορικοφ λόγου είναι και θ αφιγθςθ. «Αφιγθςθ ονομάηουμε τθν πράξθ επικοινωνίασ με τθν οποία παρουςιάηεται, προφορικά ι γραπτά, ζνα γεγονόσ ι μια ςειρά γεγονότων, πραγματικϊν ι μυκοπλαςτικϊν» (Ραρίςθσ και Ραρίςθσ, 2007). Ελλείψει γραπτϊν κειμζνων, θ αφιγθςθ, κατά τθν εποχι εκείνθ, «αποτελεί βαςικό μζςο ψυχαγωγίασ, προςπάκειασ εξιγθςθσ φαινομζνων φυςικϊν, ερμθνείασ πράξεων του ανκρϊπου αλλά και εγγραφι ιςτορικισ μνιμθσ» (Τςιλιμζνθ, 2007). Θ αφιγθςθ προχποκζτει τθν φπαρξθ ενόσ πομποφ (αφθγθτισ), ενόσ δζκτθ (ακροατιριο) και του μθνφματοσ τθσ αφιγθςθσ (περιεχόμενο). Κατά πολλοφσ, αφιγθςθ ονομάηεται και το ίδιο το περιεχόμενο, θ ιςτορία δθλαδι που περιζχεται ςτθν αφιγθςθ. Θ αφιγθςθ αποτελεί μζςο επικοινωνίασ των ανκρϊπων και λαμβάνει πολλζσ και ποικίλεσ μορφζσ. Μπορεί να είναι «κρθςκευτικι ι κοςμικι διδαςκαλία, φιλοςοφία, πεηογραφία, ποίθςθ, ιςτορία, κρθςκευτικά πιςτεφω, μφκοι, παραδόςεισ, αξίεσ και ικθ, προπαγάνδα, επιςτθμονικζσ ςυγγραφζσ, ομιλίεσ, νζα, διαφιμιςθ, κεατρικά ζργα, ταινίεσ, τραγοφδια και τθλεοπτικζσ ιςτορίεσ.»

(Porter, 2004). Θ αφιγθςθ, ωσ εκπαιδευτικι διαδικαςία, ζχει ενταχκεί ςτα αναλυτικά προγράμματα ςπουδϊν παγκοςμίωσ, ενϊ ςτθν Ελλάδα ςυναντάτε κυρίωσ ςτθν Ρροςχολικι Εκπαίδευςθ, χωρίσ αυτό να ςθμαίνει πωσ δε μπορεί να χρθςιμοποιθκεί ςτθν Ρρωτοβάκμια και ςτθ Δευτεροβάκμια Εκπαίδευςθ. Χρθςιμοποιείται, ωσ μζςο διδαςκαλίασ ςε πολλά μακιματα όπωσ αυτό τθσ Λςτορίασ, των Κρθςκευτικϊν, τθσ Γλϊςςασ, τθσ Γεωγραφίασ κ.λπ. Κατά τθ γνϊμθ μασ, θ αφιγθςθ, μπορεί να χρθςιμοποιθκεί ςε όλα τα μακιματα, ακόμα και ςε αυτά που φαινομενικά δεν ενδείκνυνται, όπωσ για παράδειγμα ςτθν Ρλθροφορικι, όταν θ αφιγθςθ αποκτιςει ψθφιακι διάςταςθ. Εκτόσ από τθν προφανι ςχζςθ, τθν οποία καλλιεργεί θ αφιγθςθ, μεταξφ των μακθτϊν με τθ λογοτεχνία και τθ φιλαναγνωςία, μπορεί να καλλιεργιςει τθ ςχζςθ εκπαιδευτικοφ-αφθγθτι και μακθτϊν κακϊσ και τθ ςχζςθ μεταξφ των μακθτϊν. Αυτό ςυμβαίνει διότι ο αφθγθτισ, κατά τθ διαδικαςία τθσ αφιγθςθσ απελευκερϊνεται ωσ άτομο, αποκαλφπτεται ωσ προςωπικότθτα και εκκζτει τον πραγματικό του εαυτό ςτουσ μακθτζσ του. Οι μακθτζσ από τθν άλλθ, κατά τθ διάρκεια τθσ αφιγθςθσ αντιδροφν ςτα ερεκίςματα που τουσ δίνονται, αποκαλφπτοντασ με αυτόν τον τρόπο τα ςυναιςκιματα τουσ. «Αυτι θ αλλθλογνωριμία είναι δυνατό να καταλιξει ςε μια ςχζςθ εμπιςτοςφνθσ και φιλίασ ανάμεςα ςτο δάςκαλο και ςτα παιδιά, τα οποία επθρεάηονται κετικά ςτθ

Σελίδα 9 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ ςτάςθ και ςτθν απόδοςι τουσ μζςα ςτο ςχολείο και ζξω από αυτό» (ΚουλουμπιΡαπαπετροποφλου, 2007).

1.2 Ψηφιακή αφήγηςη Θ αφιγθςθ με τθ ςφμπραξθ των ψθφιακϊν μζςων και των δικτφων επικοινωνίασ μεταςχθματίηεται ςε αυτό που ονομάηεται ψθφιακι αφιγθςθ. «Η Ψθφιακι Αφιγθςθ παίρνει τθν αρχαία τζχνθ τθσ προφορικισ αφιγθςθσ, και τθ ςυμπλζκει με μια παλζτα τεχνικϊν εργαλείων, προκειμζνου να υφάνει προςωπικζσ ιςτορίεσ, χρθςιμοποιϊντασ εικόνεσ, γραφικά, μουςικι και ιχο αναμεμειγμζνο με τθ φωνι του ςυγγραφζα.1» (Porter, 2004). «Η Ψθφιακι Αφιγθςθ είναι θ διαδικαςία που ςυνδυάηει διάφορα Μζςα ϊςτε να εμπλουτίςει και να ενιςχφςει το γραπτό ι τον προφορικό λόγο.2» (Frazel, 2010) Στον πυρινα τθσ ψθφιακισ αφιγθςθσ παραμζνει πάντα θ αφιγθςθ, ενϊ θ τεχνολογία απλϊσ υποβοθκά τθ κεμελιϊδθ λειτουργία τθσ, που δεν είναι άλλθ από τθν επικοινωνία: «Δθμιουργϊντασ (ψθφιακά) μζςα ςε αυτό το διαλογικό περιεχόμενο αλλάηει και ο τρόποσ κεϊρθςθσ μασ για τα μζςα. Πιςτεφουμε ότι είναι κρίςιμο να διατθριςουμε τθν επικοινωνία ανκρϊπου-με-άνκρωπο, προςϊπου-με-πρόςωπο ωσ το κφριο μζςο τθσ ανταλλαγισ μασ, ενϊςω τα μζςα υποβοθκοφν και μεγεκφνουν τισ ιδζεσ μασ ςε ζνα ςυμπλθρωματικό περιεχόμενο.3» (Lampert, 2002) Θ ψθφιακι αφιγθςθ, κακϊσ χρθςιμοποιεί τεχνολογικά μζςα οικεία προσ τουσ μακθτζσ, όπωσ θλεκτρονικοφσ υπολογιςτζσ, φωτογραφικζσ μθχανζσ, βιντεοκάμερεσ κ.λπ., μπορεί να ενεργοποιιςει το κίνθτρο μάκθςθσ. Οι μακθτζσ εκφράηονται ιδθ ψθφιακά, με τθν παραγωγι για παράδειγμα ενόσ βίντεο και τθν ανάρτθςι του ςτο YouTube. Ο εκπαιδευτικόσ μπορεί να τθν εντάξει ςε οποιαδιποτε κεματικι ενότθτα δθμιουργϊντασ ςυνκικεσ για ομαδοςυνεργατικι μάκθςθ μζςω project. Θ δθμιουργία μιασ ψθφιακισ αφιγθςθσ είναι ενεργθτικι διαδικαςία και όχι πακθτικι όπωσ οι περιςςότερεσ διαδικαςίεσ μάκθςθσ ςτο ςχολείο. Θ εναςχόλθςθ με τθν τεχνολογία μπορεί να αποτελζςει καταλυτικό κίνθτρο για τθ ςυμμετοχι των μακθτϊν. Οι μακθτζσ μποροφν να εκπαιδευτοφν ςε πολλοφσ τομείσ, εκτόσ αναλυτικοφ προγράμματοσ ςπουδϊν, όπωσ για παράδειγμα ςτθ διαχείριςθ ενόσ πολφπλοκου project. Οι δεξιότθτεσ που κα αποκτιςουν μετουςιϊνονται ςε προςόντα, χριςιμα ςτο μελλοντικό εργαςιακό τουσ βίο. Θ International Society for Technology in Education (ISTE) ζχει κζςει τα National Educational Standards for Students (NETS•S) http://www.iste.org/standards/nets-for-students/nets-student-standards-2007.aspx. αυτά πρότυπα αφοροφν ςτθ: 1

Θ απόδοςθ από το αγγλικό κείμενο είναι δικι μασ. Θ απόδοςθ από το αγγλικό κείμενο είναι δικι μασ.

3 Θ απόδοςθ από το αγγλικό κείμενο είναι δικι μασ.

2

Σελίδα 10 από 206

Τα

διεκνι

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» 1.Δθμιουργικότθτα και Καινοτομία (Creativity and Innovation).

2.Επικοινωνία και ςυνεργαςία (Communication and Collaboration).

3.Ευχζρεια ςτθν Ζρευνα και τθν Ρλθροφορία (Research and Information Fluency).

4.

Κριτικι ςκζψθ, επίλυςθ προβλθμάτων, και Λιψθ Αποφάςεων (Critical Thinking, Problem Solving, and Decision Making).

5.Ψθφιακι Λκαγζνεια (Digital Citizenship).

6.Τεχνολογικζσ Λειτουργίεσ και Ζννοιεσ (Technology Operations and Concepts). Θ ψθφιακι αφιγθςθ μπορεί να καλφψει όλεσ τισ παραπάνω περιοχζσ όπωσ αναφζρει θ Midge Frazel (Frazel, 2010, ςελίδεσ 25-28). Θ ψθφιακι αφιγθςθ, ωσ τελικό προϊόν μπορεί να παρουςιαςτεί με ποικίλουσ τρόπουσ. Οι βαςικότεροι από αυτοφσ, που μποροφν πολφ εφκολα να χρθςιμοποιθκοφν μζςα ςε μια ςχολικι τάξθ παρουςιάηονται ακολοφκωσ: Το ψθφιακό λεφκωμα (digital scrapbook ι e-scrapbook) είναι θ ψθφιακι μεταφορά του λευκϊματοσ των παιδικϊν μασ χρόνων. Αποτελεί μια ςυλλογι εικόνων, βίντεο και ςφντομων κειμζνων, τοποκετθμζνων ςτισ εικονικζσ ςελίδεσ ενόσ ψθφιακοφ λευκϊματοσ, όπωσ φαίνεται ςτο ςχετικό παράδειγμα που δθμιουργιςαμε on-line μζςα από το http://www.beeclip.com (εικόνα 1.1).

Εικόνα 1.1: ψθφιακό λεφκωμα, http://www.beeclip.com

Θ νεότερθ εκδοχι του scrapbook είναι το scrapblog, το οποίο περιζχει επιπρόςκετεσ λειτουργίεσ, όπωσ για παράδειγμα, τθ χριςθ ιχου ςτο παραςκινιο κατά τθν προβολι του Σελίδα 11 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ scrapblog, τθν τοποκζτθςθ διακοςμθτικϊν γραφικϊν ςτοιχείων, τθ χριςθ εφζ κατά τθν εναλλαγι των ςελίδων κ.ά., όπωσ φαίνεται ςτο ςχετικό παράδειγμα που δθμιουργιςαμε on-line μζςα από το http://www.scrapblog.com (εικόνα 1.2).

Εικόνα 1.2: scrapblog, http://www.scrapblog.com

Τα φωτογραφικά δοκίμια (photo essays) είναι ζνασ πολφ διαδεδομζνοσ τφποσ ψθφιακισ αφιγθςθσ, που περιλαμβάνει φωτογραφίεσ, θχθτικι αφιγθςθ, εφζ κίνθςθσ κ.ά.. Με τθ χριςθ προγραμμάτων θλεκτρονικϊν παρουςιάςεων, που περιλαμβάνονται ςε όλεσ τισ εφαρμογζσ γραφείου (όπωσ το Impress του OpenOffice) μποροφν με εφκολο τρόπο οι μακθτζσ να δθμιουργιςουν μία φωτογραφικι ζκκεςθ. Το βίντεο είναι επίςθσ ζνασ τφποσ ψθφιακισ αφιγθςθσ πολφ οικείοσ ςτουσ μακθτζσ, κακϊσ μποροφν να δθμιουργιςουν τισ δικζσ τουσ ταινίεσ χρθςιμοποιϊντασ απλϊσ τα κινθτά τουσ τθλζφωνα και ζνα πρόγραμμα ψθφιακισ επεξεργαςίασ βίντεο. Εκτόσ από τουσ παραπάνω τφπουσ, υπάρχει το θλεκτρονικό πορτφόλιο (e-portfolio), το podcast (Personal On Demand broadCAST) δθλαδι ζνα είδοσ θχθτικοφ αποςπάςματοσ το οποίο εκπζμπεται κατά απαίτθςθ του χριςτθ, κακϊσ και μια ςειρά άλλων Web2.0 εφαρμογϊν, όπωσ για παράδειγμα το blogging, οι οποίεσ μποροφν να ενταχκοφν ςτουσ τφπουσ τθσ ψθφιακισ αφιγθςθσ. Θ διαδικαςία δθμιουργίασ μιασ ψθφιακισ αφιγθςθσ αποτελείται κατά κφριο λόγο από τρεισ διακριτζσ φάςεισ. Τθν προετοιμαςία, τθν παραγωγι και τθν παρουςίαςθ.

Σελίδα 12 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» Κατά τθν φάςθ τθσ προετοιμαςίασ επιλζγεται το κζμα, κακορίηεται το κοινό ςτο οποίο απευκφνεται και αποφαςίηεται ποια μορφι κα ζχει το τελικό προϊόν. Αν πρόκειται για ομαδικι εργαςία κα πρζπει να μοιραςτοφν οι ρόλοι και να υπάρξει ςυντονιςμόσ των εργαςιϊν. Σε κάκε περίπτωςθ κα πρζπει να καταρτιςτεί ζνα χρονοδιάγραμμα εργαςιϊν, που καλό κα είναι να δθμιουργθκεί με τθ βοικεια μιασ on-line εφαρμογισ χρονοπρογραμματιςμοφ, ϊςτε να είναι ανά πάςα ςτιγμι εφκολα προςπελάςιμο απ’ όλα τα μζλθ τθσ ομάδασ. Θ ψθφιακι αφιγθςθ, εκτόσ από το τεχνολογικό-ψθφιακό τθσ μζροσ είναι κατά κφριο λόγο αφιγθςθ. Ρροχποκζτει δθλαδι τθν φπαρξθ ςεναρίου, ςτο οποίο πρζπει να δοκεί θ δζουςα προςοχι. Επειδι ςτθ ψθφιακι αφιγθςθ, αφθγθτισ και κοινό δεν ζχουν άμεςθ οπτικι επικοινωνία, χάνεται εξ’ οριςμοφ θ δυνατότθτα του αφθγθτι να ελζγχει τισ αντιδράςεισ του κοινοφ του και να προβαίνει ςε διορκωτικζσ κινιςεισ. Συνεπϊσ, κατά τθ διάρκεια ςυγγραφισ του ςεναρίου, κα πρζπει να αποφαςίςουμε ποια ςυναιςκιματα κζλουμε να προκαλζςουμε ςτο κοινό μασ, ϊςτε να τα εντάξουμε ςτο ςενάριο χρθςιμοποιϊντασ αφθγθματικά μζςα (π.χ. φφοσ γραφισ) ι ψθφιακά μζςα (π.χ. κατάλλθλθ θχθτικι υπόκρουςθ). Στθ φάςθ παραγωγισ, ςυλλζγεται, κατά κφριο λόγο, το υλικό που κα χρθςιμοποιθκεί ςτθ ψθφιακι αφιγθςθ. Ο ευκολότεροσ τρόποσ ςυλλογισ υλικοφ είναι θ χριςθ του Διαδικτφου. Στο Διαδίκτυο υπάρχουν διακζςιμα κάκε είδουσ ψθφιακά μζςα: φωτογραφίεσ, εικόνεσ, βίντεο, ιχοι, τραγοφδια κ.λπ. Το γεγονόσ ότι υπάρχει διακζςιμο προσ κζαςθ ι ακρόαςθ όλο αυτό το ψθφιακό υλικό δε ςθμαίνει αυτομάτωσ ότι μπορεί να χρθςιμοποιθκεί από τρίτουσ ανεξζλεγκτα. Συνεπϊσ θ χριςθ τουσ εγείρει κζματα πνευματικισ ιδιοκτθςίασ. Υλικό το οποίο είναι κοινόχρθςτο (public domain) μπορεί να χρθςιμοποιθκεί άφοβα, κακϊσ δεν προςτατεφεται από πνευματικά δικαιϊματα ι τα πνευματικά δικαιϊματα του ζχουν λιξει. Επίςθσ, όπου το υλικό χαρακτθρίηεται από εφλογθ ι δίκαιθ χριςθ (fair use), επιτρζπεται θ χριςθ του υλικοφ από εκπαιδευτικοφσ και μακθτζσ εντόσ των τειχϊν του ςχολείου. Μπορεί επίςθσ να ηθτθκεί θ άδεια του κατόχου ι να πλθρωκεί κάποιο αντίτιμο για τθ χριςθ του υλικοφ. Σε κάκε περίπτωςθ κα πρζπει να αναφερκοφν οι πθγζσ προζλευςθσ του υλικοφ και να διαςφαλιςτεί νομικι κάλυψθ. Σε μια ψθφιακι αφιγθςθ μπορεί να χρθςιμοποιθκεί και πρωτότυπο ψθφιακό υλικό. Τα τεχνικά μζςα που απαιτοφνται είναι προςβάςιμα από όλουσ. Με τθ χριςθ κινθτοφ τθλεφϊνου, ψθφιακισ φωτογραφικισ μθχανισ, αναλογικισ φωτογραφικισ μθχανισ και ςαρωτι μποροφν να παραχκοφν ψθφιακζσ φωτογραφίεσ. Με τθ χριςθ κινθτοφ τθλεφϊνου, βιντεοκάμερασ ι webκάμερασ μποροφν να παραχκοφν μικρά βίντεο. Ιχοι ι τραγοφδια μποροφν επίςθσ να θχογραφθκοφν με ζνα κινθτό τθλζφωνο, ζνα mp3-φωνο, το μικρόφωνο ενόσ υπολογιςτι ι να ςυντεκοφν με τθ χριςθ θλεκτρονικϊν υπολογιςτϊν. Ψθφιακζσ εικόνεσ μποροφν να δθμιουργθκοφν με τθ χριςθ ςχεδιαςτικϊν προγραμμάτων ι με τθ ςάρωςθ μιασ αναλογικισ εικόνασ. Το

Σελίδα 13 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ παραγόμενο πρωτότυπο υλικό μπορεί κατά τα προθγοφμενα να προςτατευτεί με πνευματικά δικαιϊματα. Είναι πολφ ςθμαντικό, ιδίωσ ςε μακθτικά περιβάλλοντα να γίνει κατανοθτι θ ζννοια τθσ πνευματικισ ιδιοκτθςίασ και από τθ ςκοπιά του παραγωγοφ αλλά και από τθ ςκοπιά του χριςτθ. Στθν επόμενθ ενότθτα αυτοφ του κεφαλαίου αναπτφςςεται διεξοδικότερα το κζμα. Στθ φάςθ τθσ παραγωγισ, όπωσ ζχει διαφανεί και από τα παραπάνω, μεγάλο ρόλο διαδραματίηουν οι ψθφιακζσ ςυςκευζσ, προεξζχοντοσ του θλεκτρονικοφ υπολογιςτι, και τα προγράμματα επεξεργαςίασ του ψθφιακοφ υλικοφ. Τα προγράμματα αυτά, είναι κατά κφριο λόγο απλά ςτθ χριςθ και ζχουν μθδενικό κόςτοσ. Τα περιςςότερα είναι προεγκατεςτθμζνα ςτουσ προςωπικοφσ θλεκτρονικοφσ υπολογιςτζσ, κακϊσ αποτελοφν εφαρμογζσ που ςυνοδεφουν τα γνωςτότερα παρακυρικά Λειτουργικά Συςτιματα. Με τθ βοικεια των μθχανϊν αναηιτθςθσ για τον Ραγκόςμιο Λςτό, μποροφν επίςθσ να επιλεχκοφν μζςα από μια πλθκϊρα εφαρμογϊν επεξεργαςίασ ιχου, εικόνασ, βίντεο κ.λπ., αυτά που ταιριάηουν ςτισ απαιτιςεισ του κακενόσ. Κατά τθ φάςθ τθσ παρουςίαςθσ το τελικό προϊόν τθσ ψθφιακισ αφιγθςθσ κα προβλθκεί ςτο κοινό. Στθν πιο απλι περίπτωςθ θ ψθφιακι αφιγθςθ, υπό μορφι βίντεο, θλεκτρονικισ παρουςίαςθσ κ.λπ., κα παρουςιαςτεί από τουσ δθμιουργοφσ του ςε ηωντανό κοινό. Σε αυτιν τθν περίπτωςθ οι δθμιουργοί κα πρζπει να είναι ςε κζςθ να υποςτθρίξουν τεχνικά τθν προβολι τθσ ψθφιακισ αφιγθςθσ, αλλά και νοθματικά πριν ι μετά τθν προβολι, αν τουσ ηθτθκεί. Οι δυνατότθτεσ όμωσ που παρζχει το Διαδίκτυο, μποροφν να διευρφνουν το κοινό μιασ ψθφιακισ αφιγθςθσ. Οι ιςτοχϊροι για παράδειγμα δθμιουργίασ scrapbooks ι scrapblogs δίνουν τθ δυνατότθτα ςτουσ χριςτεσ τουσ να διαμοιράςουν τισ ιςτορίεσ τουσ με άλλουσ χριςτεσ ι να τισ προβάλουν on-line. Συνεπϊσ αποδζκτθσ μιασ ψθφιακισ αφιγθςθσ μπορεί να είναι εν δυνάμει ο οιοςδιποτε διαςυνδεδεμζνοσ χριςτθσ ανά τθν υφιλιο.

1.3 Πνευματική ιδιοκτηςία Θ Ρνευματικι Λδιοκτθςία (Copyright) http://web.opi.gr/portal/page/portal/opi προθγείται χρονικά τθσ ζλευςθσ του Διαδικτφου, και μπορεί να δθμιουργιςει νομικά προςχϊματα, ςε αυτόν που κα προςπακιςει να αντιγράψει, να επεξεργαςτεί ι να ανεβάςει ψθφιακό υλικό ςτον Ραγκόςμιο Λςτό. Ο οργανιςμόσ των Creative Commons (C.C.) http://creativecommons.org/ υποςτθρίηει και προωκεί το όραμα τθσ κακολικισ πρόςβαςθσ ςτθν ζρευνα, τθν εκπαίδευςθ και τον πολιτιςμό μζςω του Διαδικτφου. Οι άδειεσ πνευματικϊν δικαιωμάτων και τα εργαλεία που παρζχουν οι Creative Commons επιφζρουν μια ιςορροπία μζςα ςτθν παραδοςιακι ρφκμιςθ «επιφφλαξθ παντϊσ δικαιϊματοσ» (all rights reserved) που δθμιουργεί θ νομοκεςία περί πνευματικϊν δικαιωμάτων. Τα εργαλεία αυτά δίνουν ςε μεμονωμζνουσ δθμιουργοφσ (καλλιτζχνεσ, κακθγθτζσ, επιςτιμονεσ, απλοφσ χριςτεσ), ςε μεγάλεσ εταιρείεσ και οργανιςμοφσ, ζνα απλό,

Σελίδα 14 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» τυποποιθμζνο τρόπο για να χορθγοφν δικαιϊματα πνευματικισ ιδιοκτθςίασ ςτο δθμιουργικό τουσ ζργο. Στον Λςτοχϊρο των C.C. διαβάηουμε: «…Ο ςυνδυαςμόσ των εργαλείων και των χρθςτϊν των Creative Commons είναι μια τεράςτια και αυξανόμενθ ψθφιακι κοινότθτα, μια δεξαμενι περιεχομζνου, που μπορεί να αντιγραφεί, να διανεμθκεί, να επεξεργαςτεί, να αναμειχκεί ι να βαςιςτεί ςε άλλο περιεχόμενο, και όλα αυτά εντόσ των ορίων του νόμου περί πνευματικϊν δικαιωμάτων…».

Οι

C.C.

ζχουν

παρουςία

και

ςτθν

Ελλάδα.

Στο

διαδικτυακό

τόπο

http://www.creativecommons.gr/?page_id=71 υπάρχουν τα πλιρθ κείμενα, ςτα ελλθνικά, των αδειϊν (πίνακασ 1.1) που προςφζρουν οι C.C.

Αναφορά Δημιουργοφ (Attribution)

Αναφορά Δημιουργοφ - Παρόμοια Διανομή

CC BY

(Attribution-ShareAlike ) CC BY-SA

Αναφορά Δημιουργοφ-Όχι Παράγωγα Ζργα

Αναφορά Δημιουργοφ-Μη Εμπορική Χρήςη

(Attribution-NoDerivs)

(Attribution-NonCommercial)

CC BY-ND

CC BY-NC

Αναφορά Δημιουργοφ - Μη Εμπορική

Αναφορά Δημιουργοφ-Μη Εμπορική

Χρήςη - Παρόμοια Διανομή

Χρήςη-Όχι Παράγωγα Ζργα

(Attribution-NonCommercial-ShareAlike)

(Attribution-NonCommercial-NoDerivs)

CC BY-NC-SA

CC BY-NC-ND

Πίνακασ 1-1: άδειεσ χριςθσ Creative Commons

Στον τομζα τθσ Εκπαίδευςθσ, οι Creative Commons ςυνεργάηονται με τθν παγκόςμια κίνθςθ Open Educational Resources (OER) http://www.oercommons.org/, παρζχοντασ τθσ το νομικό πλαίςιο. Θ OER δθμιουργικθκε από το Institute for the Study of Knowledge Management in Education (ISKME) http://www.iskme.org/, ζνα μθ κερδοςκοπικό ερευνθτικό ινςτιτοφτο, που ειδικεφεται

ςτθ μελζτθ, διάδοςθ και ςτρατθγικι χριςθ τθσ Διαχείριςθσ τθσ Γνϊςθσ ςτθν

Εκπαίδευςθ. Στόχοσ του OER είναι να παρζχει υποςτιριξθ αλλά και να δθμιουργιςει μια γνωςιακι βάςθ (knowledge base) για τθ χριςθ και επαναχρθςιμοποίθςθ ανοιχτϊν εκπαιδευτικϊν πθγϊν. Σελίδα 15 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Τζλοσ, ςτον Λςτοχϊρο τθσ http://www.edutopia.org/copyright περιγράφονται οι ςυνθκζςτεροι τφποι πνευματικϊν δικαιωμάτων και θ εφαρμογι τουσ ςτο εκπαιδευτικό περιβάλλον.

1.4 Διαδραςτική αφήγηςη «Οι

Σεχνολογίεσ

διάχυςθσ

τθσ

αφιγθςθσ,

τθσ

κινθτότθτασ

και

τθσ

γραφικισ

διαδραςτικότθτασ, αποτελοφν τθ βάςθ ενόσ νζου τρόποσ αφιγθςθσ -τθσ ψθφιακισ διαδραςτικισ αφιγθςθσ- είτε πρόκειται για διαδραςτικι ψυχαγωγία, θλεκτρονικά παιχνίδια, εκπαίδευςθ, κεραπεία ι άλλεσ διαδραςτικζσ ψθφιακζσ εφαρμογζσ. Αυτό αυξάνει τθν πικανότθτα του επαναπροςδιοριςμοφ τθσ εμπειρίασ τθσ αφιγθςθσ, μζςα από διαδραςτικζσ προςομοιϊςεισ ιςτοριόκοςμων (story worlds) που γεννιοφνται από τουσ θλεκτρονικοφσ υπολογιςτζσ4.» (ICIDS 2010). Οι ιςτορίεσ που ζχουν αποτυπωκεί ςε ζντυπθ ι γραμμικι ψθφιακι μορφι, ζχουν μια ςυγκεκριμζνθ δομι και θ ςειρά των γεγονότων που αφθγοφνται είναι προκακοριςμζνθ. Από τθν άλλθ, κατά τθν προφορικι αφιγθςθ, ο αφθγθτισ, ερχόμενοσ ςε άμεςθ επαφι με το κοινό του, μπορεί να αλλάξει τθ ςειρά και το περιεχόμενο τθσ ιςτορίασ του, προςαρμόηοντασ τθν, ςφμφωνα με τισ αντιδράςεισ του ακροατθρίου. Θ διαδραςτικι αφιγθςθ αντιπροςωπεφει τθ ψθφιακι ζκδοςθ αυτισ τθσ λειτουργίασ. «Η διαδραςτικι αφιγθςθ (Interactive storytelling) μετατοπίηει τθν αφθγθματικι φόρμα από τθ γραμμικότθτα ςτθ διαλεκτικι, δθμιουργϊντασ νζεσ ιςτορίεσ ςτθ βάςθ ςυηθτιςεων

και

χρθςιμοποιϊντασ

το

διάλογο

ωσ

μζκοδο

αλλθλεπιδράςεων»

(http://encyclopedia.jrank.org). Θ διαδραςτικι αφιγθςθ ζχει οριςτεί ωσ μια «βαςιςμζνθ ςτο χρόνο αναπαράςταςθ χαρακτιρων και δράςεων ςτθν οποία ο αναγνϊςτθσ μπορεί να επιδράςει, να επιλζξει ι να αλλάξει τθν πλοκι» (Meadows, 2003). Οι πρϊτεσ μορφζσ διαδραςτικισ αφθγιςεισ που αποτυπϊκθκαν είχαν ζντυπθ μορφι, αλλά θ δομι τουσ ακολουκοφςε υπερκειμενικι λογικι. Θ πρϊτθ απόπειρα διαδραςτικισ αφιγθςθσ είναι το ςφντομο μυκιςτόρθμα του Χόρχε Λουίσ Μπόρχεσ με τίτλο «El Jardín de senderos que se bifurcan», το οποίο μπορεί να διαβαςτεί με πολλαπλοφσ τρόπουσ και χρονολογείται από το 1941. Ζκτοτε, αυτι θ λογικι εφαρμόςτθκε ςε πολυμεςικζσ εφαρμογζσ, με πρϊτθ τθν υπερμεςικι εφαρμογι περιιγθςθσ ςτθν πόλθ του Άςπεν με τίτλο «Aspen Movie Map», μια παραγωγι του MIT, το 1978. Θ δομι των διαδραςτικϊν αφθγιςεων ποικίλει. Ακολουκεί μια ςφνοψθ αυτϊν των δομϊν (Lindley, 2005): •

Ρλζγματοσ (Grid). Τα ςτοιχεία που ςυνκζτουν τθν αφιγθςθ παρατίκενται υπό μορφι

πλζγματοσ, επιτρζποντασ ςτον αναγνϊςτθ/κεατι να τα προςπελάςει με όποια ςειρά επικυμεί ι/και να παραλείψει κάποια από αυτά.

4

Θ απόδοςθ από το αγγλικό κείμενο είναι δικι μασ

Σελίδα 16 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» •

Δενδροειδισ (Tree). Θ αφιγθςθ ακολουκεί τθν πορεία των κλαδιϊν ενόσ δζνδρου. Με κοινι

αφετθρία (κορμόσ) θ αφιγθςθ μπορεί να ζχει διαφορετικι ζκβαςθ, θ οποία εξαρτάται από τθν πορεία που κα ακολουκιςει ο αναγνϊςτθσ/κεατισ. Αποτελεί τθν πιο ςυνθκιςμζνθ δομι εξαιτίασ του μικροφ κόςτουσ υλοποίθςθσ τθσ. ςυνθκιςμζνθ δομι εξαιτίασ του μικροφ κόςτουσ υλοποίθςθσ τθσ.

• Διερευνθτικι (Exploratorium). Μία γραμμικι δομι ςτθν οποία ο αναγνϊςτθσ/κεατισ μπορεί να ςταματιςει προκειμζνου να εξερευνιςει το περιβάλλον.

•

Δομι παράλλθλθσ πλοκισ (Parallel plot structure). Στθ δομι αυτι διαφορετικζσ εκδόςεισ τθσ

ιςτορίασ εκτυλίςςονται τθν ίδια ςτιγμι και ο αναγνϊςτθσ/κεατισ μπορεί να εναλλάςςεται μεταξφ των δυο διαφορετικϊν παράλλθλων εκδόςεων.

•

Κομβικι (Nodal), ι αδιζξοδθ (Dead-end) δομι. Ρεριλαμβάνει πολυάρικμα εναλλακτικά

μονοπάτια και αδιζξοδα, τα οποία μπορεί να είναι ι να μθν είναι αναςτρζψιμα. Ο αναγνϊςτθσ/κεατισ, κατά μικοσ μίασ κεντρικισ ακολουκίασ, τελικά οδθγείται από τθν αρχι ςτο τζλοσ τθσ αφιγθςθσ. Χρθςιμοποιείται ςε παιχνίδια δράςθσ/περιπζτειασ.

•

Διαμορφωμζνθ (Modulated), ι θ δυναμικι δομι του λαβφρινκου. Ραρζχει ποικίλεσ

διαδραςτικζσ επιλογζσ. Επιτρζπει τθν πρόςβαςθ ςε ζνα νζο ςφνολο πικανϊν αλλθλεπιδράςεων, μόνο εφόςον ο ζχει περιθγθκεί ςε διάφορα μζρθ τθσ ιςτορίασ. Τα επίπεδα ςτα παιχνίδια (game levels) λειτουργοφν κατά αυτόν τον τρόπο.

•

Μια ανοιχτι δομι ςτθν οποία ςφνολα των ςτοιχείων τθσ ιςτορίασ, ςυνδζονται με

διαφορετικοφσ φυςικοφσ χϊρουσ. Οι ςφνδεςμοι μεταξφ αυτϊν των χϊρων είναι ανοικτοί, ζτςι ϊςτε ο αναγνϊςτθσ/κεατισ να μπορεί να περιπλανθκεί γφρω από τθν ανακάλυψθ διαφορετικϊν ςτοιχείων τθσ ιςτορίασ. Αυτι είναι θ τυπικι μορφι των πρϊιμων παιχνιδιϊν περιπζτειασ.

•

Μια ανοιχτι δομι ςτθν οποία δεν υπάρχει άξονασ ςτθν ιςτορία. Χρθςιμοποιείται ευρφτατα ςε

εφαρμογζσ εξομοίωςθσ, παιχνίδια ρόλων και ςτρατθγικισ. Θ διαδραςτικότθτα αναφζρεται και ωσ μια «μία κυκλικι διαδικαςία ςτθν οποία δφο θκοποιοί εναλλάξ, ακοφν, ςκζφτονται και μιλοφν» (Crawford, 2003). Σε αυτόν τον οριςμό ζχουν επίτθδεσ χρθςιμοποιθκεί «ανκρϊπινα» ριματα (ακοφω, ςκζφτομαι, μιλϊ) αντί των αντίςτοιχων που χρθςιμοποιοφνται ςτουσ θλεκτρονικοφσ υπολογιςτζσ (ειςάγω, επεξεργάηομαι, εξάγω), ακριβϊσ για να τονιςτεί ότι κα πρζπει να ςχεδιάςουμε τουσ Θ/Υ ζτςι ϊςτε να ςυμπεριφζροντε με πιο ανκρϊπινο τρόπο και όχι το ανάποδο. Τα τρία παραπάνω ςτάδια κα πρζπει να αναπτυχκοφν ιςότιμα και ςε ικανοποιθτικό βακμό ϊςτε να επιτευχκεί διαδραςτικότθτα. Υπάρχουν τρεισ πικανζσ ςτρατθγικζσ (Crawford, 2005) για τθ δθμιουργία ςυςτθμάτων διαδραςτικισ αφιγθςθσ. Στθν πρϊτθ, τθν περιβαλλοντικι (environmental) προςζγγιςθ, ενκαρρφνονται (ι κατευκφνονται) οι ενζργειεσ του χριςτθ κατά τζτοιο τρόπο ϊςτε να δθμιουργθκεί μια ςυνεκτικι πλοκι. Στθ δεφτερθ, τθν

Σελίδα 17 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ οδθγοφμενθ από τα δεδομζνα (data-driven) προςζγγιςθ, οι ενζργειεσ του χριςτθ ενεργοποιοφν τον ομαλό ςυνδυαςμό ενόσ ςυνόλου γενικϊν ςυςτατικϊν ιςτοριϊν (story components), τα οποία βρίςκονται ςε μια βιβλιοκικθ. Θ γενικότθτα αυτϊν των ςτοιχείων οδθγεί ςτθ δθμιουργία πιο ελεφκερων ιςτοριϊν απ’ ό,τι θ πρϊτθ προςζγγιςθ. Στθν τρίτθ, βαςιηόμενθ ςτθ γλϊςςα (languagebased) προςζγγιςθ, ο χριςτθσ και το ςφςτθμα κα πρζπει να ζχουν και οι δφο μια κοινι γλϊςςα (για παράδειγμα μια περιοριςμζνθ ζκδοςθ τθσ Αγγλικισ γλϊςςασ), ϊςτε να αντιδροφν μεταξφ τουσ. Ραράδειγμα παιχνιδιοφ διαδραςτικισ αφιγθςθσ είναι το βραβευμζνο “façade” (εικόνα 1.3).

Εικόνα 1.3: το παιχνίδι διαδραςτικισ αφιγθςθσ “façade”, http://www.interactivestory.net/ «Οι περιςςότερεσ ζρευνεσ ςτο χϊρο τθσ Διαδραςτικισ Αφιγθςθσ αναηιτθςαν ζμπνευςθ ςτισ κεωρίεσ αφιγθςθσ προερχόμενεσ από τθ ςφγχρονθ αφθγθματολογία, είτε για να προςδιορίςουν κεμελιϊδεισ ζννοιεσ, είτε για να αντλιςουν φορμαλιςμοφσ για τθν εφαρμογι τουσ» (Cavazza και Pizzi, 2006). Γι αυτό το λόγο κα αναφζρουμε περιλθπτικά αυτζσ τισ κεωρίεσ: Ο Αριςτοτζλθσ ςτο ζργο του «Περί Ποιθτικισ» δίνει ιδιαίτερθ βαρφτθτα ςτθν εξζλιξθ του δράματοσ μζςω τθσ κλιμάκωςθσ και ςτθν τελικι του διαλεφκανςθ. Ειςάγει επίςθσ τθν ζννοια τθσ «προαίρεςθσ» ι αλλιϊσ «ςυνειδθτισ επιλογισ» ωσ κεντρικι πτυχι των αφθγιςεων. Θ ανάλυςι του ςτο παραδοςιακό δράμα παρζχει ζνα μοντζλο, το οποίο χρθςιμοποιικθκε περιςςότερο ωσ ζμπνευςθ και κεωρθτικό πλαίςιο για τθν περιγραφι αφθγθματικϊν εννοιϊν, παρά για τθ δθμιουργία φορμαλιςμϊν ςτθν αφιγθςθ.

Σελίδα 18 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» Ο Vladimir Propp με τθν πραγματεία του «Morphology of the folktale» (1928), ιταν ο πρϊτοσ που αποκάλυψε και περιζγραψε τισ ςτακερζσ δομζσ που υπιρχαν ςτα ρωςικά παραμφκια, χρθςιμοποιϊντασ φορμαλιςμό και ςθμειογραφία ςτθν αφιγθςθ. Θ προςζγγιςθ του Propp αναγνωρίηει τθν φπαρξθ ςυγκεκριμζνου αρικμοφ αφθγθματικϊν λειτουργιϊν (narrative functions), όπωσ για παράδειγμα θ παράβαςθ, θ εξαπάτθςθ, θ πάλθ, θ τιμωρία κ.λπ. Πςεσ από τισ λειτουργίεσ αυτζσ χρθςιμοποιοφνται ςε κάποιο παραμφκι, προκφπτουν πάντα με τθν ίδια ςειρά, και είναι ανεξάρτθτεσ από τα πρόςωπα που τισ εκτελοφν ι τισ λεπτομζρειεσ εκτζλεςισ τουσ. Ο Algirdas Julien Greimas ειςιγαγε τθν ζννοια τθσ παραμζτρου (actant) για να φορμάρει τουσ ρόλουσ των προςϊπων του δράματοσ του Propp. Ρρότεινε να οριςτοφν και να κατθγοριοποιθκοφν οι χαρακτιρεσ ςφμφωνα με το «τι κάνουν» και όχι με το «ποιοι είναι». Το γενικό μοντζλο του Greimas αποτυπϊνεται ςτθν εικόνα 1.4.

Αποςτολζασ

Αντικείμενο

Ραραλιπτθσ

βοθκόσ

Υποκείμενο

Αντίπαλοσ

Εικόνα 1.4: το μοντζλο του Greimas Ο Greimas υποκζτει ότι ζνασ μικρόσ αρικμόσ φορμϊν, οργανωμζνων γφρω από τουσ ςυντελεςτζσ τθσ αφιγθςθσ, κα μποροφςε να εξθγιςει τθν οργάνωςθ του αφθγθματικοφ ςφμπαντοσ. Ο Ronald Barthes επεκτείνει τθ γραμμικι αλλθλουχία του Propp, ϊςτε να δϊςει ςτθν αφιγθςθ πραγματικι δομι, ανοίγοντασ χϊρο για ςθμεία επιλογισ, ειςάγοντασ μια παραδειγματικι οργάνωςθ των αφθγθματικϊν λειτουργιϊν. Οι ενζργειεσ κατά τον Barthes, ζχουν τθ διάςταςθ του ςθμαςιολογικοφ πεδίου, και ωσ εκ τοφτου δεν περιορίηονται ςε μια ςυγκεκριμζνθ εμφάνιςθ. Ο Claude Bremond βάςιςε τθ κεωρία του ςχετικά με τθν αφιγθςθ, ςτθν περιγραφι των ρόλων των χαρακτιρων. Ειςάγει το δίπολο ρόλων Agent – Patient, όπου agent είναι ο υπεφκυνοσ για τισ ψυχολογικζσ αλλαγζσ ςτο αφθγθματικό ςφμπαν, ενϊ ο patient είναι ο χαρακτιρασ που κα επθρεαςτεί από τισ αφθγθματικζσ δράςεισ που κα προκφψουν. Ζνασ χαρακτιρασ μπορεί να μεταβεί από τον ζναν ρόλο ςτον άλλο. Στο ςθμείο αυτό κα πρζπει να αποςαφθνιςτεί ότι θ ψθφιακι αφιγθςθ, δθλαδι θ απεικόνιςθ τθσ αφιγθςθσ με ψθφιακά μζςα δεν είναι απαραιτιτωσ διαδραςτικι. Ενςωματϊνοντασ το χαρακτθριςτικό τθσ διαδραςτικότθτασ ςε μια ψθφιακι αφιγθςθ, δίνεται θ δυνατότθτα ςτον Σελίδα 19 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ αποδζκτθ τθσ αφιγθςθσ να παρζμβει και να διαμορφϊςει τθν ίδια τθν ιςτορία. Ο βακμόσ διάδραςθσ ποικίλει από εφαρμογι ςε εφαρμογι. Κατά κφριο λόγο, υπάρχουν δφο κατθγορίεσ εφαρμογϊν διαδραςτικισ αφιγθςθσ. Στθν πρϊτθ κατθγορία, θ ιςτορία είναι δομθμζνθ ςε τμιματα, δίνοντασ τθ δυνατότθτα ςτουσ χριςτεσ να οργανϊςουν οι ίδιοι το πολυμεςικό περιεχόμενο τθσ αφιγθςθσ. Στθ δεφτερθ κατθγορία, οι χριςτεσ εμπλζκονται ενεργά ςτθ δθμιουργία τθσ ίδιασ τθσ ιςτορίασ. Αυτό μπορεί να επιτευχκεί, για παράδειγμα, με τθν ανάκεςθ ρόλων ςε κάκε χριςτθ. Οι χριςτεσ διαδροφν με το περιβάλλον τθσ ιςτορίασ αλλά και μεταξφ τουσ, ςυνκζτοντασ με αυτόν τον τρόπο τθν ιςτορία. Αυτό μπορεί να οδθγιςει ιδανικά ςε μια ςυλλογικι ευφυΐα (collective intelligence), όπου ο κάκε χριςτθσ ςυνειςφζρει, ςφμφωνα με τισ ικανότθτζσ του, και ςυνδιαμορφϊνει το τελικό προϊόν τθσ ψθφιακισ αφιγθςθσ. Θ πλατφόρμα τθσ Μθλιάσ, όπωσ κα δείξουμε ςτα επόμενα κεφάλαια, ανικει ςτθν πρϊτθ κατθγορία εφαρμογϊν, κακϊσ αφινει ςτθν ευχζρεια του χριςτθ το πϊσ κα οργανϊςει το πολυμεςικό υλικό που περιλαμβάνει θ κάκε μθλοϊςτορία.

Σελίδα 20 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

2. Πλατφόρμεσ ψηφιακήσ αφήγηςησ Κφριο μζροσ τθσ παροφςασ διπλωματικισ εργαςίασ είναι θ ανάπτυξθ τθσ «Μθλιάσ», μιασ διαδικτυακισ πλατφόρμασ ψθφιακισ αφιγθςθσ. Ρροκειμζνου να εντοπίςουμε τα βαςικά χαρακτθριςτικά που πρζπει να ζχει μία τζτοια πλατφόρμα, αναηθτιςαμε ςτο Διαδίκτυο, αντίςτοιχεσ πλατφόρμεσ και τισ παρουςιάηουμε παρακάτω. Το κριτιριο επιλογισ των ςυγκεκριμζνων εφαρμογϊν, είναι θ δθμοφιλία τουσ ςτο Διαδίκτυο (εμφανίηονται πρϊτεσ ςε ςχετικζσ αναηθτιςεισ μζςω μθχανϊν αναηιτθςθσ), θ ομοιότθτά τουσ με τθ Μθλιά, ωσ προσ τθ δομι και τθ λειτουργία τουσ, κακϊσ και θ ευκολία χριςθσ τουσ από νεανικά κοινά.

2.1 Πλατφόρμεσ ψηφιακήσ αφήγηςησ ςτο Διαδίκτυο Θ πρϊτθ πλατφόρμα «Myths and Legends» http://myths.e2bn.org/story_creator/ είναι μια παραγωγι του East of England Broadband Network (E2BN), μιασ από τισ 10 περιφερειακζσ κοινοπραξίεσ, που ζχουν ςυςτακεί από τθν Αγγλικι κυβζρνθςθ για να βοθκιςουν τθν αναβάκμιςθ των προτφπων ςτθ διδαςκαλία και τθ μάκθςθ με τθ χριςθ τθσ ευρυηωνικισ τεχνολογίασ. Θ πλατφόρμα αυτι απευκφνεται κυρίωσ ςε μακθτζσ και εκπαιδευτικοφσ και δίνει τθ δυνατότθτα ςυγγραφισ ιςτοριϊν ςε όςουσ χριςτεσ εγγραφοφν θλεκτρονικά. Με τθ βοικεια αυτοφ του on-line εργαλείου μποροφν να δθμιουργθκοφν ψθφιακζσ ιςτορίεσ (εικόνα 2.1) υπό μορφι θλεκτρονικϊν βιβλίων. Θ ιςτορία χωρίηεται ςε κεφάλαια (chapters) και το κάκε κεφάλαιο μπορεί να περιζχει πολλά καρζ (frames).

Εικόνα 2.1: θ αρχικι οκόνθ «Myths and Legends», http://myths.e2bn.org/story_creator/ Σελίδα 21 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Ο χριςτθσ μπορεί να ςυνκζςει τθν ιςτορία του χρθςιμοποιϊντασ εικόνεσ από τισ βιβλιοκικεσ τθσ πλατφόρμασ (εικόνα 2.2), οι οποίεσ κατθγοριοποιοφνται ςε εικόνεσ τοποκεςιϊν (κτίςματα, εςωτερικοί χϊροι, τοπία ςτεριάσ και νεροφ), όντων (παιδιά, ηϊα, άνδρεσ, μυκικά πλάςματα, ειδικοί χαρακτιρεσ, πολεμιςτζσ, γυναίκεσ), αντικειμζνων (με εφζ, ςπίτια, τθσ φφςθσ, μαγικά, κακθμερινισ χριςθσ, όπλα) κακϊσ και ςυννεφάκια κειμζνων (speech bubbles). Ρολλζσ από αυτζσ τισ εικόνεσ είναι κινοφμενεσ (animated) προςδίδοντασ το εφζ τθσ κίνθςθσ ςτθν ιςτορία. Δίνεται επίςθσ θ δυνατότθτα να φορτωκοφν εικόνεσ από τον τοπικό δίςκο του υπολογιςτι του χριςτθ. Οι εικόνεσ αλλάηουν μζγεκοσ, περιςτρζφονται, αλλάηουν επίπεδο ι διαγράφονται με τθ βοικεια εφχρθςτων ρυκμιςτικϊν.

Εικόνα 2.2: ςυλλογι εικόνων «Myths and Legends», http://myths.e2bn.org/story_creator/ Σε κάκε μια από αυτζσ τισ εικόνεσ μπορεί να προςτεκεί και ιχοσ. Ο ιχοσ μπορεί να φορτωκεί από τον τοπικό δίςκο του υπολογιςτι του χριςτθ ι να θχογραφθκεί επιτόπου με τθ βοικεια του audio panel (εικόνα 2.3). Υπάρχει επίςθσ ειδικό πλαίςιο κειμζνου για τον αφθγθτι (εικόνα 2.4), αλλά δεν υποςτθρίηεται, όπωσ και ςτα ςυννεφάκια κειμζνου, θ ελλθνικι γλϊςςα. Στα κετικά τθσ πλατφόρμασ ςυγκαταλζγεται θ δυνατότθτα τθσ εκτφπωςθσ των καρζ τθσ ιςτορίασ και τθσ εξαγωγισ τθσ ςτον τοπικό δίςκο του υπολογιςτι, υπό μορφι html ςελίδων. Οποιαδιποτε ςτιγμι ο χριςτθσ επικυμεί, μπορεί να αποκθκεφςει τθν ιςτορία του, και όταν τθν ολοκλθρϊςει, να τθν υποβάλει προσ δθμοςίευςθ. Αν εγκρικεί, ςε διάςτθμα 24 ωρϊν κα εμφανιςτεί ςτθ λίςτα των ιςτοριϊν του ιςτοχϊρου. Εκεί δίνεται θ δυνατότθτα ςχολιαςμοφ των ιςτοριϊν και τθσ βακμολόγθςισ τουσ από τουσ επιςκζπτεσ, προςφζροντασ ανάδραςθ προσ τουσ δθμιουργοφσ. Σελίδα 22 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 2.3: audio panel «Myths and Legends», http://myths.e2bn.org/story_creator/

Εικόνα 2.4: πλαίςιο κειμζνου αφθγθτι «Myths and Legends», http://myths.e2bn.org/story_creator/ Αν και θ πλατφόρμα «Myths and Legends» υποςτθρίηει μόνο τθν αγγλικι γλϊςςα, μπορεί να χρθςιμοποιθκεί και από το ελλθνικό κοινό, κακϊσ θ διεπαφι χριςθσ περιζχει πολφ βαςικζσ λειτουργίεσ και εφχρθςτα ρυκμιςτικά, κατάλλθλα ςχεδιαςμζνα ακόμα και για τισ μικρότερεσ θλικίεσ.

Σελίδα 23 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Θ

δεφτερθ

πλατφόρμα

ψθφιακισ

αφιγθςθσ

είναι

θ

«StoryJumper»

http://www.storyjumper.com/book/create. Ζχει δθμιουργθκεί από ιδιϊτεσ και απευκφνεται ςε παιδιά, εκπαιδευτικοφσ και γονείσ. Ρροςφζρει τθ δυνατότθτα ςυγγραφισ ιςτοριϊν ςε όςουσ χριςτεσ εγγραφοφν θλεκτρονικά, χωρίσ κόςτοσ. Με τθ βοικεια αυτοφ του on-line εργαλείου μποροφν να δθμιουργθκοφν ψθφιακζσ ιςτορίεσ (εικόνα 2.5) υπό μορφι θλεκτρονικϊν βιβλίων. Θ ιςτορία απαρτίηεται από ςελίδεσ, οι οποίεσ μποροφν να περιζχουν εικόνεσ και κείμενα.

Εικόνα 2.5: θ αρχικι οκόνθ «StoryJumper», http://www.storyjumper.com/book/create Ππωσ και ςτο «Myths and Legends» ζτςι και ςτο «StoryJumper» υπάρχει μια ςυλλογι ζτοιμων εικόνων που μποροφν να χρθςιμοποιθκοφν, κακϊσ και θ δυνατότθτα να φορτωκοφν εικόνεσ από τον τοπικό δίςκο του θλεκτρονικοφ υπολογιςτι του χριςτθ. Σε αυτιν τθν πλατφόρμα υποςτθρίηονται τα ελλθνικά κείμενα, αλλά όχι ο ιχοσ. Θ διεπαφι χριςθσ είναι και εδϊ εφχρθςτθ και απλουςτευμζνθ, ςυνεπϊσ μπορεί να χρθςιμοποιθκεί και από χριςτεσ μικρϊν θλικιϊν. Το θλεκτρονικό βιβλίο μπορεί να αποκθκευτεί ανά πάςα ςτιγμι και να ανακλθκεί όταν ο χριςτθσ το επικυμεί. Κατά τθν προβολι του, δθμιουργείται θ αίςκθςθ ενόσ κανονικοφ βιβλίου, κακϊσ υπάρχει εξϊφυλλο και εφζ γυρίςματοσ ςελίδασ (εικόνα 2.6). Θ πρωτοτυπία αυτισ τθσ πλατφόρμασ είναι ότι μπορεί ο επιςκζπτθσ να εκτυπϊςει οποιοδιποτε βιβλίο μζςω τοπικοφ εκτυπωτι, ι να παραγγείλει, ζναντι αμοιβισ, το βιβλίο τθσ αρεςκείασ του ςε ζντυπθ μορφι.

Σελίδα 24 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 2.6: προβολι ιςτορίασ από το StoryJumper, http://www.storyjumper.com/book/create Θ

τρίτθ

πλατφόρμα

που

εξετάηουμε

είναι

το

«PrimaryAccess

MovieMaker»

http://www.primaryaccess.org/pa.htm. Ζχει δθμιουργθκεί από το Center for Technology & Teacher Education του Curry School of Education ςτο Ρανεπιςτιμιο τθσ Βιρτηίνια. Θ πλατφόρμα απευκφνεται κυρίωσ ςε εκπαιδευτικοφσ και τουσ μακθτζσ αυτϊν. Σε ςχζςθ με τισ προθγοφμενεσ πλατφόρμεσ ακολουκεί μια διαφορετικι προςζγγιςθ ωσ προσ τθν παραγωγι τθσ ψθφιακισ ιςτορίασ, θ οποία είναι ζνα βίντεο ςε ςτυλ φωτογραφικισ ζκκεςθσ (photo essay). Θ πρωτοτυπία ζγκειται ςτο γεγονόσ, ότι υπάρχουν χριςτεσ-εκπαιδευτικοί και χριςτεσ-μακθτζσ. Ο χριςτθσ- εκπαιδευτικόσ δθμιουργεί ςχολικζσ τάξεισ (classes) ςτισ οποίεσ προςκζτει χριςτεσ-μακθτζσ (students). Στθ ςυνζχεια δθμιουργεί δραςτθριότθτεσ (activities) επιλζγοντασ πθγζσ (resources) από τθν πλοφςια ςυλλογι τθσ πλατφόρμασ (εικόνα 2.7) και τισ ανακζτει ςτουσ μακθτζσ του (εικόνα 2.8). Πταν ο μακθτισ ςυνδεκεί ςτθν πλατφόρμα μπορεί να επιλζξει μια από τισ δραςτθριότθτεσ που του ζχουν ανατεκεί (εικόνα 2.9). Χρθςιμοποιϊντασ τισ προκακοριςμζνεσ, από τον εκπαιδευτικό, πθγζσ (εικόνα 2.10), ο κάκε μακθτισ μπορεί να δθμιουργιςει τθ δικι του ψθφιακι αφιγθςθ. Θ διεπαφι χριςθσ προςφζρει μια ποικιλία δυνατοτιτων. Ο χριςτθσ μπορεί να προςκζςει εικόνεσ και ελλθνικό κείμενο (εικόνα 2.11), το οποίο εμφανίηεται υπό τθ μορφι υποτίτλων. Υπάρχουν ενςωματωμζνα εφζ κίνθςθσ των εικόνων και θ δυνατότθτα προςκικθσ ιχων ι θ θχογράφθςθ αφιγθςθσ (εικόνα 2.12) με τθ βοικεια μικροφϊνου. Πλα τα ςτοιχεία τθσ αφιγθςθσ (εικόνεσ, ιχοι, κείμενα) μποροφν να χρονιςτοφν κατάλλθλα, ανάλογα με τισ απαιτιςεισ.

Σελίδα 25 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Εικόνα 2.7: δθμιουργία ςχολικϊν τάξεων, http://www.primaryaccess.org/pa.htm

Εικόνα 2.8: ανάκεςθ δραςτθριοτιτων ςε μακθτζσ, http://www.primaryaccess.org/pa.htm

Σελίδα 26 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 2.9: επιλογι δραςτθριοτιτων από τον μακθτι, http://www.primaryaccess.org/pa.htm

Εικόνα 2.10: πθγζσ δραςτθριοτιτων, http://www.primaryaccess.org/pa.htm

Σελίδα 27 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Εικόνα 2.11: προςκικθ εικόνων και κειμζνου, http://www.primaryaccess.org/pa.htm

Εικόνα 2.12: θχογράφθςθ αφιγθςθσ, http://www.primaryaccess.org/pa.htm Θ τζταρτθ πλατφόρμα, που κα παρουςιάςουμε, είναι θ «Storybird» http://storybird.com/, μία πλατφόρμα για τθ δθμιουργία και το διαμοιραςμό ιςτοριϊν που ζχουν ωσ πθγι ζμπνευςθσ τθ ηωγραφικι τζχνθ. Καλλιτζχνεσ ανεβάηουν τισ δθμιουργίεσ τουσ ςτον Λςτοχϊρο του Storybird (εικόνα 2.13) και προςφζρουν ουςιαςτικά το υλικό με το οποίο κα δθμιουργιςουν μακθτζσ, εκπαιδευτικοί, ι άλλοι χριςτεσ τισ ψθφιακζσ τουσ ιςτορίεσ με τθ μορφι θλεκτρονικοφ βιβλίου.

Σελίδα 28 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 2.13: ςυλλογι ηωγραφικϊν ζργων ςτο «Storybird», http://storybird.com/create/ Ο χριςτθσ επιλζγει ζνα από τα ηωγραφικά ζργα που διατίκενται ςε ςυλλογζσ και μεταφζρεται ςτο περιβάλλον εργαςίασ του Storybird (εικόνα 2.14), το οποίο είναι πολφ ευχάριςτο, με απαλά και ξεκοφραςτα χρϊματα και περιζχει μόνο τισ πολφ βαςικζσ λειτουργίεσ. Ο χριςτθσ μπορεί να προςκζςει νζεσ ςελίδεσ και να ενςωματϊςει μζςα ςε αυτζσ ζργα του ιδίου καλλιτζχνθ, κακϊσ και κείμενο, ακόμα και ςτα ελλθνικά. Ρροκειμζνου να αποκθκεφςει τθν ιςτορία του κα πρζπει, κατά τα γνωςτά, να ζχει δθμιουργιςει λογαριαςμό χριςτθ ςτο Storybird.

Εικόνα 2.14: το περιβάλλον εργαςίασ του «Storybird», http://storybird.com/storymaker/ Σελίδα 29 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Θ κάκε ιςτορία μπορεί να προβλθκεί από όλουσ τουσ διαδικτυακοφσ επιςκζπτεσ, οι οποίοι ζχουν και τθ δυνατότθτα ςχολιαςμοφ (εικόνα 2.15), κατά τα πρότυπα των Λςτοχϊρων κοινωνικισ δικτφωςθσ.

Εικόνα 2.15: ςχολιαςμόσ ιςτοριϊν από επιςκζπτεσ του «Storybird», http://storybird.com/books/dreamer-30/ Τελευταία εξεταηόμενθ πλατφόρμα είναι θ «KerPoof» http://www.kerpoof.com/, μια παραγωγι τθσ γνωςτισ Walt Disney Company. Από τθν αρχικι ςελίδα τθσ KerPoof (εικόνα 2.16) και επιλζγοντασ «TELL A STORY», ο χριςτθσ οδθγείται ςτο περιβάλλον δθμιουργίασ ιςτοριϊν. Για να ξεκινιςει τθ ςυγγραφι κα πρζπει πρϊτα να επιλζξει μία από τισ κεματικζσ ενότθτεσ που είναι διακζςιμεσ (εικόνα 2.17).

Σελίδα 30 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 2.16: θ αρχικι ςελίδα του «KerPoof», http://www.kerpoof.com

Εικόνα 2.17: επιλογι κεματικισ ενότθτασ http://www.kerpoof.com/#/activity/storybook Ακολοφκωσ, θ διαδικαςία είναι παρόμοια με τισ προθγοφμενεσ πλατφόρμεσ που παρουςιάςτθκαν. Ο χριςτθσ μπορεί να επιλζξει, μόνο από τισ διακζςιμεσ ςυλλογζσ, χαρακτιρεσ, τοπία και αντικείμενα για τθν ιςτορία του, να προςκζςει κείμενο (δεν υποςτθρίηονται τα ελλθνικά), ι ακόμα και να ηωγραφίςει μόνοσ του, με τθ βοικεια μια ςτοιχειϊδουσ εργαλειοκικθσ (εικόνα 2.18). Ρροςφζρονται επίςθσ οι λειτουργίεσ τθσ αποκικευςθσ (για τουσ εγγεγραμμζνουσ χριςτεσ), τθσ αποκικευςθσ ςτιγμιότυπου (snapshot) ςτον δίςκο του υπολογιςτι του και τθσ εκτφπωςθσ τθσ τρζχουςασ ςελίδασ,

Σελίδα 31 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Εικόνα 2.18: το περιβάλλον δθμιουργίασ θλεκτρονικοφ βιβλίου ςτο «KerPoof», http://www.kerpoof.com/#/activity/storybook Εκτόσ από τθ δθμιουργία e-book, θ KerPoof δίνει τθ δυνατότθτα δθμιουργίασ βίντεο (εικόνα 2.19), όταν από τθν αρχικι ςελίδα τθσ, ο χριςτθσ επιλζξει «MAKE A MOVIE». Σε αυτιν τθν περίπτωςθ ο χριςτθσ μπορεί να επιλζξει και πάλι περιεχόμενο από τισ κλειςτζσ ςυλλογζσ εικόνων, ιχων και εφζ του KerPoof, τα οποία πρζπει να τοποκετθκοφν πάνω ςε μια λωρίδα χρόνου (timeline), που βρίςκεται ςτο δεξιό μζροσ τθσ οκόνθσ.

Εικόνα 2.19: το περιβάλλον δθμιουργίασ video ςτο KerPoof, http://www.kerpoof.com/#/activity/movie?s=rockband_basement Μια πλατφόρμα που διαφοροποιείται ςε ςχζςθ με τισ προθγοφμενεσ, είναι θ «Projeqt» http://www.projeqt.com (εικόνα 2.20). Θ διαφοροποίθςθ ζγκειται ςτο γεγονόσ ότι, εκτόσ από τθν υποςτιριξθ γραμμικϊν ιςτοριϊν, υποςτθρίηει και ιςτορίεσ με δομι πλζγματοσ (εικόνα 2.21).

Σελίδα 32 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 2.20: θ αρχικι ςελίδα του «Projeqt», http://www.projeqt.com

Εικόνα 2.21: δομι πλζγματοσ μζςω «Projeqt» Θ δθμιουργία λογαριαςμοφ είναι και ςε αυτιν τθν περίπτωςθ υποχρεωτικι. Υποςτθρίηονται, ωσ περιεχόμενο (εικόνα 2.22), ζγγραφα τφπου PDF και PowerPoint, εικόνεσ, τίτλοι, κείμενα (υποςτιριξθ ελλθνικϊν) και προςεχϊσ video.

Σελίδα 33 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Εικόνα 2.22: επιλογι περιεχομζνου ςτο «Projeqt»

Σελίδα 34 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

3. Η Μηλιά ωσ πλατφόρμα ψηφιακήσ αφήγηςησ Οι διαδικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ, όπωσ είδαμε παραπάνω, μοιράηονται κοινά χαρακτθριςτικά, όπωσ είναι θ υποςτιριξθ των βαςικϊν πολυμζςων (εικόνεσ, κείμενα, ιχοι κ.λπ.), θ γραμμικότθτα ςτθν αφιγθςθ, θ λυτι ςχεδίαςθ τθσ διεπαφισ χριςθσ που ςτοχεφει ςτθν ευχρθςτία, θ πιςτοποίθςθ των χρθςτϊν. Σε κάποιεσ από αυτζσ διακρίνονται μοναδικά χαρακτθριςτικά, όπωσ για παράδειγμα, θ ζνταξθ τθσ ψθφιακισ αφιγθςθσ ςτο τρίπτυχο εκπαιδευτικόσ-μακθτζσ-τάξθ (περίπτωςθ PrimaryAccess MovieMaker) και θ δυνατότθτα χριςθσ ενςωματωμζνων ςτθν πλατφόρμα εργαλείων για τθν παραγωγι πολυμεςικϊν αρχείων (περίπτωςθ Myths and Legends).

3.1 Κοινά χαρακτηριςτικά ςτισ πλατφόρμεσ ψηφιακήσ αφήγηςησ Από τα παραπάνω χαρακτθριςτικά, αυτό που πρζπει να κεωροφμε δεδομζνο για οποιαδιποτε πλατφόρμα ψθφιακισ αφιγθςθσ είναι θ υποςτιριξθ εικόνων, κειμζνων, ιχων και βίντεο. Θ Μθλιά ςε αυτό το ςθμείο παρουςιάηεται ολοκλθρωμζνθ και υπερτερεί ζναντι άλλων πλατφορμϊν, κακϊσ υποςτθρίηει όλουσ τουσ τφπουσ πολυμζςων. Θ πιςτοποίθςθ των χρθςτϊν μπορεί να κεωρθκεί από κάποιουσ ωσ ζκπτωςθ ςτθν ελεφκερθ πρόςβαςθ, αλλά είναι ομολογουμζνωσ αναγκαία, προκειμζνου να διαφυλαχκεί από τθν ζξωκεν αλλοίωςθ το ζργο του εκάςτοτε δθμιουργοφ. Θ Μθλιά δεν αποτελεί εξαίρεςθ. Ρροςφζρει δικαίωμα ςυγγραφισ μθλοϊςτοριϊν ςε πιςτοποιθμζνουσ χριςτεσ και ελεφκερθ πρόςβαςθ ςτθν προβολι των μθλοϊςτοριϊν ςτουσ χριςτεσ-επιςκζπτεσ. Θ ευκολία με τθν οποία ζνασ χριςτθσ δθμιουργεί ψθφιακζσ ιςτορίεσ, μζςα από πλατφόρμεσ, όπωσ αυτζσ που παρουςιάςτθκαν παραπάνω, είναι βαςικό ηθτοφμενο και για τθ Μθλιά. Ππωσ κα διαπιςτϊςει κανείσ, ςτο κεφάλαιο 4.5 τθσ παροφςασ διπλωματικισ, θ διεπαφι χριςθσ τθσ Μθλιάσ ςχεδιάςτθκε ϊςτε να χρθςιμοποιιςει όςο το δυνατόν λιγότερα λεκτικά και περιςςότερεσ γραφικζσ αναπαραςτάςεισ. Αυτό που αποτελεί τθν ειδοποιό διαφορά τθσ Μθλιάσ ςε ςχζςθ με τισ άλλεσ πλατφόρμεσ ψθφιακισ αφιγθςθσ είναι θ μθ γραμμικότθτα τθσ αφιγθςθσ που υποςτθρίηει. Οι περιςςότερεσ πλατφόρμεσ που υπάρχουν ςτο Διαδίκτυο, αν όχι όλεσ, παρουςιάηουν τθν αφιγθςθ με γραμμικό τρόπο, ςε μία ςυνζχεια που δεν μπορεί να παρακαμφτεί. Θ Μθλιά ςχεδιάςτθκε ακριβϊσ με τθν αντίκετθ λογικι, να μθν προςφζρει μία και μόνθ ανάγνωςθ τθσ ψθφιακισ ιςτορίασ, αλλά να δίνει τθ δυνατότθτα ςτον αναγνϊςτθ να ςυνκζτει τθ δικι του. Αυτό επιτυγχάνεται μζςα από τθ μορφι που δόκθκε ςτισ μθλοϊςτορίεσ. Θ κάκε μθλοϊςτορία είναι ζνα δζντρο. Τα δζντρα ζχουν κλαδιά που αναπτφςςονται προσ οποιαδιποτε κατεφκυνςθ και τα μιλα, φφλλα, άνκθ φυτρϊνουν χωρίσ να Σελίδα 35 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ ακολουκοφν κάποιο ςυγκεκριμζνο μοτίβο. Ραρόλα αυτά, θ μθλιά μπορεί να υποςτθρίξει και γραμμικι παρουςίαςθ περιεχομζνου (βλζπε ενότθτα 3.3). Ζνα ςθμείο που υςτερεί θ Μθλιά, είναι θ ζλλειψθ ανάδραςθσ προσ τον ςυγγραφζα, χαρακτθριςτικό

που

άλλεσ

πλατφόρμεσ

υποςτθρίηουν, μζςω δθμοςίευςθσ ςχολίων ι

βακμολόγθςθσ τθσ ψθφιακισ ιςτορίασ. Σε επόμενθ ζκδοςθ τθσ Μθλιάσ, μια τζτοια δυνατότθτα, μπορεί να ςυμπεριλθφκεί, κακϊσ κεωροφμε ότι είναι κρίςιμο να υπάρχει θ επικοινωνία αφθγθτικοινοφ, θ οποία είναι πάντοτε παροφςα ςτθν κλαςςικι, αναλογικοφ τφπου αφιγθςθ. Το κφριο χαρακτθριςτικό όμωσ που απουςιάηει από όλεσ τισ πλατφόρμεσ, είναι θ διαδραςτικότθτα. Ππωσ περιγράψαμε ςτθν ενότθτα 1.4, θ Μθλιά εμπεριζχει διαδραςτικότθτα, κακϊσ εντάςςεται ςτθν πρϊτθ κατθγορία εφαρμογϊν, όπου οι χριςτεσ δφναται να επιλζξουν τθ ςειρά ανάγνωςθσ των πολυμεςικϊν αρχείων, παρεμβαίνοντασ ουςιαςτικά ςτθν πλοκι τθσ αφιγθςθσ. Αςφαλϊσ, κα κζλαμε θ πλατφόρμα τθσ Μθλιάσ, να παρζχει μεγαλφτερθ διαδραςτικότθτα ςτουσ χριςτεσ τθσ και να αποκτιςει τζτοια χαρακτθριςτικά, ϊςτε να ενταχκεί ςτο μζλλον

ςτθ

δεφτερθ

κατθγορία

διαδραςτικϊν εφαρμογϊν.

Ραράδειγμα

εμπνευςμζνθσ

διαδραςτικότθτασ και για αυτό τθν παρουςιάηουμε, είναι θ περίπτωςθ του «Moovl» http://sodaplay.com/creators/soda/items/moovl (εικόνα 3.1).

Εικόνα 3.1: θ εφαρμογι «Moovl», http://sodaplay.com/creators/soda/items/moovl

Αν και θ εν λόγω εφαρμογι, δεν ζχει ςχζςθ με τθν ψθφιακι αφιγθςθ, αποτελεί ζνα χαρακτθριςτικό παράδειγμα επιτυχθμζνθσ διαδραςτικότθτασ. Σε αυτιν τθν απλοϊκι εφαρμογι, ο

Σελίδα 36 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» χριςτθσ ςχεδιάηει ςχιματα και κακορίηει τισ φυςικζσ ιδιότθτζσ τουσ (βαρφ-ελαφρφ, ςφιχτό-χαλαρό, κολλϊδεσ-ολιςκθρό, ςκλθρό-μαλακό, ιςυχο-κορυβϊδεσ). Στθ ςυνζχεια μπορεί να τα μετακινιςει χειροκίνθτα ι να τουσ ορίςει προκακοριςμζνθ κίνθςθ μζςα ςτο περιβάλλον που φιλοξενοφνται. Τα ςχιματα αντιδροφν μεταξφ τουσ, και ο χριςτθσ αιςκάνεται και είναι ενεργό μζροσ τθσ εφαρμογισ. Μια τζτοιου είδουσ διαδραςτικότθτα κα επικυμοφςαμε για τθν πλατφόρμα τθσ Μθλιάσ, να δϊςουμε ςτο χριςτθ τθ δυνατότθτα να παρεμβαίνει ςτισ μθλοϊςτορίεσ που επιςκζπτεται.

3.2 Η Μηλιά, ζνασ χϊροσ αφήγηςησ Θ «Μθλιά» http://www2.media.uoa.gr/medialab/milia/ είναι μια διαδικτυακι πλατφόρμα ψθφιακισ αφιγθςθσ, θ οποία αναπτφχκθκε αρχικά από το «Εργαςτιριο Νζων Σεχνολογιϊν ςτθν Επικοινωνία, τθν Εκπαίδευςθ και τα Μ.Μ.Ε.» του Εκνικοφ και Καποδιςτριακοφ Ρανεπιςτθμίου Ακθνϊν. Στθ ςυνζχεια, ςτο πλαίςιο του Διαπενεπιςτθμιακοφ και Διατμθματικοφ Ρρογράμματοσ Σπουδϊν «Σεχνολογίεσ τθσ Πλθροφορίασ και τθσ Επικοινωνίασ για τθν Εκπαίδευςθ» και πιο ςυγκεκριμζνα ςτο μάκθμα «Δθμιουργία ψθφιακϊν εφαρμογϊν», με διδάςκοντεσ τον Κακθγθτι Μιχάλθ Μεϊμάρθ και τον Επίκουρο Κακθγθτι Δθμιτρθ Γκοφςκο, θ Μθλιά πζραςε ςε μια δεφτερθ φάςθ τεχνικισ ανάπτυξθσ. Στο πλαίςιο τθσ παροφςασ διπλωματικι εργαςίασ θ Μθλιά ςυνεχίηει να αναπτφςςεται. Στο ςθμείο αυτό, κα παρακζςουμε αυτοφςιο ζνα κείμενο, που είναι αναρτθμζνο ςτον Λςτοχϊρο τθσ Μθλιάσ http://www2.media.uoa.gr/medialab/milia/index.php?Itemid=15, όπου περιγράφεται θ ιδζα και παρουςιάηονται οι άνκρωποι πίςω από τθ Μθλιά:

η ιςτορία τησ Μηλιάσ Καμιά φορά, τα δζντρα φυτρϊνουν από εκεί που δεν το περιμζνεισ. Εςφ το μόνο που χρειάηεται είναι να φυτεφςεισ ζνα ςπόρο. Καμιά φορά πάλι, μπορεί να τρωσ ζνα πολφ ωραίο και ηουμερό φροφτο και να μθν προςζξεισ, ότι ζνα – δφο ςποράκια από το φροφτο ςου, ζπεςαν ςτο χϊμα. Εκεί, όπου αργότερα κα γεννθκεί (δικεν τυχαία) ζνα μεγάλο δζντρο και αργότερα ζνα άλλο και ζνα άλλο και πάει λζγοντασ. Κάπωσ ζτςι ζγινε και με τθ Μθλιά. Σθ «γεννιςαμε», χωρίσ να το καταλάβουμε, ζτςι όπωσ ιμαςταν ςκυμμζνοι πάνω από τα βιβλία και τα ςχεδιαγράμματα. Η δθμιουργία αφθγιςεων και ειδικότερα των ψθφιακϊν αφθγιςεων μασ απαςχολεί εδϊ και καιρό ςτο Εργαςτιριο Νζων Σεχνολογιϊν ςτθν Επικοινωνία, τθν Εκπαίδευςθ και τα ΜΜΕ. Αλλά για να μάκουμε τι μποροφμε να κάνουμε με τισ ψθφιακζσ αφθγιςεισ, ιταν απαραίτθτο να μελετιςουμε πρϊτα τισ

Σελίδα 37 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ αφθγιςεισ και τισ ιςτορίεσ εν γζνει, κυρίωσ ωσ προσ τθ δομι τουσ και τισ λειτουργίεσ τουσ. Διαβάηοντασ λοιπόν για τα αφθγθματικά μοτίβα και τισ αφθγθματικζσ «λειτουργίεσ» (που ςυνκζτουν τθν πλοκι των παραμυκιϊν), διαχωρίηοντασ τθν ιςτορία από τθν πράξθ τθσ διιγθςθσ, κατανοιςαμε πολλά. Σο ςπουδαιότερο: ότι κάκε μεγάλθ ιςτορία αποτελείται από πολλζσ μικρότερεσ ιςτορίεσ, που είναι «κρυμμζνεσ» μζςα ςτισ λζξεισ τισ φράςεισ και τισ προτάςεισ του ςυγγραφζα. Αφοφ μάκαμε λοιπόν πϊσ να «ςπάμε» τισ ιςτορίεσ ςε χίλια κομμάτια, μάκαμε και πϊσ να τισ ςυναρμολογοφμε ξανά για να τισ αφθγοφμαςτε ολόκλθρεσ – ωσ ςφνολα. Με αφορμι αυτι τθ διαδικαςία ακολουκιςαμε τθν πορεία των λζξεων, των φράςεων και των προτάςεων και τθν καταγράψαμε ςτο χαρτί. Ζτςι διαπιςτϊςαμε, ότι όπωσ διαδζχονται θ μια τθν άλλθ, όπωσ ςυνδζονται μεταξφ τουσ, οι λζξεισ και οι προτάςεισ ςχθματίηουν διακλαδϊςεισ που κυμίηουν τα κλαδιά ενόσ δζντρου. Σϊρα πια ξζραμε: Κάκε ιςτορία είναι ζνα δζντρο.

Οι καρποί του δζντρου είναι τα

αφθγθματικά μζρθ τθσ ιςτορίασ. Όμωσ, αν ηωγραφίςεισ ζνα δζντρο ςτο χαρτί, αυτό δε ςθμαίνει πωσ ζκανεσ καμιά ςπουδαία ανακάλυψθ, ιδιαίτερα όταν αυτό που ςε ενδιαφζρει είναι – μζςα από τθ δουλειά ςου – να γνωρίηεισ και να προςφζρεισ γνϊςθ. Ακόμθ περιςςότερο, όταν θ δουλειά ςου ςχετίηεται άμεςα με τθ χριςθ τθσ τεχνολογίασ και των ψθφιακϊν εφαρμογϊν που βαςίηονται ςε αυτιν. Για να κάνεισ μια ιςτορία ψθφιακι, μπορείσ να χρθςιμοποιιςεισ ςυνδυαςτικά τισ εικόνεσ, τα κείμενα, τα βίντεο και τουσ ιχουσ. Με άλλα λόγια, τα λεγόμενα πολυμζςα (multimedia). Αλλά γιατί να φτιάξεισ μόνο μια ψθφιακι ιςτορία όταν μπορείσ να φτιάξεισ αμζτρθτεσ και όλεσ να είναι διαφορετικζσ; Αν κάνεισ τθν αρχι, φυτεφοντασ ζνα ψθφιακό δζντρο, ςτθ ςυνζχεια μπορείσ να ζχεισ ςτθ διάκεςθ ςου ολόκλθρα ψθφιακά χωράφια γεμάτα δζντρα – ιςτορίεσ. Και αφοφ περιπλανθκείσ μζςα ςτα ψθφιακά χωράφια, καταλαβαίνεισ αμζςωσ, ότι ο ςκοπόσ δεν είναι μόνο να φυτζψεισ πολλά δεντράκια («φορτωμζνα» με οκόνεσ, κουμπιά, μουςικζσ και χρϊματα), για να «ζρκει» κάποιοσ και να τα καυμάςει. ΢κοπόσ είναι να προςφζρεισ και ςε άλλουσ τα κατάλλθλα εργαλεία, ϊςτε να φυτζψουν και εκείνοι τα δικά τουσ ψθφιακά δζντρα, ςτο δικό τουσ ψθφιακό χωράφι ι να «κρεμάςουν» το δικό τουσ μθλαράκι με περιεχόμενο ςτο δζντρο κάποιου φίλου. Με αυτόν τον τρόπο – τθσ ςυμμετοχισ και τθσ από κοινοφ δθμιουργίασ - οι ιςτορίεσ γίνονται διαδραςτικζσ (interactive) και πζρα για πζρα ψθφιακζσ.

Σελίδα 38 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» Αυτά ακριβϊσ ςκεφτικαμε, όλοι εμείσ που ςυνεργαςτικαμε για τθ δθμιουργία τθσ «Μθλιάσ». Σθσ πλατφόρμασ για τθ δθμιουργία ψθφιακϊν, διαδραςτικϊν αφθγιςεων και όχι μόνο. Όςοι αναρωτιζςτε γιατί το δζντρο μασ είναι μθλιά και όχι αχλαδιά ι βερικοκιά ι ποιοσ ξζρει τι άλλο, ςασ παρακαλοφμε να κυμθκείτε, ότι το μιλο είναι μάλλον ο πιο «πολυςυηθτθμζνοσ» καρπόσ ςτθν ανκρϊπινθ ιςτορία. … και οι άνθρωποι πίςω από την ιδέα Τπό τθν επιςτθμονικι ευκφνθ του Διευκυντι του Εργαςτθρίου Νζων Σεχνολογιϊν Κακθγθτι Μιχάλθ Μεϊμάρθ, και το ςυντονιςμό του Επίκουρου Κακθγθτι Δθμιτρθ Γκοφςκου, πολλοί ερευνθτικοί ςυνεργάτεσ και μεταπτυχιακοί φοιτθτζσ του Εργαςτθρίου δοφλεψαν και εξακολουκοφν να δουλεφουν για τθν πλατφόρμα τθσ Μθλιάσ, τθσ οποίασ θ ιςτορία ξεκινά από τον Μάρτιο 2010. Η αρχικι ομάδα, ςτθν οποία ςυμμετείχαν θ Ηλζκτρα Γαλάνθ, ο Αλζξανδροσ Δοφροσ και ο Νικόλασ Περδικάρθσ, ζδωςε ςάρκα και οςτά ςτθν ιδζα και ςυμπλθρϊκθκε ςτθ ςυνζχεια με το ΢ωτιρθ Κίργινα, τθν Κωνςταντίνα Φραγκι, τθν Ζνθ Μελιάδου, τθν Αλεξάνδρα Νάκου, τθν Χαρά Μαυρουδι, τθν Ιωάννα Σςιαβοφ, τον Λζκτορα Αντρζα Γιαννακουλόπουλο, ωσ ερευνθτικοφσ ςυνεργάτεσ του Εργαςτθρίου, και από τον Οκτϊβριο του 2010, για τθν ανάπτυξθ και εκπαιδευτικι αξιοποίθςθ τθσ διαδικτυακισ ζκδοςθσ τθσ Μθλιάσ, από τουσ Ευαγγελία Βαρδαλάχου, Μανϊλθ ΢πανουδάκθ, Βάλια Αλεφαντινοφ, Ελευκερία Μαλιςιόβα, Αγγελικι Χατιρα και άλλουσ ακόμθ μεταπτυχιακοφσ φοιτθτζσ του ΔΠΜ΢ «ΣΠΕ για τθν Εκπαίδευςθ». ΢ε αυτοφσ κα πρζπει να προςτεκοφν και εξωτερικοί ςυνομιλθτζσ του Εργαςτθρίου Νζων Σεχνολογιϊν από τουσ χϊρουσ τθσ αφιγθςθσ, τθσ εκπαίδευςθσ και των ψθφιακϊν μζςων, που αγκάλιαςαν με ηεςταςιά τθν ιδζα τθσ Μθλιάσ και βοικθςαν και εξακολουκοφν να βοθκοφν ςτθν προβολι τθσ. Ο Γιϊργοσ Ευγενικόσ, Πρόεδροσ του Κζντρου Μελζτθσ και Διάδοςθσ Μφκων και Παραμυκιϊν, ο ΢υμεϊν Ρετάλθσ, Αναπλθρωτισ Κακθγθτισ ςτο Σμιμα Ψθφιακϊν ΢υςτθμάτων Πανεπιςτθμίου Πειραιά, οι εκπαιδευτικοί Νίκοσ Καηάηθσ (Εκπαιδευτιρια Γείτονα), Μαρία Νζηθ (Βαρβάκειο

Πειραματικό

΢χολείο),

Πζτροσ

Δθμθτρακόπουλοσ

(Γυμνάςιο

Διαπολιτιςμικισ Εκπαίδευςθσ Αχαρνϊν), Γιϊργοσ Αντωνιάδθσ (Εκπαιδευτιρια Αυγουλζα-Λιναρδάτου) και άλλοι ζχουν προςφζρει πολφτιμθ βοικεια ςτο να ςυναντθκεί θ ιδζα τθσ Μθλιάσ με το κοινό τθσ. ΢ε όλουσ τουσ παραπάνω ανικουν κερμζσ ευχαριςτίεσ για τθ βοικεια, τισ ςκζψεισ, τισ ιδζεσ, τον ενκουςιαςμό που πρόςφεραν και ςυνεχίηουν να προςφζρουν.

Σελίδα 39 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

3.3 Παρουςίαςη τησ Μηλιάσ Μια ψθφιακι ιςτορία που ζχει αναρτθκεί ςτθ Μθλιά, ονομάηεται «μθλοϊςτορία» και ο δθμιουργόσ αυτισ «μθλο-ςυγγραφζασ». Στα κλαδιά τθσ Μθλιάσ μποροφν να «φυτρϊςουν» μιλα, άνκθ και φφλλα (εικόνα 3.2), τα επονομαηόμενα ςτοιχεία.

Εικόνα 3.2: το δζντρο τθσ Μθλιάσ Κακζνα από αυτά τα ςτοιχεία ςυνδζεται, με ςχζςθ ζνα-προσ-ζνα, με ζνα αρχείο κειμζνου, εικόνασ, ιχου ι βίντεο. Πλοι οι δυνατοί ςυνδυαςμοί είναι εφικτοί. Μποροφμε να ζχουμε, για παράδειγμα, ζνα μιλο-κειμζνου, ζνα άνκοσ-βίντεο, ζνα φφλλο-εικόνασ (εικόνα 3.3) και οφτω κακεξισ.

Σελίδα 40 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 3.3: κείμενα, βίντεο, εικόνεσ και ιχοι ςτθ Μθλιά Τα αρχεία αυτά, προκειμζνου να φορτωκοφν ςτθ Μθλιά, κα πρζπει να πλθροφν τισ προχποκζςεισ που παρατίκενται ςτον πίνακα 3.1. Το όνομα τουσ μπορεί να αποτελείται από: o

χαρακτιρεσ του λατινικοφ αλφάβθτου (κεφαλαία και πεηά)

o

αρικμθτικοφσ χαρακτιρεσ

o

τθν κάτω παφλα (underscore)

o

τθν μεςαία παφλα (hyphen)

Τα αρχεία κειμζνου πρζπει να είναι τφπου txt, με κωδικοποίθςθ (encoding) UTF8. Τα αρχεία εικόνασ πρζπει να είναι τφπου gif, jpg ι png και να ζχουν λόγο διαςτάςεων 4:3, διαφορετικά κα παραμορφωκοφν, ϊςτε να χωρζςουν ςτο διακζςιμο κάδρο. Τα αρχεία ιχου πρζπει να είναι τφπου mp3. Τα αρχεία βίντεο πρζπει να είναι τφπου flv. Πίνακασ 3-1: προδιαγραφζσ πολυμεςικϊν αρχείων Οι περιοριςμοί ςτουσ τφπουσ των αρχείων είναι οι περιοριςμοί τθσ χρθςιμοποιοφμενθσ τεχνολογίασ (flash). Αν το υλικό που κζλουμε να φορτϊςουμε ςτθ μθλοϊςτορία μασ αποτελείται Σελίδα 41 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ από αρχεία άλλων τφπων, κα πρζπει να τα μετατρζψουμε ϊςτε να είναι ςυμβατά με τθν εφαρμογι τθσ Μθλιάσ. Στο Διαδίκτυο υπάρχει μια πλθκϊρα on-line προγραμμάτων μετατροπισ. Εμείσ προτείνουμε τον ιςτοχϊρο http://www.online-convert.com/ (εικόνα 3.4) ο οποίοσ καλφπτει όλεσ τισ ανάγκεσ των μθλο-ςυγγραφζων.

Εικόνα 3.4: On-line εργαλείο μετατροπήσ αρχείων, http://www.online-convert.com/ Για περιςςότερεσ πλθροφορίεσ ςχετικά με τουσ τφπουσ των αρχείων, τισ κωδικοποιιςεισ τουσ, τα ιδιαίτερα χαρακτθριςτικά τουσ και γενικότερα κζματα ςυναφι με τα Ρολυμζςα, οι ενδιαφερόμενοι μποροφν να αντλιςουν πλθροφορίεσ από τθν ελλθνικι και διεκνι βιβλιογραφία. Ρροτείνεται το βιβλίο Ρολυμζςων των Δ. Ηευγϊλθ και Γ. Στυλιάρα (Ηευγϊλθσ-Στυλιάρασ, 2011). Ραρατθρϊντασ τθ Μθλιά, διαπιςτϊνουμε ότι δεν υπάρχει προφανισ τρόποσ να διαβάςουμε τθν μθλοϊςτορία. Θ προςπζλαςθ των ςτοιχείων είναι ελεφκερθ και κανείσ δεν υποχρεϊνει τον επιςκζπτθ να ανοίξει όλα τα ςτοιχεία. Συνεπϊσ ςτθ Μθλιά υπάρχει μια μθλοϊςτορία που δθμιοφργθςε ο ςυγγραφζασ τθσ και εν δυνάμει άπειρεσ μθλοϊςτορίεσ που δθμιουργοφνται με τθ διαφορετικι προςπζλαςθ από τουσ επιςκζπτεσ τθσ. Στθ Μθλιά, όπωσ ζχει διαφανεί από τα παραπάνω, δεν ιςχφει θ γραμμικότθτα, χαρακτθριςτικό που τθ διαφοροποιεί ςθμαντικά από τισ περιςςότερεσ αντίςτοιχεσ πλατφόρμεσ ψθφιακισ αφιγθςθσ. Αυτό προχποκζτει τθ δθμιουργία μθ γραμμικϊν ιςτοριϊν, ιςτοριϊν δθλαδι με πολλαπλζσ διαδρομζσ, πολλαπλζσ εκβάςεισ, γεγονότα που μποροφν να αλλάξουν ςειρά τζλεςθσ κ.λπ.

Σελίδα 42 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» Θ μθ γραμμικι αφιγθςθ φαντάηει δφςκολο εγχείρθμα, αλλά ο τρόποσ που ςκζφτονται οι νζεσ γενιζσ, κατά τον Prensky και πολλοφσ άλλουσ, είναι μθ γραμμικόσ. Θ Μθλιά, παρόλα αυτά, δίνει τθ δυνατότθτα και για παρουςίαςθ γραμμικϊν ιςτοριϊν. Μζςω τθσ διεπαφισ χριςθσ (εικόνα 3.5) ο μθλο-ςυγγραφζασ μπορεί να ορίςει που κα τοποκετθκοφν τα ςτοιχεία, ςυνεπϊσ μπορεί να τα τοποκετιςει ςτθ ςειρά. Επίςθσ, κακζνα από τα ςτοιχεία ςυνοδεφεται από μια ςφντομθ περιγραφι, μζςω τθσ οποίασ μποροφμε να δθλϊςουμε και τθ ςειρά (εικόνα 3.6).

Εικόνα 3.5: τοποκζτθςθ πολυμεςικϊν ςτοιχείων ςτθ Μθλιά

Εικόνα 3.6: ςφντομθ περιγραφι ςτοιχείου τθσ Μθλιάσ

Σελίδα 43 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Ο μθλο-ςυγγραφζασ, προκειμζνου να οργανϊςει καλφτερα τθ μθ γραμμικι του ιςτορία, μπορεί να δθμιουργιςει τισ δικζσ του νοθματικζσ ςυμβάςεισ. κα μποροφςε, για παράδειγμα, να κεωριςει ότι κακζνα από τα τρία κλαδιά τθσ Μθλιάσ είναι και ζνα αυτοτελζσ μζροσ τθσ μθλοϊςτορίασ. Να υποκζςει, επίςθσ, ότι τα άνκθ είναι ςτοιχεία ςυμπλθρωματικά και όχι βαςικά για τθν εξζλιξθ τθσ μθλοϊςτορίασ και οφτω κακεξισ. Οι παραπάνω ςυμβάςεισ αςφαλϊσ και δεν είναι δεςμευτικζσ για τουσ επιςκζπτεσ τθσ μθλοϊςτορίασ του παραδείγματοσ, κακϊσ ςτισ περιςςότερεσ των περιπτϊςεων θ πρόςβαςθ των επιςκεπτϊν γίνεται απομακρυςμζνα, χωρίσ τθ φυςικι παρουςία του μθλο-ςυγγραφζα. Αν κρίνεται απαραίτθτο, αυτοφ του είδουσ οι ςυμβάςεισ μποροφν να γνωςτοποιθκοφν ςτουσ επιςκζπτεσ, μζςω τθσ περιγραφισ τθσ μθλοϊςτορίασ θ οποία εμφανίηεται ςτθν κουφάλα του δζντρου (εικόνα 3.7).

Εικόνα 3.7: ςφντομθ περιγραφι μιασ μθλοϊςτορίασ Αναλυτικότερεσ πλθροφορίεσ για το πϊσ ετοιμάηεται μια μθλοϊςτορία περιζχονται ςτθν ενότθτα του ιςτοχϊρου τθσ Μθλιάσ «οι δικζσ ςασ μθλιζσ - πϊσ να τισ ετοιμάςετε» (εικόνα 3.8).

Σελίδα 44 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 3.8: οδθγίεσ δθμιουργίασ μθλοϊςτοριϊν Οι ζτοιμεσ μθλοϊςτορίεσ εμφανίηονται ςε μια αναδιπλοφμενθ λίςτα (εικόνα 3.9), μζςω τθσ οποίασ ο επιςκζπτθσ μπορεί να επιλζξει ποια από αυτζσ κα προβάλει.

Εικόνα 3.9: επιλογι μθλοϊςτορίασ Θ Μθλιά είναι μια πλατφόρμα ψθφιακισ αφιγθςθσ ανοικτι προσ όλουσ. Οι μθλοϊςτορίεσ μποροφν να διαβαςτοφν από όλουσ τουσ χριςτεσ του Διαδικτφου. Ρροκειμζνου όμωσ να ςυγγράψει κάποιοσ μια μθλοϊςτορία κα πρζπει να εγγραφεί ωσ χριςτθσ του ιςτοχϊρου τθσ Μθλιάσ και να ενεργοποιθκεί το δικαίωμα αυτό, από τουσ διαχειριςτζσ.

3.4 Μηλιά, 1η ζκδοςη Ππωσ αναφζρκθκε και προθγουμζνωσ, θ πλατφόρμα τθσ Μθλιάσ, ςτο πλαίςιο τθσ παροφςασ διπλωματικισ ολοκλθρϊνει τθν τρίτθ φάςθ ανάπτυξισ τθσ, τθν τρίτθ τθσ ζκδοςθ. Σελίδα 45 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Ρροκειμζνου να αναδειχτεί θ μεγάλθ εξζλιξθ τθσ πλατφόρμασ από ζκδοςθ ςε ζκδοςθ, κα περιγραφοφν ςτθ ςυνζχεια, τα βαςικά ςτοιχεία των δφο προθγοφμενων εκδόςεων. Στθν πρϊτθ ζκδοςθ τζκθκε το κεωρθτικό υπόβακρο τθσ Μθλιάσ, υλοποιικθκαν οι βαςικζσ λειτουργίεσ τθσ πλατφόρμασ και διαμορφϊκθκε το εικαςτικό τθσ περιβάλλον. Θ πλατφόρμα τθσ Μθλιάσ αναπτφχκθκε με τθ χριςθ τθσ γλϊςςασ προγραμματιςμοφ ActionScript version 2 (AS2), ϊςτε το παραγόμενο προϊόν να είναι μια εφαρμογι flash (εικόνεσ 3.10-3.12).

Εικόνα 3.10: θ αρχικι οκόνθ τθσ Μθλιάσ (1θ ζκδοςθ)

Εικόνα 3.11: θ οκόνθ επιλογϊν τθσ Μθλιάσ (1θ ζκδοςθ)

Εικόνα 3.12: θ 1θ ζκδοςθ τθσ Μθλιάσ Θ εφαρμογι, κακϊσ και τα πολυμεςικά αρχεία (κείμενα, εικόνεσ, ιχοι, βίντεο) που ςυνζκεταν τθν μθλοϊςτορία, ιταν αποκθκευμζνα ςτον θλεκτρονικό υπολογιςτι του χριςτθ. Σε κάκε πολυμεςικό αρχείο αντιςτοιχοφςε ζνα ςυγκεκριμζνο ςτοιχείο τθσ μθλοϊςτορίασ (φφλλο, μιλο, άνκοσ), με τζτοιο τρόπο, ϊςτε για κάκε μθλοϊςτορία δθμιουργοφταν μια ξεχωριςτι εφαρμογι flash. Θ δθμιουργία, δθλαδι, νζασ μθλοϊςτορίασ προχπόκετε τθν παρζμβαςθ προγραμματιςτι, κακιςτϊντασ τθν εφαρμογι δφςχρθςτθ. Οι λειτουργίεσ που υποςτθριηόταν, ιταν το άνοιγμα, το

Σελίδα 46 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» κλείςιμο και θ μετακίνθςθ των ςτοιχείων (φφλλα, μιλα, άνκθ), θ αλλαγι χρϊματοσ ςτθ φυλλωςιά τθσ Μθλιάσ, θ μεγζκυνςθ, ςμίκρυνςθ και μετακίνθςθ ολόκλθρου του περιεχομζνου τθσ εφαρμογισ.

3.5 Μηλιά, 2η ζκδοςη Στθ δεφτερθ ζκδοςι τθσ, Θ Μθλιά απζκτθςε διαδικτυακι παρουςία. Δθμιουργικθκε ζνασ ολοκλθρωμζνοσ Λςτοχϊροσ (εικόνα 3.13), με τθ χριςθ του δθμοφιλοφσ CMS (Content Management System) Joomla. Στον Λςτοχϊρο αυτό, εκτόσ από πλθροφορίεσ ςχετικά με τθν πλατφόρμα τθσ Μθλιάσ, αναρτικθκαν οι εκπαιδευτικζσ παρεμβάςεισ ςυναδζλφων εκπαιδευτικϊν, δαςκάλων και νθπιαγωγϊν, οι οποίεσ πραγματοποιικθκαν με βάςθ τισ μθλοϊςτορίεσ που οι ίδιοι δθμιοφργθςαν.

Εικόνα 3.13: ο Λςτοχϊροσ τθσ Μθλιάσ Στθ νζα αυτι ζκδοςθ, αναςχεδιάςτθκε ολόκλθρθ θ πλατφόρμα τθσ Μθλιάσ, από τεχνικισ απόψεωσ, διατθρικθκε όμωσ το ίδιο αιςκθτικό περιβάλλον. Θ εφαρμογι flash ξαναγράφτθκε ςε γλϊςςα προγραμματιςμοφ ActionScript version 3 (AS3) και υιοκετικθκε το μοντζλο πελάτθεξυπθρζτθ (client-server) για τθ λειτουργία τθσ. Αυτό ςιμαινε τθ χριςθ: file server για τθν αποκικευςθ των αρχείων των μθλοϊςτοριϊν database server για τθν οργάνωςθ και φφλαξθ τθσ πλθροφορίασ που ςυνόδευε κάκε μθλοϊςτορία web server για τθ διαδικτυακι λειτουργία τθσ πλατφόρμασ

Σελίδα 47 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Θ εφαρμογι flash ενςωματϊνεται πλζον ςτον Λςτοχϊρο τθσ Μθλιάσ (εικόνα 3.13), ϊςτε να προςπελαφνεται διαδικτυακά από τουσ χριςτεσ. Μία και μόνθ εφαρμογι εξυπθρετεί με δυναμικό τρόπο τισ διαφορετικζσ μθλοϊςτορίεσ που ζχουν δθμιουργθκεί. Ο χριςτθσ ζχει τθ δυνατότθτα να επιλζξει μζςω αναδιπλοφμενθσ λίςτασ τθ μθλοϊςτορία που κζλει να εμφανίςει ςτθν οκόνθ του. Αίρονται οι περιοριςμοί, τθσ προθγοφμενθσ ζκδοςθσ, αναφορικά με το πλικοσ των ςτοιχείων που μποροφν να φορτωκοφν ςτθ Μθλιά και τθν ακολουκοφμενθ ονοματολογία των ςυνδεόμενων πολυμεςικϊν αρχείων.

Εικόνα 3.14: θ 2θ ζκδοςθ τθσ Μθλιάσ Αν και θ ζκδοςθ αυτι άλλαξε τθ δυναμικι τθσ Μθλιάσ, απουςίαηε ζνα εφχρθςτο περιβάλλον για τθ δθμιουργία των μθλοϊςτοριϊν, τθν οποία αναλάμβανε ο διαχειριςτισ τθσ πλατφόρμασ, ανεβάηοντασ για λογαριαςμό των χρθςτϊν τα πολυμεςικά αρχεία και ενθμερϊνοντασ χειροκίνθτα τθ βάςθ δεδομζνων.

Σελίδα 48 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

4. Μηλιά, η 3η ζκδοςη Ζχοντασ μελετιςει ςε βάκοσ τθν πρϊτθ ζκδοςθ τθσ Μθλιάσ και ζχοντασ αναπτφξει τθ δεφτερθ ζκδοςθ τθσ, ιμαςταν ςε κζςθ να προςδιορίςουμε επακριβϊσ τισ λειτουργικζσ απαιτιςεισ τθσ τρίτθσ ζκδοςθσ. Οι παρεμβάςεισ μασ εςτιάςτθκαν ςε δφο ςθμεία. Ζγιναν παρεμβάςεισ ςτον πθγαίο κϊδικα (ActionScript) και ςτθν εφαρμογι flash τθσ Μθλιάσ, προκειμζνου να διορκϊςουμε προβλιματα ςτθ λειτουργία τθσ, αλλά και να προςκζςουμε επιπλζον δυνατότθτεσ.

4.1 Λειτουργικζσ απαιτήςεισ Τα βαςικά ςθμεία βελτίωςθσ που περιελάμβανε αυτό το ςτάδιο παρατίκενται ςτον πίνακα 4.1: Εξαςφάλιςθ ςυμβατότθτασ με τισ νεότερεσ εκδόςεισ των φυλλομετρθτϊν (Internet Explorer, Mozilla Firefox, Opera) Δθμιουργία preloaders για το δζντρο τθσ Μθλιάσ και για τα επιμζρουσ ςτοιχεία (φφλλα, μιλα, άνκθ). Ανάπτυξθ κϊδικα για τθν αυτόματθ προςαρμογισ των διαςτάςεων των εικόνων που φορτϊνονται ϊςτε να χωράνε ςτα πλαίςια των φφλλων, μιλων και ανκϊν. Ανάπτυξθ κϊδικα και προςκικθ ρυκμιςτικϊν για μεγζκυνςθ των εικόνων. Ανάπτυξθ κϊδικα και προςκικθ ρυκμιςτικϊν εμφάνιςθσ και απόκρυψθσ όλων των ςτοιχείων. Ενςωμάτωςθ τθσ εφαρμογισ flash ςτο περιβάλλον του Joomla, ϊςτε να υπάρχει ενιαία αιςκθτικι μεταξφ του Λςτοχϊρου και τθσ εφαρμογισ flash. Πίνακασ 4-1: λειτουργικζσ απαιτιςεισ εφαρμογισ flash τθσ Μθλιάσ Το δεφτερο και ςθμαντικότερο ςθμείο παρζμβαςισ μασ ςτθν πλατφόρμα τθσ Μθλιάσ ιταν ο ςχεδιαςμόσ και θ υλοποίθςθ διεπαφισ χριςθσ (user interface), για τθν εφκολθ δθμιουργία μθλοϊςτοριϊν και θ ενςωμάτωςθ ςυςτιματοσ πιςτοποίθςθσ χρθςτϊν. Στο ςτάδιο αυτό κάναμε παρεμβάςεισ ςτθ Βάςθ Δεδομζνων τθσ Μθλιάσ κακϊσ και ςτο ςφςτθμα διαχείριςθσ περιεχομζνου Joomla του Λςτοχϊρου τθσ Μθλιάσ. Τα βαςικά ςθμεία βελτίωςθσ που περιλάμβανε αυτό το ςτάδιο παρατίκενται ςτον πίνακα 4.2:

Σελίδα 49 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Ριςτοποίθςθ χρθςτϊν (user authentication) Ρροςκικθ νζασ Μθλοϊςτορίασ Επιλογι ςτοιχείου (φφλλο, μιλο, άνκοσ) και κζςθσ του πάνω ςτο δζντρο τθσ Μθλιάσ Ζλεγχοσ ςυμβατότθτασ αρχείων Ζλεγχοσ μεγζκουσ αρχείων Φόρτωμα αρχείων (uploading) Αυτόματθ ενθμζρωςθ Βάςθσ Δεδομζνων Ρροςκικθ μεταδεδομζνων Μθλοϊςτορίασ (τίτλοσ, ςυντελεςτζσ κ.λπ.) Επεξεργαςία αποκθκευμζνθσ Μθλοϊςτορίασ Διαγραφι Μθλοϊςτορίασ Διαγραφι ςτοιχείου (μιλο, φφλλο, άνκοσ), αλλαγι ι προςκικθ νζου Αλλαγι μεταδεδομζνων Μθλοϊςτορίασ Πίνακασ 4-2: λειτουργικζσ απαιτιςεισ διεπαφισ χριςθσ τθσ Μθλιάσ

4.2 Διαδικαςία ανάπτυξησ Μια διαδικαςία λογιςμικοφ είναι ζνα ςφνολο δραςτθριοτιτων που οδθγεί ςτθν παραγωγι ενόσ προϊόντοσ λογιςμικοφ (Sommerville, 2006). Θ κφρια λειτουργία ενόσ μοντζλου διαδικαςίασ λογιςμικοφ (software process model) είναι να κακορίςει τθ ςειρά των ςταδίων που αφοροφν ςτθν ανάπτυξθ και εξζλιξθ του λογιςμικοφ, κακϊσ και να κακιερϊςει τα κριτιρια μετάβαςθσ (transition criteria) από το ζνα ςτάδιο ςτο επόμενο (Boehm, 1986). Θ ςπουδαιότθτα των μοντζλων διαδικαςίασ λογιςμικοφ ζγκειται ακριβϊσ ςτο ότι παρζχουν κακοδιγθςθ, αναφορικά με τθ ςειρά που πρζπει να εκτελοφνται, οι κφριεσ εργαςίεσ ενόσ ζργου (project). Αναφζρουμε επιγραμματικά τα πρϊιμα μοντζλα “Code-and-fix” και “Stage-wise” κακϊσ και τα πιο πρόςφατα “Waterfall model”, “Evolutionary development model” και “Transform model”. Θ ανάπτυξθ τθσ Μθλιάσ, βαςίςτθκε ςτο ςπειροειδζσ μοντζλο (spiral model) το οποίo προτάκθκε από τον Boehm το 1986. Στο ςπειροειδζσ μοντζλο (εικόνα 4.1), κάκε ςπείρα αντιπροςωπεφει μία φάςθ ςτθ διαδικαςία λογιςμικοφ. Θ εςωτερικι ςπείρα μπορεί, για παράδειγμα, να αςχολείται με τθ ςκοπιμότθτα του ςυςτιματοσ, θ επόμενθ με τον οριςμό των απαιτιςεων και οφτω κακεξισ.

Σελίδα 50 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 4.1: ςπειροειδζσ μοντζλο, (δικι μασ απόδοςθ ςτα ελλθνικά, από ςχιμα του Google images) Σελίδα 51 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Θ κφρια διαφορά μεταξφ του ςπειροειδοφσ μοντζλου και των άλλων μοντζλων, είναι θ ςαφισ αναγνϊριςθ των ενδεχόμενων κινδφνων. Ραράδειγμα κινδφνων είναι θ υπζρβαςθ του κόςτουσ ι θ μθ τιρθςθ του χρονοδιαγράμματοσ εργαςιϊν. Οι κίνδυνοι αντιμετωπίηονται με περαιτζρω ανάλυςθ, δθμιουργία πρωτοτφπων ι προςομοίωςθ. Κατόπιν ακολουκεί μερικι ανάπτυξθ και προγραμματιςμόσ για τθν επόμενθ ςπείρα (φάςθ). Στο ςπειροειδζσ μοντζλο δίνονται εναλλακτικοί τρόποι επίτευξθσ των ςτόχων κακϊσ και οι αντίςτοιχοι περιοριςμοί ςτουσ οποίουσ υπόκεινται. Θ διεπαφι χριςθσ τθσ Μθλιάσ ολοκλθρϊκθκε ςε τρεισ ςπείρεσ, οι οποίεσ περιγράφονται ςτουσ πίνακεσ 4.3-4.5. Κακοριςμόσ ςτόχων

Θ δθμιουργία μιασ βελτιωμζνθσ ζκδοςθσ τθσ Μθλιάσ, θ οποία κα περιλαμβάνει: Τθ δθμιουργία μιασ διεπαφισ χριςθσ (user interface), που κα δίνει τθ δυνατότθτα ςε πιςτοποιθμζνουσ χριςτεσ να δθμιουργοφν μθλοϊςτορίεσ, ειςάγοντασ τον τίτλο και τθν περιγραφι τθσ. Τθ βελτίωςθ τθσ εφαρμογισ flash που παρουςιάηει τισ μθλοϊςτορίεσ, ωσ προσ τισ υποςτθριηόμενεσ δυνατότθτεσ και ωσ προσ τθ ςυμβατότθτά τθσ με τα παλαιά και νζα υπολογιςτικά περιβάλλοντα.

Ρεριοριςμοί

Τα εργαλεία ανάπτυξθσ που κα χρθςιμοποιθκοφν κα πρζπει να είναι ανοιχτοφ κϊδικα ι ελεφκερα προσ κοινι χριςθ, κακϊσ και ςυμβατά με αυτά που ζχουν ιδθ χρθςιμοποιθκεί για τθν ζωσ τϊρα ανάπτυξθ τθσ Μθλιάσ. Ο χρόνοσ υλοποίθςθσ, βάςει χρονοδιαγράμματοσ, είναι ζξι μινεσ.

Εναλλακτικζσ

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

Κίνδυνοι

Να χρειαςτεί επαναςχεδιαςμόσ τθσ εφαρμογισ flash. Να μθν επαρκοφν τα διακζςιμα εργαλεία ϊςτε να υλοποιθκοφν οι ςτόχοι. Να μθν επαρκεί ο χρόνοσ υλοποίθςθσ.

Επίλυςθ κινδφνων

Εντατικόσ ζλεγχοσ του υπάρχοντοσ κϊδικα ςε Actionscript 3, ϊςτε να διαφανεί το μζγεκοσ των απαιτοφμενων παρεμβάςεων, πριν επιχειρθκεί θ προςκικθ νζων χαρακτθριςτικϊν ςτθν εφαρμογι. Εντοπιςμόσ των εργαλείων ανάπτυξθσ και ζλεγχοσ των δυνατοτιτων τουσ. Αυςτθρι τιρθςθ του χρονοδιαγράμματοσ.

Αποτελζςματα

Ελζγχκθκε ο κϊδικασ τθσ εφαρμογισ flash και ακολοφκθςε θ

Σελίδα 52 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» επίλυςθσ κινδφνων

βελτιςτοποίθςθ οριςμζνων ςθμείων ϊςτε να προετοιμαςτεί θ προςκικθ του νζου κϊδικα. Δθμιουργικθκαν επίςθσ νζα ςφμβολα (movie clips, buttons και graphics) ςτθ βιβλιοκικθ τθσ εφαρμογισ, τα οποία κα χρθςιμοποιθκοφν ςτθν νζα ζκδοςθ. Τα εργαλεία που επιλζχκθκαν για τθν ανάπτυξθ τθσ διεπαφισ χριςθσ είναι οι γλϊςςεσ PHP και HTML, οι οποίεσ κα ςυνεργαςτοφν με τθ βάςθ MySQL, το CMS Joomla και τθν Actionscript 3, ςτα οποία βαςίηεται θ ζωσ τϊρα υλοποίθςθ τθσ Μθλιάσ.

Σχεδιαςμόσ για τθν

Θ δθμιουργία ενόσ πρωτότυπου για τθ διεπαφι χριςθσ τθσ Μθλιάσ. Το

επόμενθ ςπείρα (φάςθ)

πρωτότυπο κα περιζχει όλεσ τισ οκόνεσ και τα ςτοιχεία πλοιγθςθσ (μενοφ, κουμπιά) που είναι απαραίτθτα ϊςτε οι χριςτεσ να μποροφν να δθμιουργοφν τισ μθλοϊςτορίεσ τουσ, κακϊσ και τον απαιτοφμενο κϊδικα για τθ λειτουργία τουσ. Θ λειτουργικι εξζλιξθ τθσ εφαρμογισ flash.

Δζςμευςθ

Να προβοφμε ςτισ ενζργειεσ που προβλζπει ο ςχεδιαςμόσ. Πίνακασ 4-3: πρϊτθ ςπείρα (φάςθ 1)

Σελίδα 53 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Κακοριςμόσ ςτόχων

Θ δθμιουργία μιασ διεπαφισ χριςθσ (user interface), που κα δίνει τθ δυνατότθτα ςε πιςτοποιθμζνουσ χριςτεσ να επεξεργάηονται, να ενεργοποιοφν ι και να διαγράφουν τισ μθλοϊςτορίεσ τουσ. Κατά τθν επεξεργαςία, οι χριςτεσ κα μποροφν να φορτϊνουν ςτθ Μθλιά τουσ νζα ςτοιχεία (φφλλα, μιλα, άνκθ) και να τα ςυνδζουν με αρχεία (κειμζνου, εικόνασ, ιχου, βίντεο). Θ ενςωμάτωςθ τθσ διεπαφισ χριςθσ ςτθν ιςτοςελίδα τθσ Μθλιάσ (Joomla ζκδοςθ 1.5.22). Θ προςκικθ ςτθν εφαρμογι flash τθσ δυνατότθτασ εμφάνιςθσαπόκρυψθσ όλων των ςτοιχείων τθσ επιλεγμζνθσ μθλοϊςτορίασ, κακϊσ και τθσ μεγζκυνςθσ-ςμίκρυνςθσ των επιμζρουσ φορτωμζνων ςτοιχείων.

Ρεριοριςμοί

Το Joomla είναι γενικισ χριςθσ Σφςτθμα Διαχείριςθσ Ρεριεχομζνου, χωρίσ εγγενι υποςτιριξθ τθσ PHP. Ο χρόνοσ υλοποίθςθσ, βάςει χρονοδιαγράμματοσ, είναι τζςςερισ μινεσ.

Εναλλακτικζσ

Να μθν ενςωματωκεί θ διεπαφι χριςθσ ςτο Joomla. Εντατικοποίθςθ τθσ εργαςίασ.

Κίνδυνοι

Να μθ βρεκεί πρόςκετο (plugin) για το Joomla, ϊςτε να υποςτθριχτεί θ εκτζλεςθ κϊδικα ςε PHP.

Επίλυςθ κινδφνων

Να εντοπιςτοφν μθ εμπορικά php-plugins για το Joomla. Να ελεγχκεί θ ςυμβατότθτά τουσ με τθν ζκδοςθ 1.5.22 και να δοκιμαςτεί θ λειτουργία τουσ.

Αποτελζςματα

Επιλζχκθκε το DirectPHP (ζκδοςθ 1.56), το οποίο είναι πλιρωσ ςυμβατό

επίλυςθσ κινδφνων

και λειτουργεί χωρίσ προβλιματα.

Σχεδιαςμόσ για τθν

Θ δθμιουργία ενόσ δεφτερου πρωτότυπου για τθ διεπαφι χριςθσ τθσ

επόμενθ ςπείρα (φάςθ)

Μθλιάσ. Το πρωτότυπο κα περιζχει επιπλζον όλεσ τισ οκόνεσ και τα ςτοιχεία πλοιγθςθσ (μενοφ, κουμπιά) που είναι απαραίτθτα ϊςτε οι χριςτεσ να μποροφν να διαχειρίηονται τισ μθλοϊςτορίεσ τουσ, κακϊσ και τον απαιτοφμενο κϊδικα για τθ λειτουργία τουσ. Θ λειτουργικι ολοκλιρωςθ τθσ εφαρμογισ flash.

Δζςμευςθ

Να προβοφμε ςτισ ενζργειεσ που προβλζπει ο ςχεδιαςμόσ. Πίνακασ 4-4: δεφτερθ ςπείρα (φάςθ 2)

Σελίδα 54 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» Κακοριςμόσ ςτόχων

Θ ολοκλιρωςθ τθσ διεπαφισ χριςθσ με τθν ενςωμάτωςθ μθχανιςμοφ πιςτοποίθςθσ χρθςτϊν. Θ λειτουργικι ολοκλιρωςθ τθσ εφαρμογισ flash. Ο τελικόσ τεχνικόσ ζλεγχοσ τθσ Μθλιάσ, ο οποίοσ κα περιλαμβάνει ελζγχουσ λειτουργίασ και ςυμβατότθτασ με τα παλαιά και νζα υπολογιςτικά περιβάλλοντα.

Ρεριοριςμοί

Ο χρόνοσ υλοποίθςθσ, βάςει χρονοδιαγράμματοσ, είναι δφο μινεσ.

Κίνδυνοι

Να μθν ελεγχκεί διεξοδικά θ εφαρμογι τθσ Μθλιάσ.

Επίλυςθ κινδφνων

Να βρεκεί ικανόσ αρικμόσ beta testers για τον ζλεγχο.

Αποτελζςματα

Βρζκθκε ικανόσ αρικμόσ beta testers, ςτουσ οποίουσ δόκθκε δικαίωμα

επίλυςθσ κινδφνων

πρόςβαςθσ ςτθ Μθλιά προκειμζνου να ελζγξουν τθ λειτουργία τθσ.

Δζςμευςθ

Να προβοφμε ςτισ ενζργειεσ που προβλζπει ο ςχεδιαςμόσ και να παραδϊςουμε εγκαίρωσ, μία πλιρωσ λειτουργικι και ολοκλθρωμζνθ διαδικτυακι πλατφόρμα ψθφιακισ αφιγθςθσ. Πίνακασ 4-5: τρίτθ ςπείρα (φάςθ 3)

Ζνα από τα ςθμαντικότερα ςθμεία ςτθν ανάπτυξθ τθσ τρίτθσ ζκδοςθσ τθσ Μθλιάσ, είναι o δοκιμαςτικόσ ζλεγχοσ (beta testing) τθσ εφαρμογισ από ομάδα επιλεγμζνων χρθςτϊν. Οι οδθγίεσ προσ τουσ beta testers ιταν να περιθγθκοφν ελεφκερα ςτθν πλατφόρμα τθσ Μθλιάσ, αλλά να ελζγξουν όλεσ τισ λειτουργίεσ τθσ. Σε κάκε φάςθ υλοποίθςθσ, θ διεπαφι χριςθσ και θ εφαρμογι ελεγχκικαν διεξοδικά, ϊςτε: Να εξαςφαλιςτεί θ ςυμβατότθτα τθσ πλατφόρμασ με τισ νεότερεσ αλλά και τισ πιο διαδεδομζνεσ εκδόςεισ των δθμοφιλζςτερων φυλλομετρθτϊν (browsers). Ελζχκθςαν οι Internet Explorer, Mozilla Firefox, Google Chrome. Να εντοπιςτοφν και να διορκωκοφν τυχϊν προβλιματα ςτισ διάφορεσ λειτουργίεσ τθσ πλατφόρμασ. Θ πλατφόρμα δοκιμάςτθκε με τζτοιο τρόπο ϊςτε να ελεγχκοφν τα όρια τθσ. Για παράδειγμα, οι χριςτεσ προςπάκθςαν να φορτϊςουν πολυμεςικά αρχεία μεγαλφτερου μεγζκουσ από το επιτρεπτό, αρχεία με μθ επιτρεπτι ονοματολογία κλπ. Να ελεγχκεί θ ευχρθςτία και το αιςκθτικό μζροσ τθσ πλατφόρμασ. Να εμπλουτιςτεί θ πλατφόρμα με νζεσ δυνατότθτεσ. Θ διαδικαςία κρίκθκε επιτυχισ, κακϊσ θ ανάδραςθ ιταν πλοφςια και λεπτομερισ και ςυνζβαλε ϊςτε να αποκτιςει θ πλατφόρμα τθσ Μθλιάσ τθν τρζχουςα μορφι τθσ.

Σελίδα 55 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

4.3 Σεχνική αρχιτεκτονική Θ εφαρμογι τθσ Μθλιάσ (εικόνα 4.2), μζςω τθσ οποίασ οι χριςτεσ μποροφν να περιθγθκοφν ςτισ μθλοϊςτορίεσ, ζχει υλοποιθκεί με τθ χριςθ τθσ ActionScript version 3 (AS3). Θ AS3 είναι μια γλϊςςα αντικειμενοςτραφοφσ προγραμματιςμοφ (object-oriented language). Χρθςιμοποιείται κυρίωσ για τθ δθμιουργία εφαρμογϊν flash για χριςθ ςτο Διαδίκτυο. Θ AS3 μπορεί να κεωρθκεί γλϊςςα ανοιχτοφ-κϊδικα (open-source), κακϊσ διατίκεται, χωρίσ χρζωςθ, θ τεκμθρίωςθ τθσ http://livedocs.adobe.com/specs/actionscript/3/wwhelp/wwhimpl/js/html/wwhelp.htm

και

ο

μεταγλωττιςτισ (compiler) τθσ http://opensource.adobe.com/wiki/display/flexsdk/Flex+SDK και μάλιςτα από τθν ίδια τθν παραγωγό εταιρία Adobe. Υπάρχει επίςθσ πλθκϊρα ελεφκερων επεξεργαςτϊν (editors) για τθ ςυγγραφι κϊδικα ςε AS3.

Εικόνα 4.2: θ πλατφόρμα τθσ Μθλιάσ Θ πλθροφορία που αφορά ςτθν κάκε μθλοϊςτορία είναι οργανωμζνθ ςε μια βάςθ δεδομζνων MySQL, με όνομα milia_additionial. Θ βάςθ αυτι περιζχει τουσ πίνακεσ appleTreeInfo,

Σελίδα 56 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» elementInfo και coordinates. Οι πίνακεσ αυτοί ενθμερϊνονται αυτόματα, κακϊσ ο μθλοςυγγραφζασ δθμιουργεί τθ μθλοϊςτορία του, μζςω τθσ διεπαφισ χριςθσ τθσ Μθλιάσ. Ο πίνακασ appleTreeInfo (πίνακασ Α.1, Ραράρτθμα Α) περιλαμβάνει πλθροφορίεσ ςχετικά με τθ μθλοϊςτορία, όπωσ για παράδειγμα τον τίτλο τθσ, το ςυγγραφζα τθσ κ.λπ. Ο πίνακασ elementInfo (πίνακασ Α.2, Ραράρτθμα Α) περιλαμβάνει πλθροφορίεσ ςχετικά με τα ςτοιχεία που περιζχει μια μθλοϊςτορία, όπωσ για παράδειγμα τον τφπο τουσ, το μζγεκοσ του ςυνδεόμενου αρχείου κ.λπ. Ο πίνακασ coordinates (πίνακασ Α.3, Ραράρτθμα Α) περιλαμβάνει πλθροφορίεσ ςχετικά με τισ διακζςιμεσ κζςεισ τοποκζτθςθσ των ςτοιχείων πάνω ςτθ Μθλιά. Υπάρχουν πενιντα (50) προκακοριςμζνεσ κζςεισ. Θ ιςτοςελίδα που φιλοξενεί τθν εφαρμογι flash τθσ Μθλιάσ ονομάηεται appletreemain.php. Στo πάνω μζροσ, τθσ ιςτοςελίδασ αυτισ, υπάρχει μια αναδιπλοφμενθ λίςτα, μζςω τθσ οποίασ, ο χριςτθσ, επιλζγει τθν μθλοϊςτορία που κζλει να εμφανίςει ςτον φυλλομετρθτι (browser) του. Αναλυτικότερα τα βιματα που εκτελοφνται όταν κάποιοσ χριςτθσ επιλζξει μια μθλοϊςτορία είναι τα εξισ (εικόνα 4.3): 1. Το αρχείο appletree-main.php ηθτάει από τθ βάςθ milia_additionial τθν αποκθκευμζνθ πλθροφορία που αφορά ςτθν επιλεγμζνθ μθλοϊςτορία.

2. Θ βάςθ επιςτρζφει τθν πλθροφορία που τθσ ηθτικθκε.

3. Το αρχείο appletree-main.php αποκθκεφει τθν πλθροφορία ςε ζνα ενδιάμεςο βοθκθτικό αρχείο php με όνομα intermediate.php.

4. Θ ιςτοςελίδα appletree-main.php φορτϊνεται αυτόματα, προκειμζνου να εμφανίςει το νζο περιεχόμενο.

5. Θ εφαρμογι flash (αρχείο miliaIII.swf) διαβάηει τθν πλθροφορία από το αρχείο intermediate.php.

6. Θ πλθροφορία παραμετροποιεί τθν εφαρμογι flash ζτςι ϊςτε να εμφανιςτεί θ επιλεγμζνθ μθλοϊςτορία.

Σελίδα 57 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Εικόνα 4.3: θ λειτουργία φόρτωςθσ μθλοϊςτοριϊν Ρροκειμζνου να γίνει περιςςότερο αντιλθπτό, τι είδουσ πλθροφορία περιζχει ζνα αρχείο intermediate.php, παρακζτουμε τμιμα αυτοφ, όταν ο χριςτθσ επιλζξει από τθν αναδιπλοφμενθ λίςτα τθν «ιςτορία του Λουκ», μια βραβευμζνθ ιςτορία του Νικόλα Ρερδικάρθ: &elementID33=71&elementType33=leaf&elementName33=gardennight.PNG&appleTreeID33=3&de scription33=Ο κιποσ του Λουκ&coordX33=758.95&coordY33=215.95&cant=34&apinfo=Ο Λουκ, ζνασ νάνοσ-φωτιςτικό κιπου και θ φανταςτικι του περιπζτεια. Αποκωδικοποιϊντασ τα παραπάνω διαπιςτϊνουμε ότι: 1. &elementID33=71  Το τρζχον ςτοιχείο ζχει αφξοντα αρικμό 33 ςτθ μθλοϊςτορία, δθλαδι είναι το 34ο ςτοιχείο τθσ (θ αρίκμθςθ ξεκινάει από το 0). Ρρόκειται επίςθσ για τθν 71θ εγγραφι του πίνακα elementInfo.

2. &elementType33=leaf  Ο τφποσ του αρχείου είναι «φφλλο».

3. &elementName33=gardennight.PNG



Το

όνομα

του

ςυνδεόμενου

αρχείου

είναι

«gardennight.PNG».

4. &appleTreeID33=3  Ρρόκειται για τθν 3θ εγγραφι του πίνακα appleTreeInfo.

5. &description33=Ο κιποσ του Λουκ  Θ περιγραφι του ςτοιχείου είναι «Ο κιποσ του Λουκ».

6. &coordX33=758.95  Το ςτοιχείο κα τοποκετθκεί πάνω ςτθ ςκθνι τθσ εφαρμογισ flash ςτθ ςυντεταγμζνθ Χ=758.95.

7. &coordY33=215.95  Το ςτοιχείο κα τοποκετθκεί πάνω ςτθ ςκθνι τθσ εφαρμογισ flash ςτθ ςυντεταγμζνθ Y=215.95.

8. &cant=34  Ο ςυνολικόσ αρικμόσ των ςτοιχείων τθσ μθλοϊςτορίασ είναι 34.

Σελίδα 58 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» 9. &apinfo=Ο Λουκ, ζνασ νάνοσ-φωτιςτικό κιπου και θ φανταςτικι του περιπζτεια.  Θ ςφντομθ περιγραφι τθσ μθλοϊςτορίασ είναι «Ο Λουκ, ζνασ νάνοσ-φωτιςτικό κιπου και θ φανταςτικι του περιπζτεια.». Θ εφαρμογι flash ενςωματϊκθκε ςτον Λςτοχϊρο τθσ Μθλιάσ ωσ άρκρο του Joomla (εικόνα 4.4), με όνομα appletree-main.php. Επειδι το άρκρο περιζχει κϊδικα γραμμζνο ςε PHP, προκειμζνου να μπορεί να εκτελεςτεί, χρθςιμοποιικθκε το Joomla-plugin DirectPHP ver.1.56. Ο κϊδικασ του άρκρου appletree-main.php είναι διακζςιμοσ ςτο Ραράρτθμα Β.

Εικόνα 4.4: τα άρκρα Joomla τθσ Μθλιάσ

Σελίδα 59 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

4.4 Εφαρμογή flash Ο ςχεδιαςμόσ τθσ Μθλιάσ ακολουκεί τισ αρχζσ του δομθμζνου προγραμματιςμοφ, κακιςτϊντασ ευκολότερθ τθν ανάγνωςθ του κϊδικα τθσ εφαρμογισ κακϊσ και τθν περαιτζρω ανάπτυξθ τθσ. Στο παρακάτω διάγραμμα ροισ (εικόνα 4.5) αποτυπϊνονται τα βαςικά ςθμεία λειτουργίασ τθσ εφαρμογισ flash. Ο κϊδικασ (αρχείο miliaIII.fla) κακϊσ και θ αναλυτικι περιγραφι του, είναι διακζςιμα ςτο παράρτθμα Γ.

Εικόνα 4.5: διάγραμμα ροισ εφαρμογισ flash τθσ Μθλιάσ Στο παραπάνω διάγραμμα ροισ απεικονίηονται οι ςυναρτιςεισ που εκτελοφνται προκειμζνου να λειτουργιςει θ εφαρμογι τθσ Μθλιάσ. Θ πρϊτθ ςυνάρτθςθ που εκτελείται ονομάηεται onDataLoad. Θ onDataLoad επεξεργαηόμενθ τθν πλθροφορία που αντλεί από το αρχείο intermediate.php (βλζπε κεφάλαιο 4.3), ανιχνεφει αν το τρζχον ςτοιχείο τθσ μθλοϊςτορίασ περιζχει κείμενο, εικόνα, ιχο ι βίντεο και καλεί αντιςτοίχωσ τισ ςυναρτιςεισ createTextElement, createImageElement, createSoundElement και createVideoElement. Θ κάκε μια από τισ ςυναρτιςεισ αυτζσ, αναλόγωσ του τφπου του ςτοιχείου (φφλλο, μιλο ι άνκοσ) δθμιουργεί ζνα μικρό εικονίδιο (εικόνεσ 4.6-4.9) πάνω ςτο δζντρο τθσ Μθλιάσ και μία αντίςτοιχθ μεγαλφτερθ εικόνα, κάτω από το δζντρο (εικόνα 4.10).

Σελίδα 60 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 4.6: εικονίδια κειμζνου

Εικόνα 4.7: εικονίδια εικόνασ

Εικόνα 4.8: εικονίδια ιχου

Εικόνα 4.9: εικονίδια βίντεο

Εικόνα 4.10: οι μεγάλεσ εικόνεσ των ςτοιχείων Στθ

ςυνζχεια,

οι

ςυναρτιςεισ

createTextElement,

createImageElement,

createSoundElement και createVideoElement καλοφν τισ αντίςτοιχεσ τουσ loadText, loadImage, loadSound και loadVideo, οι οποίεσ φορτϊνουν το πολυμεςικό αρχείο ςτο τρζχον ςτοιχείο (φφλλο, μιλο ι άνκοσ). Από τθ διαδικαςία αυτι προκφπτουν, για παράδειγμα, ανκο-κείμενο, φφλλο- βίντεο, μιλο-εικόνα ι θχο-φφλλο (εικόνα 4.11). Με τζςςερεισ υποςτθριηόμενουσ τφπουσ πολυμεςικϊν αρχείων (κείμενο, εικόνα, ιχοσ, βίντεο) και τρεισ τφπουσ ςτοιχείων (φφλλο, μιλο, άνκοσ), επιτυγχάνουμε δϊδεκα δυνατοφσ ςυνδυαςμοφσ. Δεν υπάρχει κάποια διαφοροποίθςθ ςτθ χριςθ αυτϊν των ςτοιχείων, εκτόσ και ο μθλο-ςυγγραφζασ κελιςει να προςδϊςει κάποια ιδιαίτερθ χριςθ. Κα μποροφςε για παράδειγμα τα ςτοιχεία-μιλα να φιλοξενοφν μόνο αρχεία κειμζνου, ενϊ τα ςτοιχεία-φφλλα μόνο αρχεία εικόνασ. Σελίδα 61 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Εικόνα 4.11: παραδείγματα ςτοιχείων τθσ Μθλιάσ Εδϊ κα πρζπει να ςθμειϊςουμε ότι το περιεχόμενο των αρχείων, κατά απαίτθςθ, είναι εγκλωβιςμζνο μζςα ςτα όρια του ςτοιχείου (εικόνα 4.11). Ειδικότερα, μια εικόνα ςε ζνα ςτοιχείοεικόνασ γίνεται stretch από τθν εφαρμογι τθσ Μθλιάσ, αλλάηει δθλαδι ο λόγοσ των πλευρϊν τθσ ςε 4:3 (βλζπε πίνακα προδιαγραφϊν 3.1), ϊςτε να γεμίςει ολόκλθρο το εμβαδόν του ςτοιχείου (βλζπε ςτιγμιότυπο 3 τθσ εικόνασ 4.11). Το γεγονόσ ότι θ εικόνα είναι περιγεγραμμζνθ ςτο ςτοιχείο, επιφζρει τθν απϊλεια πλθροφορίασ ςτθν περίμετρο τθσ εικόνασ. Μια επόμενθ ζκδοςθ τθσ Μθλιάσ κα μποροφςε να παρζχει τθ δυνατότθτα προβολισ ολόκλθρθσ τθσ εικόνασ, με τθ χριςθ ενόσ pop-up παρακφρου ι τθν εγγραφι τθσ εικόνασ ςτο ςτοιχείο (εικόνα 4.12).

Εικόνα 4.12: εικόνα εγγεγραμμζνθ ςε ςτοιχείο (πρόταςθ για τθν 4θ ζκδοςθ)

Σελίδα 62 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» Θ ςυνάρτθςθ commonElemntTasks ρυκμίηει τθ κζςθ των μικρϊν εικονιδίων ςτο δζντρο τθσ Μθλιάσ κακϊσ και τθ κζςθ των μεγαλφτερων εικόνων κάτω από το δζντρο. Καλεί επίςθσ τισ ςυναρτιςεισ addSmallListeners και addBigListeners. Θ πρϊτθ είναι υπεφκυνθ για τθ λειτουργία των ρυκμιςτικϊν ςτα εικονίδια των ςτοιχείων, δθλαδι τθσ εμφάνιςθσ του αντίςτοιχου μεγάλου ςτοιχείου (εικόνα 4.13) και τθσ ςφντομθσ περιγραφισ του ςτοιχείου (εικόνα 4.14). Θ δεφτερθ είναι υπεφκυνθ για τα ρυκμιςτικά του μεγάλου ςτοιχείου (εικόνα 4.15), δθλαδι τθσ μετακίνθςθσ, απόκρυψθσ, μεγζκυνςθσ και ςμίκρυνςθσ του.

Εικόνα 4.13: εμφάνιςθ του μεγάλου ςτοιχείου

Εικόνα 4.14: εμφάνιςθ ςφντομθσ περιγραφισ

Εικόνα 4.15: ρυκμιςτικά μετακίνθςθσ, απόκρυψθσ, μεγζκυνςθσ και ςμίκρυνςθσ Θ ςυνάρτθςθ addControlListeners προςκζτει ρυκμιςτικά ςτθν εφαρμογι τθσ Μθλιάσ προκειμζνου ο χριςτθσ να μπορεί να αλλάηει το χρϊμα τθσ φυλλωςιάσ τθσ Μθλιάσ (εικόνα 4.16), να εμφανίηει ι να αποκρφπτει όλα τα φορτωμζνα ςτοιχεία τθσ μθλοϊςτορίασ (εικόνα 4.17), να εμφανίηει ι να αποκρφπτει τθ ςφντομθ περιγραφι τθσ μθλοϊςτορίασ (εικόνα 4.18).

Σελίδα 63 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Εικόνα 4.16: αλλαγι φυλλωςιάσ Εικόνα 4.17: απόκρυψθ-εμφάνιςθ όλων των ςτοιχείων

Εικόνα 4.18: απόκρυψθ-εμφάνιςθ ςφντομθσ περιγραφισ τθσ μθλοϊςτορίασ

4.5 Διεπαφή χρήςησ «H Αλλθλεπίδραςθ ανκρϊπου-υπολογιςτι (Human–computer interaction ι H.C.I.) είναι θ μελζτθ του πωσ οι άνκρωποι αλλθλεπιδροφν με τα υπολογιςτικά ςυςτιματα» (Stone, Jarrett, Woodroffe & Minocha, 2005). Ρολλζσ διαφορετικζσ, αλλά αλλθλοςυμπλθροφμενεσ, ειδικότθτεσ ςυμβάλουν ςτθν αλλθλεπίδραςθ ανκρϊπου-υπολογιςτι, ςυμπεριλαμβανομζνθσ τθσ επιςτιμθσ των υπολογιςτϊν, τθσ ψυχολογίασ, τθσ εργονομίασ, τθσ μθχανικισ και τθσ γραφιςτικισ. Πταν οι χριςτεσ αλλθλεπιδροφν με τουσ υπολογιςτζσ, αυτό γίνεται μζςω τθσ Διεπαφισ Χριςθσ (User Interface ι U.I.). «Όταν θ ζννοια τθσ διεπαφισ άρχιςε να αναδφεται, ιταν κοινά αποδεκτι ωσ το υλικό και το λογιςμικό μζςω του οποίου ζνασ άνκρωποσ και ζνασ υπολογιςτισ μποροφςαν να επικοινωνιςουν. Όπωσ εξελίχκθκε, θ ζννοια ςυμπεριζλαβε επίςθσ, γνωςτικζσ και ςυναιςκθματικζσ πτυχζσ τθσ εμπειρίασ του χριςτθ5» (Laurel & Mountford, 1990). Ο ςχεδιαςμόσ τθσ διεπαφισ χριςθσ μπορεί να αποτελεί ζνα μικρό μζροσ τθσ όλθσ διαδικαςίασ ανάπτυξθσ ενόσ υπολογιςτικοφ ςυςτιματοσ, αλλά είναι από τα πιο ςθμαντικά τθσ ςθμεία. Θ επιτυχία ενόσ υπολογιςτικοφ ςυςτιματοσ κρίνεται κατά μεγάλο βακμό από το αν οι χριςτεσ, για τουσ οποίουσ προορίηεται, το αποδεχτοφν. Κατά το ςχεδιαςμό αποφαςίηεται ποιεσ λειτουργίεσ του ςυςτιματοσ κα είναι διακζςιμεσ ςτουσ χριςτεσ, πωσ αυτζσ κα είναι οργανωμζνεσ ςτισ οκόνεσ που ςυνκζτουν τθ διεπαφι χριςθσ, ποια κα είναι θ μορφι τουσ, κακϊσ και μια ςειρά άλλων κεμάτων, όπωσ για παράδειγμα, τθσ ευχρθςτίασ (usability) και τθσ προςβαςιμότθτασ (accessibility), ζννοιεσ τισ οποίεσ κα αναπτφξουμε παρακάτω.

5

Θ απόδοςθ από το αγγλικό κείμενο είναι δικι μασ

Σελίδα 64 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» Ο καλόσ ςχεδιαςμόσ μιασ διεπαφισ χριςθσ είναι ςθμαντικόσ ςτισ μζρεσ μασ, κακϊσ τα υπολογιςτικά ςυςτιματα βρίςκονται ςχεδόν παντοφ γφρω μασ και ςε ποικίλεσ μορφζσ, όπωσ για παράδειγμα, προςωπικοί θλεκτρονικοί υπολογιςτζσ, κινθτά τθλζφωνα, Αυτόματεσ Ταμειακζσ Μθχανζσ (Α.Τ.Μ.), φοφρνοι μικροκυμάτων κ.ά.. Οι χριςτεσ αυτϊν των ςυςτθμάτων δεν είναι πάντοτε, όπωσ ςυνζβαινε ςε προθγοφμενεσ δεκαετίεσ, εξειδικευμζνοι. Μια καλι διεπαφι χριςθσ επιτρζπει ςτουσ χριςτεσ να εκτελοφν το ζργο τουσ, αποκρφπτοντασ ςε τζτοιο βακμό τθν πολυπλοκότθτα του υπολογιςτικοφ ςυςτιματοσ, που οι χριςτεσ ξεχνοφν ότι δουλεφουν με αυτό. Τα οφζλθ που απορρζουν, από μία καλοςχεδιαςμζνθ διεπαφι χριςθσ, για μία επιχείρθςθ ι ζναν οργανιςμό, είναι θ αφξθςθ τθσ παραγωγικότθτασ, του θκικοφ των εργαηομζνων κακϊσ και τθσ ικανοποίθςθσ που λαμβάνουν οι υπάλλθλοι όταν εργάηονται. Στον αντίποδα, μια προβλθματικι διεπαφι χριςθσ προκαλεί άγχοσ και απογοιτευςθ ςτο χϊρο εργαςίασ, ςε βακμό που οι εργαηόμενοι αποκτοφν αρνθτικι ςτάςθ ζναντι των Ρλθροφοριακϊν Συςτθμάτων, ςτάςθ θ οποία μπορεί να εμπεριζχει ακόμα και λεκτικι ι ςωματικι βία. Ζνα από τα βαςικά κριτιρια αξιολόγθςθσ μιασ διεπαφισ χριςθσ είναι θ ευχρθςτία. Σφμφωνα με το Διεκνι Οργανιςμό Ρροτυποποίθςθσ (International Organization for Standardization) ευχρθςτία είναι «ο βακμόσ ςτον οποίο ζνα προϊόν μπορεί να χρθςιμοποιθκεί από κακοριςμζνουσ χριςτεσ για τθν επίτευξθ κακοριςμζνων ςτόχων με αποτελεςματικότθτα, αποδοτικότθτα και ικανοποίθςθ ςε ζνα ςυγκεκριμζνο πλαίςιο χριςθσ» (ISO 9241-11:1998)6. Στο ίδιο ζγγραφο δίνονται και οι οριςμοί για τισ τρεισ ςυνιςτϊςεσ τθσ ευχρθςτίασ. αποτελεςματικότθτα, αποδοτικότθτα και ικανοποίθςθ: 1. Αποτελεςματικότθτα (effectiveness): θ ακρίβεια και θ πλθρότθτα με τισ οποίεσ οι χριςτεσ επιτυγχάνουν κακοριςμζνουσ ςτόχουσ7.

2. Αποδοτικότθτα (efficiency): οι πόροι που δαπανικθκαν ςε ςχζςθ με τθν ακρίβεια και τθν πλθρότθτα με τισ οποίεσ οι χριςτεσ επιτυγχάνουν ςτόχουσ8.

3. Λκανοποίθςθ (satisfaction): ελευκερία από τθν ταλαιπωρία, και τθ κετικι ςτάςθ ςτθ χριςθ ενόσ προϊόντοσ9. Στισ «Οδθγίεσ για τθν Ρροςβαςιμότθτα του Ρεριεχομζνου του Λςτοφ 2.010» (Web Content Accessibility Guidelines-WCAG 2.0) που ζχει καταρτίςει θ Κοινοπραξία του Ραγκόςμιου Λςτοφ W3C, αναφζρεται ότι «…υπάρχουν τζςςερισ αρχζσ, οι οποίεσ οριοκετοφν τθν ζννοια τθσ προςβαςιμότθτασ ςτον Ιςτό: αντιλθψιμότθτα, λειτουργικότθτα, κατανοθςιμότθτα και ευρωςτία περιεχομζνου…». Οι

6

https://cdb.iso.org/cdb/termentry!display.action?entry=73649&language=1 https://cdb.iso.org/cdb/termentry!display.action?entry=73392&language=1 8 https://cdb.iso.org/cdb/termentry!display.action?entry=73393&language=1 9 https://cdb.iso.org/cdb/termentry!display.action?entry=73656&language=1 10 http://www.w3c.gr/wai/translations/wcag20.html 7

Σελίδα 65 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ τζςςερισ αυτζσ αρχζσ είναι κρίςιμο να επεξθγθκοφν περαιτζρω, γι’ αυτό παρατίκεται ακολοφκωσ αυτολεξεί το αντίςτοιχο χωρίο των Οδθγιϊν WCAG 2.0: 1. Αντιλθπτό - Οι πλθροφορίεσ και τα ςυςτατικά ςτοιχεία διαςφνδεςθσ χριςτθ πρζπει να παρουςιάηονται ςτουσ χριςτεσ με τρόπουσ που είναι αντιλθπτοί. o

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

2. Λειτουργικό - Σα ςυςτατικά ςτοιχεία διαςφνδεςθσ χριςτθ και θ πλοιγθςθ πρζπει να είναι λειτουργικά. o

Αυτό ςθμαίνει ότι οι χριςτεσ πρζπει να είναι ςε κζςθ να λειτουργοφν τθ διαςφνδεςθ (θ διαςφνδεςθ δεν μπορεί να απαιτεί αλλθλεπίδραςθ που δεν μπορεί να εκτελζςει ζνασ χριςτθσ)

3. Κατανοθτό - Οι πλθροφορίεσ και θ λειτουργία διαςφνδεςθσ χριςτθ πρζπει να είναι κατανοθτζσ. o

Αυτό ςθμαίνει ότι οι χριςτεσ πρζπει να είναι ςε κζςθ να κατανοιςουν τισ πλθροφορίεσ, κακϊσ και τθ λειτουργία τθσ διαςφνδεςθσ χριςτθ (το περιεχόμενο ι θ λειτουργία δεν μπορεί να επεκτείνεται πζραν τθσ κατανόθςισ τουσ)

4. ΢τακερό - Σο περιεχόμενο πρζπει να είναι αρκετά ςτακερό ϊςτε μπορεί να ερμθνευκεί

αξιόπιςτα

από

ζνα

ευρφ

φάςμα

πρακτόρων

χριςτθ,

ςυμπεριλαμβανομζνων υποςτθρικτικϊν τεχνολογιϊν. o

Αυτό ςθμαίνει ότι οι χριςτεσ πρζπει να είναι ςε κζςθ να ζχουν πρόςβαςθ ςτο περιεχόμενο κακϊσ οι τεχνολογίεσ προοδεφουν (κακϊσ εξελίςςονται οι τεχνολογίεσ και οι πράκτορεσ χριςτθ, το περιεχόμενο κα πρζπει να παραμζνει προςβάςιμο)

Κατά το ςχεδιαςμό τθσ διεπαφισ χριςθσ τθσ Μθλιάσ, λιφκθςαν υπόψθ αρκετζσ από τισ οδθγίεσ αυτζσ, ενδεικτικά παρουςιάηουμε κάποιεσ από αυτζσ ςτον πίνακα 1. Θ αρίκμθςθ και θ λεηάντα που ςυνοδεφει το κάκε ςτιγμιότυπο οκόνθσ (screenshot) του πίνακα 4.6, ακολουκεί τθν αρίκμθςθ και τθ λεηάντα των οδθγιϊν όπωσ αυτι καταγράφεται ςτο WCAG 2.0.

Χειριςτιρια διεπαφισ, είςοδοσ (WCAG οδθγία 1.1.1) Σελίδα 66 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Ζλεγχοσ Ιχου (WCAG οδθγία 1.4.2)

Αλλαγι μεγζκουσ κειμζνου (WCAG οδθγία 1.4.4)

Ρροςβάςιμο μζςω πλθκτρολογίου (WCAG οδθγία 2.1)

Κζςθ (WCAG οδθγία 2.4.8)

Σελίδα 67 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Γλϊςςα τθσ Σελίδασ (WCAG οδθγία 3.1.1)

Συνεπισ προςδιοριςμόσ (WCAG οδθγία 3.2.4)

Ρροςδιοριςμόσ Σφάλματοσ (WCAG οδθγία 3.3.1)

Ρρόλθψθ Σφάλματοσ (Νομικά, Χρθματοοικονομικά, Δεδομζνα) (WCAG οδθγία 3.3.4) Πίνακασ 4-6: ςτιγμιότυπα οκόνθσ Μθλιάσ, http://www2.media.uoa.gr/medialab/milia/index.php

Για τθν υλοποίθςθ τθσ διεπαφισ χριςθσ (user-interface) τθσ Μθλιάσ, ζχουν γραφτεί οκτϊ (8) άρκρα ςτο Joomla κακϊσ και μία εφαρμογι ςε flash για τθν τοποκζτθςθ των ςτοιχείων πάνω ςτθ Μθλιά. Ρροχπόκεςθ για να ειςζλκει κάποιοσ χριςτθσ ςτθ διεπαφι χριςθσ τθσ Μθλιάσ, είναι να περιθγθκεί ςτον Λςτοχϊρο τθσ Μθλιάσ (www2.media.uoa.gr/medialab/milia) και να εγγραφεί ςε αυτόν, επιλζγοντασ «Δθμιουργία Λογαριαςμοφ» (εικόνα 4.19α). Πταν ολοκλθρωκεί θ εγγραφι και ενεργοποιθκεί ο λογαριαςμόσ, ο χριςτθσ ειςζρχεται ςυμπλθρϊνοντασ τα πεδία «Πνομα Χριςτθ» και «Κωδικόσ» (εικόνα 4.19β). Σελίδα 68 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 4.19: οκόνθ πιςτοποίθςθσ χρθςτϊν Με το πάτθμα του κουμπιοφ «Σφνδεςθ» ο χριςτθσ μεταφζρεται ςτθν αρχικι οκόνθ τθσ διεπαφισ χριςθσ welcome.php. Αν ςτον χριςτθ ζχει δοκεί δικαίωμα δθμιουργίασ μθλοϊςτοριϊν κα εμφανιςτεί θ αρχικι οκόνθ επεξεργαςίασ-δθμιουργίασ μθλοϊςτοριϊν (εικόνα 4.20). Σε διαφορετικι περίπτωςθ, ο χριςτθσ ενθμερϊνεται για τον τρόπο με τον οποίο κα αποκτιςει αυτό το δικαίωμα (εικόνα 4.21). Στθν αρχικι οκόνθ επεξεργαςίασ-δθμιουργίασ μθλοϊςτοριϊν εμφανίηεται ο μζγιςτοσ αρικμόσ μθλοϊςτοριϊν που ο τρζχων χριςτθσ μπορεί να δθμιουργιςει (εικόνα 4.20α), οι μθλοϊςτορίεσ του χριςτθ (εικόνα 4.20β), πόςεσ μθλοϊςτορίεσ μπορεί ακόμα να δθμιουργιςει (εικόνα 4.20γ), κακϊσ και το κουμπί δθμιουργίασ νζασ μθλοϊςτορίασ (εικόνα 4.20δ). Από τθν οκόνθ αυτι ο χριςτθσ μπορεί να δει τουσ τίτλουσ των μθλοϊςτοριϊν του, να ενεργοποιιςει, να επεξεργαςτεί ι και να διαγράψει τισ μθλοϊςτορίεσ του.

Σελίδα 69 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Εικόνα 4.20: θ οκόνθ welcome.php, για χριςτεσ με δικαίωμα ςυγγραφισ μθλοϊςτοριϊν

Εικόνα 4.21: θ οκόνθ welcome.php, για χριςτεσ χωρίσ δικαίωμα ςυγγραφισ μθλοϊςτοριϊν Ρατϊντασ το κουμπί «εδϊ» (εικόνα 4.20δ) ο χριςτθσ μεταφζρεται ςτθν οκόνθ δθμιουργίασ νζασ μθλοϊςτορίασ create.php (εικόνα 4.22). Σε αυτιν ο χριςτθσ ςυμπλθρϊνει υποχρεωτικά το πεδίο του τίτλου (εικόνα 4.22α) και προαιρετικά μια ςφντομθ περιγραφι τθσ μθλοϊςτορίασ του (εικόνα 4.22β). Ρροκειμζνου να «φυτζψει» τθ νζα του μθλοϊςτορία πατάει το κουμπί τθσ εικόνασ 4.22γ. Με το πάτθμα του κουμπιοφ, καλείται το βοθκθτικό αρχείο create-help.php, μζςω του οποίου ειςάγεται νζα εγγραφι ςτθ βάςθ τθσ Μθλιάσ. Σε περίπτωςθ που ο χριςτθσ, επικυμεί απλϊσ να επιςτρζψει ςτθν προθγοφμενθ οκόνθ, πατάει το κουμπί τθσ εικόνασ 4.22δ. Κατά τθν επιςτροφι ςτθν αρχικι οκόνθ, παρατθροφμε ότι ζχει ενθμερωκεί το περιεχόμενό τθσ ϊςτε να ςυμπεριλαμβάνονται τα ςτοιχεία τθσ νζασ μθλοϊςτορίασ με τίτλο «Αργοναφτεσ» (εικόνα 4.23), ςτο παράδειγμά μασ. Σελίδα 70 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 4.22: θ οκόνθ δθμιουργίασ νζασ μθλοϊςτορίασ, create.php

Εικόνα 4.23: θ νζα μθλοϊςτορία εμφανίηεται ςτθν οκόνθ welcome.php Οι υπόλοιπεσ λειτουργίεσ τθσ αρχικισ οκόνθσ τθσ διεπαφισ χριςθσ, είναι θ ενεργοποίθςθ τθσ μθλοϊςτορίασ (εικόνα 4.24), θ διαγραφι τθσ (εικόνα 4.25) και θ επεξεργαςία τθσ (εικόνα 4.26). Οι λειτουργίεσ αυτζσ εκτελοφνται με τθ βοικεια του αρχείου welcome-help.php.

Σελίδα 71 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Εικόνα 4.24: ενεργοποίθςθ μθλοϊςτορίασ

Εικόνα 4.25: μινυμα επιβεβαίωςθσ για τθ διαγραφι μιασ μθλοϊςτορίασ

Εικόνα 4.26: θ οκόνθ επεξεργαςίασ τθσ μθλοϊςτορίασ, edit.php Ρατϊντασ το κουμπί επεξεργαςίασ που αντιςτοιχεί ςε μια μθλοϊςτορία, ο χριςτθσ οδθγείται ςτθν οκόνθ edit.php (εικόνα 4.26). Ρατϊντασ το πρϊτο από αριςτερά κουμπί «ΦΟ΢ΤΩΜΑ ΣΤΟΛΧΕΜΩΝ» εμφανίηεται ζνα ομοίωμα τθσ Μθλιάσ (εικόνα 4.27), υλοποιθμζνο ςε flash (map.fla). Τα τετραγωνάκια ςτα κλαδιά τθσ, δθλϊνουν τισ πενιντα προκακοριςμζνεσ κζςεισ ςτισ οποίεσ μποροφν να κρεμαςτοφν τα ςτοιχεία (φφλλα, μιλα, άνκθ). Αν το τετραγωνάκι είναι λευκό, ο χρθςτισ μπορεί να το επιλζξει (εικόνα 4.28). Επιλζγοντασ ζνα λευκό τετραγωνάκι, ο χριςτθσ μεταφζρεται ςτθν οκόνθ map.php (εικόνα 4.29), μζςω τθσ οποίασ μπορεί να ανεβάςει ςυνολικά μζχρι 50 ςτοιχεία κειμζνου, εικόνασ, ιχου ι βίντεο, ςυνολικοφ μεγζκουσ 50ΜΒ (εικόνα 4.29α). Ο χριςτθσ ενθμερϊνεται επίςθσ για τον αρικμό των ςτοιχείων που ζχει ανεβάςει, κακϊσ και για το ςυνολικό τουσ μζγεκοσ (εικόνα 4.29β).

Σελίδα 72 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 4.27: θ εφαρμογι map

Εικόνα 4.28: επιλογι κζςθσ ςτοιχείου

Εικόνα 4.29: θ οκόνθ ανεβάςματοσ ςτοιχείων, map.php Θ διαδικαςία φόρτωςθσ του ςτοιχείου ξεκινάει επιλζγοντασ ζνα από τα τζςςερα κουμπιά «ΚΕΛΜΕΝΟ», «ΕΛΚΟΝΑ», «ΘΧΟΣ» ι «ΒΛΝΤΕΟ», ανάλογα με το περιεχόμενο που κζλουμε να ενςωματϊςουμε ςτο ςτοιχείο. Με το πάτθμα ενόσ εκ των τεςςάρων κουμπιϊν αποκαλφπτεται το υπόλοιπο μζροσ τθσ οκόνθσ (εικόνεσ 4.30 – 4.33), από όπου μπορεί ο χριςτθσ να επιλζξει τον τφπο του ςτοιχείου (φφλλο-μιλο-άνκοσ) και πατϊντασ το κουμπί «Αναηιτθςθ» να επιλζξει το ςυνδεόμενο, με το ςτοιχείο, αρχείο. Για κάκε τφπο αρχείου, ο χριςτθσ πλθροφορείται για τισ προδιαγραφζσ που ιςχφουν: Ζνα αρχείο κειμζνου μπορεί να ζχει κατάλθξθ txt, μζγεκοσ μζχρι 100ΚΒ και κωδικοποίθςθ UTF8. Ζνα αρχείο εικόνασ μπορεί να ζχει κατάλθξθ gif, jpg ι png, μζγεκοσ μζχρι 1ΜΒ και ο επικυμθτόσ λόγοσ διαςτάςεων να είναι 4:3. Ζνα αρχείο ιχου μπορεί να ζχει κατάλθξθ mp3 και μζγεκοσ μζχρι 3ΜΒ. Σελίδα 73 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Ζνα αρχείο βίντεο μπορεί να ζχει κατάλθξθ flv και μζγεκοσ μζχρι 5ΜΒ. Τα ονόματα των αρχείων κα πρζπει επίςθσ να αποτελοφνται μόνο από τουσ αλφαρικμθτικοφσ χαρακτιρεσ a-z A-Z 0-9 τθν _ (κάτω υπογράμμιςθ/underscore) και τθν – (παφλα/hyphen). Με το πάτθμα του κουμπιοφ «Upload», γίνονται ζλεγχοι για τον αν πλθροφνται οι παραπάνω περιοριςμοί. Αν όχι, κα εμφανιςτεί αντίςτοιχο μινυμα ςφάλματοσ (εικόνεσ 4.34 – 4.37). Αν όλα είναι εντόσ προδιαγραφϊν το ςτοιχείο κα ανζβει ςτθ Μθλιά (εικόνα 4.38).

Εικόνα 4.30: φόρτωμα κειμζνου

Εικόνα 4.31: φόρτωμα εικόνασ

Εικόνα 4.32: φόρτωμα ιχου

Εικόνα 4.33: φόρτωμα βίντεο

Σελίδα 74 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 4.34: μινυμα ςφάλματοσ για διπλότυπο αρχείο

Εικόνα 4.35: μινυμα ςφάλματοσ για μθ επιτρεπτό τφπο αρχείου

Εικόνα 4.36: μινυμα ςφάλματοσ για υπζρβαςθ μεγζκουσ αρχείου

Εικόνα 4.37: μινυμα ςφάλματοσ για μθ επιτρεπτό όνομα αρχείου

Εικόνα 4.38: μινυμα επιτυχοφσ φόρτωςθσ αρχείου Επιςτρζφοντασ ςτθν οκόνθ επεξεργαςίασ τθσ μθλοϊςτορίασ (εικόνα 4.26), ο χριςθσ μπορεί να ςυνεχίςει τθν ίδια διαδικαςία, φορτϊνοντασ και νζα ςτοιχεία. Ρατϊντασ το κουμπί «ΤΛΤΛΟΣ-ΡΕ΢ΛΓ΢ΑΦΘ» μπορεί να αλλάξει τον τίτλο και τθν περιγραφι τθσ μθλοϊςτορίασ του (εικόνα 4.39).

Σελίδα 75 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Εικόνα 4.39: θ οκόνθ επεξεργαςίασ τίτλου και ςφντομθσ περιγραφισ τθσ μθλοϊςτορίασ Ρατϊντασ το κουμπί «ΕΡΕΞΕ΢ΓΑΣΛΑ ΣΤΟΛΧΕΛΩΝ» εμφανίηονται τα φορτωμζνα ςτοιχεία τθσ μθλοϊςτορίασ (εικόνα 4.40). Για το κάκε ςτοιχείο, ο χριςτθσ μπορεί να: Δει τον όνομα του ςυνδεδεμζνου αρχείου. Ρροςκζςει μια ςφντομθ περιγραφι. Θ περιγραφι αυτι κα εμφανίηεται με mouse_over πάνω ςτθ μικρογραφία του ςτοιχείου, που κα κρζμεται από τθ Μθλιά. Αλλάξει τον τφπο του ςτοιχείου, από φφλλο ςε μιλο, για παράδειγμα. Απενεργοποιιςει-ενεργοποιιςει το ςτοιχείο. Διαγράψει το ςτοιχείο. Ρροβάλλει το ςτοιχείο αν πρόκειται για αρχείο κειμζνου ι εικόνασ, ι να αναπαράγει το ςτοιχείο αν πρόκειται για αρχείο ιχου ι βίντεο (εικόνεσ 4.41, αντιςτοίχωσ). Οι λειτουργίεσ που περιλαμβάνει θ οκόνθ edit.php απαιτοφν και τθν ενθμζρωςθ τθσ βάςθσ τθσ Μθλιάσ. Αυτό επιτυγχάνεται με τθ βοικεια του αρχείου edit-help.php.

Σελίδα 76 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 4.40: θ οκόνθ επεξεργαςίασ των ςτοιχείων τθσ μθλοϊςτορίασ

Εικόνα 4.41: παράκυρα προεπιςκόπθςθσ ςτοιχείων Ρροκειμζνου ο χριςτθσ να μπορεί να περιθγθκεί ςτισ μθλοϊςτορίεσ του, ακόμα κι αν ζχει επιλζξει τθν απενεργοποίθςι τουσ (για το κοινό), ζχει δθμιουργθκεί μια «προςωπικι» ζκδοςθ τθσ Μθλιάσ για κάκε χριςτθ, με τθ βοικεια του αρχείου appletree.php. Επιλζγοντασ από το βαςικό μενοφ «Οι δικζσ ςασ μθλιζσ | οι μθλοϊςτορίεσ μου» (εικόνα 4.42), ο χριςτθσ μπορεί να δει πωσ φαίνονται οι μθλοϊςτορίεσ του πριν τισ δθμοςιεφςει.

Σελίδα 77 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Εικόνα 4.42: θ οκόνθ ιδιωτικισ προβολισ των μθλοϊςτοριϊν, appletree.php Ππωσ γίνεται αντιλθπτό, τα άρκρα του Joomla που ςυνκζτουν τθ διεπαφι χριςθσ τθσ Μθλιάσ, ςυνδζονται μεταξφ τουσ και ανταλλάςουν δεδομζνα. Ο τρόποσ διαςφνδεςθσ των άρκρων, όπωσ περιγράφθκε προθγουμζνωσ, περιγράφεται διαγραμματικά ςτθν εικόνα 4.43. Στο διάγραμμα αυτό ςθμειϊνονται, επιπροςκζτωσ, οι ροζσ δεδομζνων κακϊσ και οι αντίςτοιχεσ μεταβλθτζσ που μεταφζρονται μζςω POST από το ζνα άρκρο ςτο άλλο. Στο Ραράρτθμα Β είναι διακζςιμοσ ο πθγαίοσ κϊδικασ php και μια ςυνοπτικι επεξιγθςθ για κάκε άρκρο Joomla τθσ Μθλιάσ.

Σελίδα 78 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 4.43: θ διαςφνδεςθ των άρκρων και οι ροζσ δεδομζνων

Σελίδα 79 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

5. Προσ την Μηλιά, ζκδοςη 4: ςυμπεράςματα και προοπτικζσ Θ Μθλιά, ςτθν τρίτθ τθσ ζκδοςθ, δικαιϊνει πλιρωσ τον χαρακτθριςμό που τθσ ζχουμε αποδϊςει ωσ δικτυακι πλατφόρμα ψθφιακισ αφιγθςθσ. Δυςκολίεσ και περιοριςμοί ςτθν τρίτθ ζκδοςθ αςφαλϊσ υπάρχουν και κα τισ αναπτφξουμε ςτθν ενότθτα 5.1., προκειμζνου να προετοιμάςουμε το ζδαφοσ για τθν επερχόμενθ τζταρτθ ζκδοςθ τθσ Μθλιάσ. Ραρόλα αυτά πιςτεφουμε ότι ζχουν τεκεί πλζον οι βάςεισ ϊςτε να αποκτιςει θ Μθλιά περιςςότερθ διαδραςτικότθτα. Οι ιδζεσ προσ αυτιν τθν κατεφκυνςθ δε λείπουν και οι άνκρωποι πίςω από τθ Μθλιά (βλζπε ενότθτα 3.2) είναι παρόντεσ και ςε αυτιν τθν προςπάκεια. Στθν ενότθτα 5.2 κα παρουςιάςουμε μερικζσ από αυτζσ τισ ιδζεσ που κα φυςιξουν ζναν αζρα διαδραςτικότθτασ ςτισ φυλλωςιζσ τθσ Μθλιάσ.

5.1 Δυςκολίεσ και περιοριςμοί τησ ζκδοςησ 3 Είναι λογικό, όταν αναπτφςςεται ζνα ψθφιακό προϊόν, όπωσ θ Μθλιά, εκτόσ επαγγελματικοφ

πλαιςίου,

να

παρουςιάηονται

διάφορα

προβλιματα.

Καταρχάσ

τα

προγραμματιςτικά ι άλλα εργαλεία που απαιτοφνται (πχ Joomla, PHP), είναι ωσ επί το πλείςτον, ελεφκερθσ χριςθσ, λόγω ελλιποφσ ι μθδενικισ χρθματοδότθςθσ. Αυτό ςυνεπάγεται με ζλλειψθ επίςθμθσ, βάςει ςυμβολαίου, υποςτιριξθσ (από τισ παραγωγοφσ εταιρείεσ) των εργαλείων που χρθςιμοποιοφνται. Στα τεχνικά προβλιματα που παρουςιάηονται, οι λφςεισ που δίνονται προζρχονται είτε από τθν προςωπικι εμπειρία των ανκρϊπων τθσ Μθλιάσ, είτε από διαδικτυακζσ κοινότθτεσ χρθςτϊν. Επίςθσ, οι ομάδεσ εργαςίεσ τθσ Μθλιάσ, δεν ζχουν ςτακερι ςφνκεςθ. Θ πλειονότθτα των ατόμων που τισ απαρτίηουν ζχουν άλλθ βαςικι επαγγελματικι εργαςία, και ςυνειςφζρουν ςτθν ανάπτυξθ τθσ Μθλιάσ εραςιτεχνικά, αλλά με επαγγελματικι ςυνείδθςθ. Ευτυχϊσ, όμωσ υπάρχει ζνασ μόνιμοσ πυρινασ ανκρϊπων, ο οποίοσ κρατάει το νιμα τθσ Μθλιάσ από το ξεκίνθμά τθσ και διαςφαλίηει τθν μεταλαμπάδευςθ τθσ ιδζασ. Οι παραπάνω λόγοι, δικαιολογοφν, ωσ ζνα ςθμείο, το ρυκμό ανάπτυξθσ τθσ πλατφόρμασ τθσ Μθλιάσ και τισ αδυναμίεσ που μπορεί να παρουςιάηει. Στισ δυςκολίεσ αυτζσ, εμείσ αντιτάςςουμε τθν εργατικότθτα και τθ διάκεςθ μασ να δοφμε τθ Μθλιά να καρπίηει. Ππωσ διαφαίνεται ςτθν επόμενθ ενότθτα, το μζλλον προετοιμάηεται.

5.2 Προοπτική τησ ζκδοςησ 4 Στθν παροφςα ζκδοςθ τθσ Μθλιάσ, όταν κζλουμε να δθμιουργιςουμε γραμμικζσ ιςτορίεσ (εικόνα 5.1) χρθςιμοποιοφμε το πεδίο ελεφκερου κειμζνου, που ςυνοδεφει το κάκε ςτοιχείο τθσ Μθλιάσ. Σελίδα 80 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 5.1: γραμμικι μθλοϊςτορία

Σελίδα 81 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Το ίδιο πεδίο ελεφκερου κειμζνου χρθςιμοποιοφμε και όταν κζλουμε να δθμιουργιςουμε μια μθλοϊςτορία διαφορετικισ δομισ αφιγθςθσ, για παράδειγμα κομβικισ (ςχιμα 5.2). Με αυτόν τον τρόπο ζνα ςτοιχείο τθσ Μθλιάσ μπορεί να παραπζμψει ςε περιεχόμενο άλλου ςτοιχείου.

Εικόνα 5.2: κομβικι δομι αφιγθςθσ

Σε μια νζα ζκδοςθ τθσ Μθλιάσ, κα κζλαμε τα παραπάνω να υλοποιοφνται πιο δυναμικά. Για παράδειγμα ςτθ γραμμικι μθλοϊςτορία τθσ εικόνασ 5.1, θ προςπζλαςθ του πρϊτου ςτοιχείου (εικόνα 5.3, ςτιγμιότυπο 1) κα ενεργοποιοφςε τθν εμφάνιςθ του επόμενου (εικόνα 5.3, ςτιγμιότυπο 2) και οφτω κακεξισ (εικόνα 5.3, ςτιγμιότυπο 3).

Σελίδα 82 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 5.3: γραμμικι μθλοϊςτορία θ (πρόταςθ για τθν 4 ζκδοςθ)

Με τθν ίδια λογικι, ςτθν κομβικι δομι αφιγθςθσ τθσ εικόνασ 5.2, θ προςπζλαςθ του κομβικοφ ςτοιχείου με αρικμό 2, ενεργοποιεί τθν εμφάνιςθ δυο πικανϊν δρόμων (εικόνα 5.4, ςτιγμιότυπο 1). Αν επιλεχκεί το ςτοιχείο- αποκρφπτεται ο μθ-επιλεγμζνοσ δρόμοσ και εμφανίηεται το επόμενο ςτοιχείο. Ομοίωσ και ςτθν περίπτωςθ που επιλεχκεί το ςτοιχείο-φφλλο (εικόνα 5.4, ςτιγμιότυπο 3).

Σελίδα 83 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Εικόνα 5.4: κομβικι μθλοϊςτορία θ (πρόταςθ για τθν 4 ζκδοςθ)

Θ υπάρχουςα διαδικαςία δθμιουργίασ μθλοϊςτοριϊν, ακολουκεί τθ λογικι του μθλοςυγγραφζα, ο οποίοσ είναι ζνασ πιςτοποιθμζνοσ από τθν πλατφόρμα χριςτθσ, με διαχειριςτικά δικαιϊματα επί τθσ μθλοϊςτορίασ του. Αυτόσ και μόνο αυτόσ μπορεί να φορτϊςει νζα αφθγθματικά ςτοιχεία, να τα αποκρφψει και γενικότερα να διαμορφϊςει το αφθγθματικό περιεχόμενο. Στθν τζταρτθ ζκδοςθ τθσ Μθλιάσ, κα κζλαμε τθν ενεργό ςυμμετοχι του χριςτθ-επιςκζπτθ. Να του δϊςουμε για παράδειγμα τθ δυνατότθτα να αποκρφψει, να εμφανίςει, να διαγράψει, να αποκθκεφςει ι να εκτυπϊςει κάποιο ιδθ φορτωμζνο ςτοιχείο (εικόνα 5.5). Να μπορεί να μετακινεί τα ςτοιχειά (φφλλα, μιλα, άνκθ) ςε δικζσ του κζςεισ πάνω ςτο δζντρο τθσ Μθλιάσ (εικόνα 5.6).

Σελίδα 84 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Εικόνα 5.6: μετακίνθςθ ςτοιχείων θ (πρόταςθ για τθν 4 ζκδοςθ)

Εικόνα 5.5: πρόςκετεσ δυνατότθτεσ ςτοιχείων θ (πρόταςθ για τθν 4 ζκδοςθ)

Μια προςκικθ που κα ενίςχυε κεαματικά τθ διαδραςτικότθτα τθσ πλατφόρμασ, αν και τεχνικά δφςκολθ ςτθν υλοποίθςθ, κα ιταν θ δυνατότθτα του χριςτθ-επιςκζπτθ, μζςω μιασ ειδικισ εργαλειοκικθσ (εικόνα 5.7) να μπορεί να προςκζτει τα δικά του μιλα-φφλλα-άνκθ ςτθν ιςτορία, ι να δθμιουργεί νζα κλαδιά (εικόνα 5.8). Θ παραμετροποιθμζνθ μθλοϊςτορία που κα προζκυπτε, κα μποροφςε είτε να αποκθκευτεί τοπικά ςτον θλεκτρονικό υπολογιςτι του χριςτθ-επιςκζπτθ, ςε μια κωδικοποιθμζνθ μορφι, ζτςι ϊςτε να μπορεί ανά πάςα ςτιγμι να τθν χρθςιμοποιεί, είτε ςτθν ίδια τθν πλατφόρμα τθσ Μθλιάσ, ωσ επζκταςθ ι εναλλακτικι πλοκι.

Εικόνα 5.7: προςκικθ ςτοιχείων θ (πρόταςθ για τθν 4 ζκδοςθ)

Εικόνα 5.8: δθμιουργία νζου κλαδιοφ θ (πρόταςθ για τθν 4 ζκδοςθ)

Μια επίςθσ ςθμαντικι προςκικθ, κα ιταν να προςζφερε θ ίδια θ πλατφόρμα τθσ Μθλιάσ, τα εργαλεία δθμιουργίασ πολυμεςικϊν αρχείων, δθλαδι κειμενογράφο, πρόγραμμα ηωγραφικισ, θχογράφθςθσ και βιντεοςκόπθςθσ. Αυτό κα βοθκοφςε ςθμαντικά τουσ μικροφσ ςε θλικία μθλο-

Σελίδα 85 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ ςυγγραφείσ, οι οποίοι, για παράδειγμα, κα άνοιγαν ζνα μιλο και κα ηωγράφιηαν απευκείασ μζςα ςε αυτό (εικόνα 5.9).

Εικόνα 5.9: πρόγραμμα ηωγραφικισ Μθλιάσ θ (πρόταςθ για τθν 4 ζκδοςθ)

Ρροκειμζνου να εμπλουτιςτεί το θχθτικό περιβάλλον τθσ Μθλιάσ, κα μποροφςε να προςτεκεί ζνα θχθτικό χαλί που κα ζπαιηε ςτο παραςκινιο. Τθ μουςικι αυτι, ο μθλο-ςυγγραφζασ, κα είχε τθ δυνατότθτα να τθ φορτϊςει, με διαδικαςία όμοια με τθν ανάρτθςθ ενόσ αρχείου ιχου. Ο χριςτθσ-αναγνϊςτθσ τθσ μθλοϊςτορίασ, μζςω κατάλλθλων ρυκμιςτικϊν, κα ζχει τθ δυνατότθτα να αυξομειϊςει τθν ζνταςθ του ιχου, κακϊσ και να τον κζςει ςε ςίγαςθ. Τζλοσ, θ κάκε μθλοϊςτορία κα μποροφςε να ςυνοδεφεται από ζναν θλεκτρονικό πίνακα ανακοινϊςεων, όπου οι χριςτεσεπιςκζπτεσ κα μποροφςαν να αναρτιςουν τα ςχόλια τουσ για τθν μθλοϊςτορία ι να κάνουν τισ προτάςεισ τουσ, προςφζροντασ με αυτόν τον τρόπο ςτον μθλο-ςυγγραφζα ανάδραςθ για τθ ψθφιακι του ιςτορία. Ππωσ μπορεί κανείσ να αντιλθφκεί, θ πλατφόρμα τθσ Μθλιάσ μόλισ ξεκίνθςε τθν πορεία τθσ. Θ προοπτικι ανάπτυξισ τθσ είναι μεγάλθ και τα αναμενόμενα αποτελζςματα από τθ χριςθ τθσ πολφτιμα. Ευελπιςτοφμε ότι θ προςπάκεια, που πραγματοποιικθκε και παρουςιάςτθκε ςτο πλαίςιο αυτισ τθσ διπλωματικισ εργαςίασ, να αποφζρει τουσ επικυμθτοφσ καρποφσ τθσ ςτουσ εμπνευςτζσ τθσ ιδζασ τθσ Μθλιάσ, αλλά και ςε όςουσ δοφλεψαν και δουλεφουν για αυτιν.

Σελίδα 86 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Βιβλιογραφία Aylett Ruth, Lim Mei Yii, Louchart Sandy, Petta Paolo, Riedl Mark (Eds.), 2010. Interactive Storytelling – Third Joint International Conference on Interactive Digital Storytelling (ICIDS), Proceedings. Berlin: Springer.

Boehm W. Barry, 1986. A Spiral Model of Software Development and Enhancement. ACM SIGSOFT Software Engineering Notes, Volume 11 , Issue 4 (August 1986) Pages: 14 – 24.

Cavazza Marc, Pizzi David, 2006. Technologies for Interactive Digital Storytelling and Entertainment-Third International Conference, “Narratology for Interactive Storytelling: A Critical Introduction”. LNCS, vol. 4326, pp. 72–83. Springer, Heidelberg.

Crawford Chris, 2003. The Art of Interactive Design - A Euphonious and Illuminating Guide to Building Successful Software. San Francisco: No Starch Press.

Crawford Chris, 2005. Chris Crawford on interactive storytelling.

International Organization for Standardization, 1998. Ergonomic requirements for office work with visual display terminals (VDTs) -- Part 11: Guidance on usability.

Lambert Joe, 2002. Digital Storytelling Cookbook. Berkeley: Digital Diner Press.

Laurel Brenda, Mountford S.Joy (Eds.), 1990. The Art of Human-Computer Interface Design. AddisonWesley Publishing Company Inc. Lindley Craig, 2005. Story and Narrative Structures in Computer Games, Bushoff, Brunhild. εκδ. 2005.

Developing Interactive Narrative Content: sagas/sagasnet reader. Μόναχο: High Text.

Meadows Mark, 2003. Pause and Effect, the art of interactive narrative. Indianapolis: New Riders.

Midge Frazel, 2010. Digital Storytelling Guide for Educators. Washington: ISTE. Miller Lisa, 2010. Make Me a Story: Teaching Writing Through Digital Storytelling. Portland: Stenhouse Publishers.

Porter Bernajean, 2004. DigiTales: The Art of Telling Digital Stories. Sedalia: Sara Armstrong.

Prensky Marc, 2009. Μάκθςθ Βαςιςμζνθ ςτο Ψθφιακό Παιχνίδι. Μεταφραςμζνο από τθν Αγγλικι γλϊςςα από τθν Ραπαςταφρου Κζλλυ και τθν Ραπαςταφρου Νίκθ (επιςτθμονικι επιμζλεια Μεϊμάρθσ Μιχάλθσ). Ακινα: Εκδόςεισ Μεταίχμιο.

Sommerville Ian, 2007. Software Engineering. 8θ ζκδοςθ. Essex: Pearson Education Ltd. Stone Debbie, Jarrett Caroline, Woodroffe Mark, Minocha Shailey, 2005. User Interface Design and Evaluation. San Francisco: Elsevier Inc. The World Wide Web Consortium (W3C), 2010. Οδθγίεσ για τθν Προςβαςιμότθτα του Περιεχομζνου του Ιςτοφ 2.0 (Web Content Accessibility Guidelines 2.0). Εξουςιοδοτθμζνθ Μετάφραςθ ςτα Ελλθνικά από το «Λνςτιτοφτο Ρλθροφορικισ του Λδρφματοσ Τεχνολογίασ και Ζρευνασ (Λ.Τ.Ε.)». Βοςνιάδου Στζλλα, 2006. Παιδιά, ΢χολεία και Τπολογιςτζσ: Προοπτικζσ, προβλιματα και προτάςεισ για τθν αποτελεςματικότερθ χριςθ των Νζων Σεχνολογιϊν ςτθν Εκπαίδευςθ. Ακινα: Εκδόςεισ Gutenberg. Ηευγϊλθσ Δθμιτριοσ, Στυλιάρασ Γιϊργοσ, 2011. Πολυμζςα: Χριςθ τεχνολογιϊν και εφαρμογζσ: Με ερωτιςεισ πολλαπλϊν επιλογϊν. Κεςςαλονίκθ: Εκδόςεισ Τηιόλα. Ραρίςθσ Λωάννθσ, Ραρίςθσ Νικιτασ, 2007. Λεξικό Λογοτεχνικϊν Όρων. 7θ ζκδοςθ. Ακινα: Ο.Ε.Δ.Β. ΢άπτθσ Αριςτοτζλθσ, ΢άπτθ Ακαναςία, 2006. Μάκθςθ και διδαςκαλία ςτθν εποχι τθσ πλθροφορίασ. Σελίδα 87 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Ακινα: Εκδόςεισ Ατραπόσ. Τςιλιμζνθ Ταςοφλα (επιμζλεια), Αναγνωςτόπουλοσ Β.Δ., Κουλουμπι Κ., Ραπαροφςθ Μ., Σταυρουλάκθ Ε., 2007. Αφιγθςθ και Εκπαίδευςθ: Ειςαγωγι ςτθν τζχνθ τθσ αφιγθςθσ. Άρκρα και Μελετιματα. Βόλοσ: Εκδόςεισ Εργαςτθρίου Λόγου και Ρολιτιςμοφ Ρανεπιςτθμίου Κεςςαλίασ.

Σελίδα 88 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Ιςτογραφία Beeclip: http://www.beeclip.com [Ρροςπελάςκθκε ςτισ 15 Αυγοφςτου 2011].

Center for digital storytelling: http://www.storycenter.org/index1.html [Ρροςπελάςκθκε ςτισ 9 Απριλίου 2011].

Creative Commons: http://creativecommons.org/ [Ρροςπελάςκθκε ςτισ 10 Μαρτίου 2012].

DigitalStoryteller: http://www.primaryaccess.org/ds.htm [Ρροςπελάςκθκε ςτισ 23 Απριλίου 2011].

Edutopia: http://www.edutopia.org [Ρροςπελάςκθκε ςτισ 10 Αυγοφςτου 2011].

Façade, a one-act interactive drama: http://www.interactivestory.net/ [Ρροςπελάςκθκε ςτισ 5 Απριλίου 2011].

I.S.K.M.E., Institute for the Study of Knowledge Management in Education: http://www.iskme.org/ [Ρροςπελάςκθκε ςτισ 6 Μαρτίου 2011].

International Society for Technology in Education: http://www.iste.org [Ρροςπελάςκθκε ςτισ 9 Μαρτίου 2012].

ISO Concept Database: https://cdb.iso.org/ [Ρροςπελάςκθκε ςτισ 11 Μαρτίου 2012].

KerPoof, learning through creativity: http://www.kerpoof.com/ [Ρροςπελάςκθκε ςτισ 8 Αυγοφςτου 2011].

Myths and Legends: http://myths.e2bn.org/story_creator/ [Ρροςπελάςκθκε ςτισ 9 Αυγοφςτου 2011].

O.E.R., Open Educational Resources: http://www.oercommons.org/ [Ρροςπελάςκθκε ςτισ 22 Απριλίου 2011].

Online 1911 Encyclopedia Britannica http://encyclopedia.jrank.org [Ρροςπελάςκθκε ςτισ 13 Απριλίου 2011].

Online-converter.com: http://www.online-convert.com/ [Ρροςπελάςκθκε ςτισ 9 Λουνίου 2012].

Scrapblog: http://www.scrapblog.com [Ρροςπελάςκθκε ςτισ 13 Μαρτίου 2011].

Sodaplay, a creative community making marvelous things: http://sodaplay.com [Ρροςπελάςκθκε ςτισ 5 Σεπτεμβρίου 2011].

Storybird, collaborative storytelling: http://storybird.com/ [Ρροςπελάςκθκε ςτισ 8 Νοεμβρίου 2011].

Σελίδα 89 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Storyjumper: http://www.storyjumper.com/book/create [Ρροςπελάςκθκε ςτισ 10 Αυγοφςτου 2011].

W3C-Οδθγίεσ για τθν Ρροςβαςιμότθτα του Ρεριεχομζνου του Λςτοφ 2.0: http://www.w3c.gr/wai/translations/wcag20.html [Ρροςπελάςκθκε ςτισ 10 Μαρτίου 2012]. Θ Μθλιά, ζνασ χϊροσ αφιγθςθσ: http://www2.media.uoa.gr/medialab/milia/ [Ρροςπελάςκθκε ςτισ 20 Μαΐου 2012]. Ο.Ρ.Λ., Οργανιςμόσ Ρνευματικισ Λδιοκτθςίασ: http://web.opi.gr/portal/page/portal/opi [Ρροςπελάςκθκε ςτισ 21 Μαρτίου 2012].

Σελίδα 90 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Γλωςςάρι απόδοςησ όρων accessibility = προςβαςιμότθτα activity = δραςτθριότθτα all rights reserved = επιφφλαξθ παντϊσ δικαιϊματοσ animated = κινοφμενοσ attribution = αναφορά δθμιουργοφ beta testing = δοκιμαςτικόσ ζλεγχοσ browser = φυλλομετρθτισ chapter = κεφάλαιο class = ςχολικι τάξθ client-server = πελάτθσ-εξυπθρζτθσ collective intelligence = ςυλλογικι ευφυΐα communication and collaboration = επικοινωνία και ςυνεργαςία compiler = μεταγλωττιςτισ content management system (CMS) = ςφςτθμα διαχείριςθσ περιεχομζνου copyright = πνευματικι ιδιοκτθςία creativity and innovation = δθμιουργικότθτα και καινοτομία critical thinking = κριτικι ςκζψθ dead-end = αδιζξοδθ decision making = λιψθ αποφάςεων digital citizenship = ψθφιακι ικαγζνεια digital scrapbook = ψθφιακό λεφκωμα digital storytelling = ψθφιακι αφιγθςθ editor = επεξεργαςτισ (για τθ ςυγγραφι κϊδικα) effectiveness = αποτελεςματικότθτα efficiency = αποδοτικότθτα e-portfolio = θλεκτρονικό πορτφόλιο e-scrapbook = ψθφιακό λεφκωμα exploratorium = διερευνθτικι fair use = εφλογθ ι δίκαιθ χριςθ flash application = εφαρμογι flash frame = καρζ game levels = επίπεδα παιχνιδιϊν

Σελίδα 91 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ games generations = οι γενιζσ των παιχνιδιϊν grid = πλζγμα hyphen = παφλα industrial society = βιομθχανικι κοινωνία information society = κοινωνία τθσ πλθροφορίασ interactive = διαδραςτικόσ knowledge base = γνωςιακι βάςθ knowledge society = κοινωνία τθσ γνϊςθσ modulated = διαμορφωμζνθ multimedia = πολυμζςα nodal = κομβικι noderivs = όχι παράγωγα ζργα noncommercial = μθ εμπορικι χριςθ object-oriented language = γλϊςςα αντικειμενοςτραφοφσ προγραμματιςμοφ open-source = ανοιχτόσ-κϊδικασ parallel plot structure = δομι παράλλθλθσ πλοκισ photo essay = φωτογραφικό δοκίμιο plugin = πρόςκετο problem solving = επίλυςθ προβλθμάτων project = ζργο research and information fluency = ευχζρεια ςτθν ζρευνα και τθν πλθροφορία resource = πθγι satisfaction = ικανοποίθςθ sharealike = παρόμοια διανομι snapshot = ςτιγμιότυπο social networking site = ιςτότοποσ κοινωνικισ δικτφωςθσ speech bubble = ςυννεφάκι κειμζνου spiral model = ςπειροειδζσ μοντζλο story world = ιςτοριό-κοςμοσ technology operations and concepts = τεχνολογικζσ λειτουργίεσ και ζννοιεσ timeline = λωρίδα χρόνου transition criteria = κριτιρια μετάβαςθσ tree = δενδροειδισ underscore = κάτω υπογράμμιςθ

Σελίδα 92 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» uploading = φόρτωμα (αρχείων) usability = ευχρθςτία user authentication = πιςτοποίθςθ χρθςτϊν user interface = διεπαφι χριςθσ

Σελίδα 93 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Γλωςςάρι ερμηνείασ όρων αφήγηςη ονομάηεται θ πράξθ επικοινωνίασ με τθν οποία παρουςιάηεται, προφορικά ι γραπτά, ζνα γεγονόσ ι μια ςειρά γεγονότων, πραγματικϊν ι μυκοπλαςτικϊν διαδικαςία λογιςμικοφ είναι ζνα ςφνολο δραςτθριοτιτων που οδθγεί ςτθν παραγωγι ενόσ προϊόντοσ λογιςμικοφ θ διαδραςτική αφήγηςη, μετατοπίηει τθν αφθγθματικι φόρμα από τθ γραμμικότθτα ςτθ διαλεκτικι, δθμιουργϊντασ νζεσ ιςτορίεσ ςτθ βάςθ ςυηθτιςεων και χρθςιμοποιϊντασ το διάλογο ωσ μζκοδο αλλθλεπιδράςεων μηλοϊςτορία ονομάηεται κάκε ψθφιακι ιςτορία που ζχει αναρτθκεί ςτθ Μθλιά μηλο-ςυγγραφζασ ονομάηεται ο δθμιουργόσ μια ψθφιακισ ιςτορίασ (μθλοϊςτορίασ) που ζχει αναρτθκεί ςτθ Μθλιά ςπειροειδζσ μοντζλο ονομάηεται το μοντζλο διαδικαςίασ λογιςμικοφ κατά το οποίο κάκε ςπείρα αντιπροςωπεφει μία φάςθ ςτθ διαδικαςία λογιςμικοφ ςτοιχεία ςε μια μθλοϊςτορία ονομάηονται τα ψθφιακά μζςα (εικόνεσ, κείμενα, ιχοι, βίντεο) που παρουςιάηονται υπό τθν μορφι φφλλων, μιλων ι ανκϊν θ φωτογραφική ζκθεςη είναι ζνασ πολφ διαδεδομζνοσ τφποσ ψθφιακισ αφιγθςθσ, που περιλαμβάνει φωτογραφίεσ, θχθτικι αφιγθςθ, εφζ κίνθςθσ κ.ά.. ψηφιακή αφήγηςη ονομάηεται θ διαδικαςία που ςυνδυάηει διάφορα Μζςα ϊςτε να εμπλουτίςει και να ενιςχφςει το γραπτό ι τον προφορικό λόγο ψηφιακό λεφκωμα ονομάηεται θ ψθφιακι μεταφορά του λευκϊματοσ των παιδικϊν μασ χρόνων

Σελίδα 94 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ»

Πίνακασ εικόνων Εικόνα 1.1: ψθφιακό λεφκωμα, http://www.beeclip.com ................................................................... 11 Εικόνα 1.2: scrapblog, http://www.scrapblog.com .............................................................................. 12 Εικόνα 1.3: το παιχνίδι διαδραςτικισ αφιγθςθσ “façade”, ................................................................. 18 Εικόνα 1.4: το μοντζλο του Greimas..................................................................................................... 19 Εικόνα 2.1: θ αρχικι οκόνθ «Myths and Legends», http://myths.e2bn.org/story_creator/ .............. 21 Εικόνα 2.2: ςυλλογι εικόνων «Myths and Legends», http://myths.e2bn.org/story_creator/............ 22 Εικόνα 2.3: audio panel «Myths and Legends», http://myths.e2bn.org/story_creator/ ..................... 23 Εικόνα 2.4: πλαίςιο κειμζνου αφθγθτι «Myths and Legends», http://myths.e2bn.org/story_creator/ .............................................................................................................................................................. 23 Εικόνα 2.5: θ αρχικι οκόνθ «StoryJumper», http://www.storyjumper.com/book/create ................. 24 Εικόνα 2.6: προβολι ιςτορίασ από το StoryJumper, http://www.storyjumper.com/book/create ..... 25 Εικόνα 2.7: δθμιουργία ςχολικϊν τάξεων, http://www.primaryaccess.org/pa.htm ........................... 26 Εικόνα 2.8: ανάκεςθ δραςτθριοτιτων ςε μακθτζσ, http://www.primaryaccess.org/pa.htm ............ 26 Εικόνα 2.9: επιλογι δραςτθριοτιτων από τον μακθτι, http://www.primaryaccess.org/pa.htm ...... 27 Εικόνα 2.10: πθγζσ δραςτθριοτιτων, http://www.primaryaccess.org/pa.htm ................................... 27 Εικόνα 2.11: προςκικθ εικόνων και κειμζνου, http://www.primaryaccess.org/pa.htm .................... 28 Εικόνα 2.12: θχογράφθςθ αφιγθςθσ, http://www.primaryaccess.org/pa.htm .................................. 28 Εικόνα 2.13: ςυλλογι ηωγραφικϊν ζργων ςτο «Storybird», http://storybird.com/create/ ................ 29 Εικόνα 2.14: το περιβάλλον εργαςίασ του «Storybird», http://storybird.com/storymaker/ .............. 29 Εικόνα 2.15: ςχολιαςμόσ ιςτοριϊν από επιςκζπτεσ του «Storybird», http://storybird.com/books/dreamer-30/ ........................................................................................... 30 Εικόνα 2.16: θ αρχικι ςελίδα του «KerPoof», http://www.kerpoof.com............................................ 31 Εικόνα 2.17: επιλογι κεματικισ ενότθτασ http://www.kerpoof.com/#/activity/storybook............... 31 Εικόνα 2.18: το περιβάλλον δθμιουργίασ θλεκτρονικοφ βιβλίου ςτο «KerPoof», http://www.kerpoof.com/#/activity/storybook................................................................................... 32 Εικόνα 2.19: το περιβάλλον δθμιουργίασ video ςτο KerPoof, http://www.kerpoof.com/#/activity/movie?s=rockband_basement .................................................. 32 Εικόνα 2.20: θ αρχικι ςελίδα του «Projeqt», http://www.projeqt.com ............................................. 33 Εικόνα 2.21: δομι πλζγματοσ μζςω «Projeqt» .................................................................................... 33 Εικόνα 2.22: επιλογι περιεχομζνου ςτο «Projeqt» ............................................................................. 34 Εικόνα 3.1: θ εφαρμογι «Moovl», http://sodaplay.com/creators/soda/items/moovl ...................... 36 Εικόνα 3.2: το δζντρο τθσ Μθλιάσ ........................................................................................................ 40 Εικόνα 3.3: κείμενα, βίντεο, εικόνεσ και ιχοι ςτθ Μθλιά .................................................................... 41 Εικόνα 3.4: On-line εργαλείο μετατροπισ αρχείων, http://www.online-convert.com/...................... 42 Εικόνα 3.5: τοποκζτθςθ πολυμεςικϊν ςτοιχείων ςτθ Μθλιά.............................................................. 43 Εικόνα 3.6: ςφντομθ περιγραφι ςτοιχείου τθσ Μθλιάσ ...................................................................... 43 Εικόνα 3.7: ςφντομθ περιγραφι μιασ μθλοϊςτορίασ ........................................................................... 44 Εικόνα 3.8: οδθγίεσ δθμιουργίασ μθλοϊςτοριϊν.................................................................................. 45 Εικόνα 3.9: επιλογι μθλοϊςτορίασ ....................................................................................................... 45 Εικόνα 3.10: θ αρχικι οκόνθ τθσ Μθλιάσ (1θ ζκδοςθ) ........................................................................ 46 Εικόνα 3.11: θ οκόνθ επιλογϊν τθσ Μθλιάσ (1θ ζκδοςθ) .................................................................... 46 Εικόνα 3.12: θ 1θ ζκδοςθ τθσ Μθλιάσ................................................................................................... 46 Εικόνα 3.13: ο Λςτοχϊροσ τθσ Μθλιάσ .................................................................................................. 47 Εικόνα 3.14: θ 2θ ζκδοςθ τθσ Μθλιάσ .................................................................................................. 48 Εικόνα 4.1: ςπειροειδζσ μοντζλο, (δικι μασ απόδοςθ ςτα ελλθνικά, από ςχιμα του Google images) .............................................................................................................................................................. 51 Εικόνα 4.2: θ πλατφόρμα τθσ Μθλιάσ .................................................................................................. 56 Εικόνα 4.3: θ λειτουργία φόρτωςθσ μθλοϊςτοριϊν ............................................................................. 58 Σελίδα 95 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ Εικόνα 4.4: τα άρκρα Joomla τθσ Μθλιάσ ............................................................................................ 59 Εικόνα 4.5: διάγραμμα ροισ εφαρμογισ flash τθσ Μθλιάσ ................................................................. 60 Εικόνα 4.6: εικονίδια κειμζνου ............................................................................................................. 61 Εικόνα 4.7: εικονίδια εικόνασ ............................................................................................................... 61 Εικόνα 4.8: εικονίδια ιχου ................................................................................................................... 61 Εικόνα 4.9: εικονίδια βίντεο ................................................................................................................. 61 Εικόνα 4.10: οι μεγάλεσ εικόνεσ των ςτοιχείων ................................................................................... 61 Εικόνα 4.11: παραδείγματα ςτοιχείων τθσ Μθλιάσ ............................................................................. 62 Εικόνα 4.12: εικόνα εγγεγραμμζνθ ςε ςτοιχείο (πρόταςθ για τθν 4θ ζκδοςθ) ................................... 62 Εικόνα 4.13: εμφάνιςθ του μεγάλου ςτοιχείου ................................................................................... 63 Εικόνα 4.14: εμφάνιςθ ςφντομθσ περιγραφισ .................................................................................... 63 Εικόνα 4.15: ρυκμιςτικά μετακίνθςθσ, απόκρυψθσ, μεγζκυνςθσ και ςμίκρυνςθσ ............................. 63 Εικόνα 4.16: αλλαγι φυλλωςιάσ .......................................................................................................... 64 Εικόνα 4.17: απόκρυψθ-εμφάνιςθ όλων των ςτοιχείων ..................................................................... 64 Εικόνα 4.18: απόκρυψθ-εμφάνιςθ ςφντομθσ περιγραφισ τθσ μθλοϊςτορίασ .................................... 64 Εικόνα 4.19: οκόνθ πιςτοποίθςθσ χρθςτϊν ......................................................................................... 69 Εικόνα 4.20: θ οκόνθ welcome.php, για χριςτεσ με δικαίωμα ςυγγραφισ μθλοϊςτοριϊν ................ 70 Εικόνα 4.21: θ οκόνθ welcome.php, για χριςτεσ χωρίσ δικαίωμα ςυγγραφισ μθλοϊςτοριϊν ........... 70 Εικόνα 4.22: θ οκόνθ δθμιουργίασ νζασ μθλοϊςτορίασ, create.php .................................................... 71 Εικόνα 4.23: θ νζα μθλοϊςτορία εμφανίηεται ςτθν οκόνθ welcome.php ............................................ 71 Εικόνα 4.24: ενεργοποίθςθ μθλοϊςτορίασ ........................................................................................... 72 Εικόνα 4.25: μινυμα επιβεβαίωςθσ για τθ διαγραφι μιασ μθλοϊςτορίασ .......................................... 72 Εικόνα 4.26: θ οκόνθ επεξεργαςίασ τθσ μθλοϊςτορίασ, edit.php ........................................................ 72 Εικόνα 4.27: θ εφαρμογι map ............................................................................................................. 73 Εικόνα 4.28: επιλογι κζςθσ ςτοιχείου ................................................................................................. 73 Εικόνα 4.29: θ οκόνθ ανεβάςματοσ ςτοιχείων, map.php .................................................................... 73 Εικόνα 4.30: φόρτωμα κειμζνου .......................................................................................................... 74 Εικόνα 4.31: φόρτωμα εικόνασ............................................................................................................. 74 Εικόνα 4.32: φόρτωμα ιχου ................................................................................................................. 74 Εικόνα 4.33: φόρτωμα βίντεο ............................................................................................................... 74 Εικόνα 4.34: μινυμα ςφάλματοσ για διπλότυπο αρχείο .................................................................... 75 Εικόνα 4.35: μινυμα ςφάλματοσ για μθ επιτρεπτό τφπο αρχείου ..................................................... 75 Εικόνα 4.36: μινυμα ςφάλματοσ για υπζρβαςθ μεγζκουσ αρχείου .................................................. 75 Εικόνα 4.37: μινυμα ςφάλματοσ για μθ επιτρεπτό όνομα αρχείου .................................................. 75 Εικόνα 4.38: μινυμα επιτυχοφσ φόρτωςθσ αρχείου............................................................................ 75 Εικόνα 4.39: θ οκόνθ επεξεργαςίασ τίτλου και ςφντομθσ περιγραφισ τθσ μθλοϊςτορίασ ................. 76 Εικόνα 4.40: θ οκόνθ επεξεργαςίασ των ςτοιχείων τθσ μθλοϊςτορίασ ................................................ 77 Εικόνα 4.41: παράκυρα προεπιςκόπθςθσ ςτοιχείων........................................................................... 77 Εικόνα 4.42: θ οκόνθ ιδιωτικισ προβολισ των μθλοϊςτοριϊν, appletree.php ................................... 78 Εικόνα 4.43: θ διαςφνδεςθ των άρκρων και οι ροζσ δεδομζνων ........................................................ 79 Εικόνα 5.1: γραμμικι μθλοϊςτορία....................................................................................................... 81 Εικόνα 5.2: κομβικι δομι αφιγθςθσ ................................................................................................... 82 Εικόνα 5.3: γραμμικι μθλοϊςτορία (πρόταςθ για τθν 4θ ζκδοςθ) ....................................................... 83 Εικόνα 5.4: κομβικι μθλοϊςτορία (πρόταςθ για τθν 4θ ζκδοςθ) ......................................................... 84 Εικόνα 5.5: πρόςκετεσ δυνατότθτεσ ςτοιχείων (πρόταςθ για τθν 4θ ζκδοςθ) .................................... 85 Εικόνα 5.6: μετακίνθςθ ςτοιχείων (πρόταςθ για τθν 4θ ζκδοςθ) ........................................................ 85 Εικόνα 5.7: προςκικθ ςτοιχείων (πρόταςθ για τθν 4θ ζκδοςθ).......................................................... 85 Εικόνα 5.8: δθμιουργία νζου κλαδιοφ (πρόταςθ για τθν 4θ ζκδοςθ) ................................................. 85 Εικόνα 5.9: πρόγραμμα ηωγραφικισ Μθλιάσ (πρόταςθ για τθν 4θ ζκδοςθ) ...................................... 86

Σελίδα 96 από 206

Δικτυακζσ πλατφόρμεσ ψθφιακισ αφιγθςθσ – θ περίπτωςθ τθσ «Μθλιάσ» ΢ημείωςη: Οι εικόνεσ για τισ οποίεσ δε γίνεται αναφορά ςτθν πθγι προζλευςισ τουσ, προζρχονται από τθ διαδικτυακι πλατφόρμα ψθφιακισ αφιγθςθσ θ «Μθλιά».

Σελίδα 97 από 206

Τεχνολογίεσ τθσ Επικοινωνίασ και τθσ πλθροφορίασ για τθν Εκπαίδευςθ

Πίνακασ πινάκων Ρίνακασ 1-1: άδειεσ χριςθσ Creative Commons .................................................................................. 15 Ρίνακασ 3-1: προδιαγραφζσ πολυμεςικϊν αρχείων ............................................................................ 41 Ρίνακασ 4-1: λειτουργικζσ απαιτιςεισ εφαρμογισ flash τθσ Μθλιάσ.................................................. 49 Ρίνακασ 4-2: λειτουργικζσ απαιτιςεισ διεπαφισ χριςθσ τθσ Μθλιάσ ................................................ 50 Ρίνακασ 4-3: πρϊτθ ςπείρα (φάςθ 1)................................................................................................... 53 Ρίνακασ 4-4: δεφτερθ ςπείρα (φάςθ 2)................................................................................................ 54 Ρίνακασ 4-5: τρίτθ ςπείρα (φάςθ 3) ..................................................................................................... 55 Ρίνακασ 4-6: ςτιγμιότυπα οκόνθσ Μθλιάσ, http://www2.media.uoa.gr/medialab/milia/index.php . 68 Ρίνακασ A.5-1: appleTreeInfo ............................................................................................................... 99 Ρίνακασ A.5-2: elementInfo .................................................................................................................. 99 Ρίνακασ A.5-3: coordinates ................................................................................................................ 100

Σελίδα 98 από 206