The World Wide Web Κεφάλαιο 6.

Παρουσίαση με θέμα: "The World Wide Web Κεφάλαιο 6."— Μεταγράφημα παρουσίασης:

1 The World Wide Web Κεφάλαιο 6

2 Στόχοι Κεφαλαίου Σύγκριση μεταξύ Internet και του World Wide Web
Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων HTML tags

3 Στόχοι Κεφαλαίου (συνέχεια.)
Περιγραφή επεξεργασίας Java applets and Java server pages Σύγκριση μεταξύ HTML και XML Ορισμός απλού κειμένου XML και του σχετικού DTDs Πως μπορεί να επιδειχθεί στην οθόνη ένα κείμενο XML;

4 Η ιστορία του WWW Το WWW ξεκίνησε το 1989 από το Ευρωπαϊκό Κέντρο Πυρηνικών Ερευνών, (CERN) στην Ελβετία. Βασικός του σκοπός ήταν να προσφέρει στους επιστήμονες ένα μέσο προκειμένου να ανταλλάσσουν στοιχεία επιστημονικά δεδομένα και μελέτες, μέσω του διαδικτύου. Η όλη προσπάθεια στηρίχτηκε στην υλοποίηση ενός μέσου που θα επιτρέπει την σύνδεση μεταξύ διαφορετικών εγγράφων.

5 Η ιστορία του WWW Το μέσο αυτό ονομάστηκε υπερκείμενο(Hyper text)
Το 1994 κατασκευάστηκε το πρόγραμμα Mosaic, το οποίο έδινε την δυνατότητα στους χρήστες να προσπελαύνουν τις πληροφορίες που ήταν διαθέσιμες στο WWW με γραφικό τρόπο. Στα επόμενα χρόνια το WWW έγινε το απόλυτο μέσο αναζήτησης πληροφοριών για εκατομμύρια χρήστες του διαδικτύου.

6 Το Διαδίκτυο και το WWW Η πλατιά χρήση του WWW δημιούργησε σύγχυση σε πολλούς χρήστες οι οποίοι ταύτισαν το WWW με το Internet. Στην πραγματικότητα όμως είναι δύο διαφορετικά πράγματα. Το Ιnternet αποτελεί το φυσικό χώρο στον οποίο διασυνδέονται εκατομμύρια Η/Υ από όλο τον κόσμο, Το WWW αποτελεί το εργαλείο με το οποίο μπορούμε να οργανώσουμε και να διαχειριστούμε τον τεράστιο όγκο πληροφοριών που έχει συσσωρευτεί στο διαδίκτυο.

7 Το Διαδίκτυο ως εργαλείο
Αναζήτησης πληροφοριών (Ειδήσεις, νέα, πρόσβαση σε διεθνείς οργανισμούς, σε βάσεις δεδομένων δημόσιας διοίκησης κλπ) Επικοινωνίας (ανταλλαγή μηνυμάτων, τηλεδιάσκεψη, τηλεφωνική συνομιλία, κλπ) Διενέργειας Συναλλαγών (Ηλεκτρονικό εμπόριο, ανταλλαγή αρχείων εγγράφων, τραπεζικές οικονομικές συναλλαγές κλπ) Δημιουργίας Διαδικτυακού Χώρου (προσωπικές σελίδες, εταιρικές τοποθεσίες κλπ) Διασκέδασης και Ψυχαγωγίας (παιχνίδια, ραδιόφωνο, τηλεόραση κλπ).

8 World Wide Web To Web περιλαμβάνει κατανεμημένη πληροφορία, καθώς και το σχετικό λογισμικό που χρησιμοποιεί τα δίκτυα ως μέσο ανταλλαγής αυτής της πληροφορίας. Μία σελίδα Web είναι ένα κείμενο που περιέχει ή αναφέρεται σε διάφορα είδη δεδομένων, όπως κείμενο, εικόνες, γραφικά και προγράμματα Οι σελίδες Web περιέχουν συνδέσμους σε άλλες σελίδες τις οποίες ο χρήστης μπορεί να επισκεφθεί

