ΚΑΤΑΣΚΕΥΗ ΣΧΟΛΙΚΗΣ ΙΣΤΟΣΕΛΙΔΑΣ



Σχετικά έγγραφα
Κατασκευή Σχολικής Ιστοσελίδας

ΚΕΦΑΛΑΙΟ 5. Κύκλος Ζωής Εφαρμογών ΕΝΟΤΗΤΑ 2. Εφαρμογές Πληροφορικής. Διδακτικές ενότητες 5.1 Πρόβλημα και υπολογιστής 5.2 Ανάπτυξη εφαρμογών

WORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής

Σεμινάριο Wordpress CMS (Δημιουργία Δυναμικών Ιστοσελίδων)

Δημιουργία η-μαθήματος με τη. 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας

Σενάριο Χρήσης myschool

Δημιουργία «Ηλεκτρονικής τάξης» στη πλατφόρμα e_class του Π.Σ.Δ. (Πανελλήνιο Σχολικό Δίκτυο)

ΟΔΗΓΙΕΣ ΓΙΑ ΤΟ ΠΑΙΧΝΙΔΙ.

Οδηγίες για τη Χρήση του Εκπαιδευτικού Κοινωνικού δικτύου

(c) EΠΑΦΟΣ ΑΘΗΝΑ Νοέµβριος 2013 Απαγορεύεται η αντιγραφή του παρόντος χωρίς την έγγραφη άδεια της ΕΠΑΦΟΣ ΕΠΕ.

Προσφορά. Σχεδιασμός και υλοποίηση ιστότοπου και Online Παραγγελιοληψίας. Morphix. Το όνομα της επιχείρησης σας Υπεύθυνος επικοινωνίας:

4ος Διαδικτυακός Διαγωνισμός ΕΕΕΠ-ΔΤΠΕ «Δημιουργήστε ψηφιακά, κατασκευάστε ένα website, γίνετε πρεσβευτές του τόπου σας»

Ανάπτυξη ιστολογίου. Γνωστικό αντικείμενο: Ερευνητική Εργασία - Project. Δημιουργός: ΦΩΤΙΟΣ ΛΑΖΑΡΙΝΗΣ

Ολοκληρωμένες Δράσεις προβολής δημοσιότητας για το Δήμο Αρχανών Αστερουσίων Εγχειρίδιο Χρήσης - Παρουσίαση

Δημιουργία ιστοσελίδας με. Wordpress - Βασικές λειτουργίες

HomeWork. Οδηγίες Χρήσης. Ένας δάσκαλος στο σπίτι.

Μαθηματικά και Πληροφορική. Διδακτική Αξιοποίηση του Διαδικτύου για τη Μελέτη και την Αυτο-αξιολόγηση των Μαθητών.

Δημιουργία λογαριασμού στο Google-Gmail (1/2)

h t t p s : / / k p p. c t i. g r

7 Βήματα για δημιουργία Ιστοτόπου Ιστολογίου

Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla

Δημιουργία ιστοσελίδας με Wordpress - Βασικές λειτουργίες

Δημιουργία. Ιστολογίου (blog) 7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ

Ανέβασμα (upload) φωτογραφιών στο διαδίκτυο

Βρίσκοντας το block εισόδου χρήστη στο τέλος της αριστερής στήλης του site:

«Δουλεύω Ηλεκτρονικά, Δουλεύω Γρήγορα και με Ασφάλεια - by e-base.gr»

Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ

Google Drive Google Docs

Field Service Management ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ

Lino it. Ιατροπούλου Ράνια, Νηπιαγωγός. Το Lino πραγµατοποιεί ετικέτες στο διαδίκτυο (Online Stickies)

