Οδηγός Ανάπτυξης στο Οδηγός Ανάπτυξης στο WebWeb

AAλέξηςλέξης ΓκλίνοςΓκλίνος MM..ScSc. . in E-Commercein E-CommerceKingston University, London – U.K. Kingston University, London – U.K.

Faculty of Mathematics, Computing and Information SystemsFaculty of Mathematics, Computing and Information Systems

www.eurocec.gr www.eurocec.eu www.datamatrix.gr www.w3opensource.org www.eurocec.gr www.eurocec.eu www.datamatrix.gr www.w3opensource.org

Web DevelopmentWeb Development ΔΗΜΙΟΥΡΓΙΑ ΙΣΤΟΤΟΠΩΝ ΒΑΣΕΩΝ ΔΕΔΟΜΕΝΩΝΔΗΜΙΟΥΡΓΙΑ ΙΣΤΟΤΟΠΩΝ ΒΑΣΕΩΝ ΔΕΔΟΜΕΝΩΝ

2Αλέξης Γκλίνος Μ.Sc. in E-Commerce

Εισαγωγή στο Εισαγωγή στο WebWeb Το μοντέλο Πελάτης-Διακομιστής (Το μοντέλο Πελάτης-Διακομιστής (Web Client Web Client – – Web Server)Web Server)

Ο Ο W3.org W3.org και τα Πρότυπα (και τα Πρότυπα (Web Standards)Web Standards)

To To Διαδίκτυο της Δεύτερης Γενιάς (Διαδίκτυο της Δεύτερης Γενιάς (Web 2)Web 2)

Τα Διαδικτυακά περιβάλλοντα LAMP & WAMPΤα Διαδικτυακά περιβάλλοντα LAMP & WAMP

Ο Καθορισμός της Αγοράς (Market Target Group) Ο Καθορισμός της Αγοράς (Market Target Group)

Επιλογή και Διαχείριση Ιστοπόπου (WebSite Domination)Επιλογή και Διαχείριση Ιστοπόπου (WebSite Domination) Κατοχύρωση Ονόματος Κυριότητας Χώρου Κατοχύρωση Ονόματος Κυριότητας Χώρου ((Domain Name Domain Name

RegistrationRegistration)) Επιλογή Εταιρίας Φιλοξενίας Ιστοτόπου Επιλογή Εταιρίας Φιλοξενίας Ιστοτόπου (WebServer Hosting)(WebServer Hosting)

Επιλογή περιβάλλοντοςΕπιλογή περιβάλλοντος Φιλοξενίας LAMP ή Φιλοξενίας LAMP ή WAMP WAMP ή ή IISIIS

3Αλέξης Γκλίνος Μ.Sc. in E-Commerce

Δυναμική Σχεδίαση Δυναμική Σχεδίαση ΙστοτόπουΙστοτόπου

( ( Web Site Design Web Site Design )) Ανάλυση Μοντέλου Δεδομένων Ανάλυση Μοντέλου Δεδομένων ((Requirement AnalysisRequirement Analysis))

Σχεδίαση Σχήματος Βάσης Δεδομένων Σχεδίαση Σχήματος Βάσης Δεδομένων ((Database Schema DesignDatabase Schema Design)) Δομή Δέντρου (Tree Structure)Δομή Δέντρου (Tree Structure) και και Δομές Επιπέδων (Layers Stucures)Δομές Επιπέδων (Layers Stucures)

Κατασκευή Σχεσιακής Βάσης Δεδομένων Κατασκευή Σχεσιακής Βάσης Δεδομένων ((Relational Relational DatabaseDatabase Creation) Creation)

Κατασκευή των Κύριων Πινάκων Κατασκευή των Κύριων Πινάκων (Μain Tables(Μain Tables Creation Creation) ) Πρωτεύοντα και Ξένα Κλειδιά (Primary and Foreign Keys)Πρωτεύοντα και Ξένα Κλειδιά (Primary and Foreign Keys) Κατάλογοι Κλειδιών Προσπέλασης Πινάκων (Tables Indexing)Κατάλογοι Κλειδιών Προσπέλασης Πινάκων (Tables Indexing)

4Αλέξης Γκλίνος Μ.Sc. in E-Commerce

Τα Προγράμματα Διεπαφής & η Τα Προγράμματα Διεπαφής & η Σχεδίαση τους Σχεδίαση τους

(User's Interface Programs)(User's Interface Programs)

Κλασσική Σχεδίαση με Δομές Πινάκων (Tables Design)Κλασσική Σχεδίαση με Δομές Πινάκων (Tables Design)

