6 ο Μαθητικό Συνέδριο Πληροφορικής Ελληνικό Κολλέγιο Θεσσαλονίκης

Transcript

1 6 ο Μαθητικό Συνέδριο Πληροφορικής Ελληνικό Κολλέγιο Θεσσαλονίκης Εργασία με θέμα : «Δημιουργία διαδραστικού χάρτη με τα μνημεία παγκόσμιας πολιτιστικής κληρονομιάς της ΟΥΝΕΣΚΟ στη Θεσσαλονίκη»

2 Η Αφόρμηση Μνημεία Παγκόσμιας Κληρονομιάς της UNESCO στην Ελλάδα Από το 1981, η Ελλάδα έχει συνυπογράψει τη Συνθήκη της UNESCO για την προστασία των μνημείων και χώρων παγκόσμιας κληρονομιάς, στόχος της οποίας είναι η προστασία από κάθε είδους φθορά και καταστροφή, προκειμένου αυτά να κληροδοτηθούν στις γενιές του μέλλοντος. 1981

3 Η Αφόρμηση Μνημεία Παγκόσμιας Κληρονομιάς της UNESCO στη Θεσσαλονίκη Το 1988, 15 μεσαιωνικά μνημεία της Θεσσαλονίκης, που χρονολογούνται από τα Παλαιοχριστιανικά χρόνια (4ος αι. μ.χ.) έως και την Υστεροβυζαντινή περίοδο (13ος - 14ος αι.) εντάχθηκαν στον κατάλογο της UNESCO ως μνημεία παγκόσμιας πολιτιστικής κληρονομιάς : Τα βυζαντινά τείχη της Θεσσαλονίκης (4ος - 5ος αι.) H Ροτόντα του Αγίου Γεωργίου (4ος αι.) Η βασιλική της Παναγίας Αχειροποίητου (5ος αι.) Η βασιλική του Αγίου Δημητρίου (7ος αι.) Ο ναός του Οσίου Δαυίδ (Μονή Λατόμου) (6ος αι.) Ο ναός της Αγίας Σοφίας (8ος αι.) Ο ναός της Παναγίας των Χαλκέων (11ος αι.) O ναός του Αγίου Παντελεήμονα (14ος αι.) Ο ναός των Αγίων Αποστόλων (14ος αι.) Ο ναός του Αγίου Νικολάου του Ορφανού (14ος αι.) Ο ναός της Αγίας Αικατερίνης (13ος αι.) Ο ναός του Σωτήρος (14ος αι.) Η Μονή Βλατάδων (14ος αι.) Ο ναός του Προφήτη Ηλία (14ος αι.) Τα βυζαντινά λουτρά (14ος αι.)

4 Η Αφόρμηση Μνημεία Παγκόσμιας Κληρονομιάς της UNESCO στη Θεσσαλονίκη Με τα προαναφερόμενα μνημεία, η Θεσσαλονίκη συγκαταλέγεται μεταξύ των σημαντικότερων 304 πολιτιστικών σημείων του πλανήτη. Τα μνημεία του δικτύου της UNESCO, συγκεντρώνουν, παγκοσμίως, ιδιαίτερο ενδιαφέρον και μεγάλη επισκεψιμότητα. Εμείς, οι μαθητές του Ελληνικού Κολλεγίου μέσα από την επαφή μας με τα μνημεία αυτά, θελήσαμε να τα αναδείξουμε ακόμα περισσότερο με τη δημιουργία ενός διαδραστικού διαδικτυακού χάρτη προβολής των μνημείων αυτών.

5 Ο Σχεδιασμός Οι Ομάδες Εργασίας και οι αρμοδιότητες Ξεκινήσαμε λοιπόν την προσπάθειά μας θέτοντας με σαφήνεια τους στόχους, το πλάνο του σχεδίου εργασίας και τα καθήκοντα των ομάδων εργασίας. Καθήκοντα Ομάδων Εργασίας Εύρεση πληροφοριών Ομάδα Α «Οι Ερευνητές» Ομάδα Β «Οι Προγραμματιστές» Κατασκευή Διαδικτυακού τόπου Φωτογράφιση μνημείων Δημιουργία Ψηφιακού Χάρτη Συγγραφή κειμένων Τοποθέτηση Μνημείων στις σωστές συντεταγμένες στο χάρτη