Στη συνέχεια θα απαντήσεις σε ερωτήσεις σχετικά με τα ψηφιακά μέσα και τις ψηφιακές συσκευές, που περιλαμβάνουν επιτραπέζιους υπολογιστές (desktop

Υποέργο 5 Υλοποίηση πράξης ΣΤΗΡΙΖΩ εργασίες αρμοδιότητας Πανεπιστημίου Κρήτης

ΠΡΟΣΩΠΙΚΟΙ ΙΣΤΟΧΩΡΟΙ Nα δημιουργήσω/ενεργοποιήσω την προσωπική μου ιστοσελίδα Να προβάλω τις λεπτομέρειες του προφίλ μου...

Κεφάλαιο 14: Συμβουλές προς έναν νέο προγραμματιστή

ΟΔΗΓΟΣ ΧΡΗΣΗΣ ΥΠΗΡΕΣΙΑΣ [ΥΠΗΡΕΣΊΑ 4 - ΑΝΆΠΤΥΞΗ

Τσέκαρέ το! Facebook Check

Οδηγίες αρθρογράφησης στην ιστοσελίδα του 2ου ΓΕΛ Καματερού

Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή

ΔΗΜΟΤΙΚΟ ΣΧΟΛΕΙΟ ΜΕΝΙΔΙΟΥ ΑΜΦΙΛΟΧΙΑΣ ΕΥΕΛΙΚΤΗ ΖΩΝΗ ΤΑΞΗ: ΣΤ ΣΧ. ΕΤΟΣ: ΦΩΤΟΓΡΑΦΙΑ

ΙΣΤΟΛΟΓΙΑ BLOGS Ένα διδακτικό εργαλείο

MANUAL PRESTASHOP 1.6

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

ΣΧΕΔΙΟ ΕΡΓΑΣΙΑΣ ΤΙΤΛΟΣ: «ΕΥΡΩΒΟΥΛΕΥΤΕΣ ΕΤΩΝ 9»

Αντί προλόγου. 2. Τι χρειάζεται να έχω εγκαταστήσει στον υϖολογιστή μου για να δω ένα βίντεο στο YouTube;

ΕΙΣΑΓΩΓΗ 6 ΑΝΟΙΓΜΑ ΛΟΓΑΡΙΑΣΜΟΥ 12 ΦΙΛΟΙ & ΕΠΙΚΟΙΝΩΝΙΑ 17 ΧΤΙΖΟΝΤΑΣ ΤΗΝ ΠΡΟΣΩΠΙΚΗ ΜΑΣ ΣΕΛΙΔΑ 28 ΑΠΟΡΡΗΤΟ, ΑΣΦΑΛΕΙΑ & ΑΛΛΕΣ ΡΥΘΜΙΣΕΙΣ 40

4 ο ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ ΓΕΝΙΚΟΣ ΣΚΟΠΟΣ :

Καθοδήγηση στο Twinspace

Περιεχόμενα. Δημιουργία σύνδεσης ΤΙ ΕΙΝΑΙ ΙΣΤΟΣΕΛΙΔΕΣ ΚΑΙ ΤΙ ΤΟΠΟΘΕΣΙΕΣ ΙΣΤΟΥ Γνωριμία με μια ιστοσελίδα:... 38


Αρχές Δημιουργίας Εκπαιδευτικού ΙΣΤΟΤΟΠΟΥ βάσει του σχετικού εργαλείου αξιολόγησης του «διαγωνισμού ελληνόφωνων εκπαιδευτικών ιστοτόπων»

Μάθημα 4ο. Προγράμματα

Παραδοτέο Π5.3: Έντυπο και ψηφιακό υλικό (Web site) προβολής των δράσεων έργου

Εκπαιδευτικό Υλικό για την «Υπηρεσία Εκπαιδευτικών Κοινοτήτων και Ιστολογίων» 1 ο µέρος:

Διαδραστικός Πίνακας στο Δημοτικό Παγώνδας Σάμου - Ευφυής Εκπαίδευση Παρασκευή, 08 Μάιος :18

7.Α.1 Παρουσιάσεις. 7.Α.2 Περιγραφή περιεχομένων της εφαρμογής

ΑΡΙΣΤΟΤΕΛΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΟΝΙΚΗΣ ΜΕΤΑΠΤΥΧΙΑΚΟ ΠΡΟΓΡΑΜΜΑ ΣΠΟΥΔΩΝ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ. Τεχνολογίες Κοινωνικής Δικτύωσης στην Εκπαίδευση

Πώς να χρησιμοποιήσετε το Moodle

Διαγωνισμός Blogs Γυμνασίων Αχαΐας Ηλείας. Like - Dislike

Οδηγός για το Pinterest

ΘΕΜΑ: Οδηγίες για τη διδασκαλία της Ερευνητικής Εργασίας της Α τάξης Γενικού Λυκείου για το σχ. έτος

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο

ΔΗΜΗΤΡΗΣ ΣΠΑΘΑΡΑΣ ΣΧΟΛΙΚΟΣ ΣΥΜΒΟΥΛΟΣ ΜΑΘΗΜΑΤΙΚΩΝ

Εγκατάσταση της Unity

ΟΔΗΓΙΕΣ ΧΡΗΣΤΗ ΓΙΑ ΤΟ ΠΡΟΓΡΑΜΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ ΤΑΞΗΣ

ΥΠΗΡΕΣΙΑ. Ηλεκτρονική ιαχείριση Τάξης. Οδηγίες χρήσης για τον µαθητή.

Σχολείο, Εκπαιδευτικοί Διαδικτυακή Παρουσία με χρήση CMS. Α. Χατζηπαπαδόπουλος Φ. Δεληγιάννης 1 ο ΕΚ Αθηνών

Δυναμικές Ιστοσελίδες στο Πανελλήνιο Σχολικό Δίκτυο

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

Περιεχόμενα. Κεφάλαιο 1 Εισαγωγή στην Access...9. Κεφάλαιο 2 Χειρισμός πινάκων... 25

Οδηγός Χρήσης της Υπηρεσίας Σχολικών Ηλεκτρονικών Περιοδικών και Εφημερίδων.

ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης

Περιεχόμενα. Αντί προλόγου Πώς να χρησιμοποιήσετε το βιβλίο Κεφάλαιο 1: Πώς δημιουργώ το Προφίλ μου στο Facebook;...

Δημιουργώντας τα δικά μας αντικείμενα

Θεσσαλονίκη, η πόλη των πόλεων

Θέμα: «Απάντηση ερωτήσεων σχετικά με την οργάνωση των Ερευνητικών Εργασιών»

ΦΤΙΑΞΕ ΜΟΝΟΣ ΣΟΥ ΤΗ ΔΙΚΗ ΣΟΥ ΙΣΤΟΣΕΛΙΔΑ ΔΩΡΕΑΝ

«Τίποτα για πέταμα. Tα παλιά γίνονται καινούργια»

Οι διαδραστικοί πίνακες SMARTBoard στο 8ο Δημοτικό Σχολείο Χίου - Ευφυής Εκπαίδευση Πέμπτη, 12 Μάρτιος :27

Ας γνωρίσουμε την Ενωμένη Ευρώπη

ΦΟΡΗΤΟΣ ΗΛΕΚΤΡΟΝΙΚΟΣ ΥΠΟΛΟΓΙΣΤΗΣ ΑΝΑ ΜΑΘΗΤΗ. Δημόσια Διαβούλευση

"Μια σημαία μια ιδέα"

Περιεχόμενα. Κεφάλαιο 1 Εισαγωγή στην Access Κεφάλαιο 2 Χειρισμός πινάκων... 27

Εγχειρίδιο Χρήσης K&I LMS User Manual. Για γονείς

ΣΥΓΚΡΙΤΙΚΗ ΠΕΙΡΑΜΑΤΙΚΗ ΜΕΛΕΤΗ ΣΤΑΣΗΣ ΜΑΘΗΤΩΝ ΕΝΑΝΤΙ ΤΗΣ ΔΙΔΑΣΚΑΛΙΑΣ ΜΑΘΗΜΑΤΟΣ ΙΣΤΟΡΙΑΣ ΜΕ Η ΧΩΡΙΣ ΕΚΠΑΙΔΕΥΤΙΚΟ ΛΟΓΙΣΜΙΚΟ

Η ΠΑΡΟΥΣΙΑΣΗ ΤΗΣ ΕΡΕΥΝΗΤΙΚΗΣ ΕΡΓΑΣΙΑΣ. Περιμένης Κυριάκος Καθηγητής Τεχνολογίας Υπ/ντής 3 ου ΓΕΛ Κερατσινίου perimeniskiriakos@windowslive.

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

ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΣΕ Π ΡΟΓΡΑΜΜΑΤΙΣΤΙΚΟ Π ΕΡΙΒΑΛΛΟΝ

Δημιουργία blog στο wordpress.com

Μέρος B: Εισαγωγή στις έννοιες παιδαγωγικής αξιοποίησης των ΤΠΕ με εφαρμογή στη διδακτική της Πληροφορικής Οργάνωση και Σχεδίαση Μαθήματος

Εισαγωγή στην εφαρμογή Βασική Σελίδα (Activity) Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10

Σενάριο για την επεξεργασία εικόνας με το Paint.NET που σχεδίασε ο εκπαιδευτικός κλάδου ΠΕ20 Μαλλιαρίδης Κωνσταντίνος.

Το Νέο Λύκειο Σχολικό έτος

Εγχειρίδιο Φοιτητή. Course Management Platform. Εισαγωγή. for Universities Ομάδα Ασύγχρονης Τηλεκπαίδευσης Παν. Μακεδονίας Σεπτέμβριος 2004

ΟΔΗΓΟΣ ΧΡΗΣΗΣ ΥΠΗΡΕΣΙΑΣ [ΥΠΗΡΕΣΊΑ 7 - ΥΠΗΡΕΣΊΑ

Εισαγωγή στο Mahara Παιδαγωγικό Ινστιτούτο Κύπρου

5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ

ποδράσηη Το Βυζαντινό Κάστρο Σχέδια εργασίας σχολείων-μουσείων σχολικού έτους ΕΚΠΑΙΔΕΥΤΙΚΕΣ ΕΠΙΣΚΕΨΕΙΣ ΜΑΘΗΤΩΝ 9ο ΕΠΑΛ Θεσσαλονίκης

Η χρήση διαδικτυακών εφαρμογών: εργαλείο για τον σχεδιασμό και την αξιολόγηση των προγραμμάτων Περιβαλλοντικής Εκπαίδευσης

Transcript:

ΚΑΤΑΣΚΕΥΗ ΣΧΟΛΙΚΗΣ ΙΣΤΟΣΕΛΙΔΑΣ Ερευνητική Εργασία Γενικό Λύκειο Καρπερού Υπεύθυνοι Καθηγητές Καλκάνης Θωμάς Κρομμύδα Δέσποινα Τάξη Β Λυκείου 2012-2013

Πίνακας Περιεχομένων Εισαγωγικά...3 Project Ιστοσελίδα...4 Έρευνα...5 Καταιγισμός ιδεών...5 Αναζήτηση ιδεών...7 Δεύτερος καταιγισμός ιδεών...8 Μελέτη Σχεδιασμός...10 Ομαδοποίηση μαθητών σε 2 ομάδες...10 Μελέτη ολομέλειας...12 Υλοποίηση Κατασκευή...14 Ομαδοποίηση σε 5 ομάδες Συλλογή υλικού...14 Κατασκευή...15 Γραφικό Περιβάλλον...20 Τύποι Ύλης...23 Δικαιώματα Ανάρτησης...29 Ανάρτηση Περιεχομένου...30 Έλεγχος Σφαλμάτων...32 Τρόποι Ελέγχου...32 Άνοιγμα ιστοσελίδας...33 Παρουσίαση σε καθηγητές...33 Ομάδες συντήρησης...33 Επίλογος...34

Εισαγωγικά Σκοπός της παρούσας εργασίας είναι η περιγραφή της διαδικασίας κατασκευής της ιστοσελίδας μιας σχολικής μονάδας γενικότερα και του δικού μας σχολείου ειδικότερα. Το κείμενο δεν είναι μόνο θεωρητικό, αλλά υπάρχουν και αρκετά τμήματά του που αναφέρονται σε τεχνικά θέματα, αφού με βάση αυτή την εργασία κατασκευάστηκε και η ιστοσελίδα του Γενικού Λυκείου Καρπερού. Η εργασία πραγματοποιήθηκε στα πλαίσια του project (ερευνητικής εργασίας) της Β' Λυκείου του σχολικού έτους 2012-2013 και διήρκεσε 2 τετράμηνα. Η διαδικασία που ακολουθήθηκε είναι η διαδικασία του project, πράγμα που εκ των πραγμάτων σημαίνει ότι η συμμετοχή των μαθητών είναι πολύ μεγάλη και αφορά σχεδόν όλα τα στάδια της υλοποίησης. Όπως είναι φυσικό, ακόμη και το τελικό κείμενο της εργασίας αποτελεί συλλογική εργασία, πράγμα που θα γίνει εμφανές στο παρακάτω κείμενο. Για την διεκπεραίωση των διαδικασιών, την συλλογή υλικού, την ομαδοποίηση, τις συζητήσεις, τις ανακοινώσεις και γενικότερα για την συνεργασία και την επικοινωνία καθηγητών και μαθητών χρησιμοποιήσαμε το LMS (Σύστημα Διαχείρισης Μάθησης) Chamilo. 3

Project Ιστοσελίδα Για την περάτωση οποιουδήποτε έργου, τα βασικά βήματα είναι γνωστά και συνήθως είναι τα παρακάτω: έρευνα μελέτη -σχεδιασμός υλοποίηση - κατασκευή έλεγχος - διόρθωση σφαλμάτων τελική κατασκευή Με λίγα λόγια, έχοντας ως δεδομένο ένα πρόβλημα, η έρευνα αφορά την ανάλυση του προβλήματος, η μελέτη και ο σχεδιασμός αφορούν την εύρεση και αξιολόγηση πιθανών λύσεων, η υλοποίηση και η κατασκευή έχουν να κάνουν με την εφαρμογή της επιλεγμένης λύσης, ο έλεγχος και η διόρθωση είναι το στάδιο κατά το οποίο φαίνεται η λειτουργικότητα της λύσης και προσαρμόζεται κατάλληλα για να ικανοποιηθεί ο στόχος και η τελική κατασκευή είναι η υλοποιημένη λύση. Συνδυάζοντας τα παραπάνω βήματα με τις διαδικασίες της ερευνητικής εργασίας, τα βήματα που ακολουθήσαμε είναι τα παρακάτω: καταιγισμός ιδεών ολομέλειας αναζήτηση ιδεών καταιγισμός ιδεών ομάδων ομαδοποίηση μαθητών σε 2 ομάδες και μελέτη από κάθε ομάδα μελέτη ολομέλειας ομαδοποίηση μαθητών σε 5 ομάδες συλλογή περιεχομένου κατασκευή ιστοσελίδας ανάρτηση περιεχομένου έλεγχος λειτουργικότητας διόρθωση σφαλμάτων 4

Έρευνα Καταιγισμός ιδεών Στην πρώτη συνάντηση και χωρίς την ύπαρξη πρότερων γνώσεων των μαθητών, έγινε ο πρώτος καταιγισμός ιδεών ( brainstorming). Οι μαθητές ανέφεραν λέξεις και ιδέες που υπέθεταν ότι είχαν σχέση με την κατασκευή ιστοσελίδας. Κάποιες λέξεις φράσεις ήταν εύστοχες, κάποιες άλλες όμως έδειχναν την αδυναμία των μαθητών στο θέμα. Αυτό είναι φυσιολογικό, αφού μια δυναμική ιστοσελίδα, εκτός από την εμφάνιση (όπου οι έννοιες είναι αυτονόητες και εμφανείς στους μαθητές), κρύβουν πίσω τους πολύ μελέτη και πολλές σύγχρονες τεχνολογίες. Οι τεχνολογίες αυτές είναι συνήθως τόσο καινούργιες που δεν έχουν ακόμη ενσωματωθεί στην διδακτέα ύλη πανεπιστημίων, πόσο μάλλον στην ύλη των βιβλίων ενός γενικού Λυκείου. Παρόλα αυτά, κάποιοι μαθητές που στον ελεύθερο χρόνο τους είχαν ασχοληθεί με νέες τεχνολογίες, χρησιμοποίησαν λέξεις που μας εξέπληξαν. Οι λέξεις του πρώτου καταιγισμού ιδεών είναι οι παρακάτω: Η/Υ ΣΥΝΕΡΓΑΣΙΑ ΦΩΤΟΓΡΑΦΙΕΣ ΔΙΑΔΙΚΤΥΟ ΧΑΡΤΗΣ-ΤΟΠΟΣ- ΔΙΔΑΣΚΑΛΙΑ ΙΔΕΕΣ ΧΩΡΟΣ ΧΡΟΝΟΣ ΕΡΓΑΣΙΑΣ ΠΛΗΡΟΦΟΡΙΕΣ ΕΠΕΞΕΡΓΑΣΙΑ ΕΦΑΡΜΟΓΕΣ(APPS) ΛΥΣΕΙΣ ΑΙΘΟΥΣΑ ΑΡΘΡΑ ΜΑΘΗΤΕΣ ΙΣΤΟΡΙΑ ΣΧΟΛΕΙΟΥ ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ ΠΡΟΒΛΗΜΑΤΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΔΗΜΙΟΥΡΓΙΑ ΟΜΑΔΑΣ ΒΟΗΘΗΤΙΚΟ ΕΡΓΑΛΕΙΟ 5 ΣΗΜΕΙΩΣΕΙΣ ΕΚΔΗΛΩΣΕΙΣ ΣΧΟΛΙΚΕΣ ΓΙΟΡΤΕΣ ΦΙΛΙΕΣ

ΠΡΟΒΟΛΗ ΒΙΒΛΙΟΘΗΚΗ ΣΧΟΛΕΙΟΥ ΕΝΗΜΕΡΩΣΗ ΣΧΟΛΙΚΕΣ ΑΝΑΜΝΗΣΕΙΣ ΨΗΦΙΑΚΟ ΒΙΒΛΙΟ ΩΡΙΜΗ ΣΚΕΨΗ ΒΙΒΛΙΟ ΒΑΘΜΟΣ ΕΠΙΤΥΧΙΑ ΕΜΦΑΝΙΣΗ ΠΡΟΓΡΑΜΜΑ ΣΧΟΛΙΑ ΣΧΕΔΙΑΣΜΟΣ ΥΛΗ ΑΝΤΙΔΡΑΣΕΙΣ ΚΑΘΗΓΗΤΕΣ ΕΞΥΠΝΕΣ ΙΣΤΟΣΕΛΙΔΑΣ ΚΑΤΗΓΟΡΙΟΠΟΙΗΣΗ ΚΑΝΟΝΕΣ ΑΠΑΝΤΗΣΕΙΣ- ΣΥΝΤΗΡΗΣΗ ΔΙΚΑΙΩΜΑΤΑ ΗΛΙΘΙΕΣ ΕΡΩΤΗΣΕΙΣ ΑΝΑΝΕΩΣΗ ΜΑΘΗΜΑΤΑ ΗΧΟΣ ΟΜΑΔΕΣ ΕΡΓΑΣΙΑΣ ΑΝΑΚΟΙΝΩΣΕΙΣ ΒΙΝΤΕΟ ΥΠΕΥΘΥΝΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΣΥΖΗΤΗΣΕΙΣ ΜΗΝΥΜΑΤΑ ΕΠΙΚΟΙΝΩΝΙΑ 6

Αναζήτηση ιδεών Αν είχαμε αρκεστεί στον πρώτο καταιγισμό ιδεών, τότε η ιστοσελίδα μας, θα χαρακτηριζόταν απλά ως μία τυπική ιστοσελίδα, στατική ίσως, χωρίς σύγχρονη εμφάνιση. Για τον λόγο αυτό, καταναλώθηκε λίγος χρόνος για την συζήτηση με τους μαθητές και την ενημέρωσή τους για τις σύγχρονες τάσεις, από τον καθηγητή Πληροφορικής. Οι μαθητές ενημερώθηκαν (σε θεωρητικό επίπεδο) για έννοιες και τεχνολογίες, για σύγχρονες τάσεις, για τα διάφορα Συστήματα Διαχείρισης Περιεχομένου (CMS), για χρωματικούς συνδυασμούς και ότι άλλο μας επέτρεπε ο λιγοστός χρόνος που είχαμε στην διάθεσή μας. Όπως ήταν φυσικό, οι νέες έννοιες ήταν σχεδόν αδύνατο να αφομοιωθούν από τους μαθητές, πόσο μάλλον να υιοθετηθούν για την δημιουργία της ιστοσελίδας. Για τον λόγο αυτό, οι μαθητές, ξανακάθησαν για μερικές ώρες στους υπολογιστές του σχολείου (και του σπιτιού τους). Αυτή την φορά προσπάθησαν να κοιτάξουν 'πίσω' από την εμφάνιση. Προσπάθησαν να συνδυάσουν τις νέες έννοιες που απλά άκουσαν, με πράγματα που έβλεπαν μπροστά τους. Περιηγήθηκαν σε πάρα πολλές ιστοσελίδες, τόσο ελληνικές όσο και σε ξενόγλωσσες (πρωτοβάθμιας και δευτεροβάθμιας εκπαίδευσης, ΙΕΚ, κολεγίων και πανεπιστημίων). Σιγά σιγά άρχισαν να ανακαλύπτουν τις νέες έννοιες και τελικά να τις αφομοιώνουν. Όταν πλέον η αντίληψη για την πραγματική εμφάνιση και δομή μιας ιστοσελίδας είχε αλλάξει, οι μαθητές ήταν έτοιμοι για τον δεύτερο καταιγισμό ιδεών. 7

Δεύτερος καταιγισμός ιδεών Όντας πιο έμπειροι, οι μαθητές πλέον, μπορούσαν να περιγράψουν με πολύ πιο εμπεριστατωμένο λόγο μια ιστοσελίδα. Οι λέξεις που ανέφεραν είχαν σχέση με πράγματα που είχαν δει και τους είχαν κάνει εντύπωση, με τυπικά στοιχεία ιστοσελίδων, με κατασκευαστικές έννοιες και με ιδέες που απλά δεν υπήρχαν πουθενά (από τις ιστοσελίδες που επισκέφθηκαν) και μπορούν να χαρακτηριστούν ως πρωτότυπες. Λόγω του ελάχιστου χρόνου που είχαν στην διάθεσή τους για να μάθουν πραγματικά τις νέες έννοιες, η αφομοίωση δεν ήταν τέλεια. Ακόμη και στον δεύτερο καταιγισμό ιδεών υπήρχαν λέξεις που δεν πρόσφεραν τίποτα, αλλά οι λέξεις αυτές ήταν σαφέστατα λιγότερες από τον πρώτο καταιγισμό: blogs blocks/δομή ενημέρωση μαθητών γονέων menu διασκέδαση κατηγορίες επικοινωνία/στελέχη ενδιαφέροντα css/θέματα έγγραφα/αρχεία internet e-shop εκδρομές ομάδες: Επεξεργασίας, ανακοινώσεις δραστηριότητες: Ανανέωσης, ιστορικό του σχολείου Αθλητισμός, Σχολικές (χάρτης-στοιχεία)- εορτές, Προγράμματα, pc υποδομές Project, Βιβλιοθήκη, νέα για μαθητές: στοιχεία ανθρ. δυναμ. δημοσιεύσεις Πληροφοριών Εκπαιδευτικές Bάσεις, Θέματα, επισκέψης, Video Ασκήσεις, Ύλη προβολή πληροφόρηση γονέων forum μαθήματα Σύλλογος γονέων στατιστικά αξιολόγηση ιστοσελίδας πρόγραμμα σχολείου επιτυχίες μαθητών μέλη GUI (εύχρηστο faq (συχνές ερωτήσεις) ημερολόγιο-ρολόι- (εργασιών) gmail καιρός 8 περιβάλλον)

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

Μελέτη Σχεδιασμός Ομαδοποίηση μαθητών σε 2 ομάδες Μετά τον καταιγισμό ιδεών, σειρά έχει η μελέτη και ο σχεδιασμός. Αρχικό βήμα της μελέτης είναι η κατηγοριοποίηση των εννοιών από την ολομέλεια. Στο σημείο αυτό δεν ακολουθήσαμε την σειρά που προτείνεται για την υλοποίηση μιας Ερευνητικής Εργασίας, αλλά προχωρήσαμε στο επόμενο βήμα, στην επόμενη από τις διαδικασίες του project, που είναι είναι η ομαδοποίηση των μαθητών. Η διαδικασία θέλει τους μαθητές σε ομάδες με διακριτά αντικείμενα. Η δική μας ομαδοποίηση όμως ήταν ελαφρά διαφορετική. Οι μαθητές, στην πρώτη ομαδοποίηση (στην συνέχεια ξαναχωρίστηκαν σε ομάδες) χωρίστηκαν σε 2 ομάδες με ίσο αριθμό μελών και με ίδιο αντικείμενο. Το αντικείμενό τους είχε να κάνει με την κατηγοριοποίηση των λέξεων και προτάσεων του καταιγισμού ιδεών. Προτιμήσαμε να εφαρμόσουμε αυτό τον τρόπο για να είμαστε σίγουροι ότι θα έχουμε όσο το δυνατόν περισσότερες διαφορετικές ιδέες. Οι ομαδοποιήσεις των 2 ομάδων φαίνονται σε παραλληλία παρακάτω: Α. ΚΑΤΑΣΚΕΥΗ ΙΣΤΟΣΕΛΙΔΑΣ 1. ΕΠΙΚΟΙΝΩΝΙΑ blocks/δομή blogs css/θέμα faq apps menu gui(περιβάλλον διεπαφής) ημερολόγιο-ρολόι-καιρός ομάδες εργασίας:ομάδα αξιολόγησης,ομάδα κατασκευής και συντήρησης.ομάδα συλλογής πληροφοριών,ομάδα ανανέωσης βοηθητικό εργαλείο ΣΤΕΛΕΧΗ-ΜΕΛΗ Β.ΠΛΗΡΟΦΟΡΙΕΣ 1. ΨΥΧΑΓΩΓΙΑ φωτογραφίες εκδηλώσεις / δραστηριότητες:αθλητισμός,σχολικές GMAIL FAQ(ΣΥΧΝΕΣ ΕΡΩΤΗΣΕΙΣ) FORUM INTERNET ΣΥΖΗΤΗΣΕΙΣ-ΣΥΝΕΡΓΑΣΙΑ ΟΜΙΛΙΕΣ ΜΗΜΥΜΑΤΑ ΑΝΑΚΟΙΝΩΣΕΙΣ 2. ΨΥΧΑΓΩΓΙΑ-ΕΚΔΗΛΩΣΕΙΣ ΕΚΔΡΟΜΕΣ ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ 10

εορτές,προγράμματα,project,εκπαιδευτικές επισκέψεις,video διασκέδαση ενδιαφέροντα προβολή σχολείου εκδρομές σχολικές αναμνήσεις ΔΙΑΣΚΕΔΑΣΗ ΗΧΟΣ-ΦΩΤΟΓΡΑΦΙΕΣ APPS ΣΧΟΛΙΚΕΣ ΕΟΡΤΕΣ ΒΙΒΛΙΟ ΕΝΔΙΑΦΕΡΟΝΤΑ 2. ΕΝΗΜΕΡΩΣΗ / ΝΕΑ ανακοινώσεις δημοσιεύσεις ενημέρωση μαθητών / γονέων πληροφόρηση γονέων άρθρα νέα για μαθητές επιτυχίες 3. ΜΑΘΗΣΗ ψηφιακό βιβλίο πρόγραμμα ύλη μαθήματα 4. FORUM συζητήσεις 3. ΔΟΜΗ-MENU ΚΑΤΗΓΟΡΙΕΣ CSS/ΘΕΜΑ ΕΓΓΡΑΦΑ-ΑΡΧΕΙΑ ΑΞΙΟΛΟΓΗΣΗ ΙΣΤΟΣΕΛΙΔΑΣ ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΕΜΦΑΝΙΣΗ ΚΑΤΗΓΟΡΙΟΠΟΙΗΣΗ ΣΥΝΤΗΡΗΣΗ ΑΝΑΝΕΩΣΗ ΥΠΕΥΘΥΝΟΣ ΙΣΤΟΣΕΛΙΔΑΣ 4. ΕΝΗΜΕΡΩΣΗ-ΠΛΗΡΟΦΟΡΙΑ ΙΣΤΟΡΙΚΟ ΤΟΥ ΣΧΟΛΕΙΟΥ(ΧΑΡΤΗΣΣΤΟΙΧΕΙΑ)-ΥΠΟΔΟΜΕΣ 5. ΣΤΟΙΧΕΙΑ ΔΗΜΟΣΙΕΥΣΕΙΣ(ΕΡΓΑΣΙΩΝ) ιστορικό του σχολείου υποδομές στοιχεία ανθρώπινου δυναμικού χάρτης-τόπος μαθητές έγγραφα-αρχεία σύλλογος γονέων και κηδεμόνων επικοινωνία-τηλέφωνο ΕΝΗΜΕΡΩΣΗ ΜΑΘΗΤΩΝ-ΓΟΝΕΩΝΚΑΘΗΓΗΤΩΝ ΗΜΕΡΟΛΟΓΙΟ-ΡΟΛΟΙ-ΚΑΙΡΟΣ ΣΥΛΛΟΓΟΣ ΓΟΝΕΩΝ ΠΡΟΓΡΑΜΜΑ ΣΧΟΛΕΙΟΥ ΠΡΟΒΟΛΗ ΣΧΟΛΕΙΟΥ ΜΑΘΗΜΑΤΑ ΧΑΡΤΗΣ-ΤΟΠΟΣ-ΧΩΡΟΣ ΑΡΘΡΑ 11

Αν και η προσπάθεια των μαθητών ήταν μεγάλη, η απειρία τους ήταν εμφανής. Η πρώτη ομάδα, πολύ σωστά σκέφτηκε ότι η κατασκευή και οι πληροφορίες πρέπει να διαχωριστούν και να αντιμετωπιστούν ξεχωριστά. Η δεύτερη ομάδα, αν και δεν έκανε τον προηγούμενο διαχωρισμό, φαίνεται να είχε μια γενικότερη και πιο λιτή εικόνα της ιστοσελίδας. Αυτή η διαφορά του σύνθετου και του απλότερου μας έκανε να καταλάβουμε ότι μια ιστοσελίδα πέρα από το υλικό και τις πληροφορίες που θα πρέπει να έχει οπωσδήποτε (και σε αφθονία), θα πρέπει να είναι λιτή και εύκολα περιηγήσιμη. Μελέτη ολομέλειας Έχοντας στα χέρια μας τις παραπάνω ομαδοποιήσεις, η ολομέλεια (όλη η τάξη) έπρεπε πλέον να αποφασίσει την τελική ομαδοποίηση περιεχομένου. Η ολομέλεια δεν ασχολήθηκε με το τεχνικό κομμάτι, αλλά μόνο με την κατηγοριοποίηση του περιεχομένου. Αφού αντιπρόσωποι από κάθε ομάδα, παρουσίασαν σε όλη την τάξη τις κατηγοριοποιήσεις τους, όλοι μαζί οι μαθητές αποφάσισαν τι θα μείνει γραμμένο στον πίνακα και πως θα είναι τελικά οι κατηγορίες: ΑΝΑΚΟΙΝΩΣΕΙΣ-ΝΕΑ επιτυχίες νέα (μόρια μεταθέσεων κτλ) διαγωνισμοί προσωπικά στοιχεία(μισθοδοσία)->με κωδικό, εκδρομές εκπαιδευτικοί υπουργείο παιδείας ΕΚΠΑΙΔΕΥΣΗ εκπαιδευτικό υλικό project ΓΙΑ ΜΑΘΗΤΕΣ νέα για μαθητές(για τεστ, προγράμματα ΓΙΑ ΕΚΠΑΙΔΕΥΤΙΚΟΥΣ: σημειώσεις σημειώσεις, party, εκδρομές, ασκήσεις δραστηριότητες) ΕΚΔΗΛΩΣΕΙΣ Ο ΤΟΠΟΣ ΜΑΣ συνταγές 12

δραστηριότητες (+φωτο-video) προϊόντα εκδηλώσεις(π.χ. Αγιασμός) αξιοθέατα αθλητικοί αγώνες ιστορία παρουσιάσεις project ΤΟ ΣΧΟΛΕΙΟ ΜΑΣ party υποδομές ΓΙΑ ΓΟΝΕΙΣ προσωπικό νέα συλλόγου μαθητές εκδηλώσεις ιστορία εκλογές forum? πρόγραμμα επισκέψεων lms? πληρ.για διαδικασίες(απουσίες,ανάρτηση προσ.δεδομένων,εκδρομές) έντυπα Ο παραπάνω πίνακας κατηγοριών αφορά μόνο την εννοιολογική κατηγοριοποίηση του υλικού, όπως θα περίμενε κάποιος επισκέπτης. Στην πραγματικότητα, η τελική υλοποίηση ήταν αρκετά διαφορετική. Οι λόγοι έχουν να κάνουν με δικαιώματα πρόσβασης, με αναζήτηση συχνού υλικού, με τεχνικά θέματα κ.α. Για παράδειγμα, αν και κάποιος θα περίμενε ότι οι ανακοινώσεις είναι κάτι απλό, στην πορεία και δεδομένων των απαιτήσεων του διευθυντή και των καθηγητών (π.χ. για ανακοινώσεις μόνο για καθηγητές) η υλοποίηση, θα έβρισκε εμπόδια. 13

Υλοποίηση Κατασκευή Ομαδοποίηση σε 5 ομάδες Συλλογή υλικού Για την συνέχεια της εργασίας, οι μαθητές έπρεπε να ξαναχωριστούν σε ομάδες. Αυτή την φορά ο στόχος τους θα ήταν η συλλογή υλικού. Οι ομάδες ήταν πέντε (5) και οι αρμοδιότητές τους ήταν οι παρακάτω: ανακοινώσεις, δραστηριότητες, προγράμματα, projects έντυπα, ονόματα καθηγητών και μαθητών, γονείς και κηδεμόνες φωτογραφίες, αξιοθέατα, στοιχεία για τον τόπο μας εκπαίδευση, καθηγητές γραφικά και εικονίδια τις ιστοσελίδας, θεματική παραλλαγή κτλ Η συλλογή του υλικού έγινε από διάφορες πηγές και το υλικό αποθηκεύτηκε με την βοήθεια του LMS Chamilo. Οι πηγές του υλικού ήταν οι παρακάτω: Internet (αναζήτηση, Facebook, YouTube κ.α.) Παλαιότερη ιστοσελίδα Συζητήσεις με κατοίκους και παράγοντες του χωριού Συζητήσεις με καθηγητές Συζήτηση με το Διευθυντή του σχολείου Ερωτηματολόγιο Βιβλιοθήκη Κατά την συλλογή υλικού, και όντας πλέον οι μαθητές εξοικειωμένοι με την χρήση του Chamilo, αρχίσαμε να συζητάμε την περίπτωση της χρήσης αυτού του LMS για όλο το σχολείο και όλα τα μαθήματα. Στο σημείο εκείνο, αν και η ιδέα 14

φάνηκε αρκετά καλή, η πραγματοποίησή της αφέθηκε για το τέλος του έτους ώστε να υλοποιηθεί σωστά, αφού τελειώσει η εργασία. Στην πραγματικότητα, το LMS ήταν έτοιμο, απλά έπρεπε να γίνουν όλες οι απαραίτητες διαδικασίες ενημέρωσης των μαθητών και των καθηγητών όπως επίσης έπρεπε να γίνει και μια μικρή εκπαίδευση σε όλο το σχολείο. Κατασκευή Όπως αναφέρθηκε και προηγουμένως, αν και η κατηγοριοποίηση ήταν λογική, η υλοποίηση δεν θα μπορούσε να γίνει αυτούσια. Όμως, ο τελικός χρήστης της ιστοσελίδας, έπρεπε να μπορεί να περιηγηθεί με βάση την παραπάνω λογική, άμεσα ή έμμεσα. Οι καταστάσεις που έπρεπε να αντιμετωπιστούν και πρέπει να αντιμετωπίζονται στην κατασκευή οποιασδήποτε σύγχρονης ιστοσελίδας είναι οι παρακάτω: Πρέπει να λάβουμε υπ' όψιν, ότι πολλά θέματα είναι διοικητικά, κάποια μόνο εκπαιδευτικά, κάποια άλλα είναι και εκπαιδευτικά, αλλά συμπεριλαμβάνουν νόμους κ.τ.λ. Δεν πρέπει να υπάρχει το ίδιο αντικείμενο περισσότερες από μια φορά. Για παράδειγμα δεν είναι συνετό να ανεβάζουμε τις ίδιες ομάδες φωτογραφιών για κάθε διαφορετικό κείμενο που χρειάζεται να εμφανίζει τις ίδιες φωτογραφίες. Το ίδιο θα πρέπει να συμβαίνει με τα έντυπα και με άλλα κείμενα. Οι πανελλήνιες είναι ένα ειδικό θέμα, όπου έχει σχέση με εκπαίδευση, νομοθεσία, ανακοινώσεις κ.α. Για παράδειγμα ή εξεταστέα ύλη, αν και καθορίζεται με νόμο, είναι καθαρά εκπαιδευτικό θέμα και αφορά κάθε φορά ξεχωριστό μάθημα. Οπότε το θέμα 'Πανελλήνιες' πρέπει να αντιμετωπιστεί ως ειδικό θέμα. Ομοίως τα Project και τα Προγράμματα (Περιβ., Υγείας, Πολιτ.). Κάθε Project ή Πρόγραμμα, εκτός από την εργασία και την τελική παρουσίαση, συνδυάζει ένα μεγάλο αριθμό από δραστηριότητες, έντυπα που παράγονται, συζητήσεις, συνεντεύξεις, εκδρομές κ.α. 15

Η βιβλιοθήκη, όπως και ο σύλλογος γονέων και κηδεμόνων, αν και ενσωματώνονται στο σχολείο, στην πραγματικότητα αποτελούν σχεδόν αυτόνομες οντότητες με τις δικές τους ανακοινώσεις, με τους δικούς τους κανόνες κ.α. Σε κάθε ιστοσελίδα σχολείου, πρέπει να υπάρχει μέριμνα και για την ανάδειξη της περιοχής στην οποία βρίσκεται. Οι καθηγητές και οι μαθητές θα πρέπει να έχουν βήμα για δικά τους κείμενα, σχετικά ή όχι με την ιδιότητά τους. Οι καθηγητές θα πρέπει να μπορούν μόνοι τους να ανεβάζουν υλικό σχετικό με το μάθημά τους. Οποιοσδήποτε έχει δικαίωμα ανάρτησης περιεχομένου, θα πρέπει να μπορεί να αναρτεί οτιδήποτε (έχει δικαίωμα να αναρτήσει), χωρίς να γνωρίζει τεχνικές, τεχνολογίες, δομή της ιστοσελίδας κ.α. Για παράδειγμα κάποιος φιλόλογος που μπορεί να χειριστεί τον υπολογιστή δεν είναι υποχρεωμένος να γνωρίζει τι είναι και πως λειτουργεί το jquery ή η javascript για να φτιάξει ένα slideshow, αλλά θα πρέπει να έχει την δυνατότητα να το κάνει. Διοικητικά θέματα θα πρέπει να αναρτώνται μόνο από τον Διευθυντή Η ασφάλεια των δεδομένων θα πρέπει να έχει προτεραιότητα έναντι οποιουδήποτε άλλου στοιχείου. Η μορφή της ιστοσελίδας θα πρέπει να είναι καλαίσθητη ΚΑΙ λειτουργική. Ειδικά στην λειτουργικότητα θα πρέπει να δοθεί πολύ μεγάλη έμφαση. Τα χρώματα δεν θα πρέπει να είναι πολλά, αλλά λίγα και με συνέπεια σε ολόκληρη την έκταση της ιστοσελίδας. Η ιστοσελίδα ΔΕΝ πρέπει να είναι 'βαριά'. Δεν χρειάζεται όλο το υλικό της να εμφανίζεται με την πρώτη φόρτωσή της. Σε όλους μας αρέσει να ανακαλύπτουμε πράγματα και όλοι εκνευριζόμαστε με τον καταιγισμό πληροφοριών και την καθυστέρηση μιας πολύ βαριάς ιστοσελίδας. 16

Η λογική περιήγησης -- λειτουργικότητα θα πρέπει να είναι απλή και αυτονόητη. Όταν ο επισκέπτης είναι μαθητής θα πρέπει μόνος τους να μπορεί να δει αυτά που τον ενδιαφέρουν. Ομοίως αν είναι καθηγητής, ή γονέας ή απλά κάποιος 'περαστικός' του Διαδικτύου. Θα πρέπει να υπάρχουν στοιχεία επικοινωνίας, χάρτης, και φόρμα υποβολής ερωτήσεων και παρατηρήσεων Η ιστοσελίδα θα πρέπει να είναι σύγχρονη, με ενσωματωμένες νέες τεχνολογίες, ικανή να εμφανίζεται σωστά σε οποιαδήποτε συσκευή (υπολογιστή, laptop, tablet, smartphone κ.α.) 17

Έχοντας ως γνώμονα τις παραπάνω απαιτήσεις, η κατασκευή μπορεί να γίνει με 2 τρόπους. Πρώτον με καθαρό προγραμματισμό από την αρχή ή δεύτερον με την χρήση κάποιου CMS ( Content Management System Σύστημα Διαχείρισης Περιεχομένου). Ο πρώτος τρόπος θα μπορούσε ίσως να αποτελεί μονόδρομο, αν κάποιος ήθελε να επιτύχει επακριβώς το ζητούμενο αποτέλεσμα. Θα ήταν όμως ταυτόχρονα και μια κίνηση χωρίς μέλλον, αφού θα έπρεπε πάντα κάποιος να γνωρίζει τις τεχνολογίες που χρησιμοποιεί η ιστοσελίδα, την λογική του αρχικού προγραμματιστή, όμοιες γνώσεις με τον ή τους προγραμματιστές που ασχολήθηκαν κατά καιρούς και οπωσδήποτε όλες τις τεχνικές ασφαλείας. Ειδικά το τελευταίο, είναι σχεδόν αδύνατο να γίνει εκτός και αν ο προγραμματισμός γίνει από επαγγελματία του χώρου. Ένας καθηγητής πληροφορικής, ή οποιοσδήποτε άλλος ασχοληθεί με την κατασκευή, είναι σχεδόν αδύνατο να παρακολουθεί όλες τις εξελίξεις στους τομείς της ασφάλειας και ταυτόχρονα να είναι συνεπής στα εκπαιδευτικά του καθήκοντα. Ο δεύτερος τρόπος, είναι και ο συχνότερα χρησιμοποιούμενος στις μέρες μας. Τα CMS εκτός από την ευκολία που προσφέρουν, όσον αφορά την γρήγορη υλοποίηση, συνήθως υλοποιούνται και συντηρούνται από πάρα πολλούς προγραμματιστές. Άμεσο αποτέλεσμα είναι η αυξημένη ασφάλεια, αφού πολλά μάτια βλέπουν τον ίδιο κώδικα και πολλοί διαφορετικοί άνθρωποι, με ειδικές γνώσεις ο καθένας στον τομέα του, φροντίζουν ώστε να εξελίσσουν τα συστήματα αυτά με αυξημένη ασφάλεια. Εκτός της ασφάλειας, σημαντικό πλεονέκτημα είναι οι πολλές δυνατότητες που ενσωματώνουν, οι οποίες μπορούν να χρησιμοποιηθούν ακόμη και από απλούς χρήστες και όχι προγραμματιστές. Όταν βέβαια κάποιος με σύγχρονες γνώσεις και γνώσεις προγραμματισμού, ασχοληθεί με αυτά τα συστήματα, τότε οι δυνατότητες είναι σχεδόν ατελείωτες. 18

Μερικά από τα σύγχρονα CMS είναι τα Drupal Wordpress Typo3 Joomla κ.α. Αν και όλα τα παραπάνω μπορούν να χρησιμοποιηθούν για την υλοποίηση μιας σχολικής ιστοσελίδας, εμείς προτιμήσαμε το Drupal λόγω των αυξημένων δυνατοτήτων του, της εγγυημένης ασφάλειάς του και του επαγγελματικού χαρακτήρα του. Πολλοί, χαρακτηρίζουν το συγκεκριμένο Σύστημα Διαχείρισης Περιεχομένου, ως δυσνόητο ή δύσχρηστο. Η αλήθεια είναι ότι η λογική του ξεφεύγει από την απλή υλοποίηση μιας ιστοσελίδας και προσανατολίζεται προς την δημιουργία ενός πλήρους λειτουργικού συστήματος παρουσίασης και διαχείρισης υλικού. Οπότε αν κάποιος θέλει να δημιουργήσει κάτι παραπάνω από μια απλή ιστοσελίδα, ένα σύστημα που έχει την δυνατότητα της αυτόματης κατανομής του περιεχομένου, τότε το Drupal μάλλον αποτελεί μονόδρομο. Λίγο πιο πριν περιγράψαμε την λογική περιήγησης στην ιστοσελίδα μας και αναφέραμε ότι η υλοποίησή της δεν θα ήταν εύκολη. Τέτοιες είναι η περιπτώσεις που το Drupal δείχνει την πραγματική του δύναμη. Οι βασικοί στόχοι που έπρεπε να επιτευχθούν ήταν 2: η εύκολη και αυτονόητη περιήγηση για τον επισκέπτη (Γραφικό Περιβάλλον -- GUI) η ανεμπόδιστη και απρόσκοπτη ανάρτηση περιεχομένου (Τύποι ύλης) 19

Γραφικό Περιβάλλον Μια από τις προσκλήσεις που αντιμετωπίζουν όλοι οι προγραμματιστές κατά την δημιουργία μιας ιστοσελίδας ή ενός προγράμματος είναι η κατασκευή ενός καλαίσθητου και λειτουργικού περιβάλλοντος διεπαφής. Περιβάλλον Διεπαφής Χρήστη (GUI), μπορούμε με απλά λόγια να ονομάσουμε την εικόνα που παρουσιάζεται στον επισκέπτη της ιστοσελίδας και τους τρόπους αλληλεπίδρασης και περιήγησης που του παρέχονται Εμείς αποφασίσαμε από την αρχή ότι το περιβάλλον διεπαφής τεχνικά θα πρέπει: να είναι απλό να εμφανίζεται σωστά σε οποιαδήποτε συσκευή (responsive) να μην έχει ούτε ένα μενού σε ανάπτυξη να έχει εικονίδια για τις πολύ βασικές λειτουργίες, ώστε οι χρήστες που βλέπουν την ιστοσελίδα σε πολύ μικρές συσκευές να μπορούν να περιηγηθούν αρκετά εύκολα να περιέχει τις πληροφορίες κατηγοριοποιημένες με λογικό τρόπο 20

Για να επιτύχουμε τα παραπάνω, μια ομάδα δημιούργησε κατάλληλα εικονίδια και αφού έψαξε αρκετά στο Διαδίκτυο κατέληξε στην χρήση 3 βασικών χρωμάτων. Του πράσινου, του μπλε και του πορτοκαλί. Τα χρώματα αυτά είναι αρκετά ξεκούραστα στο μάτι του επισκέπτη και κάνουν την σελίδα να φαίνεται 'ελαφριά' χωρίς περιττές διακοσμήσεις. Η θεματική παραλλαγή των CMS (θέμα, template, theme κτλ) είναι ο τρόπος διαχωρισμού της σελίδας σε επιμέρους τμήματα σε συνδυασμό με τεχνολογίες αλληλεπίδρασης με τον χρήστη. Το θέμα που επιλέξαμε ονομάζεται Corolla, είναι responsive (αλλάζει την μορφή του ανάλογα με την συσκευή περιήγησης) και χρησιμοποιείται συνήθως ως έχει ή αρκετά παραμετροποιημένο ώστε να ικανοποιεί τις εκάστοτε απαιτήσεις. Εμείς ακολουθήσαμε την δεύτερη μέθοδο. Αλλάξαμε χρώματα, διαστάσεις, προσθέσαμε περιοχές και γενικότερα το φτάσαμε στην κατάσταση που είναι σήμερα η ιστοσελίδα μας. Δεν χρησιμοποιήσαμε ούτε ένα μενού σε ανάπτυξη. Έτσι χρήστες με κινητές συσκευές, που δεν έχουν την δυνατότητα χρήσης ποντικιού, μπορούνε αν πάσα στιγμή να φτάσουν στον στόχο τους. Ένα άλλο πλεονέκτημα αυτής της λογική, είναι ότι δεν υπάρχουν 'κρυφές' διαδρομές, αλλά στον επισκέπτη παρουσιάζονται όλοι οι εναλλακτικοί δρόμοι που μπορεί να ακολουθήσει. Αν κάποιος δεν το 21

σκεφτεί αρκετά τότε μπορεί να νομίσει ότι με μια τέτοια υλοποίηση δεν θα παρουσιαστούν στον χρήστη όλες οι πιθανές διαδρομές. Εμείς, έχοντας το προηγούμενο στο μυαλό μας, ακολουθήσαμε ένα διαφορετικό τρόπο από αυτό που βλέπουμε συνήθως σε ιστοσελίδες, ο οποίος μάλιστα μοιάζει αρκετά με τον τρόπο περιήγησης που συναντάμε στα σύγχρονα κινητά τηλέφωνα. Σε κάθε 'σταθμό' (κόμβο), εμφανίζεται ένα υπο-μενού ακριβώς πάνω από το κυρίως περιεχόμενο. Οπότε αρκεί ο επισκέπτης να πατήσει σε κάποιο σύνδεσμο σχετικό με το ενδιαφέρον του και μόλις εμφανιστεί η σελίδα που ζήτησε, ταυτόχρονα εμφανίζεται και το νέο μικρότερο μενού. Για παράδειγμα, αν ενδιαφέρεται για θέματα σχετικά με τους Γονείς και του Κηδεμόνες, αρκεί να επισκεφθεί τον σύνδεσμο Σύλλογος Γονέων. Αμέσως μετά, θα εμφανιστούν και νέες επιλογές. Το ίδιο ισχύει για την Βιβλιοθήκη και πολλούς άλλους συνδέσμους που μπορεί να δει κάποιος στην αρχική σελίδα. 22

Τύποι Ύλης Η μεγαλύτερη πρόκληση που αντιμετωπίσαμε ήταν η επίτευξη συνδυασμού εύκολης ανάρτησης και λογικής εμφάνισης. Πιο απλά, θέσαμε ως στόχο, ότι ο απλός χρήστης της ιστοσελίδας (αυτός που θα έχει δικαίωμα ανάρτησης) και δεν θα έχει τεχνικές γνώσεις, θα πρέπει να μπορεί να κάνει μια ανάρτηση χωρίς να επιφορτίζεται με τίποτα από τα παρακάτω: δημιουργία συνδέσμου σε κάποιο μενού δημιουργία μικρογραφιών εικόνων και κατάλληλου χαρακτηρισμού (rel=.. ) ώστε να εμφανίζεται η κανονική φωτογραφία σε κάποιο διαδραστικό πλαίσιο αλλαγή διαστάσεων εικόνας επικόλληση κατάλληλου κώδικα εμφάνισης video μορφοποιήσεις κειμένου ανέβασμα υλικού σε περισσότερα του ενός μέρη (πχ φωτογραφίες σε γκαλερί και σε κάποιο κείμενο) Πιο απλά, ο συνδεδεμένος χρήστης θα πρέπει να αποφασίσει μόνο τι είδους κείμενο (ή αρχείο) θέλει να αναρτήσει και όλα τα υπόλοιπα βήματα θα πρέπει να τα αναλάβει το CMS. Ως παράδειγμα μπορούμε να δώσουμε την δημιουργία ενός κειμένου που περιέχει μία άσκηση για μαθηματικά. Ο χρήστης (πιθανόν ο 23

μαθηματικός του σχολείου) θα πρέπει απλά να δημιουργήσει ένα νέο κείμενο τύπου 'μαθήματος' όπου θα δηλώσει το μάθημα (μαθηματικά), την τάξη (π.χ. Γ Λυκείου), το είδος του κειμένου (π.χ. Άσκηση), θα επικολλήσει την άσκηση και θα πατήσει το κουμπί αποθήκευση. Αμέσως το σύστημα, θα 'δει' τις επιλογές του και όταν κάποιος πατήσει μαθηματικά --> Γ λυκείου, θα δει την άσκηση που ανέβασε λίγο πριν ο χρήστης. Για να γίνει πραγματικότητα το παραπάνω χρειάζεται ένα σύστημα αρκετά ευέλικτο και πολλές δυνατότητες όπως το Drupal. Με αυτό μπορούμε να δημιουργήσουμε κατάλληλους τύπους δεδομένων, με ξεχωριστές κατηγοριοποιήσεις για να ξεχωρίσουμε τα διαφορετικά είδη υλικού ανάρτησης. Οι τύποι ύλης που χρησιμοποιήσαμε είναι οι παρακάτω: Project: Τύπος ύλης για την ανάρτηση εργασιών, παρουσιάσεων και γενικότερα για τα παραγόμενα αποτελέσματα μιας ερευνητικής εργασίας. Slide: Επιλέγοντας την επιλογή δημιουργίας ενός slide, ο χρήστης μπορεί να προσθέσει μια εικόνα στο δυναμικό slideshow της αρχικής σελίδας. Θα πρέπει μόνο να ανεβάσει μια φωτογραφία και αυτή θα αλλάξει μέγεθος και διαστάσεις κατάλληλα ώστε να εμφανιστεί σωστά και παράλληλα με τις άλλες εικόνες. Video : Ο χρήστης μπορεί να ανεβάσει ένα δικό του video στην ιστοσελίδα ή απλά να αντιγράψει και να επικολλήσει το url ενός video του youtube ή του vimeo Άρθρο (Blog Post) : Τα άρθρα χρησιμοποιούνται ως τύποι ύλης κατασκευής micro-blog. Ο κάθε καθηγητής ή μαθητής μπορεί να αναρτήσει κείμενο που δεν έχει σχέση με οτιδήποτε άλλο μέσα στην Ιστοσελίδα. Για παράδειγμα μπορεί να αναρτήσει ένα κείμενο για την υπερθέρμανση. Το κείμενο του, θα εμφανιστεί (μαζί με όλα τα άλλα κείμενά του) όταν ο επισκέπτης επισκεφθεί τα Άρθρα της ιστοσελίδας και πατήσει το όνομα του χρήστη. Ουσιαστικά, τα Άρθρα αποτελούν ελεύθερο και επώνυμο βήμα έκφρασης καθηγητών και μαθητών. Έντυπο : Τύπος ύλης για την ανάρτηση εγγράφων (αναφορές, δηλώσεις κ.α.) 24

και ότι άλλο είναι χρήσιμο σε μαθητές, καθηγητές, γονείς και το σχολείο διαθέτει κάποιο κατάλληλο πρότυπο έγγραφο Ανακοίνωση : Οι ανακοινώσεις είναι για να ανακοινώσουμε κάτι, μία δραστηριότητα, μια ανάρτηση ή οτιδήποτε άλλο έγινε ή θα γίνει. Η ανακοίνωση από μόνη της δεν έγινε ούτε θα γίνει ποτέ. Μια ανακοίνωση, από μόνη της, δεν θα πρέπει να σημαίνει απολύτως τίποτα αλλά θα πρέπει να παραπέμπει σε πραγματικά γεγονότα. Σε όλους σχεδόν τους τύπους ύλης, υπάρχει κατάλληλο πεδίο επιλογής ενός ή περισσότερων σχετικών κειμένων. Ο χρήστης μπορεί για παράδειγμα να βγάλει μια ανακοίνωση για την ενημέρωση των επισκεπτών για μια δραστηριότητα που έγινε επιτυχώς. Στο τέλος μπορεί να διαλέξει το πραγματικό κείμενο της δραστηριότητας, παραπέμποντας έτσι τον επισκέπτη στο κατάλληλο κείμενο με όλες τις πληροφορίες, τις φωτογραφίες και όποιο άλλο υλικό υπάρχει για την δραστηριότητα. Ανακοίνωση για Καθηγητές : Όπως λέει και το όνομα του τύπου ύλη, ο χρήστης (ο Διευθυντής και το προσωπικό της Διεύθυνσης) μπορεί να δημιουργήσει μια ανακοίνωση που θα την διαβάσουν μόνο οι Καθηγητές. Ανθρώπινο Δυναμικό : Χρήσιμος τύπος ύλης για την ανάρτηση ονομάτων μαθητών, καθηγητών, διευθυντών και βοηθητικού προσωπικού. Τα ονόματα που θα αναρτηθούν θα πάρουν κατάλληλη θέση στον σύνδεσμο 'Ανθρώπινο Δυναμικό' Βασική σελίδα : Οι βασικές σελίδες χρησιμοποιούνται για στατικό περιεχόμενο, όπως μια σελίδα 'Σχετικά', μια σελίδα που δεν θα αλλάξει ποτέ και δεν σχετίζεται με κάποιο είδος υλικού.. Βασική σελίδα ΜΟΝΟ για χρήστες : Όμοια με την βασική σελίδα, μόνο που το περιεχόμενό της είναι εμφανίσιμο μόνο σε πιστοποιημένους χρήστες, όπως για παράδειγμα μια σελίδα που εξηγεί πως γίνεται η ανάρτηση περιεχομένου. Βιβλιοθήκη : ΜΟΝΟ για Θέματα Βιβλιοθήκης Γνωμικό : Απλός τύπος ύλης για την ανάρτηση γνωμικό και εκφράσεων που 25

αξίζουν την προσοχή μας. Διοικητικό Θέμα : Για ανάρτηση διοικητικών θεμάτων, όπως Θερινές Υπηρεσίες, Νομοθεσία, Πρόγραμμα Εξετάσεων, Υπεύθυνοι Τμημάτων, Ωρολόγιο Πρόγραμμα κ.α. Δραστηριότητα : Για θέματα όπως Εκδρομές, Αγώνες, Γιορτές, Επισκέψεις, Συνεντεύξεις, Βραβεύσεις κτλ Είδηση : Τύπος ύλης για ειδήσεις που αφορούν την περιοχή μας (προς το παρόν δεν χρησιμοποιείται) Εικόνες : Ουσιαστικά πρόκειται για την κατασκευή ομάδας φωτογραφιών (γκαλερί), οι οποίες εκτός από την εμφάνισή τους στον κατάλληλο σύνδεσμο 'Φωτογραφίες', μπορούν να εμφανιστούν και σε οποιοδήποτε κείμενο ώς σχετιζόμενες. Εξ ωτερικός Σύνδεσμος με ή χωρίς εικόνα : Σύνδεσμοι σε άλλες σελίδες. Αν αναρτηθεί και κάποιο λογότυπο, τότε αυτό αλλάζει μέγεθος και μορφή αυτόματα και εμφανίζεται (τυχαία) στην πράσινη μπάρα με τους εξωτερικούς συνδέσμους. Αν δεν έχει εικόνα, τότε εμφανίζεται μαζί με όλους τους Εξωτερικούς συνδέσμους στο αντίστοιχο 'μενού'. Θέμα Φοίτησης : Χρησιμοποιείται για θέματα φοίτησης όπως Αποτελέσματα Εξετάσεων, Αποτελέσματα Φοίτησης, Αριστούχοι Μαθητές, Διακρίσεις, Κοινότητες Μαθητών (προεδρεία) κτλ Μάθημα : Καθαρά εκπαιδευτικός τύπος ύλης. Επιλέγοντας αυτόν τον τύπο ύλης, ο χρήστης μπορεί να αναρτήσει σημειώσεις, βιβλία, απόψεις για μαθήματα γενικής παιδείας ή κατεύθυνσης και γενικότερα υλικό που αφορά ένα συγκεκριμένο μάθημα, μιας ή περισσότερων τάξεων. Πανελλήνιες : Προσθήκη αναρτήσεων που αφορούν πανελλαδικές εξετάσεις και έχουν κυρίως σχέση με διοικητικά ή νομικά θέματα, Ανακοινώσεις, Σύνδεσμοι κ.α. Περιοχή : Αναρτήσεις για περιοχές και αξιοθέατα στην ευρύτερη περιοχή του σχολείου μας. 26

Προωθημένο : Θέματα με εικόνα τα οποία θέλουμε να προβληθούν στην αρχική σελίδα. Πρόγραμμα ΠΥΠ : Τύπος ύλης για την ανάρτηση εργασιών, παρουσιάσεων και γενικότερα για τα παραγόμενα αποτελέσματα ενός Πολιτιστικού ή Περιβαντολογικού Προγράμματος ή ενός Προγράμματος Αγωγής Υγειας. Σύλλογος Γονέων κ' Κηδεμόνων: Θέματα του Συλλόγου Γονέων και Κηδεμόνων. Με τους τύπους ύλης καταφέραμε να περιορίσουμε την εργασία του χρήστη μόνο στην ανάρτηση του καθεαυτού περιεχόμενού και ταυτόχρονα την εμφάνιση αυτού του υλικού στις κατάλληλες θέσεις. Η λέξη 'θέσεις' δεν είναι τυπογραφικό λάθος, αλλά μια πραγματικότητα που επιβάλλει την εμφάνιση κάποιου υλικού σε περισσότερες από μία θέσεις. Για παράδειγμα οι ανακοινώσεις της Βιβλιοθήκης πρέπει να εμφανιστούν οπωσδήποτε στη υποκατηγορία της Βιβλιοθήκης που αφορά τις Ανακοινώσεις της αλλά πρέπει να εμφανιστούν και στις γενικές Ανακοινώσεις της πρώτης σελίδας. 27