Download Information Systems Analysis and Design

Survey
yes no Was this document useful for you?
   Thank you for your participation!

* Your assessment is very important for improving the work of artificial intelligence, which forms the content of this project

page
1
page
2
page
3
page
4
page
5
page
6
page
7
page
8
page
9
page
10
page
11
page
12
page
13
page
14
page
15
page
16
page
17
page
18
page
19
page
20
page
21
page
22
page
23
page
24
page
25
Document related concepts
no text concepts found
Transcript 
Εισαγωγή στην Επιστήμη των
Υπολογιστών και Επικοινωνιών
Σχεδιασμός ιστοχώρων
Σπύρος Κοκολάκης*
[email protected]
ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΙΓΑΙΟΥ
ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΑΚΩΝ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ
*Βασισμένο σε μία διάλεξη του Δρα Αλ. Τσαούση
Α’ Εξάμηνο 2011-2012
Παραδείγματα ιστοχώρων
•
•
•
•
•
•
•
•
•
•
www.amazon.com
www.amazon.co.uk
www.amazon.cn
spyros.kokolakis.name
spyroskokolakis.gr
del.icio.us
europa.eu
lufthansa.aero
cnn.tv (tuvalu)
thelongestlistofthelongeststuffatthelongestdom
ainnameatlonglast.com
• 3.14159265358979323846264338327950288
4197169399375105820974944592.com
γεια.gr
Τι είναι ο ιστοχώρος (website)
• Σύνολο από σελίδες υπερκειμένου
(hypertext) … και hypermedia
• …που φιλοξενούνται σε ένα
εξυπηρετητή ιστού (web server)
• Έχει μοναδική διεύθυνση (URL –
Uniform Resource Locator)
– Μοναδική, με την έννοια ότι ένα URL
αντιστοιχεί σε ένα ιστοχώρο, όχι το
αντίστροφο
• ... που είναι προσβάσιμη μέσω
φυλλομετρητή (browser)
WWW – World Wide Web
• 1990:
http://info.cern.ch/hypertext/WWW/TheProject.
html
• “Η ιδέα ήταν να συσχετίσω ηλεκτρονικά
έγγραφα, μέσω υπερσυνδέσμων, για
την καλύτερη διαχείριση αυτών από
τους υπαλλήλους στο CERN” – Tim
Berners Lee
Κατηγορίες
• Προσωπικά
• Εταιρικά
• Blog
• Photo Album
• Κοινωνικά
• Ηλεκτρονικά καταστήματα
• ….
Δημοφιλέστεροι ιστοχώροι
Τι χρειαζόμαστε
• Ένα όνομα (domain name)
• Έναν εξυπηρετητή ιστού
• Αρχεία html, htm, css, js κ.λπ.
Domain names
• domains24.gr
• papaki.gr
• ipdomain.net
• http://www.gr
– Εθνική Επιτροπή Τηλεπικοινωνιών και
Ταχυδρομείων (ΕΕΤΤ) – Ίδρυμα
Τεχνολογίας και Έρευνας (ΙΤΕ)
Κατηγορίες εξυπηρετητών
• 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
– Στάσιμο περιεχόμενο
Παράδειγμα
<HTML>
<HEAD>
<TITLE> University of Aegean </TITLE>
</HEAD>
<BODY>
Αυτό είναι το κείμενο μιας ιστοσελίδας<br/>
Αυτός είναι ένας
<a href=‘www.google.gr’>Υπερσύνδεσμος</a>
</BODY>
</HTML>
Δυναμικοί ιστοχώροι
• Χρησιμοποιούν κώδικα (π.χ. PHP, JSP,
ASP, Ruby On Rails) που παράγει
HTML και έχουν δυναμικό περιεχόμενο,
δηλαδή το περιεχόμενο των σελίδων του
website θα εξαρτάται από παράγοντες
όπως: το input του χρήστη, το
περιεχόμενο στη Βάση Δεδομένων, τον
τύπο φυλλομετρητή (browser) του
χρήστη κ.ά.
Δυναμικοί ιστοχώροι
Πλεονεκτήματα
– Προσφέρουν ποικιλία λειτουργιών
– Εύκολα στην ανανέωσή τους
Μειονεκτήματα
– Μεγαλύτερο κόστος ανάπτυξης
Παράδειγμα
<?php
$date = date(‘d-m-Y’);
?>
<HTML>
<HEAD>
<TITLE> University of Aegean </TITLE>
</HEAD>
<BODY>
Αυτό είναι το κείμενο μιας ιστοσελίδας<br/>
Αυτός είναι ένας <a
href=‘www.google.gr’>Υπερσύνδεσμος</a><br>
Και η ημερομηνία είναι <? echo $date; ?>
</BODY>
</HTML>
Δυναμικοί ιστοχώροι
• Λειτουργίες:
– Μηχανή Αναζήτησης
– Database Interface
– User-specific Content Generation
– Έλεγχος τιμών εισόδου
– Αυθεντικοποίηση
– Δυνατότητα ανανέωσης των κειμένων
– Αλληλεπίδραση
Εργαλεία CMS
• Content Management System:
– Joomla
– Drupal
– WordPress
– MediaWiki
Content Management Systems
• Δεκάδες συστήματα
• Joomla!
–
–
–
–
Το πιο δημοφιλές αυτή τη στιγμή
Ανοικτού κώδικα (www.joomla.org)
Από απλή ιστοσελίδα μέχρι ηλεκτρονικό κατάστημα
RSS feeds, blogs, polls, language
internationalization, news flashes, printable page
versions
– Front office και Back office
– Πάνω από 6.000 plug-ins
Παράδειγμα
Σύνοψη
Related documents