Αυτοματοποιημένη σχολική ιστοσελίδα Υλοποίηση σε Γυμνάσιο

Αυτοματοποιημένη σχολική ιστοσελίδα Υλοποίηση σε Γυμνάσιο Σ. Μουγιάκου 1, Χ. Λόντος 2 1 2ο Γυμνάσιο Πειραιά - Καθ/τρια Πληροφορικής mougiakou@gmail.com 2 2ο Γυμνάσιο Πειραιά - Διευθυντής synlontos@gmail.com Περίληψη Σκοπός της εργασίας αυτής είναι να περιγράψει αναλυτικά τη δημιουργία δυναμικής σχολικής ιστοσελίδας Joomla! με τον αυτοματοποιημένο τρόπο του Πανελληνίου Σχολικού Δικτύου. Θα περιγράψουμε τη δημιουργία της ιστοσελίδας http://2gym-peiraia.att.sch.gr. Η ιστοσελίδα αυτή διαμορφώθηκε σε συνεργασία με το διευθυντή του σχολείου, ώστε να εξυπηρετεί τις ανάγκες της συγκεκριμένης σχολικής μονάδας. Στόχος είναι να χρησιμοποιείται από όλους τους καθηγητές του σχολείου για να αναρτούν άρθρα, υλικό μαθήματος και εργασίες των μαθητών τους. Στο τέλος της εργασίας παρουσιάζεται η εμπειρία των χρηστών μέσα από την περιγραφή του διευθυντή του 2ου Γυμνασίου Πειραιά. Λέξεις κλειδιά: Joomla!, Πανελλήνιο Σχολικό Δίκτυο, αυτοματοποιημένος τρόπος, σχολική ιστοσελίδα. 1. Εισαγωγή Ένα πρόβλημα που αντιμετωπίζουν συχνά τα σχολεία σε σχέση με τη διαχείριση των ιστοσελίδων τους είναι ότι η σελίδα κατασκευάζεται και συντηρείται από κάποιον (εθελοντή) συνάδελφο, συνήθως της Πληροφορικής. Όταν ο συγκεκριμένος καθηγητής λοιπόν πάψει να συντηρεί τη σελίδα, είτε γιατί βρέθηκε σε άλλη σχολική μονάδα, είτε γιατί δεν θέλει να το κάνει πια, η σελίδα παύει να ενημερώνεται και ουσιαστικά καθίσταται ανενεργή. Αυτό που προσπαθήσαμε στο 2ο Γυμνάσιο Πειραιά είναι να κατασκευάσουμε μια ιστοσελίδα με σύστημα διαχείρισης περιεχομένου (CMS) - Joomla! 1.5. Ο λόγος είναι ότι η διαχείριση της ιστοσελίδας γίνεται πολύ ευκολότερα και έτσι είναι δυνατόν να εμπλακούν στη συντήρησή της πολλοί συνάδελφοι από τη σχολική μονάδα, καθώς και ο διευθυντής. Το Πανελλήνιο Σχολικό Δίκτυο παρέχει στους χρήστες του τα τελευταία χρόνια, υπηρεσίες υποστήριξης δυναμικών σελίδων. Στους δύο επόμενους συνδέσμους υπάρχουν οι οδηγοί του Πανελληνίου Σχολικού Δικτύου για την αυτοματοποιημένη και τη μη αυτοματοποιημένη εγκατάσταση Joomla!. Είναι προφανές ότι ο