9 The World Wide Web Ένας δικτυακός τόπος (Web Site) είναι μία συλλογή σχετιζομένων σελίδων web To Internet είναι αυτό που επιτρέπει την επικοινωνία, αλλά το Web διευκολύνει την επικοινωνία, την κάνει παραγωγικότερη και περισσότερο διασκεδαστική

10 Πως κατασκευάζουμε ένα υπερκείμενο;
Για την περιγραφή ενός υπερκειμένου χρησιμοποιούμε μια ειδική γλώσσα την Hyper Text Markup Language (HTML). Η γλώσσα αυτή επιτρέπει στον συγγραφέα να διαμορφώσει ένα κείμενο το οποίο θα παρέχει συνδέσμους με άλλα έγγραφα και διάφορα αρχεία

11 Πως κατασκευάζουμε ένα υπερκείμενο;
Τα υπερκείμενα που βρίσκονται στο WWW ονομάζονται ιστοσελίδες (web pages). Το σύνολο των ιστοσελίδων αποτελούν το site (δικτυακός τόπος). Τα προγράμματα τα οποία απεικονίζουν τις ιστοσελίδες, επιτρέποντας μας την ξενάγησή μας στο διαδίκτυο ονομάζονται πλοηγοί / φυλλομετρητές (Browsers), π.χ, Netscape & Internet Explorer

12 Web Browser Ένας browser είναι το λογισμικό
Μόλις έρθει η σελίδα, την επιδεικνύει στην οθόνη Συχνά λέμε ότι επισκεπτόμαστε ένα δικτυακό τόπο, ως να είμασταν πράγματι εκεί Στην πραγματικότητα, προσδιορίζουμε την πληροφορία που επιθυμούμε,και αυτή έρχεται σε εμάς

13 Web Browser Ο υπολογιστής που ανταποκρίνεται στις αιτήσεις για σελίδες Web λέγεται Web server Mία διεύθυνση Web είναι το κύριο μέρος του Uniform Resource Locator (URL) που προσδιορίζει την σελίδα που έχετε επιλέξει, ανάμεσα σε όλες τις σελίδες poy είναι διαθέσιμες σε όλο τον κόσμο

14 Φυλλομετρητής Web (Web Browser)

15 Browsers: Internet Explorer

16 Browsers: Netscape Communicator

17 HTML Οι σελίδες WEB δημιουργούνται χρησιμοποιώντας μία γλώσσα που λέγεται Hypertext Markup Language, ή HTML O όρος markup language δηλώνει ότι τα πρωτόγονα σύμβολα της γλώσσας έχουν τη μορφή των tags (ετικέτες), τα οποία βάζουμε σε ένα κείμενο για την επισημείωση της πληροφορίας που είναι αποθηκευμένη σε αυτό. Τα tags δείχνουν πώς η πληροφορία θα πρέπει να εμφανιστεί. Π.χ. μέγεθος, χρώμα, στυλ γραμματοσειράς παράγραφος, εικόνα, λίστα από κουκκίδες, κλπ.

18 HTML Ένα επισημειωμένο κείμενο

19 HTMLσελίδα H σελίδα Student Dynamics στον Netscape Navigator

20 HTML κείμενο Το κείμενο HTML που αντιστοιχεί στην προηγούμενη σελίδα

21 HTML Τα tags περικλείονται από το μικρότερο και μεγαλύτερο σύμβολο: < > Λέξεις όπως τα HEAD, TITLE, και BODY λέγονται elements και προσδιορίζουν τον τύπο του tag Tα tags, συχνά υπάρχουν ανά ζεύγη, π.χ. υπάρχει το αρχικό tag <BODY> και το tag τέλους το </BODY>

