Ο Παγκόσμιος ιστός World Wide Web (WWW) Είναι μια υπηρεσία του Internet ΠΡΟΣΟΧΗ μην την ταυτίζουμε με το ιντερνέτ Αποτελείται από εκατομμύρια ιστοσελίδες Υπολογιστές σε παγκόσμιο επίπεδο προσφέρουν πληροφορίες για διάφορα θέματα Κάθε υπολογιστής χαρακτηρίζεται από μια μοναδική διεύθυνση π.χ. Σημαντικό

Ο Παγκόσμιος ιστός Ιστορική εξέλιξη 1989: ο Tim Berners-Lee υπεύθυνος πληροφορικής στο CERN έφτιαξε ένα σύστημα για την αποθήκευση και διαχείριση πληροφοριών στο εσωτερικό δίκτυο βασισμένο το υπερκείμενο. 1991: Το σύστημα εφαρμόστηκε με επιτυχία στο CERN. Το σύστημα βασίζονταν στο μοντέλο πελάτη- εξυπηρετητή 1992: 50 WEB SERVERS σε όλον τον κόσμο 1993: Η NCSA φτιάχνει τον πρώτο εξελιγμένο browser με όνομα MOSAIC

Mosaic Web Browser

Ο Παγκόσμιος ιστός Ιστορική εξέλιξη 1994: το πρώτο παγκόσμιο συνέδριο για τον ιστό με τεράστια επιτυχία. 1994: Την ανάπτυξη του ιστού αναλαμβάνει το ΜΙΤ 1995: Δημιουργείται ο Netscape Navigator βασισμένος στην γλώσσα HTML 1995: Παρουσιάζεται η γλώσσα JAVA 1995: Παρουσιάζεται ο Internet Explorer 1995: web servers 1996: Η πρώτη μηχανή αναζήτησης με όνομα;

Ο Παγκόσμιος ιστός σήμερα Google office και cloud computing Skype, Youtube (ήχος, βίντεο, κλπ) Παιχνίδια Εμπόριο (e-shops, skroutz, κλπ) Social networking Social media (Blogs, κλπ)

Το μοντέλο πελάτη – εξυπηρετητή / Client - server Το ίντερνετ και οι υπηρεσίες του είναι στημένες πάνω στο μοντέλο πελάτης / εξυπηρετητή (client / server) Ένας server / πολλοί clients Παράδειγμα printer server ΠΡΟΣΟΧΗ: δεν αναφερόμαστε σε υπολογιστή αλλά σε υπηρεσία Σημαντικό

Το μοντέλο πελάτη – εξυπηρετητή / Client - server Συνεπώς έχουμε δύο κομμάτια λογισμικού: – Το πρόγραμμα του εξυπηρετητή (server) εγκαθίσταται σε έναν υπολογιστή – Το πρόγραμμα του πελάτη (client) σε πολλούς Ο Server – διαχειρίζεται τα δεδομένα – λαμβάνουν ερωτήσεις από τους clients – απαντά σε ερωτήσεις των clients Οι clients – κάνουν ερωτήσεις – εμφανίζουν τις απαντήσεις Σημαντικό

Το μοντέλο πελάτη – εξυπηρετητή / Client - server Server Client Σημαντικό

