Σύγκριση τεχνικών σχεδιασμού ιστοσελίδων ανάλογα με την πλατφόρμα που θα χρησιμοποιηθούν (πχ κινητά, touch screens, pc monitors, κτλ).

Abstract

Σκοπός της πτυχιακής εργασίας είναι η κατανόηση της διαφοράς που υπάρχει ανάμεσα στις ιστοσελίδες που είναι σχεδιασμένες για desktop υπολογιστή, για συσκευή κινητού τηλεφώνου, pda κ.α. καθώς και η κατανόηση και σύγκριση των βασικότερων και δημοφιλέστερων τεχνικών σχεδιασμού ιστοσελίδων και η διαφορετική προσέγγιση που ακολουθείται στο σχεδιασμό και στην ανάπτυξη μιας ιστοσελίδας ανάλογα με την πλατφόρμα που θα χρησιμοποιηθεί. Τα προγράμματα και οι εφαρμογές που παρουσιάζονται σε αυτή την εργασία είναι τα Adobe Dreamweaver, Adobe Flash, Frontpage, Serif Webplus, Kompozer, Wordpress, Drupal, Joomla, Mobile Joomla, GoMobi, Mobilizer, MobiOne, Mofuse, Mippin Mobilizer, Mobify application,Winksite, Mobtron, Google Mobilizer, Bluefish editor. Επιλέχθηκαν με βάση την δημοτικότητα και χρηστικότητά τους και μερικά από αυτά είναι πολύ εύκολα στη χρήση ακόμα και από αρχάριους χρήστες. Η παρουσίασή τους γίνεται εν συντομία αλλά περιλαμβάνει πολλές σημαντικές λεπτομέρειες καθώς σκοπός δεν είναι να παρουσιαστεί το πως λειτουργεί κάθε εργαλείο αλλά το τι προσφέρει και τα βασικά χαρακτηριστικά του. Με την βοήθεια του προγράμματος MobiOne σχεδιάστηκε η mobile ιστοσελίδα του ΤΕΙ Κρήτης και προβάλλεται βήμα-βήμα η διαδικασία υλοποίησης της συνοδευμένη από τα απαραίτητα screenshot. Τέλος, ακολουθεί μία εκτενή σύγκριση ανάμεσα στις κλασσικές desktop ιστοσελίδες και στις ιστοσελίδες για κινητά τηλέφωνα.

The aim of this dissertation is to give a comprehension of the difference between a website for a mobile/pda screen and a desktop monitor, as well as a comprehension and comparison of the basic and most significant websites design techniques and the different way of implementation for the website development, based on the kind of the platform (mobile/desktop). The programs and the application which have been analysed in this thesis are Adobe Dreamweaver, Adobe Flash, Frontpage, Serif Webplus, Kompozer, Wordpress ,Drupal, Joomla, Mobile Joomla, GoMobi, Mobilizer,MobiOne, Mofuse, Mippin Mobilizer, Mobify application,Winksite, ,Mobtron,Google Mobilizer,Bluefish editor. The selection was based on their popularity and usefulness and some of which are easy in usage for a beginner user. Although the presentation of above programmes are short includes a variety of significant details that present the main usage of each tool separately and the main characteristics of them. The MobiOne programme is used in order to design the mobile web-site Tei of Crete and is showing step by step the implementation procedure following by screenshots. In the end, there is a detailed compare between the ordinary desktop websites and the websites for smartphones.