Γυμνάσιο Λ.Τ. Βιλίων Σχολικό Έτος 2012-2013 Τάξη: Α Λυκείου Μάθημα: Ερευνητική Εργασία Ερευνητική Εργασία με θέμα: «Διαμόρφωση μορφής και περιεχομένου ιστοσελίδας σχολείου.»
Εισαγωγή Για την ολοκλήρωση της παρούσας ερευνητικής εργασίας η τάξη μας χωρίστηκε σε τέσσερις ομάδες. Το θέμα της ερευνητικής εργασίας προσεγγίστηκε αυτοτελώς από κάθε ομάδα ξεχωριστά. Σε κάθε ομάδα έγινε εσωτερικός διαμοιρασμός των υποθεμάτων. Στη συνέχεια παρουσιάζεται η εργασία της κάθε μίας ομάδας ξεχωριστά (SOFTLAYER, ΜΑΜ-ΜΑΜ-ΤΑΚΑ-ΤΑΚΑ, ΟΡΑΜΑ, ΑΒΥΣΣΟΣ). 1
2013 SOFTLAYER 2 ΓΥΜΝΑΣΙΟ Λ.Τ. ΒΙΛΙΩΝ
ΠΡΟΛΟΓΟΣ Η ομάδα μας SOFTLAYER στο πλαίσιο της ερευνητικής εργασίας με θέμα «Κατασκευή ηλεκτρονικής ιστοσελίδας», έπειτα από εκτενή και αναλυτική έρευνα κατέληξε στην δημιουργία της ακόλουθης ιστοσελίδας. Η διαφορετικότητα της συγκεκριμένης ιστοσελίδας οφείλεται στη χρήση της wordpress ενός σύγχρονου συστήματος κατασκευής ιστοτόπου με χαρακτηριστική ευκολία στην χρήση. ΜΕΡΙΚΑ ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΤΗΣ ΠΛΑΤΦΟΡΜΑΣ ΑΥΤΗΣ ΕΙΝΑΙ ΤΑ ΑΚΟΛΟΥΘΑ : Το WordPress είναι ένα open source CMS (Σύστημα Διαχείρισης Περιεχομένου ανοιχτού κώδικα) το οποίο έγινε αρχικά γνωστό για την ανάπτυξη blogs αλλά σταδιακά εξελίχθηκε σε εργαλείο κατασκευής ολοκληρωμένων ιστοσελίδων δυναμικού περιεχομένου. 3
Πολλά πλεονεκτήματα, πολλές δυνατότητες, ευελιξία, ευχρηστία, απλότητα & μια τεράστια κοινότητα χρηστών και developers, έχουν κάνει το WordPress το δημοφιλέστερο CMS για ανάπτυξη ιστοσελίδων σήμερα. Δυναμικό Περιεχόμενο Με σωστή ανάπτυξη και προνοητικό σχεδιασμό το WordPress σας δίνει τη δυνατότητα να ενημερώνετε εύκολα το περιεχόμενο των σελίδων σας, χωρίς την γνώση HTML ή CSS. Χρησιμοποιώντας έναν απλό editor μπορείτε να προσθέσετε, να αφαιρέσετε αλλά και να τροποποιήσετε το περιεχόμενο του site σας. SEO Το WordPress παράγει σελίδες φιλικές προς τις μηχανές αναζήτησης χωρίς να απαιτεί περίπλοκες τεχνικές και παραμετροποίηση. Με τον ενσωματωμένο μηχανισμό Permalinks που διαθέτει αλλά και με τη χρήση πρόσθετων SEO plugins, υποστηρίζει πλήρως το περιεχόμενο των σελίδων σας και το βοηθά ανέβει θέσεις στα σχετικά με αυτό αποτελέσματα αναζήτησης. Open Source To WordPress είναι μια Πλατφόρμα Ανοιχτού Κώδικα. Η κατασκευή του ξεκίνησε το 2001 και από τότε αναπτύσσεται, βελτιώνεται και δοκιμάζεται καθημερινά από εκατομμύρια χρήστες και προγραμματιστές σε όλο τον κόσμο. Είναι προϊόν της προσπάθειας και συνεισφοράς χιλιάδων ανθρώπων που το χρησιμοποιούν οι ίδιοι για τα site και τις επιχειρήσεις τους. Αυτό το καθιστά πιο σταθερό και ισχυρό από οποιοδήποτε CMS μπορεί να σας υποσχεθεί μια εταιρία κατασκευής λογισμικού. Φιλικό στο Χρήστη Το WordPress διακρίνεται για την απλότητα και την ευχρηστία του. Είναι εύκολο στην εκμάθηση και διαθέτει ένα καθαρό και απλό περιβάλλον διαχείρισης ώστε να βοηθά τον μέσο χρήστη να μπορεί να ανταποκριθεί στην διαδικασία ενημέρωσης και συντήρησης της 4
ιστοσελίδας του. Αν μπορείτε να γράψετε ένα κείμενο σε Word, τότε μπορείτε να το κάνετε και στο WordPress. Ευελιξία Μία ιστοσελίδα θα πρέπει να μπορεί να εξελίσσεται και να ανταποκρίνεται στις απαιτήσεις του web που συνεχώς αλλάζει. Το WordPress είναι ένα ευέλικτο σύστημα το οποίο σας επιτρέπει όχι μόνο να προσθέτετε νέα χαρακτηριστικά και δυνατότητες στο site σας αλλά ακόμη και να το ανακατασκευάσετε από την αρχή ή να του δώσετε μια νέα αισθητική χωρίς να χάσετε το περιεχόμενό σας. Απλές απαιτήσεις hosting To WordPress χρησιμοποιεί ευρέως διαδεδομένες τεχνολογίες (PHP, SQL, HTML) και δεν έχει ιδιαίτερες απαιτήσεις στην παραμετροποίηση και εγκατάστασή του. Αυτό καθιστά το site σας εύκολο να φιλοξενηθεί σχεδόν από οποιοδήποτε server. Με σκοπό να εξασφαλίσουμε την ευχάριστη περιήγηση στο site συγκεντρώσαμε τις προτιμήσεις ορισμένων μαθητών από διάφορες τάξεις για στοιχεία που θα ήθελαν να συμπεριλαμβάνονται στην ιστοσελίδα. Παρακάτω φαίνονται τα αποτελέσματα υπό μορφή διαγραμμάτων : 5
6
7
8
9
Αυτά τα διαγράμματα μας οδήγησαν στην δημιουργία του ακόλουθου ιστολογίου : Γενικά σε όλες τις σελίδες παρατηρούνται διάφορες εφαρμογές όπως : 10
Η μικρογραφία του τοπικού χάρτη Ένα ρολόι : 11
Η πρόγνωση του καιρού : Το ημερολόγιο : 12
Ένα mp3 player για την αναπαραγωγή μουσικής : Κουμπιά κοινωνικής δικτύωσης (socialbuttons) 13
Υπάρχουν 7 μενού : 1)Αρχική Σελίδα 2)Εκδρομές 3)Φωτογραφικό Υλικό 4)Η περιοχή μας 5) Ψυχαγωγεία 6) Forum ΑΡΧΙΚΗ ΣΕΛΙΔΑ Παρουσιάζονται ορισμένες πληροφορίες και φωτογραφίες του σχολείου μας. 14
15
ΕΚΔΡΟΜΕΣ : Όπου φαίνεται η αναλυτική οργάνωση των εκδρομών ΦΩΤΟΓΡΑΦΙΚΟ ΥΛΙΚΟ Το οποίο περιέχει φωτογραφίες του τόπου μας αλλά και των γύρω περιοχών 16
Η ΠΕΡΙΟΧΗ ΜΑΣ Τοποθεσία:περιλαμβάνει ένα αναλυτικό χάρτη και γεωγραφικά στοιχεία των Βιλίων 17
18 Αθλητισμός : όπου παρατίθενται πληροφορίες για την ποδοσφαιρική μας ομάδα Ειδυλλιακός
ΨΥΧΑΓΩΓΙΑ Παιχνίδια 19
20 Quiz
21 Sudoku
22 Forum :δηλαδή χώρος συνομιλίας των μαθητών (chat)
23
24.
ΠΡΟΛΟΓΟΣ-ΠΕΡΙΓΡΑΦΗ ΤΡΟΠΟΥ ΕΡΓΑΣΙΑΣ.26σελ ΒΗΜΑ 1... 29 ΒΗΜΑ 2... 30 ΒΗΜΑ 3... 31 ΒΗΜΑ 4... 32 ΒΗΜΑ 5...33 ΒΗΜΑ 6...34 ΒΗΜΑ 7...35 ΒΗΜΑ 8...36 ΒΗΜΑ 9...37 ΒΗΜΑ 10...38 ΒΗΜΑ 11...38 ΒΗΜΑ 12...40 ΒΗΜΑ 13...40 ΒΗΜΑ 14...41 ΒΗΜΑ 15...42 25
ΠΡΟΛΟΓΟΣ: Στο πλαίσιο του μαθήματος project για το σχολικό έτος 2012-2013 αναλάβαμε να σχεδιάσουμε την ιστοσελίδα του σχολείου μας. Δημιουργήσαμε ένα χώρο εύχρηστο και φιλικό όχι μόνο για τους μαθητές και τους εκπαιδευτικούς του σχολείου μας αλλά και για όποιον θέλει να γνωρίσει καλύτερα την σχολική μας κοινότητα και να συμμετάσχει έστω και νοερά στις δραστηριότητες μας. Επιπλέον δίνεται η δυνατότητα στον επισκέπτη όχι μόνο να ενημερωθεί για τις δραστηριότητες μας αλλά και να σχολιάσει ότι θεωρεί ενδιαφέρον και αξιοσημείωτο μέσω κοινωνικών ιστοτόπων ή με ένα απλό σχόλιο στο κάτω μέρος της σελίδας.αυτή η παρέμβαση θα μας βοηθήσει στην βελτίωση του site! ΠΕΡΙΓΡΑΦΗ ΤΡΟΠΟΥ ΕΡΓΑΣΙΑΣ ΟΜΑΔΑΣ Στην αναζήτηση μας για την κατασκευή της ηλεκτρονικής ιστοσελίδας, δημιουργήσαμε μερικά ερωτηματολόγια, στα οποία αναγράφονται κάποιες δικές μας ιδέες και διάφορες προτάσεις για το περιεχόμενο του site. Αυτά μοιράστηκαν στους μαθητές (οι οποίοι απάντησαν με βάση τα προσωπικά τους κριτήρια) και μετά από μια καταμέτρηση και κατά συνέπεια τοποθέτησή τους στα παρακάτω γραφήματα: 26
27
28
Στην συνέχεια προχωρήσαμε στην υλοποίηση της ιστοσελίδας! Δηλαδή, περάσαμε από το θεωρητικό κομμάτι της εργασίας μας, στο πρακτικό. Βήμα 1: Δουλεύοντας με το πρότυπο λογισμικό, σύμφωνα με το Υπουργείο παιδείας, Joomla 2.5. Η αρχική σελίδα του site μεταποιήθηκε με σκοπό να γίνει πιο ελκυστική, τόσο για τους μαθητές, όσο και για τους πιθανούς επισκέπτες. Ακόμα δημιουργήσαμε νέο λογότυπο για την ευκολότερη και πιο ενδιαφέρουσα πλοήγηση στην ιστοσελίδα, το οποίο απεικονίζεται παρακάτω : 29
Βήμα 2 : Τοποθέτηση καινούριων menu όπως για παράδειγμα το top menu και το main menu που αποσκοπεί στην ευκολότερη πρόσβαση των επισκεπτών της σελίδας. Τα προαναφερόμενα menu φαίνονται χαρακτηριστικά στην παραπάνω εικόνα. 30
Βήμα 3 : Στη συνέχεια, προσθέσαμε στο site μερικές πληροφορίες που αφορούν κυρίως την τοποθεσία του χωριού μας. Εκτός από το σύντομο κείμενο περιλαμβάνεται και ένας μικρός χάρτης των Βιλλίων και των γύρω περιοχών. 31
Βήμα 4: Έπειτα, προσθέσαμε ειδικό πρόγραμμα(mod_weather) στο άρθροσελίδα <<Ο καιρός >> για την καθημερινή πρόγνωση του καιρού. Ακόμα, τοποθετήσαμε ειδικά link για την παραπομπή των επισκεπτών σε ιστοσελίδες για την τοπική πρόβλεψη του καιρού (π.χ. meteo.gr, kairos.gr). 32
Βήμα 5: Στο άρθρο-σελίδα τοποθετήσαμε διάφορες πολυμεσικές εφαρμογές δηλαδή παιχνίδια για την ευχάριστη ενασχόληση των επισκεπτών του site. Μερικά από αυτά είναι ένα σκάκι(chess Puzzle), ένα sudoku (Puzzle Sudoku), ένα Scramble και μία Ντάμα. Τέλος, κάτω από κάθε παιχνίδι υπάρχει η αναλυτική περιγραφή και οδηγίες για το καθένα από αυτά. Βήμα 6: Στο άρθρο <<Φωτογραφικό Υλικό>> υπάρχει εναλλασσόμενη προβολή φωτογραφιών με την βοήθεια ειδικών gallery slideshows. Τέσσερις από αυτές παραθέτουν φωτογραφίες από τις γύρω περιοχές όπως τα Βίλλια, το Πόρτο Γερμενό, την Ψάθα και το Αλεποχώρι. 33
Βήμα 7: Από διάφορους ιστοτόπους συγκεντρώσαμε εκπαιδευτικά αλλά παράλληλα και ενδιαφέροντα ανέκδοτα. Οι επισκέπτες έχουν την δυνατότητα με το πάτημα του «Ανέκδοτα-Αινίγματα» να διαβάζουν τα τελευταία αινίγματα και αστεία με τις ανάλογες φωτογραφίες. 34
Βήμα 8: Στο άρθρο <<Χρήσιμα για τους μαθητές>> υπάρχουν πληροφορίες για τον τρόπο κατασκευής του ιστοτόπου μας καθώς και μια σειρά ερωτηματολογίων που συμπληρώθηκαν από μαθητές διαφόρων τάξεων. Βάση των απαντήσεων τους δημιουργήθηκε το εν λόγω site. Τέλος, υπάρχουν τα αναλυτικά προγράμματα όλων των τάξεων του Γυμνασίου και του Λυκείου σε ηλεκτρονική μορφή. 35
Βήμα 9: To τελευταίο άρθρο της σειράς περιλάμβανε ενδιαφέροντα video από το χωριό μας. 36
Βήμα 10: Έπειτα, δίπλα από κάθε σελίδα άρθρο τοποθετήθηκαν διάφορες εφαρμογές για ενημέρωση των επισκεπτών. Η πρώτη εφαρμογή είναι ένα εβδομαδιαίο ημερολόγιο που φαίνεται παρακάτω. 37
Βήμα 11: Ακολούθησε η εφαρμογή της <<Μετάφρασης Σελίδας>> όπου οι επισκέπτες θα μπορούν με ένα <<κλίκ>> να αλλάζουν την γλώσσα του άρθρου σε μία από τις υπάρχουσες επιλογές από όλο τον κόσμο. 38
Βήμα 12: 39
Επόμενη εφαρμογή ήταν αυτή του ρολογιού όπου οι ενδιαφερόμενοι μπορούν να ενημερώνονται για την ελληνική και την παγκόσμια ώρα. Βήμα 13: Στη συνέχεια, <<ανεβάσαμε>> μια ειδική εφαρμογή εγγραφής χρηστών όπου κάποιος μπορεί να λαμβάνει μηνιαίως ένα e- mail μετά την συμπλήρωση της ειδικής φόρμας και να μαθαίνει πρώτος τα νέα του site. 40
Βήμα 14: Από τα τελευταία βήματα κατά την διάρκεια της κατασκευής του site ήταν η ανάρτηση μιας εφαρμογής που παρουσίαζε ένα καινούριο menu με περισσότερα στοιχεία για την ευκολότερη περιήγηση στην ιστοσελίδα. 41
Βήμα 15: Στο τελευταίο βήμα αναρτήσαμε μία εφαρμογή παιχνίδι δίπλα από κάθε άρθρο για τη ψυχαγωγία των επισκεπτών. Το συγκεκριμένο παιχνίδι είναι τύπου sliding puzzle (το κλασικό παζλ με drag and drop). 42
43
ΟΜΑΔΑ ΑΒΥΣΣΟΣ ΠΡΟΛΟΓΟΣ Η ερευνητική εργασία μας ξεκίνησε με μια εξαμελή ομάδα η οποία δημιουργήθηκε από φιλικούς δεσμούς. Στην αρχή ασχοληθήκαμε με την γνώμη ολόκληρης της σχολικής μονάδας γι αυτό και δημιουργήσαμε 7 ερωτηματολόγια από τα οποία διαμορφώσαμε την άποψη των μαθητών. Αν και αντιμετωπίσαμε κάποιες δυσκολίες με τους Η/Υ ξαναφτιάξαμε το ερωτηματολόγιο και το εκτυπώσαμε. Τις απαντήσεις των μαθητών τις κατατάξαμε σε ένα γράφημα. Στη συνέχεια τραβήξαμε εσωτερικές και εξωτερικές φωτογραφίες της σχολικής μας μονάδας και επιλέξαμε το εξώφυλλο της ομάδας μας. Στην μέση της χρονιάς κάναμε μια παρουσίαση της πορείας της εργασίας μας σε. 44
ΕΡΩΤΗΜΑΤΟΛΟΓΙΟ Επιθυμώ να ανεβάσουμε φωτογραφίες από εκδηλώσεις. ΠΟΛΥ ΑΡΚΕΤΑ ΛΙΓΟ ΚΑΘΟΛΟΥ Επιθυμώ να ανεβάσουμε φωτογραφίες από το χωριό μας. ΠΟΛΥ ΑΡΚΕΤΑ ΛΙΓΟ ΚΑΘΟΛΟΥ Επιθυμώ να ανεβάσουμε ανακοινώσεις του σχολείου μας. ΠΟΛΥ ΑΡΚΕΤΑ ΛΙΓΟ ΚΑΘΟΛΟΥ Επιθυμώ να ανεβάσουμε πολιτιστικά και ιστοριογραφικά στοιχεία του τόπου μας. ΠΟΛΥ ΑΡΚΕΤΑ ΛΙΓΟ ΚΑΘΟΛΟΥ Επιθυμώ να ανεβάσουμε φωτογραφίες εσωτερικών και εξωτερικών χώρων του σχολείου μας. ΠΟΛΥ ΑΡΚΕΤΑ ΛΙΓΟ ΚΑΘΟΛΟΥ Επιθυμώ να ανεβάσουμε βοηθήματα ξένων γλωσσών (Αγγλικά,Γερμανικά,Γαλλικά). ΠΟΛΥ ΑΡΚΕΤΑ ΛΙΓΟ ΚΑΘΟΛΟΥ Ημερολόγιο-καιρός ΠΟΛΥ ΑΡΚΕΤΑ ΛΙΓΟ ΚΑΘΟΛΟΥ Επιθυμώ να ανεβάσουμε εκπαιδευτικά παιχνίδια. ΠΟΛΥ ΑΡΚΕΤΑ ΛΙΓΟ ΚΑΘΟΛΟΥ Επικοινωνία(e-mail,τηλέφωνο) ΠΟΛΥ ΑΡΚΕΤΑ ΛΙΓΟ ΚΑΘΟΛΟΥ Επιθυμώ να ανεβάσουμε ένα ημερολόγιο σχολικών εργασιών. ΠΟΛΥ ΑΡΚΕΤΑ ΛΙΓΟ ΚΑΘΟΛΟΥ 45
Επιθυμώ να ανεβάσουμε σχολικούς προσανατολισμούς (μόρια, σχολές) ΠΟΛΥ ΑΡΚΕΤΑ ΛΙΓΟ ΚΑΘΟΛΟΥ Αν επιθυμείτε να συμπεριλάβουμε κάτι άλλο παρακαλώ προτείνετε: Στη συνέχεια η ομάδα μας στα πλαίσια της ερευνητικής εργασίας δημιούργησε ένα γράφημα βασισμένο στις επιθυμίες των μαθητών σχετικά με το τι θα συμπεριλάβουμε στην ιστοσελίδα μας.μοιράσαμε 7(επτά) ερωτηματολόγια στα παιδιά της Γ γυμνασίου και κατατάξαμε τα αποτελέσματα σε στήλες για να εξακριβώσουμε τις αρέσκειες των μαθητών. Οι απαντήσεις φαίνονται στα παρακάτω διαγράμματα : 1. Επιθύμω να ανεβάσουμε φωτογραφίες απο εκδηλώσεις 3 2,5 2 1,5 1 0,5 0 1 Πολύ Αρκετά Λίγο Καθόλου 46
2. 3. 4. 47
5. 6. 48
7. 8. Επιθυμώ να ανεβάσουμε εκπαιδευτικά παιχνίδια 3 2 1 Πολύ Αρκετά Λίγο Καθόλου 0 1 9. 49
10. 11. Επιθυμώ να ανεβάσουμε σχολικούς προσανατολισμούς(μόρια,σχολές) 3 2 1 Πολύ Αρκετά Λίγο Καθόλου 50 0 1
51 ΟΜΑΔΑ ΟΡΑΜΑ
ΕΡΩΤΗΜΑΤΟΛΟΓΙΟ-ΔΗΜΙΟΥΡΓΙΑΣ ΙΣΤΟΣΕΛΙΔΑΣ Παρακάτω εμφανίζεται το ερωτηματολόγιο που χρησιμοποιήσαμε και οι σχετικές απαντήσεις. 52 1) Επιθυμώ να έχει φωτογραφίες των εκδηλώσεων του σχολείου Καθόλου Λίγο Δεν έχω γνώμη Αρκετά 1 1 0 5 2) Τοπικό καιρό Καθόλου Λίγο Δεν έχω γνώμη Αρκετά Πολύ 2 1 0 0 4 3) Ημερολόγιο Καθόλου Λίγο Δεν έχω γνώμη Αρκετά Πολύ 0 1 0 2 4 4)Σχολικές εκδρομές Καθόλου Λίγο Δεν έχω γνώμη Αρκετά Πολύ 0 0 0 1 6 5) Φωτογραφίες περιβάλλοντος Καθόλου Λίγο Δεν έχω γνώμη Αρκετά Πολύ 0 3 1 1 2 6)Φωτογραφίες του σχολείου Καθόλου Λίγο Δεν έχω γνώμη Αρκετά Πολύ 1 1 0 4 1 7)Σχολικές δραστηριότητες Καθόλου Λίγο Δεν έχω γνώμη Αρκετά Πολύ 0 0 0 1 6 8)Σχολικές ανακοινώσεις Καθόλου Λίγο Δεν έχω γνώμη Αρκετά Πολύ
1 0 0 3 3 9)Ανακοινώσεις θεμάτων-πανελλαδικών Καθόλου Λίγο Δεν έχω γνώμη Αρκετά Πολύ 2 1 0 1 4 10)Εργασιοτεχνίες Καθόλου Λίγο Δεν έχω γνώμη Αρκετά Πολύ 2 2 0 1 3 11)Σχόλια μαθητών-καθηγητών Καθόλου Λίγο Δεν έχω γνώμη Αρκετά Πολύ 0 2 0 3 3 12)Ανακοινώσεις πενταμελούς-δεκαπενταμελούς Καθόλου Λίγο Δεν έχω γνώμη Αρκετά Πολύ 0 0 0 2 5 Παρακαλώ αναφέρετε αν επιθυμείτε και άλλα περιεχόμενα για την ιστοσελίδα. 53
54 ΠΑΡΟΥΣΙΑΣΗ ΓΡΑΦΗΜΑΤΩΝ
55
56
57
58
59