Μοντέλο Client / Server στον υπηρεσία του παγκόσμιου ιστού Πελάτης Client Πελάτης Client Πελάτης Client Εξυπηρετητής Server Ζητάει ιστοσελίδα ( Δίνει ιστοσελίδα ( Σημαντικό

Εξυπηρετητής (Server) στο www Είναι υπολογιστής που εκτελεί ειδικό λογισμικό (πχ apache) Έχει σταθερή σύνδεση στο δίκτυο και είναι πάντα ανοιχτός Φιλοξενεί το περιεχόμενο (σελίδες) Παρέχει το περιεχόμενο σε πολλούς "πελάτες" ταυτόχρονα Οι πελάτες βρίσκονται σε διάφορα σημεία του διαδικτύου Έχει μοναδική διεύθυνση στο διαδίκτυο (DNS όνομα) π.χ.

Πελάτες (Clients) στο www Είναι κάθε υπολογιστής που συνδέεται στο διαδίκτυο Χρησιμοποιεί ειδικό πρόγραμμα για την περιήγηση στον παγκόσμιο ιστό – Mozilla FireFox – Microsoft Internet Explorer – Chrome H προσπέλαση σε μια τοποθεσία (server) γίνεται μέσω της διεύθυνσης της τοποθεσίας

HTML: Η ΓΛΩΣΣΑ ΤΟΥ WEB Απλά αρχεία. Περιέχουν εντολές και κείμενο μαζί. BROWSER. Οι εντολές απευθύνονται στον BROWSER. Καθορίζουν τον τρόπο εμφάνισης του κειμένου της σελίδας. Δημιουργούνται με οποιονδήποτε συντάκτη κειμένου.

Παράδειγμα HTML αρχείου ΠΑΡΑΔΕΙΓΜΑ ΠΑΡΑΔΕΙΓΜΑ Τα αρχεία σε HTML είναι απλά αρχεία και μπορούν να κατασκευαστούν από οποιονδήποτε συντάκτη κειμένου. Τέλος.

Eτικέτες (tags) HTLM Είναι σημάδια που χρησιμοποιεί η HTML για να καθορίσει τον τρόπο εμφάνισης του ενδιάμεσου κειμένου. Οι ετικέτες συνήθως συντάσσονται σε ζεύγη, π.χ.: …. H ετικέτα καθορίζει ότι το κείμενο που ακολουθεί, θα εμφανιστεί ως επικεφαλίδα πρώτου μεγέθους. H ετικέτα καθορίζει το τέλος του κειμένου επικεφαλίδας.

Η HTML είναι αναπτυσσόμενη γλώσσα και αλλάζει συνεχώς. Πχ. σε παλιότερη έκδοση της HTML, η ετικέτα συντασσόταν χωρίς (βλέπε παράδειγμα). Σήμερα συντάσσεται ως... Η επιβάλλει αλλαγή παραγράφου. Στην HTML οι εντολές μπορούν να γραφτούν με μικρά και/ή με κεφαλαία γράμματα.

Cascading Style Sheets (CSS) Ποιόν σκοπό εξυπηρετούν ?  Τα "Στυλιστικά Φύλλα" σκοπό έχουν να επιδρούν στην εμφάνιση των σελίδων με ένα συνεπή, εύκολο και ολοκληρωμένο τρόπο.  Διευκολύνουν το συγγραφικό έργο.  Συντελούν στην συστηματική τήρηση κανόνων αισθητικής ομοιομορφίας.

Εισαγωγικά Παραδείγματα CSS Example H1 {font-size: 32pt; color: red} H2 {font-size: 24pt; color: blue} Η ετικέτα … Τοποθετείται μεταξύ …

Επεξηγήσεις  Η ετικέτα επιτρέπει την διαμόρφωση των παραμέτρων των ετικετών της HTML.  H1 {font-size: 32pt; color: red} Καθορίζει ότι η ετικέτα θα χρησιμοποιεί γραμματοσειρά μεγέθους 32 στιγμών και χρώματος κόκκινου.  H2 {font-size: 24pt; color: blue} Αντίστοιχα για την ετικέτα

HTML – PHP lΗ HTML χρησιμοποιεί εντολές που ονομάζονται HTML tags δίνοντας εντολές στους Web browsers για το πώς να εμφανίζουν την κάθε ιστοσελίδα. lΗ PHP είναι μια γλώσσα προγραμματισμού η οποία επεκτείνει τις δυνατότητες της HTML δίνοντας τη δυνατότητα να δημιουργήσουμε δυναμικές ιστοσελίδες.

Τι είναι η PHP? Πλεονεκτήματα της PHP – Ευκολία στη χρήση – Ανοιχτού κώδικα (Open Source) – Υποστήριξη πολλαπλών πλατφόρμων – Απόδοση – Υποστήριξη Βάσεων Δεδομένων

Προσπέλαση PHP σελίδων

Ξεκινώντας με την PHP Για να δημιουργήσουμε και να δημοσιεύσουμε ένα PHP script χρειαζόμαστε: – Ένα web server με υποστήριξη PHP – Ένα υπολογιστή/πελάτη με ένα απλό text editor και σύνδεση στο Internet – Λογισμικό FTP

Πώς να ξεφύγουμε από την HTML <script language=“php” echo (“Καλή αρχή”);

Βάση Δεδομένων MySQL Τι είναι η MySQL: – Η MySQL είναι μία αξιόπιστη, πολύ γρήγορη και εύκολη στο χειρισμό σχεσιακή βάση δεδομένων. Ανοικτού Κώδικα Υποστηρίζεται από τη Sun Microsystems και μπορεί να εγκατασταθεί σε πάνω από 20 πλατφόρμες συμπεριλαμβανομένου των MS Windows, Mac OS X, Linux και AIX. Δυνατότητα διαχείρισης βάσεων δεδομένων από το διαδίκτυο (επικοινωνία με τον διακομιστή της MySQL μέσω php, asp και άλλων εργαλείων όπως το phpMyAdmin). browser Web διακομιστής PHP μηχανή MySQL διακομιστής

Σύνδεση PHP με MySQL Για να χρησιμοποιήσουμε μία βάση δεδομένων, πρέπει πρώτα να συνδεθούμε με τον διακομιστή της MySQL. mysql_connect(servername,username,passwor d);