Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε

Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε

The World Wide Web Κεφάλαιο 6. 2 Στόχοι Κεφαλαίου •Σύγκριση μεταξύ Internet και του World Wide Web •Επεξεργασία δεδομένων στο Web •Δημιουργία απλών σελίδων.

Παρόμοιες παρουσιάσεις


Παρουσίαση με θέμα: "The World Wide Web Κεφάλαιο 6. 2 Στόχοι Κεφαλαίου •Σύγκριση μεταξύ Internet και του World Wide Web •Επεξεργασία δεδομένων στο Web •Δημιουργία απλών σελίδων."— Μεταγράφημα παρουσίασης:

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

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

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

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

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

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

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

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

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

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

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

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

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

14 14 Φυλλομετρητής Web (Web Browser) Ένας φυλλομετρητής που αιτείται και λαμβάνει μία σελίδα web

15 15 Browsers: Internet Explorer

16 16 Browsers: Netscape Communicator

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

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

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

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

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

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

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

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

25 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 26 Εικόνες και σύνδεσμοι •Πολλά tags μπορούν να περιέχουν επιπλέον πληροφορίες που δηλώνουν πώς η περικλειόμενη πληροφορία πρέπει να επιδειχθεί –Μία εικόνα μπορεί να ενσωματωθεί σε ένα Web κείμενο με τη χρήση του στοιχείου (element) IMG, το οποίο έχει ως ιδιότητα (attribute) το αρχείο που θα επιδείξει –

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

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

29 29 Java Applets •Ένα Java applet είναι ένα πρόγραμμα που σχεδιάστηκε ώστε να ενσωματώνεται σε ένα κείμενο HTML (ενεργό έγγραφο). •Ένα Java applet μεταφέρεται από τον Web server σε αυτόν που θέλει να τρέξει το πρόγραμμα. Εκτελείται (τρέχει) στο browser. •Για να ενσωματώσω ένα applet σε κώδικα HTML, χρησιμοποιώ το tag APPLET •Π.χ. κινούμενη εικόνα.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Κατέβασμα ppt "The World Wide Web Κεφάλαιο 6. 2 Στόχοι Κεφαλαίου •Σύγκριση μεταξύ Internet και του World Wide Web •Επεξεργασία δεδομένων στο Web •Δημιουργία απλών σελίδων."

Παρόμοιες παρουσιάσεις


Διαφημίσεις Google