Web

Development
Introduction
Sir Tim Berners-Lee invented the World Wide Web in 1989
World Wide Web - Η αρχή...

● 1980: Ο Tim Berners-Lee, δουλεύοντας ως σύμβουλος για το CERN, γράφει το πρόγραμμα

“Enquire-Within-Upon-Everything” που επιτρέπει τη δημιουργία συνδέσμων μεταξύ τυχαίων
κόμβων.

● 1984: Ο Paul Mockapetris παρουσιάζει το Domain Name System (DNS).

● 1989: Ο Tim Berners-Lee κυκλοφορεί εσωτερικά στο CERN το

“Information Management: A Proposal”.

● 1990: Ο Tim Berners-Lee παίρνει έγκριση και υλοποιεί την HTML, το URI, το πρωτόκολλο HTTP,
τον πρώτο browser (“WorldWideWeb.app”) και τον πρώτο web server (“httpd”).

● 1994: Ο Tim Berners-Lee ιδρύει το World Wide Web Consortium (W3C).

World Wide Web - Παγκόσμιος Ιστός

Ο Παγκόσμιος Ιστός είναι το σύνολο του περιεχομένου και των υπηρεσιών που παρέχονται μέσω του
Διαδικτύου (Internet).

Το Διαδίκτυο είναι ένα παγκόσμιο δίκτυο που διασυνδέει μεταξύ τους όλα τα συστήματα και τις συσκευές
που διαθέτουν το κατάλληλο υλικό και λογισμικό για τη διασύνδεση.

Το περιεχόμενο και οι υπηρεσίες είναι προσβάσιμα μέσω κατάλληλα διαμορφωμένων αναφορών που
ονομάζονται Uniform Resource Locators (URLs).
Uniform Resource Locator (URL)

Το URL είναι μια αναφορά που ορίζει μοναδικά την τοποθεσία ενός πόρου (έγγραφο, αρχείο κ.ά.) σε ένα κοινόχρηστο
δίκτυο καθώς και στο Διαδίκτυο.

Το URL ακολουθεί την παρακάτω σύνταξη