Conferrence on Informatics in Education 2012 αυτοματοποιημένος τρόπος είναι πολύ πιο απλός και γρήγορος και μπορεί να χρησιμοποιηθεί ακόμα και από χρήστες που δεν έχουν σχετική εμπειρία. Οδηγός αυτοματοποιημένης εγκατάστασης δικτυακού τόπου joomla 1.5 - http://www.sch.gr/2183-joomla-15 [5] Εγκατάσταση Joomla CMS στο ΠΣΔ (μη αυτοματοποιημένος τρόπος) - http://www.sch.gr/1561-cms [1] 2. Δημιουργία σχολικής ιστοσελίδας Joomla! με τον αυτοματοποιημένο τρόπο του Πανελληνίου Σχολικού Δικτύου. Ακολουθούμε τις οδηγίες που περιγράφονται στον Οδηγό αυτοματοποιημένης εγκατάστασης δικτυακού τόπου joomla 1.5 [5]. Όταν τελειώσει ο οδηγός αυτοματοποιημένης εγκατάστασης η σελίδα που προκύπτει είναι της μορφής: http://dide-peiraia.att.sch.gr/mougiakou/autosch/joomla15/ Θα περιγράψουμε πώς από το σημείο αυτό φτάσαμε στην ιστοσελίδα του 2ου Γυμνασίου Πειραιά http://2gym-peiraia.att.sch.gr/autosch/joomla15/. 2.1 Σύνδεση διαχειριστή (frontend) - Εκτεταμένη διαχείριση (backend) Κάτω αριστερά στη σελίδα μας βλέπουμε τους συνδέσμους Σύνδεση διαχειριστή (frontend) και Εκτεταμένη διαχείριση (backend). Όπως αναφέρουν και οι οδηγίες στην πρώτη σελίδα: Για να τροποποιήσετε την ιστοσελίδα, επιλέξτε το σύνδεσμο "Σύνδεση διαχειριστή" (frontend) και συνδεθείτε με όνομα χρήστη "admin" και κωδικό, τον κωδικό διαχείρισης τον οποίο έχετε επιλέξει κατά την εγκατάσταση. Πλοηγηθείτε στους διάφορους συνδέσμους της ιστοσελίδας και πατήστε το εικονίδιο για να επεξεργαστείτε το εκάστοτε άρθρο. Για να αποκτήσετε πρόσβαση στην εκτεταμένη διαχείριση της ιστοσελίδας σας, η οποία σας παρέχει περισσότερες επιλογές, επιλέξτε το σύνδεσμο "Εκτεταμένη διαχείριση" (backend) και συνδεθείτε με όνομα χρήστη "admin" και κωδικό, τον κωδικό διαχείρισης τον οποίο έχετε επιλέξει κατά την εγκατάσταση. 2.2. Επιλογή προτύπου Για να επιλέξουμε το πρότυπο που μας αρέσει, αφού συνδεθούμε με Εκτεταμένη διαχείριση, επιλέγουμε Επεκτάσεις - Διαχείριση Προτύπων. Αφήνοντας το δρομέα πάνω σε κάθε ένα από τα πρότυπα που είναι διαθέσιμα, μπορούμε να το δούμε ώστε να επιλέξουμε. Διαλέγουμε αυτό που θέλουμε και πατάμε Αποθήκευση.

Πρακτικά 4 rth CIE2012 Αφιερώστε λίγο χρόνο για να κατανοήσετε τις θέσεις των αντικειμένων στο πρότυπο που επιλέξατε. Για να γίνει αυτό, επιλέξτε το πρότυπο και πατήστε Προεπισκόπηση. Θα φανούν όλα τα ονόματα των θέσεων που μπορεί να τοποθετηθεί ένα αντικείμενο. 2.3 Απόκρυψη ή διαγραφή περιττών άρθρων/μενού - Ενημέρωση περιεχομένου Στη σελίδα που προέκυψε βλέπουμε ότι πολλά από τα μενού που εμφανίζονται δεν ταιριάζουν με τον τύπο του σχολείου μας. Γενικά η σελίδα που προκύπτει με τον οδηγό αυτοματοποιημένης εγκατάστασης περιέχει μενού, ενότητες, κατηγορίες και άρθρα που ταιριάζουν με αυτά που θα απαιτούσε μια σχολική ιστοσελίδα. Όμως προκειμένου να καλύπτουν όλες τις κατηγορίες σχολείων, πολλά από αυτά είναι περιττά. Για παράδειγμα το Δημοτικό και το Λύκειο στο μενού Εκπαιδευτικό υλικό δεν ταιριάζουν με το σχολείο μας που είναι Γυμνάσιο. Πρέπει να αποκρύψουμε ή να διαγράψουμε τα μενού που δε θέλουμε. Για να το κάνουμε αυτό επιλέγουμε το Μενού - Εκπαιδευτικό Υλικό. Στην οθόνη που εμφανίζεται στην στήλη Δημοσιευμένο πατάμε το και μετατρέπεται σε - μη δημοσιευμένο. Εναλλακτικά αν θέλουμε να το διαγράψουμε εντελώς το επιλέγουμε και πατάμε το εικονίδιο Απορίμματα. Θα πρέπει επιπροσθέτως να ελέγξουμε και να ενημερώσουμε με τα σωστά στοιχεία το περιεχόμενο των άρθρων που θα διατηρήσουμε, ώστε να αναφέρονται στα στοιχεία του σχολείου μας και όχι του προκαθορισμένου προτύπου. Αυτό μπορεί πολύ εύκολα να γίνει και με frontend σύνδεση, πατώντας το εικονίδιο και διορθώνοντας το κάθε άρθρο. 2.4 Δομή Joomla! 1.5: Ενότητα - Κατηγορία Άρθρο Ενότητα 1 Ενότητα 2 Κατηγορία 1.1 Κατηγορία 1.2 Κατηγορία 1.3 Κατηγορία 2.1 Άρθρο 1.2.1 Άρθρο 1.2.2 Άρθρο 1.2.3 Άρθρο 2.1.1 Άρθρο 2.1.2 Εικόνα 1. Δομή ιστοσελίδας Joomla! 1.5 Η δομή του αυτοματοποιημένου προτύπου ιστοσελίδας φαίνεται αναλυτικά στον παρακάτω σύνδεσμο: https://docs.google.com/document/pub?id=1ah91zz9jrpj_7c7uplqnell8sjh1zlyipv 3Iw3il6k0 [2]

