Χάρης Κονδυλάκης Σχεδιασμός Ιστοχώρων 1. Παραδείγματα ιστοχώρων del.icio.us europa.eu lufthansa.aero cnn.tv.

Παρουσίαση με θέμα: "Χάρης Κονδυλάκης Σχεδιασμός Ιστοχώρων 1. Παραδείγματα ιστοχώρων del.icio.us europa.eu lufthansa.aero cnn.tv."— Μεταγράφημα παρουσίασης:

1 Χάρης Κονδυλάκης Σχεδιασμός Ιστοχώρων 1

2 Παραδείγματα ιστοχώρων www.amazon.com www.amazon.co.uk www.amazon.cn del.icio.us europa.eu lufthansa.aero cnn.tv (tuvalu) thelongestlistofthelongeststuffatthelongestdomainnameatl onglast.com 3.1415926535897932384626433832795028841971693 99375105820974944592.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.htm l “ Η ιδέα ήταν να συσχετίσω ηλεκτρονικά έγγραφα, μέσω υπερσυνδέσμων, για την καλύτερη διαχείριση αυτών από τους υπαλλήλους στο CERN” – Tim Berners Lee

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

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

7 Τι χρειαζόμαστε Ένα όνομα (domain name) Έναν εξυπηρετητή ιστού (server) Αρχεία 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 Παράδειγμα TEI ΚΡΗΤΗΣ Αυτό είναι το κείμενο μιας ιστοσελίδας Αυτός είναι ένας Υπερσύνδεσμος

16

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

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

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

20

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

22 Εργαλεία CMS Τι είναι ένα Σύστημα Διαχείρισης Περιεχομένου (CMS); Ένα σύστημα διαχείρισης περιεχομένου (content management system, CMS) είναι μια εφαρμογή λογισμικού που βοηθάει στην οργάνωση και παρουσίαση περιεχομένου σε έναν ιστότοπο (website) Χρησιμοποιούνται για τη διαχείριση και έλεγχο μιας μεγάλης, δυναμικής συλλογής web υλικού (HTML έγγραφα και οι αντίστοιχες εικόνες ) Είναι συνήθως υλοποιημένα ως web εφαρμογές ( δηλαδή η οργάνωση, διαχείριση και παρουσίαση του περιεχομένου γίνεται μέσω από μια τυπική web διεπαφή )

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

24 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