22 HTML O browser, προσδιορίζει τον τρόπο εμφάνισης μίας σελίδας βασισμένος στα tags Αγνοεί τον τρόπο μορφοποίησης του HTML, δηλαδή τα enter, τα επιπλέον κενά και τις κενές γραμμές Λαμβάνει υπ’όψιν το πλάτος και το ύψος του παραθύρου του browser Εάν αλλάξετε το μέγεθος του παραθύρου τα περιεχόμενα της Web σελίδας θα αλλάξουν ώστε να προσαρμοστούν στο νέο μέγεθος

23 βασικά tags στην HTML Τα tags (<P> </P>) δηλώνουν κείμενο που αποτελεί ξεχωριστή παράγραφο. Τα tags (<CENTER> </CENTER>) δηλώνουν ότι η περικλειόμενη πληροφορία θα πρέπει να κεντραριστεί στο παράθυρο του browser

24 βασικά tags στην HTML Τα elements Β, Ι, U δηλώνουν ότι το περικλειόμενο κείμενο θα πρέπει να είναι σε μορφή bold, italic ή υπογραμμισμένο, αντίστοιχα. Το tag <HR> χαράσσει μία οριζόντια γραμμή κατά μήκος της σελίδας

25 βασικά tags στην HTML Αν θέλω να δημιουργήσω μία λίστα στοιχείων:
Χρησιμοποιώ το UL element (unordered list) το οποίο δηλώνει τη μη-διατεταγμένη λίστα (bullets), και το LI element (list item) αναπαριστά ένα στοιχείο της λίστας. Για μια διατεταγμένη λίστα (αριθμημένη), χρησιμοποιώ το OL element (ordered list). Διάφορα elements χρησιμοποιούνται για να δηλώσουν επικεφαλίδες σε ένα κείμενο: Υπάρχουν έξι προκαθορισμένα elements επικεφαλίδων στην HTML: H1, H2, H3, H4, H5 και H6

26 Εικόνες και σύνδεσμοι Πολλά tags μπορούν να περιέχουν επιπλέον πληροφορίες που δηλώνουν πώς η περικλειόμενη πληροφορία πρέπει να επιδειχθεί Μία εικόνα μπορεί να ενσωματωθεί σε ένα Web κείμενο με τη χρήση του στοιχείου (element) IMG, το οποίο έχει ως ιδιότητα (attribute) το αρχείο που θα επιδείξει <IMG SRC = "myPicture.gif">

27 Εικόνες και σύνδεσμοι (συνέχεια)
Ένας σύνδεσμος προσδιορίζεται από το στοιχείo A, που σημαίνει anchor To tag περιέχει την ιδιότητα που λέγεται HREF, και προσδιορίζει το URL του κειμένου στόχος Παράδειγμα <A HREF = " Documentation Central!</A>

28 Διαδραστικές σελίδες Web
Όταν πρωτο-σχεδιάστηκε η HTML, δεν υπήρχε τρόπος αλληλεπίδρασης με την πληροφορία και τις εικόνες μίας σελίδας Web Οι χρήστες επιθυμούσαν μία δυναμικότερη συμπεριφορά από το Web. Αυτό είχε σαν συνέπεια την ανάπτυξη νέων τεχνολογιών που θα την εξυπηρετούσαν. Πολλές από αυτές τις ιδέες προήλθαν από την τότε νέα γλώσσα προγραμματισμού Java

29 Java Applets Ένα Java applet είναι ένα πρόγραμμα που σχεδιάστηκε ώστε να ενσωματώνεται σε ένα κείμενο HTML (ενεργό έγγραφο). Ένα Java applet μεταφέρεται από τον Web server σε αυτόν που θέλει να τρέξει το πρόγραμμα. Εκτελείται (τρέχει) στο browser. Για να ενσωματώσω ένα applet σε κώδικα HTML, χρησιμοποιώ το tag APPLET <APPLET code="MyApplet.class" width= height=150 ></APPLET> Π.χ. κινούμενη εικόνα.

