6ο Μαθητικό Συνέδριο Πληροφορικής€¦ · 6ο Μαθητικό...

6ο Μαθητικό Συνέδριο Πληροφορικής

Ελληνικό Κολλέγιο Θεσσαλονίκης

Εργασία με θέμα :

«Δημιουργία διαδραστικού χάρτη

με τα μνημεία παγκόσμιας πολιτιστικής

κληρονομιάς της ΟΥΝΕΣΚΟ στη Θεσσαλονίκη»

Η Αφόρμηση Μνημεία Παγκόσμιας Κληρονομιάς της UNESCO στην Ελλάδα

6ο Μαθητικό Συνέδριο Πληροφορικής – Ελληνικό Κολλέγιο Θεσσαλονίκης Διαδραστικός χάρτης με τα μνημεία παγκόσμιας πολιτιστικής κληρονομιάς της ΟΥΝΕΣΚΟ στη Θεσσαλονίκη Επιβλέποντες εκπαιδευτικοί : Κ. Παρασκευόπουλος, Α. Παραθυρά-Ψαλλίδα, Β. Κοντογώγου

Από το 1981, η Ελλάδα έχει συνυπογράψει τη Συνθήκη της UNESCO για την

προστασία των μνημείων και χώρων παγκόσμιας κληρονομιάς, στόχος της

οποίας είναι η προστασία από κάθε είδους φθορά και καταστροφή, προκειμένου

αυτά να κληροδοτηθούν στις γενιές του μέλλοντος.

1981

Η Αφόρμηση Μνημεία Παγκόσμιας Κληρονομιάς της 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ος αι.)


Η Αφόρμηση Μνημεία Παγκόσμιας Κληρονομιάς της UNESCO στη Θεσσαλονίκη

Με τα προαναφερόμενα μνημεία, η Θεσσαλονίκη συγκαταλέγεται μεταξύ των

σημαντικότερων 304 πολιτιστικών σημείων του πλανήτη.

Τα μνημεία του δικτύου της UNESCO, συγκεντρώνουν, παγκοσμίως, ιδιαίτερο

ενδιαφέρον και μεγάλη επισκεψιμότητα.

Εμείς, οι μαθητές του Ελληνικού Κολλεγίου μέσα από την επαφή μας με τα

μνημεία αυτά, θελήσαμε να τα αναδείξουμε ακόμα περισσότερο με τη

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

αυτών.


Ο Σχεδιασμός Οι Ομάδες Εργασίας και οι αρμοδιότητες

Ξεκινήσαμε λοιπόν την προσπάθειά μας θέτοντας με σαφήνεια τους στόχους, το

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

Καθήκοντα Ομάδων Εργασίας

Ομάδα

Α «Οι Ερευνητές»

Ομάδα

Β «Οι Προγραμματιστές»

Συγγραφή κειμένων

Εύρεση πληροφοριών

Φωτογράφιση μνημείων

Κατασκευή Διαδικτυακού

τόπου

Δημιουργία Ψηφιακού

Χάρτη

Τοποθέτηση Μνημείων στις σωστές

συντεταγμένες στο χάρτη


Ο Σχεδιασμός Το Χρονοδιάγραμμα

Θέσαμε αυστηρά χρονοδιαγράμματα στις εργασίες που θα έπρεπε να

ολοκληρωθούν από τα μέλη των ομάδων :

2η Εβδομάδα






Ομάδα Α

Ο

μάδα Β

Αναζήτηση Πληροφοριών για μνημεία

Αναζήτηση Πληροφοριών για μνημεία

Τοποθέτησή μνημείων στο χάρτη

Επίσκεψη & φωτογράφιση

μνημείων

Συγγραφή άρθρων

για μνημεία

Διόρθωση, συμπλήρωση & παράδοση άρθρων

Σχεδίαση & Περιγραφή απαιτήσεων διαδικτυακού

τόπου

Επιλογή Τεχνολογιών Υλοποίησης

Υλοποίηση – Κατασκευή Σκελετού

Διαδικτυακού τόπου

Υλοποίηση – Κατασκευή Ψηφιακού Χάρτη

Τοποθέτηση Άρθρων & Φωτογραφιών στο Διαδικτυακό τόπο

Διόρθωση & συμπλήρωση

