Εφαρμόζοντας νέα σχεδιαστικά πρότυπα ιστοτόπων

Abstract

Στην εποχή της τεχνολογικής και ψηφιακής επανάστασης, το Διαδίκτυο αποτελεί πλέον την πιο διαδεδομένη μέθοδο επικοινωνίας και ενημέρωσης. Σε σχέση με το παρελθόν, οι χρήστες σήμερα έχουν στη διάθεση τους μεγάλο εύρος συσκευών με τις οποίες μπορούν να πλοηγηθούν στο Διαδίκτυο. Το γεγονός αυτό έχει επαναπροσδιορίσει τους τρόπους σχεδιασμού και κατασκευής ιστοτόπων, δεδομένου ότι οι προγραμματιστές καλούνται να επιλύσουν το πρόβλημα της εμφάνισης του περιεχομένου σε διαφορετικές οθόνες και αναλύσεις, ώστε να προσφέρουν στους χρήστες μια θετική εμπειρία. Το πρόβλημα διογκώνεται διαρκώς καθώς ο κατακερματισμός των διαφορετικών συσκευών συνεχώς αυξάνεται, κατά τον ίδιο τρόπο που αυξάνεται και ο αριθμός των χρηστών που τις χρησιμοποιούν εφόσον το κόστος τους είναι πλέον περισσότερο προσιτό. Η παρούσα διπλωματική εργασία, αρχικά επιχειρεί να μελετήσει το ζήτημα της σχεδίασης και κατασκευής ενός ιστοτόπου με χρήση των νέων τεχνολογιών HTML5, CSS3 και της τεχνικής της responsive σχεδίασης, προτείνοντας και παρουσιάζοντας μια λύση στο πρόβλημα που προαναφέρθηκε. Στη συνέχεια, πραγματοποιείται ενδελεχής περιγραφή της διαδικασίας υλοποίησης του ιστοτόπου του εργαστηρίου CosyLLab (Computer Supported Learning Engineering Lab, Τμήμα Ψηφιακών Συστημάτων, Πανεπιστήμιο Πειραιώς), ως απόδειξη του εφικτού της έννοιας της responsive σχεδίασης (proof of concept). Η δημιουργία του εν λόγω ιστοτόπου πραγματώνεται με τη χρήση του συστήματος διαχείρισης περιεχομένου Joomla και του Gantry Framework (ενός ολοκληρωμένου συνόλου δομικών στοιχείων για την ανάπτυξη και υλοποίηση ενός προτύπου στο Joomla), το οποίο ενσωματώνει όλες τις προαναφερθείσες τεχνολογίες και τεχνικές, ακολουθώντας παράλληλα τις νέες σχεδιαστικές τάσεις της εποχής.