30 Java Applets O browser έχει ένα ενσωματωμένο διερμηνέα που εκτελεί το applet, επιτρέποντας στον χρήστη να αλληλεπιδρά με αυτό Υπάρχουν όμως δυσκολίες… Πώς μπορεί να εκτελείται ένα πρόγραμμα που γράφτηκε σε ένα τύπο υπολογιστή σε πιθανόν πολλούς άλλους υπολογιστές

31 Java Applets Τα προγράμματα Java μετατρέπονται σε Bytecode, που είναι μία αναπαράσταση χαμηλού επιπέδου, αλλά δεν είναι κώδικας μηχανής που αφορά μια συγκεκριμένη KME. Το ByteCode εκτελείται από έγκυρο διερμηνέα, ανεξαρτήτου του τύπου υπολογιστών που τρέχει. Τα Java applets έχουν περιορισμούς για θέματα ασφαλείας Για παράδειγμα, ένα Java applet δεν μπορεί να προσπελάζει τοπικά αρχεία, ή να αλλάξει τη διαμόρφωση του υπολογιστή (system settings)

32 Σελίδες Java Server Μία Java Server Page (JSP), είναι μία σελίδα Web που έχει ενσωματωμένα JSP scriptlets (δυναμικό έγγραφο) Ένα scriptlet είναι ένα μικρό κομμάτι εκτελέσιμου κώδικα που υπάρχει μέσα σε ένα κείμενο HTML

33 Σελίδες Java Server Ένα JSP scriptlet περικλείεται σε ειδικά tags που αρχίζουν με το <% και τελειώνουν με το %> Τα JSP scriptlets, είναι μία πλήρης γλώσσα προγραμματισμού σελίδα 488

34 Java Server Pages Τα JSPs εκτελούνται στον server (όπου βρίσκεται και η σχετική σελίδα) Τι στιγμή που η σελίδα φθάσει στον υπολογιστή σας, όλη η επεξεργασία έχει ήδη ολοκληρωθεί στο server. Εσείς λαμβάνετε μία σελίδα (που έχει δημιουργηθεί δυναμικά στον server) Τα JSPs είναι ιδιαίτερα χρήσιμα για το συσχετισμό μεταξύ μίας σελίδας Web με μία βάση δεδομένων Π.χ. JSP σελίδα για αγορά προϊόντων: Όταν αιτούμαστε για πληροφορίες σχετικά με ένα είδος προϊόντος (π.χ. LCD TV), τρέχουν scriptlets που αλληλεπιδρούν με τη βάση δεδομένων και παίρνουν τις απαραίτητες πληροφορίες, οι οποίες εμφανίζονται στην Web σελίδα.

35 XML Η HTML έχει προκαθορισμένο σύνολο από tags, και κάθε tag έχει συγκεκριμένη σημασία Τα tags της HTML δεν περιγράφουν το πραγματικό περιεχόμενο ενός κειμένου Η eXtensible Markup Language (XML), επιτρέπει στον δημιουργό ενός κειμένου να περιγράψει τα περιεχόμενα του κειμένου με ένα σύνολο δικών του tag

36 XML H XML είναι μία μεταγλώσσα
Μία μεταγλώσσα είναι μία γλώσσα για να μιλήσουμε, ή να ορίσουμε άλλες γλώσσες.

37 XML Όπως στην HTML, έτσι και στην XML το κείμενο έχει επισημειωμένα δεδομένα Κείμενο XML που περιέχει διάφορα δεδομένα για βιβλία

38 XML Document Type Definition (DTD): είναι μία προδιαγραφή της οργάνωσης του κειμένου. Η δομή ενός XML περιγράφεται από το σχετικό κείμενο DTD Το κείμενο DTD που αντιστοιχεί στο κείμενο XML για τα βιβλία

39 XML XML είναι τρόπος οργάνωσης δεδομένων, χωρίς να προσδιορίζεται ο τρόπος που αυτά θα φανούν στην έξοδο. eXtensible Stylesheet Language (or XSL): Μία γλώσσα για τον ορισμό μετασχηματισμών κειμένων XML σε κείμενα διαφόρων μορφών Ένα κείμενο XML μπορεί να μετραπεί σε πολλές μορφές εξόδου