Conferrence on Informatics in Education 2012 Αφού αποκρύψουμε (απόσυρση ενότητας) ή διαγράψουμε (επιλογή και διαγραφή) όσες ενότητες/κατηγορίες/άρθρα δε χρειαζόμαστε και ενημερώσουμε τα άρθρα που θα χρησιμοποιήσουμε, προχωράμε στη δημιουργία νέων ενοτήτων/ κατηγοριών/ άρθρων σύμφωνα με τις ανάγκες μας. 2.5 Δημιουργία ενότητας - κατηγορίας Καθώς θα διαμορφώνουμε την ιστοσελίδα του σχολείου μας, είναι βέβαιο ότι θα δημιουργηθεί η ανάγκη να φτιάξουμε καινούριες ενότητες και κατηγορίες. Για παράδειγμα θα χρειαστούμε οπωσδήποτε νέα ενότητα Σχολικό έτος 2012-13 για τις εργασίες που θα εκπονήσουν οι μαθητές μας το τρέχον σχολικό έτος. Για να δημιουργήσουμε την ενότητα αυτή επιλέγουμε Διαχείριση Ενοτήτων και πατάμε το εικονίδιο Νέο. Συμπληρώνουμε τον τίτλο: Σχολικό Έτος 2012-2013 και πατάμε Αποθήκευση. Η ενότητα έχει προστεθεί. Βέβαια, δεν βλέπουμε καμιά διαφορά στην εμφάνιση της ιστοσελίδας γιατί αυτό που φαίνεται στην ιστοσελίδα είναι τα μενού και όχι οι ενότητες. Θα πρέπει λοιπόν να φτιάξουμε και το αντίστοιχο μενού, αλλά αυτό θα αναλυθεί πιο μετά. Πριν από αυτό ας προσθέσουμε κατηγορίες. Έστω ότι θέλουμε να φτιάξουμε νέες κατηγορίες Εργασίες στα Μαθηματικά, Εργασίες στη Φυσική κλπ στη νέα ενότητα Σχολικό Έτος 2012-2013 που μόλις δημιουργήσαμε Πατάμε Περιεχόμενο - Διαχείριση Κατηγοριών και στην επιλογή Επιλέξτε Ενότητα διαλέγουμε Σχολικό Έτος 2012-13. Πατάμε το εικονίδιο Νέο και συμπληρώνουμε τον Τίτλο πχ Εργασίες στα Μαθηματικά. Όπως βλέπουμε στο πεδίο Ενότητα είναι ήδη επιλεγμένη η ενότητα Σχολικό Έτος 2012-2013, αφού είχαμε εξαρχής περιορίσει την αναζήτησή μας. Αν επιθυμούμε η κατηγορία μας να ανήκει σε κάποια άλλη ενότητα μπορούμε να το επιλέξουμε από εδώ. Πατάμε το εικονίδιο Αποθήκευση και η κατηγορία μας δημιουργήθηκε (Εξακολουθεί να μη φαίνεται στην ιστοσελίδα μας αφού δεν έχουμε φτιάξει ακόμη το αντίστοιχο μενού. Οι αλλαγές αυτές αφορούν τη δομή των ενοτήτων και των κατηγοριών). 2.6 Δημιουργία μενού Μενού - Ενότητα Θέλουμε να φτιάξουμε ένα στοιχείο μενού Σχ. Έτος 2012-2013 στο μενού Εργασίες. Επιλέγουμε Mενού - Mενού εργασιών. Πατάμε το εικονίδιο Νέο και στο Είδος στοιχείου μενού διαλέγουμε Άρθρα - Ενότητα - Σελιδοποίηση Ενότητας. Συμπληρώνουμε τον Τίτλο του στοιχείου μενού (Σχ. Έτος 2012-2013), τη θέση του (πάνω από το Σχ. Έτος 2011-2012) και στα δεξιά στις Βασικές Παραμέτρους επιλέγω την ενότητα στην οποία θα αντιστοιχεί το μενού (δηλ. επιλέγω την ενότητα Σχολικό Έτος 2012-2013 που έχω ήδη φτιάξει). Ρυθμίζω τις υπόλοιπες παραμέτρους σύμφωνα

