Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός

Transcript

1 Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων World Wide Web Παγκόσμιος Ιστός

2 Internet - WWW Internet: παγκόσμιο δίκτυο υπολογιστών που βασίζεται στο πρωτόκολο επικοινωνίας TCP/IP και υποστηρίζει πολλαπλές υπηρεσίες: Ηλεκτρονικό ταχυδρομείο ( ) Διαμοιρασμό αρχείων (ftp, Torrent) Τηλεφωνία-Τηλεδιάσκεψη (skype) Παγκόσμιο ιστό (www) WWW: υπηρεσία του διαδικτύου που επιτρέπει τη δημιουργία, αποθήκευση και διαμοίραση αρχείων υπερκειμένου υπερμέσων

3 Υπερκείμενα Υπερμέσα Υπερκείμενα (Hypertext): αρχεία κειμένου με υπερσυνδέσεις (hyperlinks) σε άλλα αντίστοιχα υπερκείμενα. Υπερμέσα (Hypermedia): αρχεία υπερκειμένου εμπλουτισμένο με πολυμέσα (εικόνες, ήχοι, βίντεο) με υπερσυνδέσεις (hyperlinks) σε άλλα αντίστοιχα υπερμέσα. Υπερκείμενα/Υπερμέσα = Ιστοσελίδες

4 Ιστοσελίδες Ιστότοποι Ιστοσελίδα (web page) αρχείο υπερκειμένου/υπερμέσων Ιστότοπος (web site) Σύνολο σχετικών μεταξύ τους ιστοσελίδων που είναι αποθηκευμένες στον ίδιο υπολογιστή και κάτω από το ίδιο όνομα περιοχής (π.χ. ptde.uoi.gr)

5 HTML - HTTP HTML (HyperText Markup Language) : γλώσσα περιγραφής ιστοσελίδων. Χρησιμοποιεί ετικέτες (tags) για να δώσει διαφορετικές μορφές και σημασίες στα διάφορα μέρη του υπερκειμένου/ υπερμέσου. HTTP (Hypertext Transfer Protocol): δικτυακό πρωτόκολλο για την μεταφορά ιστοσελίδων μέσω του Internet. Μοντέλο Πελάτη Διακομιστή (client - server)

6 Διακομιστής - Φυλλομετρητής Διακομιστής Ιστού (web server): υπολογιστής/λογισμικό που αποθηκεύει ιστοσελίδες γραμμένες (HTML) και τις διαμοιράζει μεσω του διαδικτύου (HTTP) Φυλλομετρητής Ιστού (web browser): λογισμικό στον υπολογιστή του χρήστη που συνδέεται σε διακομιστές web (HTTP), ανακτά ιστοσελίδες (HTML) και τις εμφανίζει στο χρήστη. Chrome, Firefox, Internet explorer, Edge

7 URL Διεύθυνση ιστού Υπερσύνδεσμο URL (Uniform Resource Locator): διεύθυνση ενός πόρου στοn παγκόσμιο ιστό Πρωτόκολλο όνομα περιοχής διαδρομή φακέλων αρχείο

8 HTML - HTTP Φυλλομετρητής (browser): Διακομιστής web (web server): H διαδικασία είναι πιο πολύπλοκη και διαδραστική με τη βοήθεια προγραμμάτων στην πλευρά του διακομιστή και του πελάτη (server side scripting, client side scripting)

9 Web Web 2.0 Web 1.0 (1990-) Tim Berners-Lee (CERN) Στατικό περιεχόμενο Περιεχόμενο δημιουργούμενο από τους διαχειριστές των ιστότοπων. Britannica Online Προσωπικές ιστοσελίδες - Παραδείγματα Web 2.0 (2004-) Δυναμικό περιεχόμενο Περιεχόμενο δημιουργούμενο από τους διαχειριστές και τους χρήστες των ιστότοπων Wikipedia Ιστολόγια Μεσα κοινωνικής δικτύωσης Social Networking (Facebook) Web 2.0: αφορά την φάση του παγκόσμιου ιστού κατά την οποία οι χρήστες του δεν καταναλώνουν περιεχόμενο αλλά παράγουν επίσης παράγουν περιεχόμενο

10 Δημιουργία Ιστότοπου Φιλοξενία (Web hosting) Λογισμικό/αποθ. χώρο/δίκτυο/διαθεσιμότητα/ισχύ Όνομα περιοχής (Domain name) π.χ. Ίδρυμα Τεχνολογίας και Έρευνας (ΙΤΕ) Καταχωρητές Δημιουργία περιεχομένου HTML (και javascript, PHP) ή Content-Management System (CMS) π.χ. wordpress, joomla

11 Blogs - Websites Τα Ιστολόγια Blogs είναι μια μορφή ιστότοπου με συγκεκριμένα χαρακτηριστικά Ιστολόγια - Blogs Άρθρα ή Δημοσιεύσεις (Posts) Τα άρθρα συνήθως είναι επίκαιρα και αφορούν ειδήσεις ή προσωπικές απόψεις. Τα άρθρα παρουσιάζονται κατά αντίστροφη χρονολογική σειρά. Αρχειοθετούνται σύμφωνα με ημερομηνία, κατηγορία, συγγραφέα, ετικέτες. Οι αναγνώστες ενός συνήθως ενθαρρύνονται να σχολιάσουν τα άρθρα. Σελίδες (Pages) Ιστότοποι - Websites Οι σελίδες συνήθως περιγράφουν δραστηριότητες, υπηρεσίες, προϊόντα που αφορούν έναν οργανισμό, μια επιχείρηση ή ένα φυσικό πρόσωπο. Οι σελίδες παρουσιάζονται με ιεραρχικό τρόπο με χρήση μενού Συνήθως δεν υπάρχει σχολιασμός των σελίδων

12 Τι είναι ο Παγκόσμιος Ιστός TED ed (4 λεπτά)