Εισαγωγή στην Επιστήμη των Υπολογιστών και Επικοινωνιών Σχεδιασμός ιστοχώρων Σπύρος Κοκολάκης* ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΙΓΑΙΟΥ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΑΚΩΝ.

Slides:



Advertisements
Παρόμοιες παρουσιάσεις
Δημιουργία Ιστοσελίδων σε HTML και FrontPage Πρόγραμμα Αναμόρφωσης Προπτυχιακών Σπουδών Κεντρικό Γραφείο Υποστήριξης Εκπαιδευτικού Έργου Αλέξανδρος Λεκατσάς.
Advertisements

WORDPRESS. Self-Hosting Wordpress • Απαιτείται δικό μας domain, και δικιά μας Web Hosting Υπηρεσία (κατόπιν πληρωμής) • Το λογισμικό του Wordpress κατεβαίνει.
Διαδίκτυο Κίκα Χρυσοστόμου.
ΕΝΟΤΗΤΑ 4 – Κεφάλαιο 12: Ο Παγκόσμιος Ιστός – Εισαγωγή στην έννοια του Υπερκειμένου Λέξεις Κλειδιά: Διαδίκτυο, Παγκόσμιος Ιστός (World Wide Web), ιστοσελίδα.
Κώστας Διαμαντάρας Τμήμα Πληροφορικής ΤΕΙ Θεσσαλονίκης 2011 Υπηρεσίες Web και Συστάδες υπολογιστών.
Υπηρεσίες Διαδικτύου Βαμβακάς Δημήτριος Καθηγητής Πληροφορικής ΓΕΛ Σάμου.
ΔΙΑΔΙΚΤΥΟ (INTERNET) Γκόγκου A. Μάρθα Msc Πληροφορικής.
Διαδίκτυο.
Web 2.0 Διαδίκτυο: Ο Προσωπικός μας Υπολογιστής
Τεχνολογίες Ηλεκτρονικής Μάθησης
Δ.Π.Θ. Συνδέοντας έγγραφα - 1 Συνδέοντας έγγραφα Μια σύνδεση στο Web (link) αποτελείται από δύο μέρη : Aυτό που βλέπουμε στη σελίδα και λέγεται άγκυρα.
Μεθοδολογίες και Εργαλεία Ανάλυσης και Σχεδιασμού Π.Σ. Σπύρος Κοκολάκης ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΙΓΑΙΟΥ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΑΚΩΝ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΚΩΝ.
Πρωτόκολλα & Υπηρεσίες WWW
Εισαγωγή στην Επιστήμη των Υπολογιστών και Επικοινωνιών Εισαγωγή στο ηλεκτρονικό και κινητό επιχειρείν Σπύρος Κοκολάκης ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΙΓΑΙΟΥ.
Ενότητα Β: Εισαγωγή στο Διαδίκτυο Κουμπή Βασιλάντα, Ph.D, MSc.
Uniform Resource Locators (URLs) Ορισμός : URL (Uniform Resource Locator): Δείκτης σε μία πηγή πληροφοριών του Παγκοσμίου Ιστού (World Wide Web) Στη Java,
Στογιάννου Αθανασία 1Ι-ΙΝΠΟ internet Στογιάννου Αθανασία web designer 2013 web designer 2013.
ΕΡΓΑΛΕΙΟ ΠΑΡΑΓΩΓΗΣ ΠΕΡΙΕΧΟΜΕΝΟΥ ΣΕ WEB SITE (CONTENT MANAGEMENT TOOL)
Διαχείριση πληροφοριών και επικοινωνίες Ονομ/νυμο Επιμορφωτή Επιμορφωτής: Ονομ/νυμο Επιμορφωτή ΥΠΕΠΘ ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ ΠΡΟΓΡΑΜΜΑ «ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ»
Microsoft ASP.NET Browser Web 2.0 CSS JavaScript Server Client Clients Κατσιώτης Ιωάννης Οικονομικό Πανεπιστήμιο Αθηνών
> Καλπάκη Ελένη Καρυπίδης Φώτιος Α.Μ. : 2027 Α.Μ.: 1837 Επιβλέπων Καθηγητής Δρ. Σπυρίδων Α. Καζαρλής.
ΕΝΟΤΗΤΑ 4 – Κεφάλαιο 12: Ο Παγκόσμιος Ιστός – Εισαγωγή στην έννοια του Υπερκειμένου Το 1989 ο Τιμ Μπέρνερς μέλος του κέντρου cern επινόησε τον παγκόσμιο.
Σύγχρονοι Εξυπηρετητές του Ιστού Παραδείγματα και Συγκρίσεις Πληροφοριακά Συστήματα για Μάρκετινγκ & Δημοσκοπήσεις.
Εισαγωγή - επανάληψη Ο παγκόσμιος ιστός είναι
ΗΜΥ 007 – Τεχνολογία Πληροφορίας Διάλεξη 2
ΤΟ ΔΙΑΔΙΚΤΥΟ ΩΣ ΠΗΓΗ ΠΛΗΡΟΦΟΡΙΩΝ ΣΤΟ ΣΧΟΛΕΙΟ Η ΔΙΔΑΚΤΙΚΗ ΤΟΥ ΧΡΗΣΗ.
Κεφάλαιο 2.  Με το διαδίκτυο μπορεί κάποιος:  να κάνει έρευνα,  να ψωνίσει για διάφορες υπηρεσίες και προϊόντα,  να δει καιρικούς χάρτες,  να πάρει.
PHP/MYSQL ΠΑΡΟΥΣΙΑΣΗ ΣΤΑ ΠΛΑΙΣΙΑ ΤΟΥ ΜΑΘΗΜΑΤΟΣ ΕΠΟΙΚΟΙΝΩΝΙΑ ΑΝΘΡΩΠΟΥ-ΜΗΧΑΝΗΣ ΤΥΡΟΛΟΓΟΥ ΓΛΥΚΕΡΙΑ ΑΜ 875 ΡΙΖΟΥ ΔΕΣΠΟΙΝΑ ΑΜ 816.
Η επιστήμη του Web.
Εισαγωγή στην Επιστήμη των Υπολογιστών και Επικοινωνιών Εισαγωγή στο ηλεκτρονικό και κινητό επιχειρείν Σπύρος Κοκολάκης ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΙΓΑΙΟΥ.
ΕΙΣΑΓΩΓΗ ΣΤΙΣ ΒΑΣΙΚΕΣ ΕΝΝΟΙΕΣ ΤΟΥ ΠΑΓΚΟΣΜΙΟΥ ΙΣΤΟΥ
Κεφάλαιο 11.1 Uniform Resource Locators (URLs). Ορισμός : URL (Uniform Resource Locator): Δείκτης σε μία πηγή πληροφοριών του Παγκοσμίου Ιστού (World.
Β5.1.2 Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας.
ΕΝΟΤΗΤΑ 4 – Κεφάλαιο 12: Ο Παγκόσμιος Ιστός – Εισαγωγή στην έννοια του Υπερκειμένου Λέξεις Κλειδιά: Λέξεις Κλειδιά: Διαδίκτυο, Παγκόσμιος Ιστός (World.
Ο Παγκόσμιος ιστός World Wide Web (WWW) Είναι μια υπηρεσία του Internet ΠΡΟΣΟΧΗ μην την ταυτίζουμε με το ιντερνέτ Αποτελείται από εκατομμύρια ιστοσελίδες.
Γνωριμία με το Διαδίκτυο
ΑΕΙ ΠΕΙΡΑΙΑ Τ.Τ. ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΗΛΕΚΤΡΟΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ Τ.Ε. ΑΕΙ ΠΕΙΡΑΙΑ Τ.Τ. ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ.
ΕΙΣΑΓΩΓΗ ΣΤΙΣ ΑΡΧΕΣ ΤΗΣ ΕΠΙΣΤΗΜΗΣ ΤΩΝ ΥΠΟΛΟΓΙΣΤΩΝ ΠΑΛΛΑΣ ΑΝΑΣΤΑΣΙΟΣ / ΦΕΒΡ ΚΕΦΑΛΑΙΟ 2 ΣΥΣΤΗΜΑΤΑ ΔΙΑΧΕΙΡΙΣΗΣ ΠΕΡΙΕΧΟΜΕΝΟΥ.
Διαδίκτυο / Internet (International Network). Οδικό Δίκτυο.
Χάρης Κονδυλάκης 14/5/2013 Τουρισμός Σχεδιασμός Ιστοχώρων 1.
Χάρης Κονδυλάκης Σχεδιασμός Ιστοχώρων 1. Παραδείγματα ιστοχώρων del.icio.us europa.eu lufthansa.aero cnn.tv.
ΗΜΥ 100: Εισαγωγή στην Τεχνολογία Διάλεξη 5 Η εξέλιξη του Διαδικτύου TΜΗΜΑ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΙ ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ ΠΟΛΥΤΕΧΝΙΚΗ ΣΧΟΛΗ ΠΑΝΕΠΙΣΤΗΜΙΟ.
14ο Γυμνάσιο Περιστερίου Εργαστήριο Πληροφορικής.
ΖΑΚΑΛΚΑΣ ΑΝΑΣΤΑΣΙΟΣ Α.Ε.Μ.: 2481 ΣΟΥΛΟΥΓΚΑΣ ΔΗΜΗΤΡΙΟΣ Α.Ε.Μ.: 2132 Επιβλέπων Καθηγητής: κ. ΟΥΤΣΙΟΣ ΕΥΑΓΓΕΛΟΣ ΜΑΡΤΙΟΣ 2016 ΣΕΡΡΕΣ.
Τι είναι το Ίντερνετ Παγκόσμιο Δίκτυο
Wikis Ο Cunningham εμπνεύστηκε τον όρο wiki από τα "wiki wiki", δηλαδή τα "γρήγορα" λεωφορεία πυκνών δρομολογίων στον αερολιμένα της Χονολουλού.
ΔΙΑΔΙΚΤΥΟ, WEB2.0 KAI WEB X Από τον WEB 1.0 στον WEB X.0
2ο ΓΕ.Λ. ΑΛΙΜΟΥ ΤΑΞΗ :Β΄ ΤΜΗΜΑ:4ο
Web, Web 2.0, Web 3.0 και Web X.0 ΚΕΦΑΛΑΙΟ 9.
Κεφάλαιο 6o. Επίπεδο εφαρμογής
Κεφαλαιο 11 ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML.
Υπηρεσίες του διαδικτύου
9.2 Δομή και υπηρεσίες του Διαδικτύου
Γυμνάσιο Νέας Κυδωνίας
Ο Παγκόσμιος Ιστός Φακίνος Αποστόλης 1.
Επιλογή Συστήματος Διαχείρισης Περιεχομένου
Ιστορική Εξέλιξη του Παγκόσμιου Ιστού
Ο Παγκόσμιος Ιστός – Εισαγωγή στην έννοια του Υπερκειμένου
ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΩΝ ΕΦΑΡΜΟΓΩΝ
ΜΙΑ ΓΡΗΓΟΡΗ ΕΠΑΝΑΛΗΨΗ ΤΩΝ ΕΝΝΟΙΩΝ ΤΗΣ Α’ ΓΥΜΝΑΣΙΟΥ
Το Διαδίκτυο - Internet
ΕΝΟΤΗΤΑ 4 – Κεφάλαιο 12: Ο Παγκόσμιος Ιστός – Εισαγωγή στην έννοια του Υπερκειμένου Λέξεις Κλειδιά: Διαδίκτυο, Παγκόσμιος Ιστός (World Wide Web), ιστοσελίδα.
Εισαγωγή στην υλοποίηση δικτυακού τόπου
Πλοήγηση στο Διαδίκτυο
ΙΙ. Η κοινωνία της πληροφορίας
Εφαρμογές ιστού και δημιουργία ιστοσελίδων
ՀԱՄԱԿԱՐԳՉԱՅԻՆ ՀԵՌԱՀԱՂՈՐԴԱԿՑՈՒՂԻՆԵՐ
ΕΝΟΤΗΤΑ 4 – Κεφάλαιο 12: Ο Παγκόσμιος Ιστός – Εισαγωγή στην έννοια του Υπερκειμένου Λέξεις Κλειδιά: Διαδίκτυο, Παγκόσμιος Ιστός (World Wide Web), ιστοσελίδα.
Εφαρμογές ιστού και δημιουργία ιστοσελίδων
ΕΝΟΤΗΤΑ 4 – Κεφάλαιο 12: Ο Παγκόσμιος Ιστός – Εισαγωγή στην έννοια του Υπερκειμένου (σελίδες 78-83) Λέξεις Κλειδιά: Διαδίκτυο, Παγκόσμιος Ιστός (World.
Μεταγράφημα παρουσίασης:

Εισαγωγή στην Επιστήμη των Υπολογιστών και Επικοινωνιών Σχεδιασμός ιστοχώρων Σπύρος Κοκολάκης* ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΙΓΑΙΟΥ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΑΚΩΝ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ Α’ Εξάμηνο *Βασισμένο σε μία διάλεξη του Δρα Αλ. Τσαούση

Παραδείγματα ιστοχώρων spyros.kokolakis.name spyroskokolakis.gr del.icio.us europa.eu lufthansa.aero cnn.tv (tuvalu) thelongestlistofthelongeststuffatthelongestdom ainnameatlonglast.com com γεια.gr

Τι είναι ο ιστοχώρος (website) Σύνολο από σελίδες υπερκειμένου (hypertext) … και hypermedia …που φιλοξενούνται σε ένα εξυπηρετητή ιστού (web server) Έχει μοναδική διεύθυνση (URL – Uniform Resource Locator) –Μοναδική, με την έννοια ότι ένα URL αντιστοιχεί σε ένα ιστοχώρο, όχι το αντίστροφο... που είναι προσβάσιμη μέσω φυλλομετρητή (browser)

WWW – World Wide Web 1990: html “Η ιδέα ήταν να συσχετίσω ηλεκτρονικά έγγραφα, μέσω υπερσυνδέσμων, για την καλύτερη διαχείριση αυτών από τους υπαλλήλους στο CERN” – Tim Berners Lee

Κατηγορίες Προσωπικά Εταιρικά Blog Photo Album Κοινωνικά Ηλεκτρονικά καταστήματα ….

Δημοφιλέστεροι ιστοχώροι

Τι χρειαζόμαστε Ένα όνομα (domain name) Έναν εξυπηρετητή ιστού Αρχεία html, htm, css, js κ.λπ.

Domain names domains24.gr papaki.gr ipdomain.net –Εθνική Επιτροπή Τηλεπικοινωνιών και Ταχυδρομείων (ΕΕΤΤ) – Ίδρυμα Τεχνολογίας και Έρευνας (ΙΤΕ)

Κατηγορίες εξυπηρετητών Web Server (www) Domain Name Server (DNS) Mail server File Transfer Protocol (FTP) server Streaming server

Γνωστοί εξυπηρετητές ιστού Apache IIS Nginx

Εργαλεία κατασκευής ιστοσελίδων Coffee Cup HTML Editor Komodo Edit Web Studio Adobe Dreamweaver Site Builders –Εύκολοι στη χρήση

Άλλα χρήσιμα εργαλεία Adobe Photoshop Adobe Flash Microsoft Silverlight

Στατικά # Δυναμικά websites Στατικοί ιστοχώροι –Χρησιμοποιούν μόνο κώδικα HTML και έχουν στατικό περιεχόμενο, δηλαδή όλες οι σελίδες του website θα είναι πάντα οι ίδιες σε περιεχόμενο, ανεξάρτητα από ποιος τις επισκέπτεται και πότε.

Στατικοί ιστοχώροι Πλεονεκτήματα –Μικρός χρόνος ανάπτυξής τους –Μικρό κόστος ανάπτυξής τους –Μικρό κόστος για τη φιλοξενία τους Μειονεκτήματα –Η ανανέωσή τους απαιτεί γνώσεις html –Στάσιμο περιεχόμενο

Παράδειγμα University of Aegean Αυτό είναι το κείμενο μιας ιστοσελίδας Αυτός είναι ένας Υπερσύνδεσμος

Δυναμικοί ιστοχώροι Χρησιμοποιούν κώδικα (π.χ. PHP, JSP, ASP, Ruby On Rails) που παράγει HTML και έχουν δυναμικό περιεχόμενο, δηλαδή το περιεχόμενο των σελίδων του website θα εξαρτάται από παράγοντες όπως: το input του χρήστη, το περιεχόμενο στη Βάση Δεδομένων, τον τύπο φυλλομετρητή (browser) του χρήστη κ.ά.

Δυναμικοί ιστοχώροι Πλεονεκτήματα –Προσφέρουν ποικιλία λειτουργιών –Εύκολα στην ανανέωσή τους Μειονεκτήματα –Μεγαλύτερο κόστος ανάπτυξης

Παράδειγμα <?php $date = date(‘d-m-Y’); ?> University of Aegean Αυτό είναι το κείμενο μιας ιστοσελίδας Αυτός είναι ένας Υπερσύνδεσμος Και η ημερομηνία είναι

Δυναμικοί ιστοχώροι Λειτουργίες: –Μηχανή Αναζήτησης –Database Interface –User-specific Content Generation –Έλεγχος τιμών εισόδου –Αυθεντικοποίηση –Δυνατότητα ανανέωσης των κειμένων –Αλληλεπίδραση

Εργαλεία CMS Content Management System: –Joomla –Drupal –WordPress –MediaWiki

Content Management Systems Δεκάδες συστήματα Joomla! –Το πιο δημοφιλές αυτή τη στιγμή –Ανοικτού κώδικα ( –Από απλή ιστοσελίδα μέχρι ηλεκτρονικό κατάστημα –RSS feeds, blogs, polls, language internationalization, news flashes, printable page versions –Front office και Back office –Πάνω από plug-ins

Παράδειγμα

Σύνοψη