ΗΜΥ 100 Εισαγωγή στην Τεχνολογία ιάλεξη 7 26 Σεπτεµβρίου, 2005 Ηλίας Κυριακίδης Λέκτορας ΤΜΗΜΑ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΙ ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ ΠΟΛΥΤΕΧΝΙΚΗ ΣΧΟΛΗ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ 2005Ηλίας Κυριακίδης, Τµήµα Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών, Πανεπιστήµιο Κύπρου
ΤΑ ΘΕΜΑΤΑ ΜΑΣ ΣΗΜΕΡΑ Το διαδίκτυο και η εξέλιξη του Παγκόσµιος ιστός Γλώσσα προγραµµατισµού HTML ηµιουργία ιστοσελίδας
ιαδίκτυο Είναι ένα δίκτυο δικτύων Ενώνει υπολογιστές µε υπολογιστές Κάθε υπολογιστής µπορεί να δώσει πληροφορίες ή να πάρει πληροφορίες από άλλα δίκτυα και υπολογιστές Είναι µηχανισµός µεταφοράς δεδοµένων Προσοχή: εν βρίσκουµε κάτι στο διαδίκτυο (στο Internet). Βρίσκουµε κάτιµέσω του διαδικτύου ή χρησιµοποιώντας το διαδίκτυο.
Η εξέλιξη του διαδικτύου Χρόνος 1952 1968-1969 1972 1973-1974 1976 1979-1981 1983 1985-1988 1990 1992 1996-present Γεγονός ηµιουργία του Advanced Research Projects Agency (ARPA) στις ΗΠΑ. Κατασκευή του πρώτου δικτύου (ARPANET) µεταξύ τεσσάρων σηµείων τοποθετηµένων στα πανεπιστήµια UCLA, Stanford, UCSB και University of Utah. Ο Ray Tomlinson του BBN γράφει τον κωδικό για το πρώτο πρόγραµµα ηλεκτρονικού ταχυδροµείου (e-mail). Το Network Control Protocol (NCP) χρησιµοποιείται για τη µεταφορά δεδοµένων στο ίδιο δίκτυο. ηµιουργείται το TCP/IP για µεταφορά δεδοµένων µεταξύ δικτύων. Χρησιµοποιείται για πρώτη φορά ο όρος διαδίκτυο. Μεταφορά δεδοµένων µέσω οµοαξονικού καλωδίου. Χρησιµοποιείται το TCP/IP στο ARPANET. Η IBM κατασκευάζει το BITNET για ηλεκτρονικό ταχυδροµείο και listserves (αποστολή µηνυµάτων σε µέλη καταλόγων). Το University of Wisconsin δηµιουργεί το Domain Name System (DNS) για την ευκολότερη µεταφορά δεδοµένων µεταξύ κεντρικών υπολογιστών (servers). Κατασκευάζονται οι γραµµές µεταφοράς T1 (µέχρι και 1.5 Mbps). Το σύστηµαυπερκείµενου (Hypertext) δηµιουργείται για τη µεταφορά δεδοµένων στο διαδίκτυο. Εισαγωγή του Παγκόσµιου Ιστού (World Wide Web (WWW)). Εµφανίζονται οι Ανεξάρτητοι Παροχής Υπηρεσιών ιαδικτύου (Independent Internet Service Providers (ISPs)).
ίκτυο µεταγωγής πακέτων Κάθε µήνυµα ή ιστοσελίδα χωρίζεται σε πακέτα Τα πακέτα µεταφέρονται ανεξάρτητα ακολουθώντας διαφορετικές διαδροµές ανάλογα µε τη διαθεσιµότητα κόµβων στο δίκτυο Το µήνυµα ή η ιστοσελίδα συναρµολογούνται στον προορισµότους Η πιο πάνω διαδικασία αυξάνει την πιθανότητα το µήνυµα να µεταφερθεί στον προορισµό του. Σηµείωση: η τηλεφωνική επικοινωνία βασίζετε σε µια γραµµήπου είναι αποκλειστικά αφιερωµένη για τη µεταφορά δεδοµένων µεταξύ δυο σηµείων. Αυτός είναι ο ιδανικός τρόπος µεταφοράς δεδοµένων για εφαρµογές πραγµατικού χρόνου (real time).
Κόµβοι διαδικτύου Ανάγκη για διαχωρισµό του διαδικτύου σε κόµβους (domains) Κόµβοι αναλόγως της γεωγραφικής τοποθεσίας --.cy (για την Κύπρο) --.gr (για την Ελλάδα) Κόµβοι αναλόγως της χρήσης --.gov (government) (µόνο για την κυβέρνηση των ΗΠΑ) --.edu (.ac) (educational, academic) (εκπαιδευτικά ιδρύµατα) --.mil (military) (στρατός) --.org (organization) (οργανισµοί) --.com (commercial institutions) (εµπορικά ιδρύµατα) --.net (network) (δίκτυα)
Τεχνολογίες του διαδικτύου Ηλεκτρονικό ταχυδροµείο (e-mail) Εξοµοιωτής τερµατικού (Terminal emulation - Telnet) -- Σύνδεση προσωπικού υπολογιστή σε εξυπηρετητή υπολογιστή στο δίκτυο Πρωτόκολλο µεταφοράς αρχείων (File Transfer Protocol FTP) -- Μεταφορά αρχείων µεταξύ υπολογιστών µέσω του διαδικτύου Οµάδες/όµιλοι ειδήσεων/ανταλλαγής πληροφοριών (Newsgroups)
Χρήσεις του διαδικτύου Επικοινωνία -- Συνεργασία ερευνητών και ανταλλαγή δεδοµένων -- Επικοινωνία µεταξύ φίλων -- Ηλεκτρονικό ταχυδροµείο, chat rooms, video conferencing Συλλογή πληροφοριών -- Αναζήτηση πληροφοριών µέσω του διαδικτύου -- Αναζήτηση πληροφοριών από βιβλιοθήκες -- Ηλεκτρονικά βιβλία και περιοδικά Εκτέλεση εργασιών από απόσταση -- Έλεγχος µηχανηµάτων µέσω υπολογιστών -- Τηλεγχειρήσεις Εξ αποστάσεως εκπαίδευση -- Μαθήµατα που µεταδίδονται µέσω του διαδικτύου Εµπορική χρήση -- ιαφήµιση, πώληση και αγορά υλικών αγαθών Αναψυχή -- Μουσική, εικόνες, παιχνίδια Αρνητικές χρήσεις: µετάδοση ιών, απάτες, υποκλοπή προσωπικών δεδοµένων
Παγκόσµιος Ιστός (World Wide Web, WWW) Το διαδίκτυο (Internet) και ο Παγκόσµιος Ιστός (WWW) δεν είναι συνώνυµα Το διαδίκτυο είναι ένα δίκτυο δικτύων (υποδοµή) ΟΠαγκόσµιος Ιστός είναι ένας τρόπος πρόσβασης πληροφοριών µέσω του διαδικτύου Χρησιµοποιεί το πρωτόκολλο HTTP (µια από τις γλώσσες του διαδικτύου για τη µεταφορά δεδοµένων Χρησιµοποιεί πλοηγούς (browsers) όπως τον Internet Explorer και τον Firefox για την πρόσβαση σε ιστοσελίδες
Παγκόσµιος Ιστός (World Wide Web, WWW) ΗαρχήλειτουργίαςτουWWW βασίζεται στην γλώσσα προγραµµατισµού HTML Με την HTML (Hypertext Markup Language) µπορούν να δηµιουργηθούν υπερκείµενα (κείµενα µε δυνατότητα σύνδεσης σε άλλες ιστοσελίδες, κουµπιά, γραφικά, ήχο και εικόνα) Τα έγγραφα HTML µπορούν να δηµιουργηθούν µε οποιονδήποτε κειµενογράφο ή µε λογισµικά πακέτα όπως το Microsoft FrontPage ήτοdreamweaver
Γλώσσα προγραµµατισµού HTML HTML: HyperText Markup Language Το HyperText είναι η µέθοδος µετακίνησης στον ιστό πατώντας κάποιο κείµενο που ονοµάζεται hyperlink (σύνδεσµος υπερκειµένου). Το hyper σηµαίνει ότι η ενέργεια µετακίνησης δεν είναι γραµµική. Είναι δυνατό να µεταφερθούµεσε οποιοδήποτε σηµείο του ιστού χωρίς κάποια συγκεκριµένη σειρά ή διαδικασία. Το Markup είναι η ενέργεια των ετικετών (tags) του HTML να σηµαδεύουν το κείµενοτοοποίο βρίσκεται ανάµεσα τους. Τέλος, είναι γλώσσα (language) διότι αποτελείται από κωδικές λέξεις και έχει συντακτικό.
Ετικέτες (tags) Οι ετικέτες διαχωρίζουν το κείµενο από τον κώδικα HTML Υπάρχουν διάφορα είδη ετικετών ανάλογα µε το σκοπό που εξυπηρετούν Οι ετικέτες αποτελούνται συνήθως από δυο µέρη (αρχή και τέλος) <tag> Ετικέτα αρχής </tag> Ετικέτα τέλους Παράδειγµα: <b>αυτές οι λέξεις θα είναι bold </b> ενώ αυτές δε θα είναι Οι ετικέτες έχουν επίδραση στο κείµενο που βρίσκεται µεταξύ τους
Τυπική δοµή ιστοσελίδας Ενηµερώνει το λογισµικό πλοήγησης ότι αυτό είναι ένα έγγραφο γραµµένο σε HTML <html> Ξεχωρίζει το µέρος του εγγράφου που περιέχει τον τίτλο <head> <title>τίτλος ιστοσελίδας</title> </head> <body> Κυρίως µέρος ιστοσελίδας </body> Περιέχει τον τίτλο της ιστοσελίδας </html> Είναι το µεγαλύτερο µέρος του κώδικα Περιέχει το πραγµατικό περιεχόµενο της ιστοσελίδας
Παράδειγµα απλής ιστοσελίδας <html> <head> <title>απλή ιστοσελίδα</title> </head> <body> <h1>επικεφαλίδα</h1> <p>αυτή είναι η πρώτη µου ιστοσελίδα. Είναι επίσης η πρώτη παράγραφος </p> <p>αυτή είναι η δεύτερη παράγραφος</p> </body> </html> Σηµείωση: Μπορείτε να δείτε τον κωδικό µιας ιστοσελίδας (source code) στο διαδίκτυο κάνοντας right-click και επιλέγοντας View Source
Συνδέσεις (links) Σε άλλο έγγραφο HTML <a href= address/filename">link text</a> <a href= http://www.eng.ucy.ac.cy/ece/ecehome.htm">this is a link to the ECE Home page</a> Σε άλλο µέρος του ιδίου εγγράφου <a href= #reference_name >link text</a> Πρέπει όµως να προσδιορίσετε και το σηµείο προορισµού ακριβώς πριν το σηµείο που σκοπεύετε να κάνετε τη σύνδεση: <a NAME= reference_name"></a> Σε ηλεκτρονικό ταχυδροµείο <A HREF="mailto:Your Email Address">The text that will display on the web page</a> π.χ. <A HREF="mailto:elias@ucy.ac.cy">Στείλτε µου e-mail</a>
ικτυακή διεύθυνση (URL) URL: Uniform Resource Locator Παράδειγµα: -- ftp://www.host.domain/path/filename -- http://www.host.domain/path/filename Είναι η διεύθυνση µιας πηγής ή ενός αρχείου στο διαδίκτυο Το πρώτο µέρος είναι το πρωτόκολλο πρόσβασης στο δίκτυο (http ή ftp) Το δεύτερο µέρος είναι η τοποθεσία του βασικού υπολογιστή (IP address ή host domain name) Το τρίτο µέρος είναι το έγγραφο µε τηδιαδροµή καταλόγου (directory path) Παράδειγµα: http://www.eng.ucy.ac.cy/ece/programofstudy/bscdegreedescece.htm
Μηχανισµοί αναζήτησης στο διαδίκτυο Μηχανισµοί αναζήτησης (search engines) -- Google (http://www.google.com) -- Altavista (http://www.altavista.com) -- Lycos (http://www.lycos.com) Εξειδικευµένοι µηχανισµοί αναζήτησης -- Μηχανισµός αναζήτησης για πληροφορίες σε θέµατα Μηχανικής Ηλεκτρικής Ισχύος (Power Engineering) http://enpub.eas.asu.edu/powersurf (πρέπει πρώτα να γίνετε µέλη)
Υλικό Αναφοράς Βιβλίο (2): Electrical Engineering uncovered, Κεφ. 13 Άρθρο, A short history of the Internet, http://w3.aces.uiuc.edu/aim/scale/nethistory.html Ιστοσελίδα, Learn the Net, http://www.learnthenet.com/english/index.html Λεξικό Ηλ. Υπολογιστών και Τεχνολογίας του ιαδικτύου http://www.webopedia.com Ψάξτε µόνοι σας στο διαδίκτυο!
Λεξικά και µεταφραστές στο διαδίκτυο Λεξικό µαθηµατικών ορολογιών http://www.ucy.ac.cy/~georgios/bookfiles/dict1.pdf Λεξικό ηλεκτρολογίας-ηλεκτρονικής http://www.hitec.gr/lex Μεταφραστής κειµένου http://www.worldlingo.com/products_services/worldlingo_translator.html