Ειςαγωγή ςτην καταςκευή ιςτοςελίδων και ηλ. καταςτημάτων tapostolatos@aegean.gr
Τι είναι ηο website Σύνολο από ιζηοζελίδες σπερκειμένοσ (hypertext)...πνπ θηινμελνύληαη ζε έλα web server Έρεη μοναδική διεύθσνζη (URL)...πνπ είλαη πξνζβάζηκε κέζω θπιινκεηξεηή (browser) θαη ΗΣΣΡ 1990: http://info.cern.ch/hypertext/www/theproject.html Η ηδέα ήηαλ λα ζπζρεηίζω ειεθηξνληθά έγγξαθα, κέζω ππεξζπλδέζκωλ, γηα ηελ θαιύηεξε δηαρείξηζε απηώλ από ηνπο ππαιιήινπο ζην CERN Tim Berners Lee
Καηηγορίες website Πξνζωπηθά Εηαηξηθά Blog Photo Album Κνηλωληθά Ηιεθηξνληθά Καηαζηήκαηα www: World Wide Web Http: HyperText Transfer Protocol Https: HyperText Transfer Protocol Secure
ηαηηθά websites Χξεζηκνπνηνύλ κόλν θώδηθα HTML ή XHTML, θαη έρνπλ ζηαηικό περιετόμενο, δειαδή όιεο νη ζειίδεο ηνπ ζα είλαη πάληα νη ίδηεο ζε πεξηερόκελν, αλεμάξηεηα από πνηόο ηηο επηζθέπηεηαη θαη πόηε. Πλεονεκηήμαηα Μηθξόο ρξόλνο αλάπηπμήο ηνπο Μηθξό θόζηνο αλάπηπμήο ηνπο Μηθξό θόζηνο γηα ηε θηινμελία ηνπο Μειονεκηήμαηα Η αλαλέωζή ηνπο απαηηεί γλώζεηο πξνγξακκαηηζκνύ ηάζηκν πεξηερόκελν
Παράδειγμα <HTML> <HEAD> <TITLE> University of Aegean </TITLE> </HEAD> <BODY> Ayto einai to keimeno mou <br/> Syndesmos pros tin google <a href= www.google.gr >Google.com</a> </BODY> </HTML>
Δσναμικά websites Χξεζηκνπνηνύλ θώδηθα (π.ρ. PHP, JSP, ASP etc) πνπ παξάγεη HTML ή XHTML, θαη έρνπλ δσναμικό περιετόμενο, δειαδή ην πεξηερόκελν ηωλ ζειίδωλ ηνπ 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>
Web 2.0 θαη CMS Bαζίδεηαη ζηελ όιν θαη κεγαιύηεξε δπλαηόηεηα ηωλ ρξεζηώλ λα κνηξάδνληαη πιεξνθνξίεο θαη λα ζπλεξγάδνληαη online Ο ρξήζηεο κπνξεί λα νξίδεη ην πεξηερόκελν Σσζηήμαηα Διατείριζης Περιετομένοσ (Content Management Systems CMS) Δηαδηθηπαθέο εθαξκνγέο πνπ επηηξέπνπλ ηελ online ηξνπνπνίεζε ηνπ πεξηερνκέλνπ ελόο δηθηπαθνύ ηόπνπ. http://en.wikipedia.org/wiki/list_of_content_management_systems
CMS Usage Statistics http://trends.builtwith.com/cms http://w3techs.com/technologies/overview/content_ management/all
Δημοθιλέζηερα websites
Τι τρειαζόμαζηε Domain name Host server Website αξρεία Πνην λνκίδεηε όηη είλαη ην πην ζεκαληηθό;;; ΑΠΑΙΣΟΤΜΕΝΑ ΒΗΜΑΣΑ: Αγορά domain name (π.χ. Papaki.gr) Αγορά/επιλογή eshop Αγορά hosting plan (εξαρτάται από τισ απαιτήςεισ) Δημιουργία ςύμβαςησ με τράπεζα(εσ) για online πληρωμέσ Δημιουργία ςύμβαςησ με Courier για ταχυμεταφορέσ Εγκατάςταςη του eshop ςε δοκιμαςτικό περιβάλλον Έλεγχοσ του eshop ςε δοκιμαςτικό περιβάλλον Live
Επιλογή Domain Name Domain Name: είναι η "διεύθυνςη" ςασ ςτο διαδίκτυο! http://74.125.224.72/ ή http://google.com Κάθε domain είναι μοναδικό και παρέχει μια πρώτη εικόνα τησ ιςτοςελίδασ που ακολουθεί, καθώσ και μια ιδέα για το περιεχόμενο του site, ή τα προΰόντα/υπηρεςίεσ που παρέχει.
υμβουλέσ επιλογήσ domain Σύντομο κι εύκολο (π.χ. ert.gr ή dnhost.gr) Μη δημιουργεί αμφιβολίεσ (pyrasfaleies ή pirasfalies ή pyrasfalies?). Κατοχύρωςη όλων των εκδόςεων pyrasfaleies.gr & pyrasfalies.gr & pirasfalies.gr & pirasfaleies.gr. Να περιέχει την κύρια λέξη κλειδί π.χ. πυροςβεςτήρεσ.gr ή xondriki-epiplon.gr. Περιγραφικό του περιεχομένου πχ: το linux-host.gr
Σιμέσ Domain name
Βαςικά Δομικά Στοιχεία ενόσ Ηλ. Καταςτήματοσ
Software as a Service (Saas) http://www.volusion.com/ υμφέρει οικονομικά (Value for money) Φαμηλό κόςτοσ εγκατάςταςησ Γρήγορη ολοκλήρωςη Ενςωματωμένεσ λειτουργίεσ (Hosting, SEO, etc)
Purchase Έλεγχοσ και ευελιξία SEO και δοκιμέσ υνεργαςία με άλλα ςυςτήματα (logistic, CRM)
Open source
Business
Custom solutions Ο απόλυτοσ έλεγχοσ Δεν υπάρχουν περιοριςμοί Πλήρη τροποποίηςη Εγγυημένη αςφάλεια Μοναδικόσ ςχεδιαςμόσ
Skroutz Store: http://www.skroutzstore.gr Free stores FreeWebStore: http://www.freewebstore.org/
Υιλοξενεία του καταςτήματόσ μου (Web Hosting) Σο Web hosting είναι μια υπηρεςία φιλοξενίασ ενόσ site ενόσ χρήςτη (ιδιώτη, οργανιςμό ή εταιρία) για να το "ανεβάςει" ςτο διαδίκτυο και να μπορεί να είναι προςβάςιμο ςε όλουσ του χρήςτεσ του διαδικτύου. Αυτήν την υπηρεςία την προςφέρουν διάφορεσ εταιρείεσ Πόςο κοςτίζει? Κυμαίνεται ανάλογα με τισ υπηρεςίεσ που παρέχονται: Δωρεάν, 5/10/15-50 ευρώ το μήνα/ 50 ευρώ το χρόνο ΕΞΑΡΣΑΣΑΙ ΑΠΟ ΣΙ ΤΠΗΡΕΙΕ ΠΟΤ ΠΑΡΕΦΟΝΣΑΙ (π.χ. τεχνική υποςτήριξη μέςα ςτο χρόνο)
Καηηγορίες server World Wide Web (web server) Domain Name System (DNS server) e-mail (mail server) FTP file transfer (ftp server) Internet Relay Chat (IRC) (IRC server) Streaming audio θαη video (streaming server) Γνωζηοί web servers Apache Internet Information Services (IIS) Nginx GWS
Μοντέλο Φιλοξενίας (Web Hosting) Shared Hosting Ο server που φιλοξενεί την ςελίδα ςασ είναι μοιραςμένοσ ςε περιςςότερα websites που φιλοξενούνται και καταναλώνουν τα resources του server. Dedicated Server Αποκλειςτική χρήςη του από μόνο έναν πελάτη που ενοικιάζει τον server. Οι servers ανήκουν ςτο φορέα παροχήσ υπηρεςιών και βρίςκονται ςε ένα Data Center. Collocation Hosting Οι servers ανήκουν ςτην εταιρεία και βρίςκονται ςε ένα Data Center. Εγκαταστάσεις της Εταιρίας Οι servers ανήκουν ςτην εταιρεία και βρίςκονται ςτισ εγκαταςτάςεισ τησ. Cloud Hosting 28
Hosting ςτην Ελλάδα
Θα πρέπει να προςέξετε: Το μέγεθοσ του παρεχόμενου χώρου Για απλέσ ςελίδεσ αρκούν 100-300 Megabyte. Εγκατάςταςη εφαρμογών ( php, MySQL) Αν το site έχει δυναμικέσ ςελίδεσ Πρόςβαςη ςτην ιςτοςελίδα με FTP Φωρίσ αυτή δεν γίνεται τίποτα.. Σην εξερχόμενη κίνηςη από το site ςασ Εάν δεν υπολογιςτεί καλά, πιθανόν, η ιςτοςελίδα ςασ θα ςταματήςει να είναι διαθέςιμη
Γνωςτέσ εταιρείεσ που κάνουν web hosting Papaki.gr GoDaddy.com
Ερωτήςεισ;;;