40 Πως αναζητούμε την πληροφορία στο WWW, αν δεν γνωρίζουμε το URL της;
Πολλές φορές ο χρήστης που αναζητά πληροφορίες στο διαδίκτυο, αισθάνεται ότι βρίσκεται σε ένα λαβύρινθο αδυνατώντας να ‘φιλτράρει’ αυτό που πραγματικά τον ενδιαφέρει. Οι πληροφορίες που διακινούνται στο διαδίκτυο υπό μορφή εγγράφων, χαρακτηρίζονται: από την άναρχη δόμηση τους από την έλλειψη ευρετηρίων αναζήτησης και από τις συνεχείς μετατοπίσεις των σελίδων σε διαφορετικές διευθύνσεις κλπ. Όλα τα παραπάνω καθιστούν την αναζήτηση πληροφοριών στο διαδίκτυο μια αρκετά δύσκολη υπόθεση.

41 Η λύση του προβλήματος Προκειμένου ο χρήστης να διευκολυνθεί στην αναζήτηση των πληροφοριών που τον ενδιαφέρουν, δημιουργήθηκαν οι κατάλογοι πληροφοριών και οι μηχανές αναζήτησης (Search Engines). Οι κατάλογοι πληροφοριών οργανώνουν την διάσπαρτη πληροφορία με βάση προεπιλεγμένες θεματικές κατηγορίες. Π.χ

42 Η λύση του προβλήματος Οι μηχανές αναζήτησης δημιουργούν το δικό τους ευρετήριο μέσα από το οποίο ψάχνουν την πληροφορία που εμείς τους έχουμε ζητήσει. Π.χ Η αναζήτηση γίνεται με βάση τη χρήση λέξεων κλειδιών και με την βοήθεια λογικών τελεστών (AND-OR), αλλά και πρόσθετων κριτηρίων (χρονικά, γλωσσικά κλπ)

43 Η λύση του προβλήματος Όμως
Οι μηχανές αναζήτησης δεν ψάχνουν σε όλες τις ιστοσελίδες αλλά μόνο σε εκείνες που υπάρχουν στο ευρετήριο τους. Τις περισσότερες φορές δεν υπάρχει αξιολόγηση της πληροφορίας Όλες οι μηχανές αναζήτησης δεν είναι ίδιες.

44 Η μηχανή αναζήτησης Google

45 Θέματα δεοντολογίας: Cookies
Τα Internet cookies είναι μικρά αρχεία κειμένου (συνήθως 50 με 150 bytes) που προέρχονται από ένα Web server, και φθάνουν στον Web browser Τα Cookies επιτρέπουν στον server να αποθηκεύσει σημαντικές πληροφορίες σχετικά με προηγούμενες επισκέψεις της συγκεκριμένης τοπικής μηχανής στο συγκεκριμένο server. Για παράδειγμα, ένα cookie μπορεί να περιέχει το username και το password για ένα δικτυακό τόπο, ούτως ώστε δε χρειάζεται να επαναπληκτρολογείται η πληροφορία αυτή από το χρήστη.

46 Θέματα δεοντολογίας: Cookies
Αυτές συνεργάζονται με Web Sites ώστε να τους στέλνουν αντίγραφα των cookies κάθε συναλλαγής, και κατά συνέπεια μπορούν να φτιάξουν το προφίλ των συνηθειών του χρήστη Αυτή η πληροφορία μπορεί να χρησιμοποιηθεί για σκοπούς marketing και διαφήμισης Μερικοί άνθρωποι αρέσκονται στην ιδέα να λαμβάνουν διαφημίσεις που σχετίζονται με τα ενδιαφέροντα τους Άλλοι το εκλαμβάνουν ως παραβίαση της ιδιωτικής τους σφαίρας