Διαδικτυακού Τόπου

ΤΕΛΟΣ


Η Υλοποίηση Ομάδα Α – Το Έργο της

Ξεκινώντας την υλοποίηση των παραπάνω σχεδιασμών, η ομάδα Έρευνας

εντόπισε, επισκέφθηκε και φωτογράφησε όλα τα ενδιαφερόμενα μνημεία.

Επίσης αντλώντας χρήσιμες πληροφορίες από διάφορες πηγές, τα μέλη της

ομάδας, έγραψαν άρθρα για τα μνημεία περιγράφοντας την φύση και την

ιστορία του κάθε μνημείου.


Η Υλοποίηση Ομάδα Β – Το Έργο της

Η Ομάδα Προγραμματισμού έπρεπε να επιλύσει διάφορα θέματα πριν ξεκινήσει.

Καταρχήν τα μέλη της ομάδας, αποφάσισαν οι ιστοσελίδες που θα αποτελούσαν

τον διαδικτυακό τόπο να είναι δυναμικές, για να μειωθεί όσο το δυνατόν γίνεται

το μεγάλο πλήθος αρχείων.

Χρήση

Δυναμικών Σελίδων

PHP

Χρήση Φύλλων Στυλ

CSS για Μορφοποίηση Περιεχομένου

Αποστολή κώδικα HTML και CSS στον

Browser

Συμβατότητα HTML και CSS με πλήθος

συσκευών και Browsers



Εγκαταστήσαμε σε υπολογιστή του Σχολικού Εργαστηρίου το λογισμικό

XAMPP. Χρησιμοποιώντας τον Apache Server που εγκαθίσταται με το XAMPP

θα μπορούσαμε να δοκιμάζουμε τοπικά τον κώδικα των δυναμικών σελίδων

PHP πριν τον δημοσιεύσουμε.



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

των σελίδων…



Για τη δημιουργία του χάρτη με τα μνημεία της αρχικής σελίδας, επιλέξαμε

τους χάρτες της Google.

Μελετήσαμε πολύ προσεκτικά το API των Google Maps. Φτιάξαμε τον δικό μας

χάρτη, τον τοποθετήσαμε στην αρχική σελίδα και τον παραμετροποιήσαμε

ώστε να έχει τις επιθυμητές διαστάσεις και να είναι κεντραρισμένος στην πόλη

της Θεσσαλονίκης.



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


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

των μνημείων.



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

περιληπτικών πληροφοριών για τα μνημεία.



Συνδέσαμε το κάθε μνημείο του χάρτη με μία αντίστοιχη σελίδα παρουσίασής

του, με κείμενο και φωτογραφίες.




Προσθέσαμε μερικές στιλιστικές πινελιές με τη βοήθεια των Stamen Maps

(http://maps.stamen.com) τους οποίους συνδυάσαμε με το API των Google Maps

παράγοντας έναν καταπληκτικό ζωγραφιστό χάρτη.


http://maps.stamen.com/


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

http://www.hellenic-college.gr/works/unesco-monuments/










Ευχαριστούμε για την Προσοχή σας

Συντελεστές έργου (Μαθητές)

Τσάμης Εμ., Σκουτέλης Κ., Καρασαββίδου Μ., Κοσμάς Π, Τσολακίδου Σ.,

Αλκαλάκη Ε., Παπαδημητροπούλου Ά. Μαθητές Α΄ και Β΄ Λυκείου – Ελληνικό Κολλέγιο Θεσσαλονίκης

Συντελεστές έργου (Καθηγητές)

Παρασκευόπουλος Κωνσταντίνος Καθηγητής Πληροφορικής, ΠΕ19, MSc - Ελληνικό Κολλέγιο Θεσσαλονίκης

Παραθυρά-Ψαλλίδα Αναστασία Φιλόλογος (ΠΕ02) - Ελληνικό Κολλέγιο Θεσσαλονίκης

Κοντογώγου Βασιλική Φιλόλογος (ΠΕ02) - Ελληνικό Κολλέγιο Θεσσαλονίκης


6ο Μαθητικό Συνέδριο Πληροφορικής€¦ · 6ο Μαθητικό...

Documents

Transcript of 6ο Μαθητικό Συνέδριο Πληροφορικής€¦ · 6ο Μαθητικό...