Σχεδίαση με Καθορισμό Τμημάτων (Divisions Design)Σχεδίαση με Καθορισμό Τμημάτων (Divisions Design)

Επάλληλα Φύλλα Στυλ CSS (Cascading Style Sheets)Επάλληλα Φύλλα Στυλ CSS (Cascading Style Sheets)

Συνδυασμός Σχεδίασης με CSS - Tables - Divs Συνδυασμός Σχεδίασης με CSS - Tables - Divs

5Αλέξης Γκλίνος Μ.Sc. in E-Commerce

Επικοινωνία Χρήστη με Επικοινωνία Χρήστη με Διακομιστή Διακομιστή (User - Web Server)(User - Web Server)

Φόρμες Επικοινωνίας (HTML Forms)Φόρμες Επικοινωνίας (HTML Forms) Στοιχεία Φορμών Στοιχεία Φορμών ((Form Elements)Form Elements) Συμβάντα και Χειριστές ΣυμβάντωνΣυμβάντα και Χειριστές Συμβάντων (Events and Event Handlers)(Events and Event Handlers) Διασφάλιση της Ακεραιότητας της Μεταφοράς Δεδομένων (Διασφάλιση της Ακεραιότητας της Μεταφοράς Δεδομένων (Integrity)Integrity)

Έλεγχος Καταχωρήσεων στον Έλεγχος Καταχωρήσεων στον Browser Browser του Χρήστη (του Χρήστη (Form Evaluation)Form Evaluation) ΈλεγχοςΈλεγχος Απόκρυψης Δεδομένων και Ασφάλεια (Απόκρυψης Δεδομένων και Ασφάλεια (Form Security Issues)Form Security Issues)

Οι παράμετροι (στοιχεία) Οι παράμετροι (στοιχεία) POST POST και και GETGET

Ασφάλεια Προσπέλασης Βάσης ΔεδομένωνΑσφάλεια Προσπέλασης Βάσης Δεδομένων (DB Access Secure (DB Access Secure Matters)Matters) SQL προστασία από παραβίαση προσπέλασης (SQL Injection)SQL προστασία από παραβίαση προσπέλασης (SQL Injection)

6Αλέξης Γκλίνος Μ.Sc. in E-Commerce

Διαχείριση Επισκεπτών Διαχείριση Επισκεπτών & & Επισκεψημότητας Επισκεψημότητας (Visitors and Traffic Management)(Visitors and Traffic Management)

Προγραμματισμός Προτύπων W3.org  Προγραμματισμός Προτύπων W3.org  (Web Standards Programming) (Web Standards Programming)

O O Διαχωρισμός της Εμφάνισης από το Περιεχόμενο του Διαχωρισμός της Εμφάνισης από το Περιεχόμενο του Web SiteWeb Site Χρήση των προτύπων XHTML και CSS Χρήση των προτύπων XHTML και CSS

Χρήση του προτύπου DOM (Document Object Model)Χρήση του προτύπου DOM (Document Object Model)

Δημιουργία Meta tags και Λέξεων Κλειδιά (SEO Keywords) Δημιουργία Meta tags και Λέξεων Κλειδιά (SEO Keywords) Δημιουργία Ποιοτικού Περιεχομένου (SEO - Rich Content)Δημιουργία Ποιοτικού Περιεχομένου (SEO - Rich Content) Δημιουργία Συνδέσμων και Κεφαλίδων (SEO - Links)Δημιουργία Συνδέσμων και Κεφαλίδων (SEO - Links) Δημιουργία Δημοτικότητας (SEO - Popularity) Δημιουργία Δημοτικότητας (SEO - Popularity)

7Αλέξης Γκλίνος Μ.Sc. in E-Commerce

Προγραμματισμός Προγραμματισμός ΣυνεδριώνΣυνεδριών

SSP (Session Scripting Programming)SSP (Session Scripting Programming) Διαχείριση Συνεδριών (Session Management)Διαχείριση Συνεδριών (Session Management)

Η Πρώτη Σελίδα Η Πρώτη Σελίδα ((Home)Home) και οι Μεταβλητές Συνεδρίας και οι Μεταβλητές Συνεδρίας (Session (Session Variables)Variables)

Μεταφορά του Σχήματος της ΒΔ στις Μεταβλητές Συνεδρίας Μεταφορά του Σχήματος της ΒΔ στις Μεταβλητές Συνεδρίας (DB το (DB το SVsSVs))

