SlideShare a Scribd company logo
1 of 30
Download to read offline
Τεχνολογίες Παγκόσμιου Ιστού 
2η διάλεξη
HTMLs 
XHTML 
πλησίασε την XML 
XHTML5 
σεβασμός στους χρήστς και τους browsers 
απλούστερες HTML προδιαγραφές 
νέα σημασιαλογικά στοιχεία (header, footer, …) 
πλούσια πολυμεσικά 
Υποστήριξη WebApp (geolocation, …)
Hypertext Transport Protocol (HTTP) 
Σύνολο εντολών που στέλνει browser και κατανοεί ο (web) server 
Εντολές HTTP (εσωτερικές του browser): 
GET filename : download 
POST filename : send a web form response 
PUT filename : upload 
HEAD, OPTIONS, DELETE, CONNECT, … 
Ctrl-Alt-Del
HTTP 
• HTTP method 
• Web Page (URL) 
• Παράμετροι 
• status 
• content type 
• content
Response - HTML in HTTP
Request
Παραδείγματα
Παράδειγμα
POST & GET 
GET - περιορισμένο πλήθος χαρακτήρων. 
GET - τα αποσταλόμενα δεδομένα επισυνάπτονται στο URL. 
Δεν μπορείς να κάνεις bookmark μια φόρμα αν χρησιμοποιείς POST 
και όχι GET. 
Αν η διαδικασία είναι idempotent, τότε GET.
Ανατομία 
ενός GET 
request 
Παράμετροι
Ανατομία 
ενός 
HTTP 
POST 
request 
Δεδομένα
Ανατομία 
μιας 
HTTP 
response
URI
Ports 
Ένας 16-bit αριθμός που that που 
προσδιορίζει ΄ένα συγκεκριμένο 
πρόγραμμα σε μια μηχανή server. 
0-1023 για τους sys-admins
Apache 
file 
system
Στατικό και δυναμικό περιεχόμενο
Δυναμικό περιεχόμενο 
Δυναμικές σελίδες δεν προυπάρχουν 
Πρέπει να κατασκευασθεί εξ αρχής η HTML απόκριση 
λαμβάνουμε το αίτημα 
καλούμε την σχετική εφαρμογή γα να δημιουργησει το HTML 
το στέλνουμε πίσω στον browser
Common Gateway Interface (CGI) 
μια στάνταρτ μέθοδο των web servers για να αναθέσουνε την 
δημιουργία των δυναμικών σελίδων σε εκτελέσιμα αρχεία 
τα αρχεία αυτά είναι γνωστά σαν CGI scripts 
είναι προγράμματα που συνηθως είναι 
αυτόνομα 
γραμμένα σε μια scripting γλώσσα
Παράδειγμα
CGI (non-Java) 
προσέγγιση 
C, PERL, python, PHP
Το πρόβλημα με τα CGI 
Λογική 
Η Java είναι η γλώσσα του ίντερνετ 
Αποδοτικότητα 
Light-weight 
Εύκολη διαχείριση νημάτων 
Παραγωγικότητα 
J2EE
Servlet: prepare 
Δημιούργησε το δενδροειδές directory 
Γράψε τα δύο αρχεία
Servlet: 
Συγγραφή 
του 
servlet.java 
import'javax.servlet.*;' 
import'javax.servlet.h3p.*;' 
import'java.io.*;' 
' 
public'class'Ch1Servlet'extends'H3pServlet'{'' 
''''''''public'void'doGet(H3pServletRequest'request,'' 
'H3pServletResponse'response)'' 
'throws'IOExcepHon'{'' 
' 
''''''''PrintWriter'out'='response.getWriter();'' 
'''''''''java.uHl.Date'today'='new'java.uHl.Date();'' 
''''''''out.println(“<html>'“'+'' 
'''''''''''''''''''''''''''''“<body>”'+'' 
'''''''''''''''''''''''''''''“<h1'align=center>HF’s'Chapter1'Servlet</h1>”'+'' 
'''''''''''''''''''''''''''''“<br>”'+'today'+'“</body>”'+'“</html>”);'' 
'''''''''}' 
}'
<?xml&version=”1.0”&encoding=”ISO9885191”&?>& 
<web9app&xmlns=”hBp://java.sun.com/xml/ns/j2ee”& 
&&&&&&&&&&xmlns:xsi=”hBp://www.w3.org/2001/XMLSchema9instance”& 
&&&&&&&&&&xsi:schemaLocaMon=”hBp://java.sun.com/xml/ns/j2ee& 
&&&&&&&&&&hBp://java.sun.com/xml/ns/j2ee/web9app_2_4.xsd”& 
&&&&&&&&&&version=”2.4”>& 
&&&&&&&&&<servlet>& 
&&&&&&&&&&&&&&<servlet9name>Servlet</servlet9name>& 
&&&&&&&&&&&&&&<servlet9class>Ch1Servlet</servlet9class>& 
&&&&&&&&&</servlet>& 
Servlet: 
Συγγραφή 
του 
Deployment 
Descriptor (DD) 
web.xml 
&& 
&&&&&&&&<servlet9mapping>& 
&&&&&&&&&&&&&&<servlet9name>Servlet</servlet9name>& 
&&&&&&&&&&&&&&<url9paBern>/Serv1</url9paBern>& 
&&&&&&&&&</servlet9mapping>& 
</web9app>&
Servlet: deployment 
Αποθήκευσε τα αρχεία στο κατάλληλο μέρος
Servlet: Deploy and use 
Μετέφρασε 
Μετέφερε στο σύστημα αρχείων του Tomcat 
Ξεκίνα τον Tomcat 
Κτύπα τον συνδεσμο στον browser σου
Όμως! 
Ενσωμάτωση HTML σαν string μέσα σε java (println)? 
Γιατί όχι ενσωμάτωση Java μέσα σε HTML (ή XML)?
Apps developer Web page developer 
JSP

More Related Content

Viewers also liked

Ch5 beeing an application
Ch5   beeing an applicationCh5   beeing an application
Ch5 beeing an applicationManolis Vavalis
 
Ch. 13 filters and wrappers
Ch. 13 filters and wrappersCh. 13 filters and wrappers
Ch. 13 filters and wrappersManolis Vavalis
 
Ch. 10 custom tag development
Ch. 10 custom tag developmentCh. 10 custom tag development
Ch. 10 custom tag developmentManolis Vavalis
 
Ch. 9 jsp standard tag library
Ch. 9 jsp standard tag libraryCh. 9 jsp standard tag library
Ch. 9 jsp standard tag libraryManolis Vavalis
 
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsStudy: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsLinkedIn
 

Viewers also liked (9)

Ch. 8 script free pages
Ch. 8 script free pagesCh. 8 script free pages
Ch. 8 script free pages
 
Ch. x web performance
Ch. x web performanceCh. x web performance
Ch. x web performance
 
Ch5 beeing an application
Ch5   beeing an applicationCh5   beeing an application
Ch5 beeing an application
 
Ch. 7 beeing a jsp
Ch. 7 beeing a jsp     Ch. 7 beeing a jsp
Ch. 7 beeing a jsp
 
Ch. 13 filters and wrappers
Ch. 13 filters and wrappersCh. 13 filters and wrappers
Ch. 13 filters and wrappers
 
Ch. 11 deploying
Ch. 11 deployingCh. 11 deploying
Ch. 11 deploying
 
Ch. 10 custom tag development
Ch. 10 custom tag developmentCh. 10 custom tag development
Ch. 10 custom tag development
 
Ch. 9 jsp standard tag library
Ch. 9 jsp standard tag libraryCh. 9 jsp standard tag library
Ch. 9 jsp standard tag library
 
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsStudy: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving Cars
 

Similar to 2η διάλεξη Τεχνολογίες Παγκόσμιου Ιστού

Γνωριμία με την ASP.NET 2.0
Γνωριμία με την ASP.NET 2.0Γνωριμία με την ASP.NET 2.0
Γνωριμία με την ASP.NET 2.0Stelios Karabasakis
 
Create Websites with HTML 5.0
Create Websites with HTML 5.0Create Websites with HTML 5.0
Create Websites with HTML 5.0DJ Dragon King
 
Δούμας Οδυσσέας 7168
Δούμας Οδυσσέας 7168Δούμας Οδυσσέας 7168
Δούμας Οδυσσέας 7168ISSEL
 
Xampp εγκατάσταση και ρυθμίσεις
Xampp   εγκατάσταση και ρυθμίσειςXampp   εγκατάσταση και ρυθμίσεις
Xampp εγκατάσταση και ρυθμίσειςTheodoros Douvlis
 
Βασικές έννοιες διαδικτύου και σχεδίασης ιστοσελίδων
Βασικές έννοιες διαδικτύου και σχεδίασης ιστοσελίδωνΒασικές έννοιες διαδικτύου και σχεδίασης ιστοσελίδων
Βασικές έννοιες διαδικτύου και σχεδίασης ιστοσελίδωνpasxelfstone
 
Μοντέλο Client/Server, Διαδικτυακές υπηρεσίες και Cloud computing
Μοντέλο Client/Server, Διαδικτυακές υπηρεσίες και Cloud computingΜοντέλο Client/Server, Διαδικτυακές υπηρεσίες και Cloud computing
Μοντέλο Client/Server, Διαδικτυακές υπηρεσίες και Cloud computingKostas Diamantaras
 
Ναταλία Μιχαηλίδου
Ναταλία ΜιχαηλίδουΝαταλία Μιχαηλίδου
Ναταλία ΜιχαηλίδουISSEL
 
βασικες εννοιες διαδικτυου και σχεδιασης ιστοσελιδων
βασικες εννοιες διαδικτυου και σχεδιασης ιστοσελιδωνβασικες εννοιες διαδικτυου και σχεδιασης ιστοσελιδων
βασικες εννοιες διαδικτυου και σχεδιασης ιστοσελιδωνpasxelfstone
 
Βάσεις Δεδομένων με Εφαρμογές στο Διαδίκτυο
Βάσεις Δεδομένων με Εφαρμογές στο ΔιαδίκτυοΒάσεις Δεδομένων με Εφαρμογές στο Διαδίκτυο
Βάσεις Δεδομένων με Εφαρμογές στο ΔιαδίκτυοΘεοδώρα Μαγουλιώτη
 
στατικες δυναμικες νες
στατικες δυναμικες νεςστατικες δυναμικες νες
στατικες δυναμικες νεςStauroula Kakaraki
 
Development of an automatic procedure for Continuous Integration
Development of an automatic procedure for Continuous IntegrationDevelopment of an automatic procedure for Continuous Integration
Development of an automatic procedure for Continuous IntegrationISSEL
 
Ανάπτυξη αυτοματοποιημένης διαδικασίας Continuous Integration σε έργα λογισμικού
Ανάπτυξη αυτοματοποιημένης διαδικασίας Continuous Integration σε έργα λογισμικούΑνάπτυξη αυτοματοποιημένης διαδικασίας Continuous Integration σε έργα λογισμικού
Ανάπτυξη αυτοματοποιημένης διαδικασίας Continuous Integration σε έργα λογισμικούISSEL
 
Ruby On Rails Introduction [Εισαγωγή στο Rails]
Ruby On Rails Introduction [Εισαγωγή στο Rails]Ruby On Rails Introduction [Εισαγωγή στο Rails]
Ruby On Rails Introduction [Εισαγωγή στο Rails]Nikos Dimitrakopoulos
 
Πίθος - Αρχιτεκτονική και τεχνολογίες .NET
Πίθος - Αρχιτεκτονική και τεχνολογίες .NETΠίθος - Αρχιτεκτονική και τεχνολογίες .NET
Πίθος - Αρχιτεκτονική και τεχνολογίες .NETPanagiotis Kanavos
 
Drupal CMS, μια σύντομη παρουσίαση
Drupal CMS, μια σύντομη παρουσίασηDrupal CMS, μια σύντομη παρουσίαση
Drupal CMS, μια σύντομη παρουσίασηJonny Arvanitakis
 

Similar to 2η διάλεξη Τεχνολογίες Παγκόσμιου Ιστού (20)

Eisagogi
EisagogiEisagogi
Eisagogi
 
Ajax
AjaxAjax
Ajax
 
Γνωριμία με την ASP.NET 2.0
Γνωριμία με την ASP.NET 2.0Γνωριμία με την ASP.NET 2.0
Γνωριμία με την ASP.NET 2.0
 
Create Websites with HTML 5.0
Create Websites with HTML 5.0Create Websites with HTML 5.0
Create Websites with HTML 5.0
 
Δούμας Οδυσσέας 7168
Δούμας Οδυσσέας 7168Δούμας Οδυσσέας 7168
Δούμας Οδυσσέας 7168
 
Xampp εγκατάσταση και ρυθμίσεις
Xampp   εγκατάσταση και ρυθμίσειςXampp   εγκατάσταση και ρυθμίσεις
Xampp εγκατάσταση και ρυθμίσεις
 
Βασικές έννοιες διαδικτύου και σχεδίασης ιστοσελίδων
Βασικές έννοιες διαδικτύου και σχεδίασης ιστοσελίδωνΒασικές έννοιες διαδικτύου και σχεδίασης ιστοσελίδων
Βασικές έννοιες διαδικτύου και σχεδίασης ιστοσελίδων
 
Μοντέλο Client/Server, Διαδικτυακές υπηρεσίες και Cloud computing
Μοντέλο Client/Server, Διαδικτυακές υπηρεσίες και Cloud computingΜοντέλο Client/Server, Διαδικτυακές υπηρεσίες και Cloud computing
Μοντέλο Client/Server, Διαδικτυακές υπηρεσίες και Cloud computing
 
Ναταλία Μιχαηλίδου
Ναταλία ΜιχαηλίδουΝαταλία Μιχαηλίδου
Ναταλία Μιχαηλίδου
 
βασικες εννοιες διαδικτυου και σχεδιασης ιστοσελιδων
βασικες εννοιες διαδικτυου και σχεδιασης ιστοσελιδωνβασικες εννοιες διαδικτυου και σχεδιασης ιστοσελιδων
βασικες εννοιες διαδικτυου και σχεδιασης ιστοσελιδων
 
Beauty salon
Beauty salonBeauty salon
Beauty salon
 
Βάσεις Δεδομένων με Εφαρμογές στο Διαδίκτυο
Βάσεις Δεδομένων με Εφαρμογές στο ΔιαδίκτυοΒάσεις Δεδομένων με Εφαρμογές στο Διαδίκτυο
Βάσεις Δεδομένων με Εφαρμογές στο Διαδίκτυο
 
στατικες δυναμικες νες
στατικες δυναμικες νεςστατικες δυναμικες νες
στατικες δυναμικες νες
 
Html
HtmlHtml
Html
 
Development of an automatic procedure for Continuous Integration
Development of an automatic procedure for Continuous IntegrationDevelopment of an automatic procedure for Continuous Integration
Development of an automatic procedure for Continuous Integration
 
Ανάπτυξη αυτοματοποιημένης διαδικασίας Continuous Integration σε έργα λογισμικού
Ανάπτυξη αυτοματοποιημένης διαδικασίας Continuous Integration σε έργα λογισμικούΑνάπτυξη αυτοματοποιημένης διαδικασίας Continuous Integration σε έργα λογισμικού
Ανάπτυξη αυτοματοποιημένης διαδικασίας Continuous Integration σε έργα λογισμικού
 
Ruby On Rails Introduction [Εισαγωγή στο Rails]
Ruby On Rails Introduction [Εισαγωγή στο Rails]Ruby On Rails Introduction [Εισαγωγή στο Rails]
Ruby On Rails Introduction [Εισαγωγή στο Rails]
 
Πίθος - Αρχιτεκτονική και τεχνολογίες .NET
Πίθος - Αρχιτεκτονική και τεχνολογίες .NETΠίθος - Αρχιτεκτονική και τεχνολογίες .NET
Πίθος - Αρχιτεκτονική και τεχνολογίες .NET
 
Drupal CMS, μια σύντομη παρουσίαση
Drupal CMS, μια σύντομη παρουσίασηDrupal CMS, μια σύντομη παρουσίαση
Drupal CMS, μια σύντομη παρουσίαση
 
Html ekplog
Html ekplogHtml ekplog
Html ekplog
 

Recently uploaded

2η Διεθνική Συνάντηση μαθητών και καθηγητών στο Σαλέρνο της Ιταλίας
2η Διεθνική Συνάντηση μαθητών και καθηγητών στο Σαλέρνο της Ιταλίας2η Διεθνική Συνάντηση μαθητών και καθηγητών στο Σαλέρνο της Ιταλίας
2η Διεθνική Συνάντηση μαθητών και καθηγητών στο Σαλέρνο της ΙταλίαςKonstantina Katirtzi
 
RODOPI CHALLENGE (ROC 50 MILES) 2024 ΤΕΧΝΙΚΗ ΕΝΗΜΕΡΩΣH
RODOPI CHALLENGE (ROC 50 MILES) 2024 ΤΕΧΝΙΚΗ ΕΝΗΜΕΡΩΣHRODOPI CHALLENGE (ROC 50 MILES) 2024 ΤΕΧΝΙΚΗ ΕΝΗΜΕΡΩΣH
RODOPI CHALLENGE (ROC 50 MILES) 2024 ΤΕΧΝΙΚΗ ΕΝΗΜΕΡΩΣHROUT Family
 
EKSETASTEA KAI DIDAKTEA YLH G TAKSHS GENIKOY LYKEIOY
EKSETASTEA KAI DIDAKTEA YLH G TAKSHS GENIKOY LYKEIOYEKSETASTEA KAI DIDAKTEA YLH G TAKSHS GENIKOY LYKEIOY
EKSETASTEA KAI DIDAKTEA YLH G TAKSHS GENIKOY LYKEIOYssuser369a35
 
Εκπαιδευτική επίσκεψη στο 1ο ΕΠΑΛ Καβάλας.pptx
Εκπαιδευτική επίσκεψη στο 1ο ΕΠΑΛ Καβάλας.pptxΕκπαιδευτική επίσκεψη στο 1ο ΕΠΑΛ Καβάλας.pptx
Εκπαιδευτική επίσκεψη στο 1ο ΕΠΑΛ Καβάλας.pptx7gymnasiokavalas
 
Οδηγίες για τη δημιουργία Flashcard με το Quizlet.pdf
Οδηγίες για τη δημιουργία Flashcard με το Quizlet.pdfΟδηγίες για τη δημιουργία Flashcard με το Quizlet.pdf
Οδηγίες για τη δημιουργία Flashcard με το Quizlet.pdfIrini Panagiotaki
 
ΤΑ ΠΟΤΑΜΙΑ ΤΗΣ ΕΛΛΑΔΑΣ - Γεωγραφία .docx
ΤΑ ΠΟΤΑΜΙΑ ΤΗΣ ΕΛΛΑΔΑΣ - Γεωγραφία .docxΤΑ ΠΟΤΑΜΙΑ ΤΗΣ ΕΛΛΑΔΑΣ - Γεωγραφία .docx
ΤΑ ΠΟΤΑΜΙΑ ΤΗΣ ΕΛΛΑΔΑΣ - Γεωγραφία .docxeucharis
 
ΠΑΝΕΛΛΗΝΙΕΣ 2024 ΠΡΟΤΕΙΝΟΜΕΝΑ ΘΕΜΑΤΑ ΝΕΟΕΛΛΗΝΙΚΗ ΓΛΩΣΣΑ ΚΑΙ ΛΟΓΟΤΕΧΝΙΑ.pdf
ΠΑΝΕΛΛΗΝΙΕΣ 2024 ΠΡΟΤΕΙΝΟΜΕΝΑ ΘΕΜΑΤΑ ΝΕΟΕΛΛΗΝΙΚΗ ΓΛΩΣΣΑ ΚΑΙ ΛΟΓΟΤΕΧΝΙΑ.pdfΠΑΝΕΛΛΗΝΙΕΣ 2024 ΠΡΟΤΕΙΝΟΜΕΝΑ ΘΕΜΑΤΑ ΝΕΟΕΛΛΗΝΙΚΗ ΓΛΩΣΣΑ ΚΑΙ ΛΟΓΟΤΕΧΝΙΑ.pdf
ΠΑΝΕΛΛΗΝΙΕΣ 2024 ΠΡΟΤΕΙΝΟΜΕΝΑ ΘΕΜΑΤΑ ΝΕΟΕΛΛΗΝΙΚΗ ΓΛΩΣΣΑ ΚΑΙ ΛΟΓΟΤΕΧΝΙΑ.pdfssuserf9afe7
 
Η Δυναστεία των Παλαιολόγων - Βυζαντινή Αυτοκρατορία
Η Δυναστεία των Παλαιολόγων -  Βυζαντινή ΑυτοκρατορίαΗ Δυναστεία των Παλαιολόγων -  Βυζαντινή Αυτοκρατορία
Η Δυναστεία των Παλαιολόγων - Βυζαντινή Αυτοκρατορίαeucharis
 
Οδηγίες για τη δημιουργία διαδραστικών δραστηριοτήτων με την εφαρμογή Wordwal...
Οδηγίες για τη δημιουργία διαδραστικών δραστηριοτήτων με την εφαρμογή Wordwal...Οδηγίες για τη δημιουργία διαδραστικών δραστηριοτήτων με την εφαρμογή Wordwal...
Οδηγίες για τη δημιουργία διαδραστικών δραστηριοτήτων με την εφαρμογή Wordwal...Irini Panagiotaki
 
ΕΝΔΟΣΧΟΛΙΚΕΣ_ΠΡΟΓΡΑΜΜΑ endosxolikes 2023-24
ΕΝΔΟΣΧΟΛΙΚΕΣ_ΠΡΟΓΡΑΜΜΑ endosxolikes 2023-24ΕΝΔΟΣΧΟΛΙΚΕΣ_ΠΡΟΓΡΑΜΜΑ endosxolikes 2023-24
ΕΝΔΟΣΧΟΛΙΚΕΣ_ΠΡΟΓΡΑΜΜΑ endosxolikes 2023-242lykkomo
 
ΚΛΙΜΑΤΙΚΗ ΑΛΛΑΓΗ ΚΑΙ ΠΟΛΙΤΙΚΕΣ ΤΗΣ Ε.Ε..pptx
ΚΛΙΜΑΤΙΚΗ ΑΛΛΑΓΗ ΚΑΙ ΠΟΛΙΤΙΚΕΣ ΤΗΣ Ε.Ε..pptxΚΛΙΜΑΤΙΚΗ ΑΛΛΑΓΗ ΚΑΙ ΠΟΛΙΤΙΚΕΣ ΤΗΣ Ε.Ε..pptx
ΚΛΙΜΑΤΙΚΗ ΑΛΛΑΓΗ ΚΑΙ ΠΟΛΙΤΙΚΕΣ ΤΗΣ Ε.Ε..pptxssuserb0ed14
 
Το άγαλμα που κρύωνε
Το άγαλμα που                       κρύωνεΤο άγαλμα που                       κρύωνε
Το άγαλμα που κρύωνεDimitra Mylonaki
 
Γιορτή της μητέρας-Φύλλα εργασιών για όλες τις τάξεις
Γιορτή της μητέρας-Φύλλα εργασιών για όλες τις τάξειςΓιορτή της μητέρας-Φύλλα εργασιών για όλες τις τάξεις
Γιορτή της μητέρας-Φύλλα εργασιών για όλες τις τάξειςΟΛΓΑ ΤΣΕΧΕΛΙΔΟΥ
 

Recently uploaded (13)

2η Διεθνική Συνάντηση μαθητών και καθηγητών στο Σαλέρνο της Ιταλίας
2η Διεθνική Συνάντηση μαθητών και καθηγητών στο Σαλέρνο της Ιταλίας2η Διεθνική Συνάντηση μαθητών και καθηγητών στο Σαλέρνο της Ιταλίας
2η Διεθνική Συνάντηση μαθητών και καθηγητών στο Σαλέρνο της Ιταλίας
 
RODOPI CHALLENGE (ROC 50 MILES) 2024 ΤΕΧΝΙΚΗ ΕΝΗΜΕΡΩΣH
RODOPI CHALLENGE (ROC 50 MILES) 2024 ΤΕΧΝΙΚΗ ΕΝΗΜΕΡΩΣHRODOPI CHALLENGE (ROC 50 MILES) 2024 ΤΕΧΝΙΚΗ ΕΝΗΜΕΡΩΣH
RODOPI CHALLENGE (ROC 50 MILES) 2024 ΤΕΧΝΙΚΗ ΕΝΗΜΕΡΩΣH
 
EKSETASTEA KAI DIDAKTEA YLH G TAKSHS GENIKOY LYKEIOY
EKSETASTEA KAI DIDAKTEA YLH G TAKSHS GENIKOY LYKEIOYEKSETASTEA KAI DIDAKTEA YLH G TAKSHS GENIKOY LYKEIOY
EKSETASTEA KAI DIDAKTEA YLH G TAKSHS GENIKOY LYKEIOY
 
Εκπαιδευτική επίσκεψη στο 1ο ΕΠΑΛ Καβάλας.pptx
Εκπαιδευτική επίσκεψη στο 1ο ΕΠΑΛ Καβάλας.pptxΕκπαιδευτική επίσκεψη στο 1ο ΕΠΑΛ Καβάλας.pptx
Εκπαιδευτική επίσκεψη στο 1ο ΕΠΑΛ Καβάλας.pptx
 
Οδηγίες για τη δημιουργία Flashcard με το Quizlet.pdf
Οδηγίες για τη δημιουργία Flashcard με το Quizlet.pdfΟδηγίες για τη δημιουργία Flashcard με το Quizlet.pdf
Οδηγίες για τη δημιουργία Flashcard με το Quizlet.pdf
 
ΤΑ ΠΟΤΑΜΙΑ ΤΗΣ ΕΛΛΑΔΑΣ - Γεωγραφία .docx
ΤΑ ΠΟΤΑΜΙΑ ΤΗΣ ΕΛΛΑΔΑΣ - Γεωγραφία .docxΤΑ ΠΟΤΑΜΙΑ ΤΗΣ ΕΛΛΑΔΑΣ - Γεωγραφία .docx
ΤΑ ΠΟΤΑΜΙΑ ΤΗΣ ΕΛΛΑΔΑΣ - Γεωγραφία .docx
 
ΠΑΝΕΛΛΗΝΙΕΣ 2024 ΠΡΟΤΕΙΝΟΜΕΝΑ ΘΕΜΑΤΑ ΝΕΟΕΛΛΗΝΙΚΗ ΓΛΩΣΣΑ ΚΑΙ ΛΟΓΟΤΕΧΝΙΑ.pdf
ΠΑΝΕΛΛΗΝΙΕΣ 2024 ΠΡΟΤΕΙΝΟΜΕΝΑ ΘΕΜΑΤΑ ΝΕΟΕΛΛΗΝΙΚΗ ΓΛΩΣΣΑ ΚΑΙ ΛΟΓΟΤΕΧΝΙΑ.pdfΠΑΝΕΛΛΗΝΙΕΣ 2024 ΠΡΟΤΕΙΝΟΜΕΝΑ ΘΕΜΑΤΑ ΝΕΟΕΛΛΗΝΙΚΗ ΓΛΩΣΣΑ ΚΑΙ ΛΟΓΟΤΕΧΝΙΑ.pdf
ΠΑΝΕΛΛΗΝΙΕΣ 2024 ΠΡΟΤΕΙΝΟΜΕΝΑ ΘΕΜΑΤΑ ΝΕΟΕΛΛΗΝΙΚΗ ΓΛΩΣΣΑ ΚΑΙ ΛΟΓΟΤΕΧΝΙΑ.pdf
 
Η Δυναστεία των Παλαιολόγων - Βυζαντινή Αυτοκρατορία
Η Δυναστεία των Παλαιολόγων -  Βυζαντινή ΑυτοκρατορίαΗ Δυναστεία των Παλαιολόγων -  Βυζαντινή Αυτοκρατορία
Η Δυναστεία των Παλαιολόγων - Βυζαντινή Αυτοκρατορία
 
Οδηγίες για τη δημιουργία διαδραστικών δραστηριοτήτων με την εφαρμογή Wordwal...
Οδηγίες για τη δημιουργία διαδραστικών δραστηριοτήτων με την εφαρμογή Wordwal...Οδηγίες για τη δημιουργία διαδραστικών δραστηριοτήτων με την εφαρμογή Wordwal...
Οδηγίες για τη δημιουργία διαδραστικών δραστηριοτήτων με την εφαρμογή Wordwal...
 
ΕΝΔΟΣΧΟΛΙΚΕΣ_ΠΡΟΓΡΑΜΜΑ endosxolikes 2023-24
ΕΝΔΟΣΧΟΛΙΚΕΣ_ΠΡΟΓΡΑΜΜΑ endosxolikes 2023-24ΕΝΔΟΣΧΟΛΙΚΕΣ_ΠΡΟΓΡΑΜΜΑ endosxolikes 2023-24
ΕΝΔΟΣΧΟΛΙΚΕΣ_ΠΡΟΓΡΑΜΜΑ endosxolikes 2023-24
 
ΚΛΙΜΑΤΙΚΗ ΑΛΛΑΓΗ ΚΑΙ ΠΟΛΙΤΙΚΕΣ ΤΗΣ Ε.Ε..pptx
ΚΛΙΜΑΤΙΚΗ ΑΛΛΑΓΗ ΚΑΙ ΠΟΛΙΤΙΚΕΣ ΤΗΣ Ε.Ε..pptxΚΛΙΜΑΤΙΚΗ ΑΛΛΑΓΗ ΚΑΙ ΠΟΛΙΤΙΚΕΣ ΤΗΣ Ε.Ε..pptx
ΚΛΙΜΑΤΙΚΗ ΑΛΛΑΓΗ ΚΑΙ ΠΟΛΙΤΙΚΕΣ ΤΗΣ Ε.Ε..pptx
 
Το άγαλμα που κρύωνε
Το άγαλμα που                       κρύωνεΤο άγαλμα που                       κρύωνε
Το άγαλμα που κρύωνε
 
Γιορτή της μητέρας-Φύλλα εργασιών για όλες τις τάξεις
Γιορτή της μητέρας-Φύλλα εργασιών για όλες τις τάξειςΓιορτή της μητέρας-Φύλλα εργασιών για όλες τις τάξεις
Γιορτή της μητέρας-Φύλλα εργασιών για όλες τις τάξεις
 

2η διάλεξη Τεχνολογίες Παγκόσμιου Ιστού

  • 2. HTMLs XHTML πλησίασε την XML XHTML5 σεβασμός στους χρήστς και τους browsers απλούστερες HTML προδιαγραφές νέα σημασιαλογικά στοιχεία (header, footer, …) πλούσια πολυμεσικά Υποστήριξη WebApp (geolocation, …)
  • 3. Hypertext Transport Protocol (HTTP) Σύνολο εντολών που στέλνει browser και κατανοεί ο (web) server Εντολές HTTP (εσωτερικές του browser): GET filename : download POST filename : send a web form response PUT filename : upload HEAD, OPTIONS, DELETE, CONNECT, … Ctrl-Alt-Del
  • 4. HTTP • HTTP method • Web Page (URL) • Παράμετροι • status • content type • content
  • 5. Response - HTML in HTTP
  • 9. POST & GET GET - περιορισμένο πλήθος χαρακτήρων. GET - τα αποσταλόμενα δεδομένα επισυνάπτονται στο URL. Δεν μπορείς να κάνεις bookmark μια φόρμα αν χρησιμοποιείς POST και όχι GET. Αν η διαδικασία είναι idempotent, τότε GET.
  • 10. Ανατομία ενός GET request Παράμετροι
  • 11. Ανατομία ενός HTTP POST request Δεδομένα
  • 13.
  • 14. URI
  • 15. Ports Ένας 16-bit αριθμός που that που προσδιορίζει ΄ένα συγκεκριμένο πρόγραμμα σε μια μηχανή server. 0-1023 για τους sys-admins
  • 16.
  • 18. Στατικό και δυναμικό περιεχόμενο
  • 19. Δυναμικό περιεχόμενο Δυναμικές σελίδες δεν προυπάρχουν Πρέπει να κατασκευασθεί εξ αρχής η HTML απόκριση λαμβάνουμε το αίτημα καλούμε την σχετική εφαρμογή γα να δημιουργησει το HTML το στέλνουμε πίσω στον browser
  • 20. Common Gateway Interface (CGI) μια στάνταρτ μέθοδο των web servers για να αναθέσουνε την δημιουργία των δυναμικών σελίδων σε εκτελέσιμα αρχεία τα αρχεία αυτά είναι γνωστά σαν CGI scripts είναι προγράμματα που συνηθως είναι αυτόνομα γραμμένα σε μια scripting γλώσσα
  • 22. CGI (non-Java) προσέγγιση C, PERL, python, PHP
  • 23. Το πρόβλημα με τα CGI Λογική Η Java είναι η γλώσσα του ίντερνετ Αποδοτικότητα Light-weight Εύκολη διαχείριση νημάτων Παραγωγικότητα J2EE
  • 24. Servlet: prepare Δημιούργησε το δενδροειδές directory Γράψε τα δύο αρχεία
  • 25. Servlet: Συγγραφή του servlet.java import'javax.servlet.*;' import'javax.servlet.h3p.*;' import'java.io.*;' ' public'class'Ch1Servlet'extends'H3pServlet'{'' ''''''''public'void'doGet(H3pServletRequest'request,'' 'H3pServletResponse'response)'' 'throws'IOExcepHon'{'' ' ''''''''PrintWriter'out'='response.getWriter();'' '''''''''java.uHl.Date'today'='new'java.uHl.Date();'' ''''''''out.println(“<html>'“'+'' '''''''''''''''''''''''''''''“<body>”'+'' '''''''''''''''''''''''''''''“<h1'align=center>HF’s'Chapter1'Servlet</h1>”'+'' '''''''''''''''''''''''''''''“<br>”'+'today'+'“</body>”'+'“</html>”);'' '''''''''}' }'
  • 26. <?xml&version=”1.0”&encoding=”ISO9885191”&?>& <web9app&xmlns=”hBp://java.sun.com/xml/ns/j2ee”& &&&&&&&&&&xmlns:xsi=”hBp://www.w3.org/2001/XMLSchema9instance”& &&&&&&&&&&xsi:schemaLocaMon=”hBp://java.sun.com/xml/ns/j2ee& &&&&&&&&&&hBp://java.sun.com/xml/ns/j2ee/web9app_2_4.xsd”& &&&&&&&&&&version=”2.4”>& &&&&&&&&&<servlet>& &&&&&&&&&&&&&&<servlet9name>Servlet</servlet9name>& &&&&&&&&&&&&&&<servlet9class>Ch1Servlet</servlet9class>& &&&&&&&&&</servlet>& Servlet: Συγγραφή του Deployment Descriptor (DD) web.xml && &&&&&&&&<servlet9mapping>& &&&&&&&&&&&&&&<servlet9name>Servlet</servlet9name>& &&&&&&&&&&&&&&<url9paBern>/Serv1</url9paBern>& &&&&&&&&&</servlet9mapping>& </web9app>&
  • 27. Servlet: deployment Αποθήκευσε τα αρχεία στο κατάλληλο μέρος
  • 28. Servlet: Deploy and use Μετέφρασε Μετέφερε στο σύστημα αρχείων του Tomcat Ξεκίνα τον Tomcat Κτύπα τον συνδεσμο στον browser σου
  • 29. Όμως! Ενσωμάτωση HTML σαν string μέσα σε java (println)? Γιατί όχι ενσωμάτωση Java μέσα σε HTML (ή XML)?
  • 30. Apps developer Web page developer JSP