Your SlideShare is downloading. ×

Eisagogi

385
views

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
385
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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