Eisagogi

415
-1

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
415
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Eisagogi

  1. 1. ΕΙΣΑΓΩΓΗ ΣΤΙΣ ΔΥΝΑΜΙΚΕΣ ΕΦΑΡΜΟΓΕΣ ΤΟΥ ΠΑΓΚΟΣΜΙΟΥ ΙΣΤΟΥ (Web) Κ.Ε.Ε –Πληροφορική VI
  2. 2. Βασικές Γνώσεις <ul><li>Διαδίκτυο </li></ul><ul><li>Πελάτης – Εξυπηρετητής </li></ul><ul><li>Ip Διεύθυνση </li></ul><ul><li>Ιστοσελίδα ( Web Page) </li></ul><ul><li>Ιστότοπος ( Web Site) </li></ul><ul><li>HTML </li></ul><ul><li>Περιηγητής – Φυλομμετρητής (Web Browser) </li></ul><ul><li>Εξυπηρετητής ( Web Server) </li></ul>
  3. 3. Διαδίκτυο- Internet <ul><li>Είναι ένα πλήθος από εκατομμύρια υπολογιστές συνδεδεμένους σε δίκτυο . </li></ul><ul><li>Το Δίκτυο τους επιτρέπει στους υπολογιστές να επικοινωνούν. </li></ul><ul><li>Η σύνδεση γίνεται μέσου router συνήθως με χρήση απλής Τηλεφωνικής γραμμής για να συνδεθεί με τον Παροχέα Υπηρεσιών Διαδικτύου ( Internet Service Provider ISP ) </li></ul>
  4. 4. Internet Service Provider (ISP) <ul><li>Οργανισμός ή Εταιρεία που παρέχει Internet </li></ul><ul><li>Συνήθως συνδέεται με μεγαλύτερους οι οποίοι διαθέτουν ταχύτερες γραμμές επικοινωνίας </li></ul><ul><li>Οι μεγαλύτερη συνδέονται μεταξύ τους και δημιουργούν το Web </li></ul><ul><li>Για τις Σχολικές Μονάδες ISP είναι το Π.Σ.Δ </li></ul>
  5. 5. Πελάτης – Εξυπηρετητής <ul><li>Εξυπηρετητής ( Server) είναι ο Η/Υ που παρέχει υπηρεσίες όπως Web Server , mail Server κ.λ.π) </li></ul><ul><li>Ο Η/Υ που χρησιμοποιεί της Υπηρεσίες είναι πελάτης ( Client) </li></ul><ul><li>Σε κάθε στιγμή κάθε Η/Υ στο Internet είναι η Πελάτης ή Εξυπηρετητής </li></ul>
  6. 6. Ip Διεύθυνση I <ul><li>Στο δίκτυο κάθε Η/Υ έχει ένα μοναδικό αναγνωριστικό ώστε να ξεχωρίζει από τους άλλος Υπολογιστές </li></ul><ul><li>Η ip (Internet Protocol) είναι η μοναδική διεύθυνση που έχει ένας Η/Υ στο Διαδίκτυο </li></ul><ul><li>http:// whatismyipaddress.com / εμφανίζει την ip σας στο Internet </li></ul><ul><li>Οι Servers πρέπει να έχουν σταθερές IP ενώ για τους πελάτες δεν είναι αναγκαίο </li></ul>
  7. 7. Ip Διεύθυνση I Ι <ul><li>Οι Η/Υ που είναι σε ένα τοπικό δίκτυο έχουν την ιδία ip στο Internet αν είναι Πελάτες </li></ul><ul><li>Έχουν διαφορετικές εσωτερικές ip που τις διαχειρίζεται o router ( εντολή ipconfig ) </li></ul><ul><li>Οι Σχολικές μονάδες έχουν Πέντε ip </li></ul><ul><ul><li>Μία για τους σταθμούς εργασίας ( πελάτες) </li></ul></ul><ul><ul><li>δύο για τους server (εσωτερικές 10 & 11) </li></ul></ul><ul><ul><li>Μία για τον router </li></ul></ul>
  8. 8. Domain Names – Name Servers <ul><li>Domain Name είναι το όνομα που αντιστοιχεί σε ένα Server π.χ 216.109.116.17 στον www.altavista.com </li></ul><ul><li>Domain Name Servers (DNS) είναι εξυπηρετητές που έχουν Βάσεις Δεδομένων που αντιστοιχούν τα ονόματα και είναι διασκορπισμένη στο Internet </li></ul><ul><li>DNS propagation είναι η χρονική καθυστέρηση που υπάρχει στην ενημέρωση μεταξύ των DNS . </li></ul>
  9. 9. Ιστοσελίδα ( Web Page) <ul><li>Η ιστοσελίδα είναι απλό αρχείο κειμένου που δεν περιέχει μόνο κείμενο αλλά και ειδικές ετικέτες ( tags) της HTML πως θα μορφοποιηθεί το κείμενο ή την σύνδεση της σελίδας με άλλη σελίδα </li></ul><ul><li>Οι ιστοσελίδες έχουν κατάληξει html ή htm και διαβάζονται από τους Browser </li></ul>
  10. 10. Ιστότοπος ( Web Site) <ul><li>Είναι ένα σύνολό από ιστοσελίδες που συνδέονται μεταξύ τους και εμφανίζονται στα μάτια του επισκέπτη σαν ενιαία οντότητα </li></ul><ul><li>Αν οι ιστοσελίδες που το αποτελούν είναι προετοιμασμένες από πριν τότε ονομάζεται στατικός ενώ αν είναι αποτέλεσμα εκτέλεσης στον Server ονομάζεται δυναμικός </li></ul>
  11. 11. Html <ul><li>Hyper Text Markup Language </li></ul><ul><li>Δεν είναι γλώσσα Προγραμματισμού </li></ul><ul><li>Είναι μια περιγραφική Γλώσσα δηλαδή ένας ειδικός τρόπος Γραφής κειμένου </li></ul><ul><li>Δημιουργούνται είτε με απλό editor π.χ notepad ++ ή με Γραφικό πρόγραμμά π.χ FrontPage , Dreamweaver , Kompozer </li></ul>
  12. 12. Html – Παράδειγμα <ul><li><html> </li></ul><ul><li><title> Η πρώτη μου Ιστοσελίδα </title> </li></ul><ul><li><meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /> </li></ul><ul><li><body> </li></ul><ul><li><h2> <u> Καλημέρα σε όλους </u> <h2> <br> </li></ul><ul><li><h1>Στο Μάθημα Εφαρμογές στο Παγκόσμιο Ιστό <br> </li></ul><ul><li>Δευτέρα & Τετάρτη 4:30 - 7:30 </h1> <br> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  13. 13. Περιηγητής – Φυλομμετρητής (Web Browser) <ul><li>Είναι μια εφαρμογή η οποία παρέχει εύκολη και γρήγορη πρόσβαση στις ιστοσελίδες που είναι αναρτημένες στο Διαδίκτυο </li></ul><ul><li>Οι ιστοσελίδες είναι σε HTML επίσης μπορεί να εμφανίσει εικόνες , ήχο , video κ.λπ </li></ul><ul><li>Ο Browser είναι το λογισμικό του Πελάτη του πρωτοκόλλου http( s ) H yper t ext T ransfer P rotocol ( S ecure )   </li></ul><ul><li>Π.χ Internet Explorer , Mozila , Chrome </li></ul>
  14. 14. Εξυπηρετητής ( Web Server) <ul><li>Είναι ένα πρόγραμμα που τρέχει στον Server και γνωρίζει πώς να ανταποκριθεί στις αιτήσεις ( request) του Brower στέλνοντας τις Ιστοσελίδες </li></ul><ul><li>Ένας Web Server μπορεί να εξυπηρετεί πολλά site </li></ul><ul><li>Apach ( Ανοιχτού κώδικα) & IIS ( Microsoft) το Π.Σ.Δ χρησιμοποιεί τον Apach </li></ul>
  15. 15. Client – Server για Ιστοσελίδες
  16. 16. Εισαγωγή στον Προγραμματισμό από την Πλευρά του Πελάτη <ul><li>Η Html δεν έχει δυνατότητα προγραμματισμού για αυτό μπορούμε να την εμπλουτίσουμε με μία γλώσσα προγραμματισμού ( scripting language ) η οποία εκτελείται από τον Πελάτη και έχει δυνατότητα χειρισμό δεδομένων και συμβάντων κατά την εμφάνιση της Σελίδας η πιο γνωστή είναι η Javascript . </li></ul><ul><li>Η JavaScript ενσωματώνεται με την html και εκτελείται από τον Browser </li></ul>
  17. 17. JavaScript παράδειγμα <ul><li><html> </li></ul><ul><li><title> Η πρώτη Ιστοσελίδα με javascript</title> </li></ul><ul><li><meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /> </li></ul><ul><li><body> </li></ul><ul><li>Καλημέρα <b> Κόσμε </b> <br><u> Πρόσθεση </u><br> </li></ul><ul><li><script type=&quot;text/javascript&quot;> </li></ul><ul><li>var a = prompt(&quot;Δώσε τον πρώτο αριθμό &quot;) </li></ul><ul><li>var b = prompt(&quot;Δώσε τον δεύτερο αριθμό &quot;) </li></ul><ul><li>athr = a - - b </li></ul><ul><li>document.write(a, &quot; + &quot;, b, &quot; = &quot;,athr,&quot;<br>&quot;) </li></ul><ul><li></script> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  18. 18. Εισαγωγή στον Προγραμματισμό από την Πλευρά του Διακομιστή <ul><li>Ο προγραμματισμός δεν μπορεί να λύση προβλήματα διαχείριση Βάσεων Δεδομένων καθώς και όταν χρειαζόμαστε να αντλήσουμε πληροφορίες από τον Διακομιστή </li></ul><ul><li>Απάντηση Script Γλώσσες από την πλευρά του Διακομιστή με την πιο δημοφιλή την php </li></ul>
  19. 19. Λειτουργία της PHP: <ul><ul><li>Η PHP τρέχει σε ένα διακομιστή. </li></ul></ul><ul><ul><li>Ο Web browser ενός χρήστη κάνει μία http:// αίτηση για μια συγκεκριμένη php σελίδα π.χ www.example.com/info.php ( αρχεία με php κώδικα έχουν κατάληξη php ) </li></ul></ul><ul><ul><li>O Web διακομιστής λαμβάνει την αίτηση για την σελίδα php , ανακαλεί το αρχείο και το περνά στην μηχανή php για επεξεργασία . </li></ul></ul><ul><ul><li>Η μηχανή php αρχίζει την ανάλυση του php κώδικα επικοινωνώντας αν υπάρχει ανάγκη με τον διακομιστή της βάση δεδομένων . </li></ul></ul><ul><ul><li>Η μηχανή php σταματά την εκτέλεση του προγράμματος επιστρέφοντας στον Web διακομιστή την τελική HTML σελίδα. </li></ul></ul><ul><ul><li>Ο Web διακομιστής περνά την html σελίδα ξανά στο Web browser όπου ο χρήστης μπορεί να διαβάσει το αποτέλεσμα της php σελίδας. </li></ul></ul>
  20. 20. Php – Mysql
  21. 21. <ul><li><!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;> </li></ul><ul><li><head> </li></ul><ul><li><meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /> </li></ul><ul><li><title> Server informations </title> </li></ul><ul><li></head> </li></ul><ul><li>Αύτη η σελίδα έχει Κώδικα php <br> </li></ul><ul><li><?php </li></ul><ul><li>echo 'Ημέρoμηνία '; </li></ul><ul><li>echo date('d'); echo '/'; echo date('m');echo '/';echo date('Y');echo '<br>'; </li></ul><ul><li>echo 'Ωρα ';$h1 = date ('H');echo $h1;echo ':';echo date('i'); echo '<br>'; </li></ul><ul><li>if ($h1 > 12) {echo ' <h1> ';echo 'Καλησπέρα σας '; echo ' </h1> ';} </li></ul><ul><li>else {echo ' <h1> ';echo &quot;Καλημέρα σας &quot;; echo ' </h1> '; } </li></ul><ul><li>echo '<br>';echo ' Name of the Server ' ;echo $_SERVER['SERVER_NAME'];echo ' <br> '; </li></ul><ul><li>echo ' ip of the Server ' ;echo $_SERVER['SERVER_ADDR'];echo ' <br> '; </li></ul><ul><li>echo ' Redote Address ' ; </li></ul><ul><li>echo $_SERVER['REMOTE_ADDR']; </li></ul><ul><li>echo ' <br> '; </li></ul><ul><li>?> </li></ul><ul><li>Τελείωσε ο php κώδικας </li></ul>
  22. 22. XAMPP <ul><li>Το XAMPP σου δίνει την δυνατότητα να έχουμε   Apache,  MySQL, PHP και Perl </li></ul><ul><li>Εγκαταστήστε με μεταφορά του φακέλου με το XAMPP στο C: </li></ul><ul><li>Έναρξη με το Xampp_start τερματισμός με το Xampp_stop </li></ul><ul><li>Η αρχική Ιστοσελίδα είναι το http://localhost </li></ul><ul><li>Οι ιστοσελίδες είναι στον φάκελο htdocs </li></ul>
  23. 23. Δημοσίευση Ιστοσελίδων <ul><li>Εταιρεία ή Οργανισμό για Φιλοξενία Ιστοσελίδων </li></ul><ul><ul><li>Οι Σχολικές Μονάδες & οι εκπαιδευτικοί (αν διαθέτουν λογαριασμό) έχουν μέσου του Π.Σ.Δ την δυνατότητα Φιλοξενίας Ιστοσελίδων </li></ul></ul><ul><ul><li>Εταιρείες που με πληρωμή δίνουν την δυνατότητα για Φιλοξενία ενός Site </li></ul></ul><ul><ul><li>Εταιρείες χωρίς πληρωμή φιλοξενούν Ιστοσελίδες </li></ul></ul><ul><li>Να δημιουργήσουμε δικό μας site αν έχουμε Static ip ( Οι Σχολικές Μονάδες διαθέτουν Static ip από το Π.Σ.Δ) </li></ul>
  24. 24. Δημοσίευση Π.Σ.Δ <ul><li>Στο http://www - old.sch.gr κάνουμε είσοδό με Όνομα Χρήστη & κωδικό Πρόσβασης </li></ul><ul><li>Επιλέγουμε mysch -> O δικτυακός μου Τόπος -> Στοιχεία Δικτυακού Τόπου και Βάσης Δεδομένων </li></ul><ul><li>Εμφανίζονται τα στοιχεία « Διακομιστής Δημοσίευσης Ιστοσελίδων» π.χ users4.sch.gr είναι όπου δημοσιεύομαι τις Ιστοσελίδες </li></ul><ul><li>Από τον Internet Explorer ftp://users4.sch.gr συνέχεια δίνουμε τα στοιχεία για είσοδο. Τα αρχεία τα ανεβάζουμε με αντιγραφή και επικόλληση </li></ul><ul><li>Χρησιμοποιώντας ftp πρόγραμμα όπως ο Filezila το οποίο είναι δωρεάν και προτείνεται </li></ul>
  25. 26. Απαραίτητο Λογισμικό <ul><li>Xampp ( 1.7.1 ) </li></ul><ul><li>Nodpad ++ </li></ul><ul><li>Filezila </li></ul><ul><li>7 zip </li></ul><ul><li>Δυναμικές Εφαρμογές - έτοιμες Εφαρμογές </li></ul><ul><ul><li>Joomla & Elxis (Contain Management System) </li></ul></ul><ul><ul><li>Smf ( Forum) </li></ul></ul>
  26. 27. Λογισμικό ΙΙ <ul><li>Xampp 1.7.4 (έχει και το Tomcat για javaserver) </li></ul><ul><li>Java </li></ul><ul><li>Moodle ( Δυναμική Εφαρμογή - Εκπαίδευση ) </li></ul><ul><li>Kompozer Δημιουργία και διαχείριση  web file με Γραφικό Τρόπο </li></ul><ul><li>Visual Web Development Express 2010 </li></ul>
  27. 28. Πρόγραμμα <ul><li>Εισαγωγή – Html ( 3 h) </li></ul><ul><li>Java Script ( 3 h) </li></ul><ul><li>DHMTL ( css files ..) ( 3 h) </li></ul><ul><li>Php & Mysql ( 3 h) </li></ul><ul><li>Ασκήσεις με Java scipt & php ( 3 h) </li></ul><ul><li>Δυναμικές Εφαρμογές ( Joomla, Forum) ( 3 h) </li></ul><ul><li>Xml & Δυναμικές Εφαρμογές με Java ( 3 h) </li></ul><ul><li>Δυναμικές Εφαρμογές με asp & asp.net ( 2 h) </li></ul><ul><li>Ανακεφαλαίωση ( 2 h) </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×