6 Ομάδα Β Ομάδα Α Ο Σχεδιασμός Το Χρονοδιάγραμμα Θέσαμε αυστηρά χρονοδιαγράμματα στις εργασίες που θα έπρεπε να ολοκληρωθούν από τα μέλη των ομάδων : Αναζήτηση Πληροφοριών για μνημεία Επίσκεψη & φωτογράφιση μνημείων Διόρθωση, συμπλήρωση & παράδοση άρθρων Αναζήτηση Πληροφοριών για μνημεία Σχεδίαση & Περιγραφή απαιτήσεων διαδικτυακού τόπου Επιλογή Τεχνολογιών Υλοποίησης Τοποθέτησή μνημείων στο χάρτη Υλοποίηση Κατασκευή Σκελετού Διαδικτυακού τόπου Συγγραφή άρθρων για μνημεία Υλοποίηση Κατασκευή Ψηφιακού Χάρτη Διόρθωση & συμπλήρωση Διαδικτυακού Τόπου Τοποθέτηση Άρθρων & Φωτογραφιών στο Διαδικτυακό τόπο ΤΕΛΟΣ 2 η Εβδομάδα 4 η Εβδομάδα 6 η Εβδομάδα 8 η Εβδομάδα 10 η Εβδομάδα 12 η Εβδομάδα

7 Ομάδα Α Το Έργο της Ξεκινώντας την υλοποίηση των παραπάνω σχεδιασμών, η ομάδα Έρευνας εντόπισε, επισκέφθηκε και φωτογράφησε όλα τα ενδιαφερόμενα μνημεία. Επίσης αντλώντας χρήσιμες πληροφορίες από διάφορες πηγές, τα μέλη της ομάδας, έγραψαν άρθρα για τα μνημεία περιγράφοντας την φύση και την ιστορία του κάθε μνημείου.

8 Η Ομάδα Προγραμματισμού έπρεπε να επιλύσει διάφορα θέματα πριν ξεκινήσει. Καταρχήν τα μέλη της ομάδας, αποφάσισαν οι ιστοσελίδες που θα αποτελούσαν τον διαδικτυακό τόπο να είναι δυναμικές, για να μειωθεί όσο το δυνατόν γίνεται το μεγάλο πλήθος αρχείων. Χρήση Δυναμικών Σελίδων PHP Συμβατότητα HTML και CSS με πλήθος συσκευών και Browsers Αποστολή κώδικα HTML και CSS στον Browser Χρήση Φύλλων Στυλ CSS για Μορφοποίηση Περιεχομένου

9 Εγκαταστήσαμε σε υπολογιστή του Σχολικού Εργαστηρίου το λογισμικό XAMPP. Χρησιμοποιώντας τον Apache Server που εγκαθίσταται με το XAMPP θα μπορούσαμε να δοκιμάζουμε τοπικά τον κώδικα των δυναμικών σελίδων PHP πριν τον δημοσιεύσουμε.

10 Σχεδιάσαμε τη δομή του διαδικτυακού τόπου και καταλήξαμε στην εμφάνιση των σελίδων

11 Για τη δημιουργία του χάρτη με τα μνημεία της αρχικής σελίδας, επιλέξαμε τους χάρτες της Google. Μελετήσαμε πολύ προσεκτικά το API των Google Maps. Φτιάξαμε τον δικό μας χάρτη, τον τοποθετήσαμε στην αρχική σελίδα και τον παραμετροποιήσαμε ώστε να έχει τις επιθυμητές διαστάσεις και να είναι κεντραρισμένος στην πόλη της Θεσσαλονίκης.

12 Η Αρχική σελίδα με τον χάρτη της Θεσσαλονίκης

13 Τοποθετήσαμε τις απαραίτητες «πινέζες» για να καταδείξουμε τις τοποθεσίες των μνημείων.

14 Κατασκευάσαμε όλα τα απαραίτητα «μπαλόνια» μηνυμάτων για την προβολή περιληπτικών πληροφοριών για τα μνημεία.

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

16 Προσθέσαμε μερικές στιλιστικές πινελιές με τη βοήθεια των Stamen Maps ( τους οποίους συνδυάσαμε με το API των Google Maps παράγοντας έναν καταπληκτικό ζωγραφιστό χάρτη.

17 Τέλος, δημοσιεύσαμε τα αρχεία του διαδικτυακού τόπου στη διεύθυνση :

18 Ευχαριστούμε για την Προσοχή σας Συντελεστές έργου (Μαθητές) Τσάμης Εμ., Σκουτέλης Κ., Καρασαββίδου Μ., Κοσμάς Π, Τσολακίδου Σ., Αλκαλάκη Ε., Παπαδημητροπούλου Ά. Μαθητές Α και Β Λυκείου Ελληνικό Κολλέγιο Θεσσαλονίκης Συντελεστές έργου (Καθηγητές) Παρασκευόπουλος Κωνσταντίνος Καθηγητής Πληροφορικής, ΠΕ19, MSc - Ελληνικό Κολλέγιο Θεσσαλονίκης Παραθυρά-Ψαλλίδα Αναστασία Φιλόλογος (ΠΕ02) - Ελληνικό Κολλέγιο Θεσσαλονίκης Κοντογώγου Βασιλική Φιλόλογος (ΠΕ02) - Ελληνικό Κολλέγιο Θεσσαλονίκης