Δημιουργία CookiesΔημιουργία Cookies και Έλεγχος Συνεδριώνκαι Έλεγχος Συνεδριών Έλεγχος εισόδου στον Ιστοτόπο (Web site Log in) και Εγγραφή Cookies Έλεγχος εισόδου στον Ιστοτόπο (Web site Log in) και Εγγραφή Cookies Έλεγχος Προσπέλασης Ιστοσελίδων μέσω Cookies Έλεγχος Προσπέλασης Ιστοσελίδων μέσω Cookies

Ανάπτυξη Ιστοσελίδων με μεταβλητές συνεδρίας Ανάπτυξη Ιστοσελίδων με μεταβλητές συνεδρίας (Web Pages with SVs)(Web Pages with SVs) 'Ελεγχος HTML Φορμών στον Χρήστη (Browser'Ελεγχος HTML Φορμών στον Χρήστη (Browser’s’s Scripting Control) Scripting Control)

8Αλέξης Γκλίνος Μ.Sc. in E-Commerce

Δημιουργία Καλαθιού Δημιουργία Καλαθιού Αγορών Αγορών

(e-Shop B(e-Shop Baasket)sket) Σύνθεση Παραγγελίας Κράτησης Προϊόντος Σύνθεση Παραγγελίας Κράτησης Προϊόντος (On Line (On Line

Orders)Orders) Σύνθεση Παραγγελίας ΑγοράςΣύνθεση Παραγγελίας Αγοράς Προϊόντος Προϊόντος (On Line Buy)(On Line Buy)

Αποστολή ΠαραγγελίαςΑποστολή Παραγγελίας Πελάτη Πελάτη ((Customer Billing)Customer Billing) Πληρωμή Παραγγελίας Αγοράς Πληρωμή Παραγγελίας Αγοράς

Συνεργασία με Σύστημα Συνεργασία με Σύστημα OnOn LineLine Πληρωμών ΤράπεζαςΠληρωμών Τράπεζας με Πιστωτική Κάρτα με Πιστωτική Κάρτα (payment by Credit Card)(payment by Credit Card) Με την υπηρεσία Με την υπηρεσία PaypalPaypal

Στατιστικά παραγγελιών Κρατήσεων Προϊόντων και Πωλήσεων.Στατιστικά παραγγελιών Κρατήσεων Προϊόντων και Πωλήσεων.

9Αλέξης Γκλίνος Μ.Sc. in E-Commerce

Προώθηση Ηλεκτρονικής Προώθηση Ηλεκτρονικής ΕπιχείρησηςΕπιχείρησης

(e-Business Promotion)(e-Business Promotion)

Μηχανές Αναζήτησης Μηχανές Αναζήτησης (Search Engines)(Search Engines) Διαδικτυακοί Καταλόγοι Διαδικτυακοί Καταλόγοι ((Web Web Directories)Directories) Κοινωνικά ΔίκτυαΚοινωνικά Δίκτυα ((Social Networks)Social Networks) Προώθηση σε Λίστες Προώθηση σε Λίστες e-mails / News Letters e-mails / News Letters (E-Mail Marketing)(E-Mail Marketing) Προώθηση Περιεχομένου Προώθηση Περιεχομένου ((Articles Marketing)Articles Marketing) Προώθηση στους Προώθηση στους RSS KRSS Kαταλόγους αταλόγους (RSS directories(RSS directories for RSS Feeds)for RSS Feeds) Search Engine Marketing (SEM) Search Engine Marketing (SEM)

Search Engine Optimization (SEO) Search Engine Optimization (SEO) Pay Per Click (PPC)Pay Per Click (PPC)

10Αλέξης Γκλίνος Μ.Sc. in E-Commerce

Μηχανές ΑναζήτησηςΜηχανές Αναζήτησης (Search Engines)(Search Engines)

GOOGLE GOOGLE (1998)(1998) http://www.google.comhttp://www.google.com ( 91%) ( 91%)

YAHOO! YAHOO! (1995)(1995) http://http://www.yahoo.comwww.yahoo.com

YAHOO! SEARCH YAHOO! SEARCH (2004)(2004) http:/http:///search.yahoo.comsearch.yahoo.com ( 4%) ( 4%)

LYCOS LYCOS (1994)(1994) http://www.lycos.com/http://www.lycos.com/

AlTA VISTA AlTA VISTA (1995)(1995) http://www.altavista.com/http://www.altavista.com/

MSN Search as BINGMSN Search as BING http://www.bing.comhttp://www.bing.com ( 3%) ( 3%)

ASK ASK (1996)(1996) http://www.ask.comhttp://www.ask.com

BING by Microsoft BING by Microsoft (2009)(2009) http://www.bing.comhttp://www.bing.com

EXCITE (excite@home)EXCITE (excite@home) (1995)(1995) http://www.excite.comhttp://www.excite.com

