Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Eisagogi

538 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

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>

×