ΕΦΑΡΜΟΓΕΣ ΗΛ. ΕΜΠΟΡΙΟΥ ΣΤΗ ΛΧ Ν. Πρωτόγερος Αναπληρωτής καθηγητής
Στόχοι του μαθήματος Η εξοικείωση των φοιτητών με τις τεχνολογίες HE, Ανάπτυξη στατικών Ιστοσελίδων, Ανάπτυξη δυναμικών Ιστοσελίδων. Αποτελείται από τρία μέρη: Πρώτο μέρος: Εισαγωγικές έννοιες, τεχνολογίες για την ανάπτυξη σύγχρονων εφαρμογών ΗΕ, η HTML. Δεύτερο μέρος: πρακτική στον τρόπο ανάπτυξης εφαρμογών με τη χρήση της γλώσσας PHP. Τρίτο μέρος: Βάσεις Δεδομένων, SQL και MySQL. Χρήση της MySQL μέσα από την PHP.
Βιβλία «Ανάπτυξη Web εφαρμογών με PHP και MySQL», L. Welling, L. Thomson Μ. Εκδόσεις Γκιούρδας «E-επιχειρείν : πλήρης οδηγός ανάλυσης τεχνικών και εμπορικών θεμάτων», Ρ. Elsenpeter, Τ. Velte, Εκδόσεις Γκιούρδας
Εργασίες Μία στο τέλος κάθε μέρους Συγγραφή Ιστοσελίδας (πχ το βιογραφικό μας) Εργασία στην PHP (πχ Υπολογισμός φόρου με Ιστοσελίδα και PHP) Εργασία στην MySQL (πχ Δημιουργία πινάκων τμήματος του εμπορικού κυκλώματος)
Βαθμολογία - Εξετάσεις Εργασίες Υποχρεωτικές 30% του τελικού βαθμού Εξετάσεις στο αμφιθέατρο 70% του βαθμού
ΜΕΡΟΣ Ι ΤΕΧΝΟΛΟΓΙΚΑ ΘΕΜΑΤΑ ΗΛΕΚΤΡΟΝΙΚΟΥ ΕΜΠΟΡΙΟΥ
Το Internet: Ένα δίκτυο δικτύων Το Internet είναι ένα δίκτυο αποτελούμενο από χιλιάδες δίκτυα που συνδέουν ακαδημαϊκά ιδρύματα, ερευνητικά, κυβερνητικά και επιχειρήσεις και οργανισμούς.
Η ανάπτυξη του Internet Συνολικός αριθμός Ιστότοπων
Το Internet 1962 ARPA (ΗΠΑ) 1970 TCP/IP Τέλη 1970 ARPANET (WAN) Internet (Διασύνδεση δικτύων) 1980 OSI (ISO)
Λειτουργία του Internet Μοναδική ταυτότητα κάθε Η/Υ στο δίκτυο Διευθυνσιοδότηση φιλική προς τον άνθρωπο Δρομολόγηση Αξιοπιστία Προτυποποίηση
Πρωτόκολλα και μεταγωγή Μεταγωγή κυκλώματος Μεταγωγή πακέτων A B-D B-D A-C A-C A-C C B A-C B-D A-C A-C B-D D Διευθυνσιοδότηση, ονοματολογία (DNS) Δρομολόγηση (routing, routers) Αξιοπιστία και ασφάλεια (IP TCP)
Internet Πρωτόκολλα και η μεταγωγή πακέτων A B-D B-D A-C A-C A-C C B A-C B-D A-C A-C B-D D
Internet Δρομολόγηση LAN router router router WAN router LAN LAN LAN
Αρχιτεκτονική του Web Σταθμός εξυπηρέτησης ιστοσελίδων (Web server) Ιστοσελίδες (Web pages) Πελάτης (Web client) Web Server Web pages Internet Web Client
Πρωτόκολλα Internet IP είναι η διεύθυνση για το πακέτο Κάθε υπολογιστής του Internet έχει μία μοναδική IP διεύθυνση Κάθε διεύθυνση αποτελείται από τέσσερις ομάδες αριθμών που χωρίζονται με τελείες όπως 123.23.168.22 Το TCP σπάει τα μηνύματα σε πακέτα Κάθε πακέτο έχει την πληροφορία που χρειάζεται για να ταξιδέψει από δίκτυο σε δίκτυο Ειδικοί υπολογιστές που ονομάζονται δρομολογητές (Routers) καθορίζουν τη δρομολόγηση των πακέτων
Διευθυνσιοδότηση IP πχ 195.251.218.116 Ονοματολογία DNS Ονόματα πεδίου (Domains) Όνομα πεδίου πχ medusa.uom.gr Διαδικασία επίλυσης Θέσεις διακομιστών ονοματολογίας
Διευθύνσεις Web Πήγαινε απευθείας σε οποιοδήποτε προορισμό Ιστού πληκτρολογώντας το URL (Uniform Resource Locator) Ένα τυπικό URL μοιάζει με αυτό: http://www.uom.gr/index.html
Διευθύνσεις Web Ανατομία της διεύθυνσης Το πρωτόκολλο που χρησιμοποιείται για τη μεταφορά των ιστοσελίδων http:// www.vote-smart.org/ Η διαδρομή για τον πόρο στον υπολογιστή του Ιστοχώρου help/database.html Το όνομα πεδίου και του διακομιστή που έχει τον πόρο
Internet Παράδειγμα ονοματολογίας και DNS http://www.accfin.uom.gr/xeos/dynamic/index.html πρωτό Όνομα πεδίου και διαδρομή αρχείο κολλο διακομιστής
Διευθύνσεις Web Μία διεύθυνση URL πιο αναλυτικά http://www.uccs.edu/cbrewer/index.html πρωτόκολλο διακομιστής όνομα πεδίου κατάλογος (folder) έγγραφο (filename) Υποστηρίζεται εμφώλευση καταλόγων, όπως στους προσωπικούς υπολογιστές με Windows ή Macintosh.
Διευθύνσεις Internet Κορυφαία ονόματα πεδίου (top level domain) (το τελευταίο συνθετικό) μπορεί να είναι:.com εμπορικοί Ιστότοποι (~50%).edu εκπαιδευτικοί Ιστότοποι.gov κυβερνητικοί Ιστότοποι.mil στρατιωτικοί Ιστότοποι.net Ιστότοποι για διαχείριση δικτύων.org μη κερδοσκοπικοί οργανισμοί.gr Ιστότοποι που ανήκουν στην ελληνική επικράτεια
Ασφάλεια TCP-IP Αξιοπιστία Ασφάλεια Διασφάλιση ακεραιότητας SSL HTTPS SMIME
Υπηρεσίες Internet Υπηρεσίες και πρωτόκολλα Διακομιστές υπηρεσιών Θύρες και διασύνδεση Μοντέλα λειτουργίας Μοντέλο πελάτη- διακομιστή (client server) Ομότιμη επικοινωνία (peer to peer) Internet Client Server
Υπηρεσίες Internet Το Internet παρέχει σε επιστήμονες, μηχανικούς, δασκάλους, μαθητές, ανθρώπους των επιχειρήσεων και λοιπούς πληθώρα υπηρεσιών όπως: Ηλεκτρονικό ταχυδρομείο (αποστολή/παραλαβή μηνυμάτων) Απομεμακρυσμένη σύνδεση (Telnet πρόσβαση σε άλλους υπολογιστές
Υπηρεσίες Internet Email (θύρα 25) WWW (θύρες 80, 443) Telnet (θύρα 21) FTP (θύρα 22) Internet phone Chat Forums Video
Η υπηρεσία FTP
Ο Παγκόσμιος Ιστός (WWW)
Στο εσωτερικό του World Wide Web Το WWW είναι κατανεμημένο σύστημα πλοήγησης και αναζήτησης που αναπτύχθηκε στο CERN Το σύστημα σχεδιάστηκε να δίνει στα έγγραφα του Internet μοναδικές διευθύνσεις Η γλώσσα HTML δημιουργήθηκε για να κωδικοποιήσει και να εμφανίσει έγγραφα Το λογισμικό των φυλλομετρητών (browser) αναπτύχθηκε για να εμφανίζει τα έγγραφα από απομεμακρυσμένες τοποθεσίες
Οι πιο δημοφιλείς Διακομιστές
Τα πιο δημοφιλή προγράμματα περιήγησης
Ξεφυλλίζοντας τον Ιστό Η αργκό των Δικτυακών Τόπων: Οι Ιστοσελίδες (Web pages) φτιάχνονται από κείμενο και περιεχόμενο σε μορφή πολυμέσων και είναι απλά ηλεκτρονικά αρχεία κειμένου Ένας Ιστότοπος (Web site) ή Δικτυακός τόπος, είναι μία συλλογή ιστοσελίδων Η Κεντρική σελίδα (Home page) είναι η κύρια είσοδος στον Ιστότοπο ένας πρόγραμμα περιήγησης (Web browser) όπως ο Firefox ή ο Internet Explorer επιτρέπει τη σχεδίαση και εμφάνιση Ιστοσελίδων και επομένως την εξερεύνηση του Ιστού (Web) κάνοντας κλικ σε συνδέσμους (links)
Ξεφυλλίζοντας τον Ιστό Οι υπερσύνδεσμοι (links) είναι λέξεις ή εικόνες που λειτουργούν σαν κουμπιά και επιτρέπουν τη μεταπήδηση σε άλλη ιστοσελίδα Οι σύνδεσμοι είναι συνήθως υπογραμμισμένοι ή εμφανίζονται με άλλο χρώμα
Τι γίνεται σε κάθε κληση Αρχιτεκτονική Πελάτη/Διακομιστή Αίτηση ιστοσελίδας Απάντηση Πελάτης που εκτελεί πρόγραμμα περιήγησης Web Browser Διακομιστής που εκτελεί διακομιδή Ιστοσελίδων (Web Server - Apache, IIS, κλπ)
Περισσότερα για την πλοήγηση Περισσότερη ορολογία Ιστοχώρων Οι σύνδεσμοι επιτρέπουν τον εντοπισμό της πληροφορίας χωρίς να είναι γνωστή η ακριβής της θέση (μπορεί να μετακινείται από καιρού εις καιρό) Τα κουμπιά Πίσω (Back) και Εμπρός (Forward) επιτρέπουν να ιχνηλατείτε τα βήματά σας Bookmarks (ή Favorites) αποθηκεύουν τις ενδιαφέρουσες Ιστοσελίδες προτιμήσεις
Τι είναι η Ιστοσελίδα? Ένα αρχείο κειμένου που περιέχει HTML HTML - HyperText Markup Language Γλώσσα Σήμανσης Υπερ-κειμένου Ένα σύνολο πληροφοριών που περιγράφουν δομή εγγράφου (σημασιολογική σήμανση) και μορφοποίηση (σήμανση παρουσίασης). Δείξε και πες Οι ετικέτες σήμανσης δηλώνουν στον φυλλομετρητή πως να εμφανίσει τη σελίδα
Δημιουργώντας HTML Ένα αρχείο HTML πρέπει να έχει επέκταση.htm ή.html Text Editor: NotePad, Notepad++, Editplus, Gedit κλπ WYSIWYG HTML Editors: Microsoft Expression Web Adobe Dreamweaver Quanta Plus (Unix) Coda (Mac OS X)
Βασικά στοιχεία της HTML Η HTML αποτελείται από ετικέτες tags : < > Αρχίζει με <html> και τελειώνει με</html> Όταν γράφετε XHTML, δηλώστε ονοματολογία (namespace) <html xmlns="http://www.w3.org/1999/xhtml"> Οι ετικέτες γράφονται με μικρά γράμματα Εμφώλευση ετικετών : <html><head></head><body></body></html> Η δομή της HTML περιγράφεται σε δύο κύρια τμήματα: <head> και <body>
Βασικά στοιχεία της HTML Οι ετικέτες ανοίγματος συνοδεύονται από ετικέτες κλεισίματος Πχ άνοιγμα <html>, κλείσιμο </html> Στην HTML υπάρχουν ετικέτες ανοίγματος που δεν έχουν αντίστοιχες κλεισίματος. Πχ αλλαγή γραμμής <br> Στην XHTML είναι υποχρεωτικό όλες οι ετικέτες να κλείνουν Πχ άνοιγμα και κλείσιμο ταυτόχρονα <br />
Δημοσιεύοντας στον Ιστό Το κείμενο αυτό κωδικοποιείται σαν HTML <H1>Welcome to Computer Confluence</H1> <b>publishing on the Web</b> Εμφανίζεται έτσι στην οθόνη
Δημοσιεύοντας στον Ιστό HTML <html> <head> <title>hello</title> </head> <body bgcolor="#ffffff"> <h1 align="center">hello</h1> <p align="center"> <i>this is an HTML page!</i> </p> </body> </html>
Δημοσιεύοντας στον Ιστό Δενδροειδής δομή καταλόγου Ιστοσελίδων Υποκατάλογος συστήματος αρχείων του ΛΣ (Document Root) Μειωμένα δικαιώματα πρόσβασης (Apache r-x) Εγγράψιμοι κατάλογοι εκτός του καταλόγου Ιστοσελίδων Η HTML δεν είναι WYSIWYG
Δημοσιεύοντας στον Ιστό Εναλλακτικά της HTML Προγράμματα που μετατρέπουν δομές μορφοποίησης σε HTML κώδικα Microsoft Word, FileMaker Προγράμματα συγγραφής Ιστοσελίδων Dreamweaver, Microsoft Expression κλπ
Το πρόγραμμα συγγραφής ιστοσελίδων Microsoft Expression
Λογισμικό συγγραφής ιστοσελίδων Το πρόγραμμα συγγραφής ιστοσελίδων Dreamweaver
VRML VRML σημαίνει Γλώσσα Σήμανσης Εικονικής Πραγματικότητας (Virtual Reality Markup Language). Έχει ως σκοπό να δημιουργήσει ένα "πιο φιλικό" περιβάλλον για το World Wide Web. Eνσωματώνει τρισδιάστατες μορφές, χρώματα, υφές, και ήχους για να παραγάγει έναν "εικονικό κόσμο". Η VRML είναι μια διερμηνεύσιμη γλώσσα.
Παράδειγμα VRML Live demo Live demo2 Live demo2
Ο πόλεμος των φυλλομετρητών Ο Marc Andreessen ανέπτυξε τον πρώτο γραφικό φυλλομετρητή στα 1993 σαν φοιτητής του Πανεπιστημίου του Illinois. Από τότε διάφοροι ανταγωνιστές έχουν κερδίσει μερίδιο αγοράς. Τα πρότυπα αποτελούν το μήλο της έριδος. Αποτέλεσμα; Οι προγραμματιστές Ιστού πρέπει να αναπτύξουν την εφαρμογή τους και την ελέγξουν σε αρκετούς φυλλομετρητές για να βεβαιωθούν για τη διαλειτουργικότητά της.
Ψάχνοντας τον Ιστό Τρόποι αναζήτησης στον Ιστό Μηχανές αναζήτησης Παράγουν λίστα Η ικανότητα ιστοσελίδων να που περιέχουν τη λέξη κλειδί θέτεις τη σωστή Βασίζονται σε ερώτηση βάσεις δεδομένων είναι η που περιέχουν καταλόγους μισή ιστοχώρων μάχη και για λέξεις την κλειδιά ανεύρεση της Κατάλογος ή Δένδρο θεμάτων απάντησης. Ένας ιεραρχικός κατάλογος Ιστοχώρων Thomas J. Watson Μηχανές αναζήτησης φυσικής γλώσσας Επιτρέπει τους χρήστες να εκφράζουν αυτό που ψάχνουν
Μηχανές αναζήτησης Μηχανές αναζήτησης βοηθούν την αναζήτηση πληροφορίας με βάση ένα επερώτημα με λέξεις κλειδιά.
Οι μηχανές Καταλόγων ή Θεματικών δένδρων προσφέρουν ένα μενού επιλογών Μηχανές αναζήτησης
Μηχανές αναζήτησης Υποβολή ερωτήσεων σε μία Μηχανή αναζήτησης φυσικής γλώσσας πχ www.ask.com
Δικτυακές Πύλες (Portals) Οι πύλες προσφέρουν γρήγορη και εύκολη πρόσβαση σε ποικιλία υπηρεσιών όπως e-mail, chat, χάρτες, news, ψώνια, etc. Παραδείγματα καταναλωτικών πυλών είναι in.gr, Google, Yahoo!, Excite, Lycos, Alta Vista Εξειδικευμένες πύλες στοχεύουν σε βιομηχανίες και εμπορικούς κλάδους
Πέρα από την HTML Δυναμική HTML (DHTML): προσθέτει περισσότερη προγραμματιστική ισχύ στην HTML επιτρέποντας τον κώδικα να την μετασχηματίσει δυναμικά υπό ορισμένες προϋποθέσεις JavaScript: μία απλή γλώσσα για τη βελτίωση των ιστοσελίδων HTML
Πέρα από την HTML WML: Wireless Markup Language βοηθάει στην ανάπτυξη εγγράφων Ιστού χωρίς γραφικά για κινητά τηλέφωνα XML: Επιτρέπει να περιγράφεται το περιεχόμενο των εγγράφων και όχι η μορφοποίηση VRML: Virtual Reality Modeling Language δημιουργεί εικονικούς κόσμους 3-D
Πέρα από την HTML Java: Μία πλούσια γλώσσα προγραμματισμού για όλες τις πλατφόρμες, αντικειμενοστραφής Java applets: Μικρά προγράμματα Java που μπορούν να μεταφορτώνονται αυτόματα στον υπολογιστή πελάτη και να εκτελούνται τοπικά
Η εξέλιξη του Internet Επιτρέπει ταχύτερες επικοινωνίες για πανεπιστήμια και ερευνητικά ινστιτούτα Εικονικά εργαστήρια, ψηφιακές βιβλιοθήκες, και εφαρμογές εξ αποστάσεως εκπαίδευσης χτίζονται πάνω στο Internet 2 Το Internet2 και η νέα γενιά του Internet
Θέματα Internet Ηθικά και πολιτικά διλήμματα Προγράμματα φίλτρα μπορούν να εμποδίσουν ακατάλληλο περιεχόμενο Η κρυπτογράφηση μπορεί να εμποδίσει την πλαστογράφηση πιστωτικών καρτών και e-mail Το ψηφιακό χρήμα κάνει τις συναλλαγές on-line ασφαλέστερες Η παγκόσμια πρόσβαση είναι πρόβλημα
Το Internet παντού: Η αόρατη πληροφορία Τι ακολουθεί - Ηλεκτρονικά σύνορα Άμβλυνση των ορίων μεταξύ του Ιστού και των εφαρμογών διαπροσωπικής επικοινωνίας Μικρές συσκευές Internet συνδέονται στο Web Θέματα ασφάλειας και ηλεκτρονικού εγκλήματος
Μετρώντας τις συνδέσεις Σήμερα το Internet συνδέει υπολογιστές σχεδόν σε κάθε χώρα του κόσμου. Ωστόσο, το Internet: Αυξάνει πολύ γρήγορα για να μετρηθεί η αύξησή του Είναι πολύ αποκεντρωμένο για να το ποσοτικοποιήσεις. Είναι ένα δίκτυο χωρίς απτά όρια
Από το υπερκείμενο στα πολυμέσα Τυπικές Ιστοσελίδες περιέχουν: Πίνακες Πλαίσια Φόρμες Μεταφορτώσιμο ήχο και video Ήχο και video σε ροή Ζωντανό ήχο ή video πραγματικού χρόνου Περιβάλλοντα 3-D
Από το υπερκείμενο στα πολυμέσα Τα Plug-Ins είναι επεκτάσεις λογισμικού που προσθέτουν νέες λειτουργίες. Παραδείγματα είναι QuickTime Shockwave/Flash RealPlayer Acrobat
Webcasting: τεχνολογία ώθησης Οι υπολογιστές πελάτες έλκουν πληροφορία Οι φυλλομετρητές ξεκινούν μία αίτηση για πληροφορία Η τεχνολογία ώθησης διανέμει αυτόματα την πληροφορία στον υπολογιστή του πελάτη Δελτία καιρού απόλυτα ενημερωμένα Μετοχές του χρηματιστηρίου όπως κινούνται
Επισκόπηση Εμβάθυνση στη λειτουργία του Internet Πρωτόκολλα, δρομολόγηση, διευθυνσιοδότηση, ονοματολογία Υπηρεσίες Internet Λειτουργία του Web To πρωτόκολλο HTTP
Πηγές για την HTML Δες www.htmlhelp.com/reference/html40/olist.html Για μια λίστα ετικετών και γνωρισμάτων.