11Αλέξης Γκλίνος Μ.Sc. in E-Commerce

Διαδικτυακοί ΚαταλόγοιΔιαδικτυακοί Καταλόγοι ((Web Web Directories)Directories)

World Wide Web Virtual Library World Wide Web Virtual Library (1991 – CERN – Geneva)(1991 – CERN – Geneva) http://vlsearch.org (Το παλαιότερο Directory στο Διαδίκτυο)

Yahoo! Directory http://dir.yahoo.com

Open Directory Project (DMOZ) (1998) http://www.dmoz.org (Το μεγαλύτερο Directory στο Διαδίκτυο)

Business.com Business.com (1999)(1999) http://www.business.com (Το μεγαλύτερο B2B Directory στο Διαδίκτυο)

AboutUs.org (2006) http://www.aboutus.org

Go.com http://www.go.com

12Αλέξης Γκλίνος Μ.Sc. in E-Commerce

Κοινωνικά ΔίκτυαΚοινωνικά Δίκτυα (Social Networks)(Social Networks)

FACEBOOK (2004) FACEBOOK (2004) http://www.facebook.comhttp://www.facebook.com (640,000,000+ members) (640,000,000+ members)

TWITTER (2006)TWITTER (2006) http://www.twitter.comhttp://www.twitter.com (175,000,000 members) (175,000,000 members)

LINKEDIN (2003)LINKEDIN (2003) http://www.linkedin.comhttp://www.linkedin.com (100,000,000 members) (100,000,000 members)

MYSPACE MYSPACE (2003)(2003) http://www.myspace.com (100,000,000 members)http://www.myspace.com (100,000,000 members)

ORKUT (2004) ORKUT (2004) by Googleby Google http://www.orkut.com (100,000,000 members)http://www.orkut.com (100,000,000 members)

TAGGED (2004)TAGGED (2004) http://www.tagged.com (100,000,000 members)http://www.tagged.com (100,000,000 members)

FLICKR (2004)FLICKR (2004) by Yahoo!by Yahoo! http://www.flickr.com (32,000,000 members)http://www.flickr.com (32,000,000 members)

STUMBLEUPON (2001)STUMBLEUPON (2001) http://www.flickr.com (10,600,000 members)http://www.flickr.com (10,600,000 members)

13Αλέξης Γκλίνος Μ.Sc. in E-Commerce

ΕπίλογοςΕπίλογος Για Περισσότερο αναλυτική μελέτη και εμβάθυνση στις Για Περισσότερο αναλυτική μελέτη και εμβάθυνση στις

τεχνολογίες ανάπτυξης διαδικτυακών εφαρμογών, μπορείτε να τεχνολογίες ανάπτυξης διαδικτυακών εφαρμογών, μπορείτε να επισκεφθείτε τους επίσημους ιστοτόπους επισκεφθείτε τους επίσημους ιστοτόπους On LineOn Line εκπαίδευσης τηςεκπαίδευσης της EuRoCeEuRoCecc ((web sites)web sites)

www.w3opensource.org www.w3opensource.org ((στην Αγγλική)στην Αγγλική)

Όπου έχω δημοσιεύσει περισσότερα από 20 βιβλία σε ηλεκτρονική Όπου έχω δημοσιεύσει περισσότερα από 20 βιβλία σε ηλεκτρονική μορφή (μορφή (e-books) e-books) πάνω στις διαδικτυακές τεχνολογίες δημιουργίας πάνω στις διαδικτυακές τεχνολογίες δημιουργίας ηλεκτρονικών επιχειρήσεωνηλεκτρονικών επιχειρήσεων

Μπορείτε επίσηςι εντελώς δωρεάν να ελέγξετε τις γνώσεις σας στα Μπορείτε επίσηςι εντελώς δωρεάν να ελέγξετε τις γνώσεις σας στα OnLine OnLine multiple Choice Test multiple Choice Test που προσφέρουμε πάνω σε που προσφέρουμε πάνω σε

HTML, HTML-XHTML, CSS, DOM, JAVASCRIPT, DHTML, HTML, HTML-XHTML, CSS, DOM, JAVASCRIPT, DHTML, PHP, SQL, MySQL, DATABASE SECURITY, PHP, SQL, MySQL, DATABASE SECURITY, κ.α.κ.α.

Επίσης από το ανωτέρω Επίσης από το ανωτέρω Web Site Web Site μπορείτε να κατεβάσετε μπορείτε να κατεβάσετε (download) (download) τεχνολογίες ελεύθερου λογισμικού και ανοιχτού κώδικα (τεχνολογίες ελεύθερου λογισμικού και ανοιχτού κώδικα (open source)open source)