scheme:[//[user[:password]@]host[:port]][/path][?query][#fragment]

όπου,
● το scheme αναφέρεται στο πρωτόκολλο επικοινωνίας ή/και στο μηχανισμό για την ανάκτηση των δεδομένων,
● το user@ είναι προαιρετικό και αναφέρεται στο χρήστη του συστήματος που φιλοξενεί τον πόρο,
● το password είναι προαιρετικό, αλλά αν απαιτείται θα ζητηθεί για την πρόσβαση του χρήστη στο σύστημα,
● το host είναι η διεύθυνση του συστήματος στο διαδίκτυο,
● το port είναι η θύρα επικοινωνίας του συστήματος για την τρέχουσα υπηρεσία,
● το path είναι η τοποθεσία του πόρου μέσα στο σύστημα,
● το query είναι οι παράμετροι για την υπηρεσία που ζητείται, και
● το fragment αναφέρεται σε συγκεκριμένο τμήμα του περιεχομένου.

Για παράδειγμα: https://www.collegelink.gr/privacy_policy.html

Ως host χρησιμοποιείται ένα fully qualified domain name (FQDN), όπου:

● www είναι το hostname ή subdomain, και
● collegelink.gr είναι το domain με το .gr ως top-level domain (TLD)
Domain Name System (DNS)

Το URL είναι μια αναφορά που ορίζει μοναδικά την τοποθεσία ενός πόρου (έγγραφο, αρχείο κ.ά.) σε ένα
κοινόχρηστο δίκτυο καθώς και στο Διαδίκτυο.

Ένα από τα κύρια συστατικά των URL που χρησιμοποιούνται στο Διαδίκτυο είναι το όνομα χώρου
(domain name).

Για να επικοινωνήσει ένας web browser (περιηγητής ιστού) με το σύστημα που φιλοξενεί έναν πόρο, θα
πρέπει πρώτα να ανακαλύψει τη διεύθυνση IP (IP address) του συστήματος.

Η αντιστοίχιση των ονομάτων χώρου (domain names) σε διευθύνσεις IP πραγματοποιείται μέσα από το
Σύστημα Ονομάτων Χώρου (Domain Name System).

Η διεύθυνση IP είναι ένας μοναδικός αριθμός που αντιστοιχεί σε κάθε συσκευή που είναι συνδεδεμένη σε
ένα δίκτυο (είτε τοπικό ή το Διαδίκτυο) και επιτρέπει στις υπόλοιπες συσκευές του δικτύου την επικοινωνία
από και προς τη συσκευή.

collegelink.gr →93.174.125.233
Internet Protocol Suite (RFC 1122)

Τα πρωτόκολλα επικοινωνίας που είναι απαραίτητα για την επικοινωνία των συστημάτων και συσκευών
που ανταλλάσσουν δεδομένα μέσω του Διαδικτύου, έτσι όπως ορίστηκαν αρχικά στο RFC1122
διακρίνονται σε 4 επίπεδα:

● επίπεδο σύνδεσης (Link) όπου περιγράφεται ο τρόπος επικοινωνίας μεταξύ των φυσικών μέσων
(Ethernet)
● επίπεδο διαδικτύου (Internet) όπου περιγράφεται η ενθυλάκωση και η δρομολόγηση των
δεδομένων (IP)
● επίπεδο μεταφοράς (Transport) όπου περιγράφεται ο τρόπος μεταφοράς των δεδομένων από την
αφετηρία ως τον προορισμό (TCP, UDP)
● επίπεδο εφαρμογής (Application) όπου περιγράφεται η δομή και η σημασία των
ανταλλασσόμενων μηνυμάτων (HTTP)
Hypertext Transfer Protocol - HTTP

Το υπερκείμενο (hypertext) είναι κείμενο που ξεπερνά τους περιορισμούς του γραμμικού κειμένου και
επιτρέπει στον αναγνώστη την πλοήγηση μέσα σε αυτό με τη χρήση υπερσυνδέσμων (hyperlinks).

Το HTTP λειτουργεί στο επίπεδο εφαρμογής επιτρέποντας την ανταλλαγή υπερκειμένου και δεδομένων.

Το HTTP θεμελιώνει την αρχιτεκτονική πελάτη-εξυπηρετητή στο Διαδίκτυο περιγράφοντας τη δομή και το
συντακτικό των αιτημάτων (HTTP requests) που στέλνει ο πελάτης και των απαντήσεων (HTTP
responses) που επιστρέφει ο εξυπηρετητής.

GET /privacy_policy.html HTTP/1.1 HTTP/1.1 200 OK

Host: www.collegelink.gr Content-Length: 25450
Content-Type: text/html; charset=UTF-8
Date: Mon, 12 Mar 2018 23:19:11 GMT

<!DOCTYPE...
Αρχιτεκτονική πελάτη-εξυπηρετητή (client-server)

Η λειτουργία του Διαδικτύου στηρίζεται στην αρχιτεκτονική πελάτη-εξυπηρετητή.

Ο εξυπηρετητής είναι το σύστημα με το λογισμικό που παρέχει υπηρεσίες ή πληροφορίες μέσω ενός
κοινόχρηστου δικτύου. Στο Διαδίκτυο το περιεχόμενο και οι υπηρεσίες παρέχονται από εξυπηρετητές
παγκόσμιου ιστού (web servers). Ορισμένοι διαδεδομένοι web servers είναι οι:
● Apache
● Nginx
● Node.js
● Lighttpd

Ο πελάτης είναι κάθε συσκευή με λογισμικό κατάλληλο για την αποστολή αιτημάτων προς εξυπηρετητές
και την διαχείριση των αποτελεσμάτων που επιστρέφονται. Ο περιηγητής ιστού (web browser) μαζί με τη
συσκευή ή το σύστημα στο οποίο λειτουργεί αποτελεί τον πελάτη στο Διαδίκτυο. Ορισμένοι διαδεδομένοι
web browsers είναι οι:
● Chrome (Google)
● Firefox (Mozilla)
● Opera
● Safari (Apple)
● Edge (Microsoft)
Αρχιτεκτονική πελάτη-εξυπηρετητή (client-server) στο Διαδίκτυο

Nameserver
1. DNS lookup
1. DNS lookup

2. DNS response
Web 2. DNS response
browser
3. HTTP request Web server
3. HTTP request

4. Content
4. Content

Client side Internet Server side

Web development - Ανάπτυξη Εφαρμογών Διαδικτύου

Η ανάπτυξη εφαρμογών διαδικτύου αναφέρεται στην υποστήριξη περιεχομένου που διατίθεται μέσω του
διαδικτύου και στην υλοποίηση λογισμικού κατάλληλου για χρήση μέσω του διαδικτύου.

Η ανάπτυξη εφαρμογών διαδικτύου περιλαμβάνει δύο βασικούς ρόλους, το front-end development και το
back-end development.

● Το front-end development αναφέρεται στην ανάπτυξη του γραφικού περιβάλλοντος που αποτελεί τη
διεπαφή (User Interface - UI) μεταξύ του χρήστη και του συστήματος και στον καθορισμό της
αλληλεπίδρασης (User Experience - UX) που πραγματοποιείται μέσω της διεπαφής. Το front-end
development αφορά την πλευρά του πελάτη και περιλαμβάνει τεχνολογίες όπως HTML, CSS και
JavaScript.

● Το back-end development αναφέρεται στην ανάπτυξη λογισμικού για την αποθήκευση, την
ανάκτηση και την επεξεργασία των δεδομένων που εισάγονται μέσω της διεπαφής με σκοπό την
αξιοποίησή τους. Το back-end development αφορά την πλευρά του εξυπηρετητή και περιλαμβάνει
τεχνολογίες όπως .NET και SQL.
Σχετικοί σύνδεσμοι

● https://webfoundation.org/about/vision/history-of-the-web/

● https://www.w3.org/History.html

● http://www.w3.org/2005/01/timelines/timeline-2500x998.png

● https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work

● https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works

● https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview
The inventor of the world wide web, Sir Tim
Berners-Lee, has unveiled a plan to tackle
data abuse and fake news. - BBC, 2017