Εισαγωγή στην Επιστήμη των Υπολογιστών και Επικοινωνιών Σχεδιασμός ιστοχώρων Σπύρος Κοκολάκης* ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΙΓΑΙΟΥ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΑΚΩΝ.

Παρουσίαση με θέμα: "Εισαγωγή στην Επιστήμη των Υπολογιστών και Επικοινωνιών Σχεδιασμός ιστοχώρων Σπύρος Κοκολάκης* ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΙΓΑΙΟΥ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΑΚΩΝ."— Μεταγράφημα παρουσίασης:

1 Εισαγωγή στην Επιστήμη των Υπολογιστών και Επικοινωνιών Σχεδιασμός ιστοχώρων Σπύρος Κοκολάκης* sak@aegean.gr ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΙΓΑΙΟΥ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΑΚΩΝ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ Α’ Εξάμηνο 2011-2012 *Βασισμένο σε μία διάλεξη του Δρα Αλ. Τσαούση

2 Παραδείγματα ιστοχώρων www.amazon.com www.amazon.co.uk www.amazon.cn spyros.kokolakis.name spyroskokolakis.gr del.icio.us europa.eu lufthansa.aero cnn.tv (tuvalu) thelongestlistofthelongeststuffatthelongestdom ainnameatlonglast.com 3.14159265358979323846264338327950288 4197169399375105820974944592.com γεια.gr

3 Τι είναι ο ιστοχώρος (website) Σύνολο από σελίδες υπερκειμένου (hypertext) … και hypermedia …που φιλοξενούνται σε ένα εξυπηρετητή ιστού (web server) Έχει μοναδική διεύθυνση (URL – Uniform Resource Locator) –Μοναδική, με την έννοια ότι ένα URL αντιστοιχεί σε ένα ιστοχώρο, όχι το αντίστροφο... που είναι προσβάσιμη μέσω φυλλομετρητή (browser)

4 WWW – World Wide Web 1990: http://info.cern.ch/hypertext/WWW/TheProject. html “Η ιδέα ήταν να συσχετίσω ηλεκτρονικά έγγραφα, μέσω υπερσυνδέσμων, για την καλύτερη διαχείριση αυτών από τους υπαλλήλους στο CERN” – Tim Berners Lee

5 Κατηγορίες Προσωπικά Εταιρικά Blog Photo Album Κοινωνικά Ηλεκτρονικά καταστήματα ….

6 Δημοφιλέστεροι ιστοχώροι

7 Τι χρειαζόμαστε Ένα όνομα (domain name) Έναν εξυπηρετητή ιστού Αρχεία html, htm, css, js κ.λπ.

8 Domain names domains24.gr papaki.gr ipdomain.net http://www.gr –Εθνική Επιτροπή Τηλεπικοινωνιών και Ταχυδρομείων (ΕΕΤΤ) – Ίδρυμα Τεχνολογίας και Έρευνας (ΙΤΕ)

9 Κατηγορίες εξυπηρετητών Web Server (www) Domain Name Server (DNS) Mail server File Transfer Protocol (FTP) server Streaming server

10 Γνωστοί εξυπηρετητές ιστού Apache IIS Nginx

11 Εργαλεία κατασκευής ιστοσελίδων Coffee Cup HTML Editor Komodo Edit Web Studio Adobe Dreamweaver Site Builders –Εύκολοι στη χρήση

12 Άλλα χρήσιμα εργαλεία Adobe Photoshop Adobe Flash Microsoft Silverlight

13 Στατικά # Δυναμικά websites Στατικοί ιστοχώροι –Χρησιμοποιούν μόνο κώδικα HTML και έχουν στατικό περιεχόμενο, δηλαδή όλες οι σελίδες του website θα είναι πάντα οι ίδιες σε περιεχόμενο, ανεξάρτητα από ποιος τις επισκέπτεται και πότε.

14 Στατικοί ιστοχώροι Πλεονεκτήματα –Μικρός χρόνος ανάπτυξής τους –Μικρό κόστος ανάπτυξής τους –Μικρό κόστος για τη φιλοξενία τους Μειονεκτήματα –Η ανανέωσή τους απαιτεί γνώσεις html –Στάσιμο περιεχόμενο

15 Παράδειγμα University of Aegean Αυτό είναι το κείμενο μιας ιστοσελίδας Αυτός είναι ένας Υπερσύνδεσμος

16

17 Δυναμικοί ιστοχώροι Χρησιμοποιούν κώδικα (π.χ. PHP, JSP, ASP, Ruby On Rails) που παράγει HTML και έχουν δυναμικό περιεχόμενο, δηλαδή το περιεχόμενο των σελίδων του website θα εξαρτάται από παράγοντες όπως: το input του χρήστη, το περιεχόμενο στη Βάση Δεδομένων, τον τύπο φυλλομετρητή (browser) του χρήστη κ.ά.

18 Δυναμικοί ιστοχώροι Πλεονεκτήματα –Προσφέρουν ποικιλία λειτουργιών –Εύκολα στην ανανέωσή τους Μειονεκτήματα –Μεγαλύτερο κόστος ανάπτυξης

19 Παράδειγμα <?php $date = date(‘d-m-Y’); ?> University of Aegean Αυτό είναι το κείμενο μιας ιστοσελίδας Αυτός είναι ένας Υπερσύνδεσμος Και η ημερομηνία είναι

20

21 Δυναμικοί ιστοχώροι Λειτουργίες: –Μηχανή Αναζήτησης –Database Interface –User-specific Content Generation –Έλεγχος τιμών εισόδου –Αυθεντικοποίηση –Δυνατότητα ανανέωσης των κειμένων –Αλληλεπίδραση

22 Εργαλεία CMS Content Management System: –Joomla –Drupal –WordPress –MediaWiki

23 Content Management Systems Δεκάδες συστήματα Joomla! –Το πιο δημοφιλές αυτή τη στιγμή –Ανοικτού κώδικα (www.joomla.org)www.joomla.org –Από απλή ιστοσελίδα μέχρι ηλεκτρονικό κατάστημα –RSS feeds, blogs, polls, language internationalization, news flashes, printable page versions –Front office και Back office –Πάνω από 6.000 plug-ins

24 Παράδειγμα

25 Σύνοψη