Πρακτικά 4 rth CIE2012 με τις προτιμήσεις μου. Οι ρυθμίσεις των παραμέτρων αυτών κληρονομούνται στα άρθρα. Οι επιλογές που θα κάνουμε για το παράδειγμά μας είναι στις παραμέτρους εφαρμογής Προβολή τίτλου άρθρου - Ναι Τίτλος με σύνδεσμο - Ναι Αξιολόγηση/ψηφοφορία άρθρου - Προβολή (αυτό το επιλέγω γιατί θέλω να βαθμολογούν οι επισκέπτες - συνήθως οι μαθητές - τις εργασίες ώστε να υπάρχει κίνητρο. Οι καλύτερες εργασίες δημοσιεύονται στο on-line περιοδικό του σχολείου: http://scoop.it/t/2gympeiraia Μενού - Κατηγορία Αφού φτιάξαμε το μενού Σχ. Έτος 2012-13 (που είναι είδος στοιχείου μενού Άρθρα - Ενότητα - Σελιδοποίηση Ενότητας) θα φτιάξουμε υπομενού για κάθε μάθημα που θα είναι Άρθρο - Κατηγορία - Βασική Σελιδοποίηση Kαταλόγου Kατηγορίας. Πατάμε πάλι Νέο και συμπληρώνουμε Τίτλο πχ. Φυσική, Γονικό Στοιχείο επιλέγω Σχ. Έτος 2012-2013 και είδος στοιχείου μενού διαλέγω Άρθρο - Κατηγορία - Βασική Σελιδοποίηση καταλόγου κατηγορίας. Στις βασικές παραμέτρους στο πεδίο κατηγορία επιλέγω Σχολικό Έτος 2012-2013/Εργασίες στη Φυσική και αποθηκεύω. Μενού - On-line Ασκήσεις Θα δούμε τώρα πώς φτιάχνουμε περίβλημα, πχ για να ενσωματώσουμε στη σελίδα του σχολείου ασκήσεις που φτιάξαμε με hot-potatoes. Οι ασκήσεις αυτές έχουν ανέβει στο e-class του σχολείου. Θέλουμε λοιπόν να τις ενσωματώσουμε στη σελίδα. Φτιάχνουμε ένα νέο μενού On-line Ασκήσεις, πατώντας Μενού - Διαχείριση Μενού και Νέο και δίνουμε Τίτλο και Περιγραφή και αποθηκεύουμε. Τώρα όταν πατήσουμε Μενού βλέπουμε να έχει προστεθεί το στοιχείο αυτό. Το επιλέγουμε και δημιουργούμε 3 υπομενού: Α Γυμνασίου, Β Γυμνασίου και Γ Γυμνασίου (είδος στοιχείου μενού: Άρθρο - Αρχείο). Στη συνέχεια δημιουργώ νέο στοιχείο μενού πχ Πληροφορική και επιλέγω Γονικό Στοιχείο: Α Γυμνασίου ώστε να είναι υπομενού της Α Γυμνασίου. Το είδος στοιχείου μενού που διαλέγω για αυτό το υπομενού είναι Περίβλημα - Περίβλημα ώστε να ενσωματώσει τις html σελίδες που έχω φτιάξει με hot-potatoes. Συμπληρώνω τη διεύθυνση της αρχικής σελίδας HTML των on-line ασκήσεων στο πεδίο URL σε Περίβλημα και πατώ αποθήκευση. Μπορώ από τις παραμέτρους του περιβλήματος να ρυθμίσω το ύψος και το πλάτος του. 2.7 Προσθήκη νέου άρθρου Θα προσθέσουμε τώρα ένα νέο άρθρο: μια εργασία στην Κατηγορία Εργασίες στη Φυσική που μόλις φτιάξαμε. Πατάμε Περιεχόμενο - Διαχείριση Άρθρων. Επιλέγουμε

Conferrence on Informatics in Education 2012 ενότητα Σχολικό Έτος 2012-2013 και κατηγορία Εργασίες στη Φυσική και πατάμε το εικονίδιο Νέο. Δίνουμε τίτλο στο άρθρο και με τον ενσωματωμένο κειμενογράφο γράφουμε το περιεχόμενο του. Με το εικονίδιο μπορούμε να εισάγουμε εικόνα, με το να προσθέσουμε υπερσύνδεσμο. Με το εικονίδιο μπορούμε να δούμε τον HTML κώδικα ώστε να ενσωματώσουμε τον κώδικα για βίντεο από το youtube, παιχνίδι από την κοινότητα του Scratch κλπ. Με το ίδιο πλήκτρο επιστρέφουμε στον απλό κειμενογράφο. Με το εικονίδιο read more μπορούμε να χωρίσουμε το άρθρο μας σε δύο μέρη ώστε να εμφανίζεται αρχικά ένα μέρος του και πατώντας...περισσότερα να εμφανίζεται το υπόλοιπο. Όταν ολοκληρώσουμε το άρθρο μας πατάμε Αποθήκευση. Οι οδηγίες που περιέχονται στον οδηγό δημιουργίας - επεξεργασίας άρθρων - https://docs.google.com/file/d/1evvj8qbu4lnjiyfq5zncexhl5n2clasgzkd2u15c WuD5Tjha4T3Xrz0DHGst/edit?pli=1 [6], αν και αφορούν την επεξεργασία άρθρου από το frontend βρίσκουν εφαρμογή και στην επεξεργασία άρθρου από backend. 2.8 Διαχείριση Πρωτοσέλιδου Πολλές φορές θέλουμε το άρθρο που ανεβάσαμε να φαίνεται και στην πρώτη σελίδα. Αυτό ισχύει κυρίως για άρθρα που δημοσιεύονται στα Νέα - Ανακοινώσεις. Για να το επιτύχουμε αυτό θα πρέπει κατά την επεξεργασία του άρθρου να επιλέξουμε ΝΑΙ στο πεδίο Πρωτοσέλιδο ή εναλλακτικά, στον κατάλογο των άρθρων να πατήσουμε το και να το κάνουμε στη στήλη Κεντρική Σελίδα για το άρθρο αυτό. Για να καθορίσουμε τη σειρά που θα φαίνονται τα άρθρα στο Πρωτοσέλιδο επιλέγουμε Περιεχόμενο - Διαχείριση Πρωτοσέλιδου και στη στήλη Ταξινόμηση, επιλέγουμε τη σειρά των άρθρων και πατάμε το εικονίδιο της αποθήκευσης. Αν μια ανακοίνωση θέλουμε να είναι μόνιμα στην πρώτη σελίδα πάνω-πάνω, πχ. ένας χαιρετισμός ή η διεύθυνση του σχολείου, τότε θα πρέπει καλύτερα να μην την έχουμε αποθηκευμένη ως άρθρο, γιατί θα μας αλλοιώνει τη σειρά κάθε φορά που θα δημοσιεύουμε νέο άρθρο στο πρωτοσέλιδο. Μια καλή λύση είναι να ορίσουμε την ανακοίνωση ως ένθεμα και να διαλέξουμε για θέση του ενθέματος ακριβώς πάνω από τα άρθρα στην κεντρική σελίδα. 2.9 Επεκτάσεις - Εγκατάσταση επεκτάσεων Η πραγματική δύναμη του Joomla! βρίσκεται στο πλαίσιο εφαρμογών που δίνει τη δυνατότητα στους υπεύθυνους ανάπτυξης σε όλο τον κόσμο να δημιουργήσουν

Πρακτικά 4 rth CIE2012 δυναμικά πρόσθετα που ονομάζονται επεκτάσεις. Οι επεκτάσεις χρησιμοποιούνται για να δώσουν επιπλέον δυνατότητες στο Joomla! που δεν υπάρχουν στον βασικό κώδικα. Υπάρχουν πέντε είδη επεκτάσεων: Ενθέματα, Εφαρμογές, Πρότυπα, Πρόσθετα στοιχεία (Plugins), Γλώσσες. [8] Πηγές επεκτάσεων [9]: Κατεβάστε επεκτάσεις: http://extensions.joomla.org/ Κατεβάστε πακέτα Ελληνικής γλώσσας για δημοφιλείς επεκτάσεις: http://joomlacode.org/gf/project/greek_joomla/frs/?action=frsreleasebrowse &frs_package_id=1241 Για να εγκαταστήσω μια επέκταση την εντοπίζω σε μια πηγή επεκτάσεων, κατεβάζω το συμπιεσμένο αρχείο (αφού ελέγξω ότι είναι για την έκδοση 1.5 του Joomla! που χρησιμοποιούμε) και μετά επιλέγω Επεκτάσεις - Εγκατάσταση/απεγκατάσταση, πατάω αναζήτηση και εντοπίζω το συμπιεσμένο αρχείο στο δίσκο μου και μετά πατάω Μεταφόρτωση αρχείου και Εγκατάσταση. Η επέκταση είναι έτοιμη για χρήση. 2.10 Ενθέματα - Τι είναι ένα ένθεμα; Τα ενθέματα (modules) είναι επεκτάσεις που χρησιμοποιούνται για την εμφάνιση πληροφοριών στην ιστοσελίδα Joomla!. Τα ενθέματα εμφανίζονται σαν "κουτιά" που πλαισιώνουν το πρότυπο. Μπορούν να τοποθετηθούν σε οποιοδήποτε σημείο του πρότυπου (αριστερά, δεξιά, πάνω, ενδιάμεσα, κάτω). Υπάρχουν πολλών ειδών ενθέματα και στη βασική εγκατάσταση του Joomla!, αλλά και πολλά τρίτων κατασκευαστών δωρεάν ή εμπορικά. Επίσης σε ένα ένθεμα μπορούμε να εμφανίσουμε και δικό μας περιεχόμενο αφού είναι διαθέσιμος ο κειμενογράφος του Joomla! [7]. Δημιουργία ενθέματος - Παραδείγματα Ροές Ειδήσεων (mod_feed). Για να δημιουργήσουμε ένα ένθεμα ροής ειδήσεων, επιλέγουμε Επεκτάσεις - Διαχείριση Ενθεμάτων και πατάμε Νέο. Στον τύπο του ενθέματος διαλέγουμε Προβολή Ροής (mod_feed). Στη συνέχεια δίνουμε τίτλο ( Τα παιδιά δημιουργούν, στο παράδειγμά μας), επιλέγουμε τη θέση που θα εμφανίζεται (στο παράδειγμά μας έχουμε επιλέξει left οπότε εμφανίζεται αριστερά και στην ταξινόμηση έχουμε διαλέξει 0::Αναζήτηση, οπότε θα εμφανίζεται κάτω από την Αναζήτηση στα αριστερά). Παρακάτω βλέπουμε τα πεδία που αφορούν τη σύνδεση μενού όπου είναι επιλεγμένο το όλα. Αυτό σημαίνει ότι το συγκεκριμένο ένθεμα θα εμφανίζεται σε όλες τις σελίδες του ιστοτόπου μας. Θα μπορούσαμε να διαλέξουμε το Επιλογή Στοιχείου/ων Μενού από τη Λίστα και να ορίσουμε εμείς σε ποιες σελίδες θα εεμφανίζεται το συγκεκριμένο ένθεμα. Στα δεξιά στις παραμέτρους ενθέματος, στο πεδίο URL Ροής βάζουμε τη διεύθυνση της ροής, στο παράδειγμά μας: http://www.scoop.it/t/2gympeiraia/rss.xml

Conferrence on Informatics in Education 2012 HTML κατά παραγγελία (mod_custom). Αυτό το Ένθεμα μας επιτρέπει να δημιουργούμε δικά μας Ενθέματα χρησιμοποιώντας HTML και έναν κειμενογράφο άμεσης απεικόνισης.τα περισσότερα ενθέματα της ιστοσελίδας μας είναι αυτού του τύπου (πχ σύνδεσμος στο blog του σχολείου, χαιρετισμός, Wikisearch). Θα περιγράψουμε εδώ πώς φτιάξαμε το ένθεμα WikiSearch - Αναζήτηση στη Wikipedia. Eπιλέγουμε Επεκτάσεις - Διαχείριση Ενθεμάτων και πατάμε Νέο. Στον τύπο του ενθέματος διαλέγουμε HTML κατά παραγγελία (mod_custom). Στη συνέχεια δίνουμε τίτλο WikiSearch, επιλέγουμε τη θέση που θα εμφανίζεται. Στη συνέχεια πατάμε για να γυρίσουμε σε HTML view και προσθέτουμε τον παρακάτω κώδικα: <form action="http://www.wikipedia.org/search-redirect.php" method="get"><a href="http://el.wikipedia.org"><img alt="wiki" src="images/wiki.png" height="159"width="151" /></a></form><form action="http://www.wikipedia.org/searchredirect.php" method="get">αναζήτηση Βικιπαίδεια: <input name="language" value="el"type="hidden" /> <input name="search" size="20" type="text" /> <input name="go" value=" Go! " type="sub-mit" /></form> 2.11 Ασφάλεια Κατά κανόνα, όταν παραβιάζεται η ασφάλεια κάποιας εφαρμογής php οι επιτιθέμενοι εκμεταλλεύονται ευπάθειες του λογισμικού, οι οποίες είναι γνωστές και έχουν αντιμετωπισθεί από τους παρόχους του λογισμικού. Οι διαχειριστές όμως έχουν αμελήσει να ενημερώσουν το λογισμικό τους, με αποτέλεσμα να παραμένουν ευάλωτοι. Προτεινόμενα βήματα για την πρόληψη παραβίασης της ασφάλειας των web εφαρμογών περιγράφονται αναλυτικά από το Πανελλήνιο Σχολικό Δίκτυο στα Θέματα ασφαλείας δικτυακών τόπων [3] 2.12 Διαχείριση Χρηστών Από το μενού Ιστότοπος - Διαχείριση Χρηστών βλέπουμε ότι υπάρχουν ομάδες χρηστών με διάφορους τύπους αδειών, δηλαδή σε ποιους χρήστες επιτρέπεται να έχουν πρόσβαση, να εκδώσουν, να δημοσιεύσουν και να διαχειριστούν. Συγκεκριμένα έχουμε τις εξής ομάδες: Δημόσιος Ιστότοπος: Μέλος, Αρθρογράφος, Συντάκτης, Εκδότης Δημόσια Διαχείριση: Συντονιστής, Διαχειριστής, Υπερδιαχειριστής Στη σελίδα του σχολείου οι μαθητές έχουν οριστεί ως Μέλη, ώστε να μπορούν να σχολιάζουν εργασίες και να γράφουν στο Βιβλίο Επισκεπτών, ενώ οι καθηγητές είναι Αρθρογράφοι ώστε να μπορούν να αναρτούν άρθρα. Ο διευθυντής και η καθηγήτρια πληροφορικής είναι Διαχειριστές ενώ ο λογαριασμός admin είναι ο Υπερδιαχειριστής. Έχουμε αναρτήσει έναν Οδηγό δημιουργίας - επεξεργασίας

Πρακτικά 4 rth CIE2012 άρθρων από τους χρήστες της σελίδας [6] ώστε οι καθηγητές και ο διευθυντής να μπορούν να αναρτούν άρθρα από forntend. 3. Εμπειρία Χρηστών - Μελλοντικά σχέδια Στη συνέχεια ακολουθεί περιγραφή της εμπειρίας των χρηστών της ιστοσελίδας. Περιγράφονται η λειτουργικότητα αλλά και τα προβλήματα και οι δυσκολίες που αντιμετωπίζει ένας χρήστης με δικαιώματα Διαχειριστή (ο διευθυντής), ο οποίος διορθώνει υπάρχοντα άρθρα, αναρτά νέα από το frontend και διαχειρίζεται την ιστοσελίδα από το backend, επικοινωνεί με τους χρήστες, εγκρίνει εγγραφές νέων χρηστών κλπ. Λόντος Χ.: Μαθηματικός και διευθυντής του 2ου Γυμνασίου Πειραιά, με στοιχειώδεις γνώσεις ΤΠΕ, από την δεκαετία του 80 και συχνή ενημέρωση για τις εφαρμογές στη εκπαίδευση. Ως χρήστης frontend λειτούργησα με δύο τρόπους: α. ως εκπαιδευτικός ανάρτησα υλικό στο On-line Ασκήσεις,, στο Υλικό και Ψηφιακά Βιβλία χρησιμοποιώντας τον οδηγό δημιουργίας - επεξεργασίας άρθρων [6], με λίγη δυσκολία την πρώτη φορά που ξεπεράστηκε με τη βοήθεια της διαχειρίστριας της ιστοσελίδας. β. ως διευθυντής χρειάστηκε να αναρτήσω ενημερωτικά σημειώματα, εγκυκλίους, ανακοινώσεις (την πρώτη φορά που επιχείρησα να αναρτήσω ανακοίνωση στην αρχική σελίδα, αυτή εμφανιζόταν πριν τον χαιρετισμό εισόδου, το οποίο δεν επιθυμούσα, το πρόβλημα λύθηκε μετά από παρέμβαση στο στήσιμο της σελίδας). Στις αναρτήσεις αυτές προσθέτω συνδέσμους με ευκολία. Στις αναρτήσεις Δραστηριοτήτων αντιμετωπίσαμε πρόβλημα με τις φωτογραφίες των μαθητών, γιατί θέλαμε όσο το δυνατόν να μη διακρίνονται τα πρόσωπά τους. Έτσι προτιμήσαμε μακρινές ομαδικές φωτογραφίες, φροντίζοντας να μην μπορεί να συνδυαστεί το όνομα του μαθητή με τη φωτογραφία του. Όπου αυτό δεν ήταν δυνατόν, θαμπώσαμε τη φωτογραφία, χρησιμοποιώντας κατάλληλο πρόγραμμα επεξεργασίας εικόνων. Σε γενικές γραμμές, όσον αφορά τη δημοσίευση φωτογραφιών και βίντεο με μαθητές φροντίζουμε να ακολουθούμε τις Οδηγίες για τη δημοσίευση φωτογραφιών και video μαθητών [4] του Πανελληνίου Σχολικού Δικτύου. Ως αρχάριος χρήστης backend, προσπαθώ να μάθω βασικά πράγματα διαχείρισης της ιστοσελίδας. Παράλληλα γίνεται προσπάθεια να συμμετέχουν όσο γίνεται περισσότεροι συνάδελφοι στη λειτουργία της σελίδας με την ανάρτηση εργασιών των μαθητών και εκπαιδευτικού υλικού. Στα σχέδιά μας για την επόμενη σχολική χρονιά είναι να εκπαιδεύσουμε συναδέλφους σε λογισμικό παραγωγής on-line ασκήσεων τύπου hot-potatoes κ.α. και

Conferrence on Informatics in Education 2012 να τους μάθουμε να κάνουν μόνοι τις αναρτήσεις του υλικού τους. Στο διοικητικό κομμάτι θα προσπαθήσουμε να δημιουργήσουμε ψηφιακό δίαυλο επικοινωνίας, κατά ομάδες ή μεμονωμένα, μεταξύ του σχολείου και των γονέων των μαθητών για την γρήγορη και έγκαιρη ενημέρωση. 4. Αναφορές 1. Εγκατάσταση Joomla CMS στο ΠΣΔ, (2012). Δημοσιευμένο στο: http://www.sch.gr/1561-cms 2. Η δομή του αυτοματοποιημένου προτύπου ιστοσελίδας. Δημοσιευμένο στο: https://docs.google.com/document/pub?id=1ah91zz9jrpj_7c7uplqnell8sjh1zlyipv 3Iw3il6k0 3. Θέματα ασφαλείας δικτυακών τόπων, (2012). Δημοσιευμένο στο: http://www.sch.gr/2044-2011-09-23-06-46-09 4. Οδηγίες για τη δημοσίευση φωτογραφιών και video μαθητών, (2012). Δημοσιευμένο στο: http://www.sch.gr/192-simantikaa/2195-video 5. Οδηγός αυτοματοποιημένης εγκατάστασης δικτυακού τόπου joomla 1.5, (2012). Δημοσιευμένο στο: http://www.sch.gr/2183-joomla-15 6. Οδηγός δημιουργίας - επεξεργασίας άρθρων, (2012). Δημοσιευμένο στο: https://docs.google.com/file/d/1evvj8qbu4lnjiyfq5zncexhl5n2clasgzkd2u15c WuD5Tjha4T3Xrz0DHGst/edit?pli=1 7. Τι είναι ένα ένθεμα, (2012). Δημοσιευμένο στο: http://www.joomplus.gr/component/k2/item/286-what-is-module.html 8. Joomla! Επεκτάσεις, (2012). Δημοσιευμένο στο: http://eshopbasic.easylogic.eu/index.php?option=com_content&view=article&id=26&itemid=40 &showall=1 9. Joomla info page Πού μπορώ να βρώ επεκτάσεις, (2012). Δημοσιευμένο στο: http://docs.joomla.org/joomla_info_page/el-gr Abstract The purpose of this paper is to describe in detail the creation of a dynamic school website with Joomla! using the automated website builder of the Pan-Hellenic School Network. We will describe the creation of the website of the 2 nd high school of Piraeus. The site was developed in collaboration with the director to serve the needs of the school. The aim is to be used by all teachers of the school to post articles, course material and work of their students. At the end of the paper we present the user experience described by the director of the 2 nd high school of Piraeus. Keywords: Joomla!, Pan-Hellenic School Network, automated, school website.