Τεχνολογικό Εκπαιδευτικό Ίδρυμα Κρήτησ Σχολή Τεχνολογικϊν Εφαρμογϊν Τμήμα Μηχανικϊν Πληροφορικήσ

Πτυχιακή Εργαςία τμήματοσ Μηχανικϊν Πληροφορικήσ
Τεχνολογικό Εκπαιδευτικό Ίδρυμα Κρήτησ
Σχολή Τεχνολογικϊν Εφαρμογϊν
Τμήμα Μηχανικϊν Πληροφορικήσ
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Ρτυχιακι Εργαςία:
«Καηαζκεσή δσναμικής ιζηοζελίδας
e-shop για πώληζη Έργων Τέτνης»
«Development of dynamic e-shop
promoting works of art for online
purchases»
Βελιβαςάκη Σπυριδοφλα(ΑΜ: 2675)
Κυπριωτάκη Αθηνά (ΑΜ:2674)
Ηράκλειο – Δεκζμβριοσ 2015
Επιβλζπων κακθγθτισ: Ραπαδάκθσ Νικόλαοσ
Επιτροπι αξιολόγθςθσ:
Ημερομθνία παρουςίαςθσ:
Σελίδα | 2
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Ευχαριςτίεσ
Θα ικελα να ευχαριςτιςω τουσ γονείσ μου για τθ ςυνεχι υποςτιριξθ και βοικεια που μου
παρείχαν όλα τα χρόνια των ςπουδϊν μου ςτο ΤΕΙ Κριτθσ. Δίχωσ τθν αμζριςτθ βοικεια, θκικι και
υλικι, κακϊσ και τθν υπομονι που επζδειξαν αυτι τθ πτυχιακι εργαςία δεν κα είχε ολοκλθρωκεί.
Σελίδα | 3
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Υπεφθυνη Δήλωςη
Βεβαιϊνω ότι είμαι θ ςυγγραφζασ αυτισ τθσ πτυχιακισ εργαςίασ και πωσ κάκε βοικεια τθν οποία
ζλαβα για τθν προετοιμαςία τθσ, είναι πλιρωσ αναγνωριςμζνθ και αναφζρεται ςτθν πτυχιακι
εργαςία. Επίςθσ ζχω αναφζρει τισ όποιεσ πθγζσ από τισ οποίεσ ζκανα χριςθ δεδομζνων, ιδεϊν ι
λζξεων, είτε αυτζσ αναφζρονται επακριβϊσ ςε αυτό το κείμενο τθσ πτυχιακισ εργαςίασ, είτε
παραφραςμζνεσ. Επίςθσ βεβαιϊνω ότι αυτι θ πτυχιακι εργαςία προετοιμάςτθκε από εμζνα
προςωπικά ειδικά για τισ απαιτιςεισ του προγράμματοσ ςπουδϊν του Τμιματοσ Μθχανικϊν
Ρλθροφορικισ του Τ.Ε.Ι. Κριτθσ.
Σελίδα | 4
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Πίνακας περιεχομένων
Σύνοτη ................................................................................................................................................... 7
Abstract .................................................................................................................................................. 8
Κεθάλαιο 1: Διζαγυγή .......................................................................................................................... 9
1.1 Πεπίλητη ..................................................................................................................................... 9
1.2 Κίνηηπο για ηη διεξαγυγή ηηρ επγαζίαρ ...................................................................................... 9
1.3 Σκοπόρ και ζηόσοι ηηρ επγαζίαρ ................................................................................................ 10
1.4 Γομή ηηρ πηςσιακήρ επγαζίαρ .................................................................................................... 11
Κεθάλαιο 2: Ηλεκηπονικό Δμπόπιο ..................................................................................................... 12
2.1 Ηλεκηπονικό εμπόπιο ................................................................................................................. 12
2.2 Ιζηοπική Αναδπομή .................................................................................................................... 13
2.2 Δίδη ηλεκηπονικού εμποπίος ..................................................................................................... 13
2.3 Πλεονεκηήμαηα και μειονεκηήμαηα ηος ηλεκηπονικού εμποπίος ............................................. 14
2.4 Παπαδείγμαηα από ηλεκηπονικά καηαζηήμαηα πώληζηρ έπγυν ηέσνηρ ................................... 15
Κεθάλαιο 3: Τεσνολογίερ και Ππογπαμμαηιζμόρ Γιαδικηύος ............................................................. 18
3.1 Ιζηοζελίδερ ................................................................................................................................ 18
3.1.1 Σηαηικέρ ιζηοζελίδερ ........................................................................................................... 18
3.1.2 Γςναμικέρ ιζηοζελίδερ ........................................................................................................ 19
3.2 Σύζηημα Γιασείπιζηρ Πεπιεσομένος (Content Management System - CMS) ........................... 20
3.3 Δξςπηπεηηηήρ Web .................................................................................................................... 20
3.3 Τεσνολογίερ διαδικηύος ............................................................................................................. 21
3.3.1 Η γλώζζα HTML - HyperText Markup Language ............................................................. 21
3.3.2 PHP ..................................................................................................................................... 23
3.3.3 CSS ..................................................................................................................................... 24
3.3.4 Javascript............................................................................................................................. 25
3.4 SQL ............................................................................................................................................ 26
3.5 Σσεζιακέρ Βάζειρ Γεδομένυν .................................................................................................... 27
3.6 Τι είναι ηο λογιζμικό ανοισηού κώδικα (Open Source) ............................................................. 28
Κεθάλαιο 4: Σσέδιο Γπάζηρ για ηην εκπόνηζη ηηρ Πηςσιακήρ Δπγαζίαρ .......................................... 29
4.1 Joomla!....................................................................................................................................... 29
4.1.1 Φαπακηηπιζηικά ηος Joomla! ............................................................................................. 29
4.1.2 Γομή ηος Joomla! ............................................................................................................... 30
4.1.3 Τεσνικέρ Πποδιαγπαθέρ ...................................................................................................... 31
4.2 Apache Web Server .................................................................................................................... 32
4.2.1 Φαπακηηπιζηικά ηος Apache .............................................................................................. 32
4.3 MySQL ...................................................................................................................................... 33
Σελίδα | 5
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
4.3.1 Φαπακηηπιζηικά MySQL .................................................................................................... 34
4.4 Wamp ......................................................................................................................................... 34
4.4.1 Λειηοςπγίερ ......................................................................................................................... 35
4.5 Google Chrome Developer Tools .............................................................................................. 35
Κεθάλαιο 5: Δγκαηάζηαζη Απαπαίηηηος Λογιζμικού ........................................................................ 37
5.1 Δγκαηάζηαζη WAMP (WampServer) ........................................................................................ 37
5.2 Δγκαηάζηαζη Joomla!................................................................................................................ 43
5.3 Δγκαηάζηαζη/Παπαμεηποποίηζη Google Chrome Developer Tools ........................................ 52
Κεθάλαιο 6: Υλοποίηζη - Κύπιο Μέπορ Πηςσιακήρ Δπγαζίαρ ........................................................... 53
6.1 Πεπιβάλλον Γιασείπιζηρ-Δπγαζίαρ Joomla ............................................................................... 53
6.2 Φπήζηερ & Δμθάνιζη ................................................................................................................ 58
Κεθάλαιο 7: Αποηελέζμαηα & Σςμπεπάζμαηα ................................................................................... 63
7.1 Σςμπεπάζμαηα ........................................................................................................................... 63
7.2 Λόγοι για ηοςρ οποίοςρ ζηοσεύζαμε ζηη δημιοςπγία μιαρ ζελίδαρ έπγυν ηέσνηρ .................... 65
7.3 Μελλονηικέρ Δπεκηάζειρ ........................................................................................................... 67
Βιβλιογπαθία ....................................................................................................................................... 69
Σελίδα | 6
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Σφνοψη
Ο βαςικόσ ςτόχοσ αυτισ τθσ πτυχιακισ εργαςίασ είναι θ καταςκευι ενόσ θλεκτρονικοφ
καταςτιματοσ (e-shop) πϊλθςθσ ζργων τζχνθσ μζςω τθσ καταςκευισ μιασ δυναμικισ ιςτοςελίδασ
χρθςιμοποιϊντασ ζνα ςφγχρονο ςφςτθμα διαχείριςθσ περιεχομζνου και ο απϊτεροσ ςκοπόσ είναι
θ εκμάκθςθ του ςυςτιματοσ διαχείριςθσ περιεχομζνου Joomla.
Ιδιαίτερθ προςοχι δόκθκε τόςο ςτο ςχεδιαςμό, όςο και ςτθν υλοποίθςθ τθσ ιςτοςελίδασ ςτθν
αλλθλεπίδραςθ του χριςτθ με τθν ιςτοςελίδα ϊςτε να επιτφχουμε μια απλι, εφκολθ και
αποδοτικι χριςθ τθσ. Ζμφαςθ δόκθκε ϊςτε το γραφικό περιβάλλον να προςφζρει ιδιαίτερθ
ευκολία και τθ μζγιςτθ δυνατι ταχφτθτα ςτθν αναηιτθςθ του χριςτθ ανάμεςα ςτα διάφορα ζργα
τζχνθσ που υπάρχουν.
Η ιςτοςελίδα δίνει ςτον επιςκζπτθ τθσ τθ δυνατότθτα να περιθγθκεί εφκολα και απλά ςτα διάφορα
ζργα τζχνθσ που υπάρχουν, να διευκολυνκεί ςτθν περιιγθςθ και ςτθν αναηιτθςθ
χρθςιμοποιϊντασ τισ διάφορεσ κατθγορίεσ ςτισ οποίεσ είναι οργανωμζνα τα διάφορα ζργα τζχνθσ
και να ζχει πρόςβαςθ ςε περιςςότερεσ πλθροφορίεσ για το κάκε ζνα ζργο τζχνθσ ξεχωριςτά. Ο
χριςτθσ επίςθσ ζχει τθ δυνατότθτα, εάν το επικυμεί, να δθμιουργιςει ζνα λογαριαςμό χριςτθυποψιφιου αγοραςτι ςτθν ιςτοςελίδα, ϊςτε να μπορεί να πλθροφορθκεί ςχετικά με τθ διακζςιμθ
ποςότθτα του κάκε ζργου τζχνθσ που διακζτει θ ιςτοςελίδα και να αγοράςει τελικά το ζργο τζχνθσ
που επικυμεί.
Σελίδα | 7
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Abstract
The main objective of this thesis is the design and development of an electronic shop (e-shop) that
sells works of art by developing a dynamic website using a modern content management system
and the ultimate goal is learning of Joomla content management system.
Particular attention was paid in both design and implementation of the website to the user's
interaction with the website to achieve a simple, easy and efficient usage. Emphasis was given to
the GUI in order to offer great ease and the maximum possible speed on the user's search among
the various works of art in existence within the website.
The website gives visitors the opportunity to browse easily and simply the various artworks that it
contains, to facilitate browsing and fast search using the various categories in which the various
works of art are organized and to gain access to more information about each artwork separately.
The user has also the opportunity, if he/she wishes, to create a user account on the website so as to
gain information about the available quantity of each work of art that is available at the web site
and eventually buy the artwork he/she likes.
Σελίδα | 8
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Κεφάλαιο 1: Ειςαγωγή
Στο κεφάλαιο αυτό παρατίκενται γενικζσ πλθροφορίεσ για αυτι τθν πτυχιακι εργαςία. Ριο
ςυγκεκριμζνα ακολουκεί μία περίλθψθ τθσ πτυχιακισ εργαςίασ, οι λόγοι και τα κίνθτρα τα οποία
μασ ϊκθςαν ςτθν επιλογι του κζματοσ κακϊσ και μία ςφνοψθ των κεφαλαίων που κα
ακολουκιςουν.
1.1 Περίληψη
Το αντικείμενο που πραγματεφεται θ ςυγκεκριμζνθ πτυχιακι εργαςία είναι ο ςχεδιαςμόσ και θ
δθμιουργία ενόσ διαδικτυακοφ καταςτιματοσ (e-shop) το οποίο κα υποςτθρίηει τθν πϊλθςθ ζργων
τζχνθσ. Το θλεκτρονικό κατάςτθμα κα επιτρζπει ςτον κάκε επιςκζπτθ του να δθμιουργεί ζνα
λογαριαςμό χριςτθ και να διαλζγει εφκολα και γριγορα τα προϊόντα που επικυμεί να αγοράςει. Ο
επιςκζπτθσ κα ζχει τθν δυνατότθτα να επιλζγει το και αγοράηει τισ ποςότθτεσ που επικυμεί,
πλθρϊντασ μζςο του διαδικτφου. Ο διαχειριςτισ τθσ δυναμικισ ιςτοςελίδασ-θλεκτρονικοφ
καταςτιματοσ κα μπορεί να εμπλουτίηει το περιεχόμενο τθσ ςελίδασ καταχωρϊντασ τα διάφορα
ζργα τζχνθσ που κα εμπορεφεται, τισ πλθροφορίεσ και τα χαρακτθριςτικά τουσ, τθν τιμι πϊλθςθσ
κακϊσ και να ορίηει τισ διακζςιμεσ ποςότθτεσ και το κόςτοσ για τα ζξοδα αποςτολισ.
Η δθμιουργία του θλεκτρονικοφ καταςτιματοσ κα ςτθρίηεται ςε μία πλατφόρμα ςυςτιματοσ
διαχείριςθσ περιεχομζνου (content management system) θ οποία κα πρζπει να εγκαταςτακεί. Οι
δυνατότθτεσ τθσ κάκε πλατφόρμασ ςυςτιματοσ διαχείριςθσ περιεχομζνου και πωσ αυτζσ
καλφπτουν τισ ςχεδιαςτικζσ απαιτιςεισ του θλεκτρονικοφ καταςτιματοσ κακϊσ επίςθσ και θ
εγκατάςταςθ/παραμετροποίθςθ του webserver. Για τθν υλοποίθςθ τθσ ιςτοςελίδασ κα
χρθςιμοποιθκεί το ςφςτθμα διαχείριςθσ περιεχομζνου ανοιχτοφ κϊδικα Joomla κακϊσ και οι
τεχνολογίεσ ανοιχτοφ κϊδικα PHP και MySQL.
1.2 Κίνητρο για τη διεξαγωγή τησ εργαςίασ
Η ςφγχρονθ τεχνολογία είναι πλζον ζνα ςθμαντικό κομμάτι τθσ ηωισ μασ το οποίο μπορεί να μασ
προςφζρει ιδζεσ για τθ δθμιουργία νζων εφαρμογϊν ςφμφωνα με τισ υπάρχουςεσ τεχνολογίεσ. Η
ςυνεχισ και με γεωμετρικι πρόοδο εξζλιξθ, ιδιαιτζρωσ ςτο διαδίκτυο ζχει οδθγιςει, ανάμεςα ςε
άλλουσ, τισ επιχειριςεισ να αναηθτοφν τθν αναβάκμιςθ και τον εκςυγχρονιςμό τθσ υποδομισ και
των υπθρεςιϊν τουσ προκειμζνου να μποροφν να ανταπεξζλκουν ςτισ απαιτιςεισ τθσ εποχισ και
να ξεχωρίςουν από τουσ ανταγωνιςτζσ τουσ. Πςον αφορά τισ επιχειριςεισ που ζρχονται ςε άμεςθ
ι ζμμεςθ επαφι με το πελατειακό τουσ κοινό, επιβάλλεται πλζον θ φπαρξθ μιασ παρουςίασ ςτο
διαδίκτυο. Για τθν κάλυψθ αυτισ τθσ ανάγκθσ, κζλαμε ςε πρϊτο ςτάδιο τθ δθμιουργία μίασ
βαςικισ ιςτοςελίδασ θ οποία κα ιταν το προφίλ-πρόςωπο τθσ εταιρίασ ςτο διαδίκτυο και κα
λειτουργοφςε, μεταξφ άλλων και ωσ υποςτθρικτικό υλικό για τουσ ςυνεργάτεσ και τουσ πελάτεσ
Σελίδα | 9
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
μασ.
Κίνθτρο για τθν διεξαγωγι αυτισ τθσ πτυχιακισ εργαςίασ ιταν θ απόκτθςθ γνϊςεων ςτθν
καταςκευι ιςτοςελίδων και ειδικά ςτο ςχεδιαςμό και καταςκευι θλεκτρονικϊν καταςτθμάτων,
μιασ και ςτισ μζρεσ μασ ζχει επικρατιςει ςτθν αγορά, με ςυνεχϊσ αυξανόμενθ τάςθ κα
μποροφςαμε να ποφμε θ ανάπτυξθ των επιχειρθματικϊν δραςτθριοτιτων ςτο διαδίκτυο και
δθμιουργίασ θλεκτρονικϊν καταςτθμάτων ςε ςυνδυαςμό με τα ιδθ υπάρχοντα φυςικά
καταςτιματα. Η δθμιουργία τοφτθσ τθσ ιςτοςελίδασ δεν ιταν τίποτα άλλο παρά θ αφορμι για τθν
αναηιτθςθ ενόσ εργαλείου καταςκευισ δυναμικϊν ιςτοςελίδων το οποίο κα μασ ζδινε τθν
δυνατότθτα να δθμιουργιςουμε δυναμικζσ ιςτοςελίδεσ. Κατόπιν ζρευνασ καταλιξαμε ςτθν
επιλογι του Joomla, αναμφιςβιτθτα ενόσ από τα κορυφαία ςυςτιματα διαχείριςθσ περιεχομζνου
(CMS), του οποίου θ υποςτιριξθ και ανάπτυξθ εξελίςςεται ςυνεχϊσ χάρθ ςτθν τεράςτια
παγκόςμια κοινότθτα του. Ζνα επιπλζον κίνθτρο ιταν και θ εναςχόλθςθ με όλεσ τισ φάςεισ τθσ
οργάνωςθσ και τθ διαχείριςθσ ενόσ project πλθροφορικισ.
1.3 Σκοπόσ και ςτόχοι τησ εργαςίασ
Ο κυριότεροσ ςτόχοσ αυτισ τθσ πτυχιακισ εργαςίασ είναι θ δθμιουργία μιασ ςφγχρονθσ και
ελκυςτικισ ιςτοςελίδασ για ζνα θλεκτρονικό κατάςτθμα (e-shop) πϊλθςθσ ζργων τζχνθσ, ςτθν
οποία οι επιςκζπτεσ τθσ ιςτοςελίδασ κα μποροφν να περιπλανθκοφν και να βρουν πλθροφορίεσ
και ενθμερωτικό υλικό για τα ζργα τα οποία εκκζτει προσ πϊλθςθ αλλά και για τισ διάφορεσ
υπθρεςίεσ τθσ επιχείρθςθσ. Ζνασ άλλοσ εξίςου ςθμαντικόσ ςτόχοσ είναι να ςχεδιαςτεί και να
καταςκευαςτεί θ ιςτοςελίδα με τζτοιο τρόπο ϊςτε θ πλοιγθςθ ςε αυτιν να είναι εφκολθ και απλι.
Ιδιαίτερο βάροσ δόκθκε ϊςτε ο επιςκζπτθσ να μπορεί να βρίςκει τθν πλθροφορία που αναηθτά,
αλλά και γενικότερα ολόκλθρθ θ εμπειρία επίςκεψθσ και πλοιγθςθσ ςτθν ιςτοςελίδα προκειμζνου
να ενθμερωκεί για τα ζργα τζχνθσ, χωρίσ να χρειάηεται να κοπιάςει με περιττζσ ενζργειεσ και να
χάνεται ςτθν ιςτοςελίδα.
Ο απϊτεροσ ςκοπόσ τθσ αυτισ τθσ πτυχιακισ εργαςίασ είναι θ εκμάκθςθ του ςυςτιματοσ
διαχείριςθσ περιεχομζνου ανοικτοφ κϊδικα Joomla, ενόσ από τα πιο διαδεδομζνα ςτον κόςμο.
Θζλαμε να κατανοιςουμε τθν δομι του, τισ ιεραρχίεσ και τισ λειτουργίεσ του, το ςφςτθμα αρχείων
του και το schema τθσ βάςθσ δεδομζνων του προκειμζνου να είμαςτε ςε κζςθ να το χειριηόμαςτε
αποδοτικά και να ζχουμε τθν δυνατότθτα να δθμιουργιςουμε ςωςτζσ και ευπαρουςίαςτεσ
δυναμικζσ ιςτοςελίδεσ. Επίςθσ, θ εκμάκθςθ του Joomla μασ οδιγθςε ςτθν εκπλιρωςθ ενόσ ακόμθ
ςτόχου ο οποίοσ είναι θ αποκόμιςθ γνϊςεων πάνω ςε όλεσ τισ ςχετικζσ τεχνολογίεσ που
ςχετίηονται με ζνα ςφςτθμα διαχείριςθσ περιεχομζνου (CMS), όπωσ: html, CSS, php, Javascript,
ϊςτε να διερευνθκοφν καλφτερα οι απεριόριςτεσ δυνατότθτεσ του Joomla. Επίςθσ, αςχολθκικαμε
με τον τρόπο εγκατάςταςθσ και λειτουργία ενόσ web server, του Apache μζςω του ςυςτιματοσ
WAMP, κακϊσ και με τθν εγκατάςταςθ και διαχείριςθ μιασ βάςθσ δεδομζνων χρθςιμοποιϊντασ τθν
MySQL, ζνα από τα πιο διαδεδομζνα ςυςτιματα διαχείριςθσ ςχεςιακϊν βάςεων δεδομζνων που
είναι άρρθκτα ςυνδεδεμζνα με τθν καταςκευι δυναμικϊν ιςτοςελίδων.
Σελίδα | 10
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
1.4 Δομή τησ πτυχιακήσ εργαςίασ
Αυτι θ πτυχιακι εργαςία ζχει τθν παρακάτω δομι και περιεχόμενα:
 Κεφάλαιο 1: Ειςαγωγή
 Κεφάλαιο 2: Ηλεκτρονικό Εμπόριο
 Κεφάλαιο 3: Τεχνολογίεσ και Προγραμματιςμόσ Διαδικτφου
 Κεφάλαιο 4: Σχζδιο Δράςησ για την εκπόνηςη τησ Πτυχιακήσ Εργαςίασ
 Κεφάλαιο 5: Εγκατάςταςη Απαραίτητου Λογιςμικοφ
 Κεφάλαιο 6: Υλοποίηςη - Κφριο Μζροσ Πτυχιακήσ Εργαςίασ
 Κεφάλαιο 7: Αποτελζςματα & Συμπεράςματα
Σελίδα | 11
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Κεφάλαιο 2: Ηλεκτρονικό Εμπόριο
Στο κεφάλαιο αυτό παρουςιάηονται πλθροφορίεσ και περιγραφζσ ςχετικά με το τι είναι το
θλεκτρονικό εμπόριο κακϊσ και παραδείγματα θλεκτρονικϊν καταςτθμάτων που
δραςτθριοποιοφνται ςτο χϊρο τθσ πϊλθςθσ ζργων τζχνθσ.
2.1 Ηλεκτρονικό εμπόριο
Ηλεκτρονικό εμπόριο (e-commerce) μπορεί να οριςτεί ωσ μια εμπορικι ςυναλλαγι που
πραγματοποιείται αποκλειςτικά ςε θλεκτρονικό επίπεδο. Αυτι θ ςυγκεκριμζνθ μορφι
(θλεκτρονικισ) ςυναλλαγισ πραγματοποιείται μζςω υπολογιςτϊν ι άλλων φορθτϊν
υπολογιςτικϊν ςυςκευϊν όπωσ μθχανιματα αυτόματθσ πϊλθςθσ, φορθτοί υπολογιςτζσ, Tablets ι
Smartphones παρακάμπτοντασ τον ανκρϊπινο παράγοντα ςε όλα ςχεδόν τα ςτάδια τθσ
ςυναλλαγισ. Σχεδόν όλεσ οι μορφζσ θλεκτρονικοφ εμπορίου υποςτθρίηονται και διεκπεραιϊνονται
μζςω του διαδικτφου μιασ και θ παγκοςμιότθτα του διαδικτφου δίνει τθ δυνατότθτα ςε όλουσ
ςχεδόν του ανκρϊπουσ ςτθ γθ να εκτελζςουν εφκολα και γριγορα μία θλεκτρονικι ςυναλλαγι.
Οι ςυναλλαγζσ αυτζσ μπορεί να είναι πολφπλευρεσ, κακϊσ δίνουν τθ δυνατότθτα για θλεκτρονικι
διανομι πλθροφοριϊν μζςω ενόσ δικτυακοφ τόπου, για αυτοματοποιθμζνεσ εμπορικζσ
ςυναλλαγζσ, και τθν κατά ςυνζπεια βελτιωμζνθ παροχι υπθρεςιϊν με χαμθλότερο κόςτοσ
ςυναλλαγισ, αλλά και μθχανιςμοφσ πρόςβαςθσ πραγματικοφ χρόνου για τθν αγορά και πϊλθςθ
αγακϊν και υπθρεςιϊν. Αυτι θ θλεκτρονικι μορφι ςυναλλαγισ πραγματοποιείται μόνο μζςω
υπολογιςτϊν ι άλλων θλεκτρονικϊν ςυςκευϊν παρακάμπτοντασ τον ανκρϊπινο παράγοντα και
ελαχιςτοποιϊντασ ταυτόχρονα τθν πικανότθτα λάκουσ ι τθν κακόβουλθ χριςθ ςτοιχείων από
κακοικεισ ανκρϊπουσ.
Αν και οι περιςςότερεσ επιχειριςεισ, τόςο ςτθν Ευρϊπθ όςο και ςτισ άλλεσ θπείρουσ, διακζτουν
τα προϊόντα τουσ μζςω του διαδικτφου, ςτθν Ελλάδα παρατθρείται μια ςχετικι κακυςτζρθςθ ςε
αυτό τον τομζα τόςο τθσ θλεκτρονικισ διακυβζρνθςθσ όςο και του θλεκτρονικοφ εμπορίου που
μασ αφορά. Ο βαςικόσ λόγοσ που μια επιχείρθςθ επιχειρεί ςε θλεκτρονικό επίπεδο είναι για να
προςελκφςει νζο αγοραςτικό κοινό, εκτόσ των γεωγραφικϊν ςυνόρων τθσ, αυξάνοντασ ζτςι τισ
πωλιςεισ των προϊόντων τθσ, τον τηίρο τθσ και τελικά τα ζςοδά τθσ.
Θα λζγαμε πωσ το θλεκτρονικό εμπόριο ςτθν Ελλάδα ςυνικωσ περιορίηεται ςε εμπορικζσ
επιχειριςεισ που παράγουν και εμπορεφονται τελικά προϊόντα και εμπορεφματα, τα οποία δεν
χρειάηεται ο αγοραςτισ κατά κάποιο τρόπο να τα «δοκιμάςει» πριν τα αγοράςει, όπωσ για
παράδειγμα βιβλία, ειςιτιρια, δίςκοι μουςικισ, θλεκτρικζσ και θλεκτρονικζσ ςυςκευζσ,
προγράμματα και θλεκτρονικοί υπολογιςτζσ, καινοφρια ροφχα και παποφτςια κλπ. Δυςτυχϊσ το
θλεκτρονικό εμπόριο για τθν παροχι υπθρεςιϊν περιορίηεται ςτθ δθμιουργία ιςτοςελίδων και δεν
Σελίδα | 12
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
φαίνεται να υπάρχει κάποιο αξιόλογο ποςοςτό θλεκτρονικϊν ςυναλλαγϊν παροχισ υπθρεςιϊν
κάποιασ άλλθσ μορφισ, όπωσ κα μποροφςε να είναι για παράδειγμα θ πλειοδοςία για μία παροχι
υπθρεςιϊν μεταφοράσ κλπ.
2.2 Ιςτορική Αναδρομή
Αν και το θλεκτρονικό εμπόριο και οι θλεκτρονικζσ αγορζσ ζγιναν ευρφτερα γνωςτζσ τα τελευταία
χρόνια, το θλεκτρονικό εμπόριο υπάρχει ςτο εξωτερικό εδϊ και πολφ καιρό. Τθ δεκαετία του 1970
εμφανίηονται τα πρϊτα ςυςτιματα μεταφοράσ χρθματικϊν πόρων (EFT) μεταξφ των τραπεηϊν,
που χρθςιμοποιοφν αςφαλι ιδιωτικά δίκτυα. Τθ δεκαετία του 1980 αναπτφςςονται οι τεχνολογίεσ
θλεκτρονικισ επικοινωνίασ που βαςίηονται ςτθν αρχιτεκτονικι τθσ ανταλλαγισ μθνυμάτων
(ςυςτιματα EDI και θλεκτρονικό ταχυδρομείο). Οι ςυναλλαγζσ που παλιότερα απαιτοφςαν τθ
χριςθ εγγράφων, όπωσ οι παραγγελίεσ και οι επιταγζσ πλθρωμισ, μποροφν να γίνονται πλζον
θλεκτρονικά.
Στισ αρχζσ τθσ δεκαετίασ του 1990 με τθν ανάπτυξθ του Ραγκόςμιου ιςτοφ (World Wide Web)
δίνεται μια τεράςτια ϊκθςθ για τθν επικράτθςθ των προςωπικϊν θλεκτρονικϊν υπολογιςτϊν που
προςφζρουν μεγάλθ ευκολία όςο αναφορά τθν δθμοςίευςθ και τθν αναηιτθςθ των πλθροφοριϊν.
Το θλεκτρονικό εμπόριο γίνεται ζνασ φτθνότεροσ τρόποσ για τθν πραγματοποίθςθ μεγάλου όγκου
ςυναλλαγϊν. Στο τζλοσ τθσ δεκαετίασ του 1990 κακιερϊνονται μζκοδοι κρυπτογράφθςθσ του
περιεχομζνου και εξακρίβωςθσ τθσ ταυτότθτασ του αποςτολζσ θλεκτρονικϊν μθνυμάτων. Ζτςι οι
θλεκτρονικζσ ςυναλλαγζσ γίνονται ακόμα πιο εφκολεσ και αςφαλείσ. Σιμερα με τθ χριςθ φορθτϊν
υπολογιςτϊν και ςυςκευϊν όπωσ tablets και smartphones θ δυνατότθτα πραγματοποίθςθσ
θλεκτρονικϊν ςυναλλαγϊν ζχει ξεφφγει από τα ςτενά πλαίςια του γραφείου ι τθσ οικίασ του κάκε
καταναλωτι και υπάρχει πλζον θ δυνατότθτα ςτον κάκε ζνα από εμάσ να βρει και να αγοράςει
προϊόντα από οποιοδιποτε ςχεδόν μζροσ του κόςμου.
2.2 Είδη ηλεκτρονικοφ εμπορίου
Το θλεκτρονικό εμπόριο διακρίνεται ςτισ εξισ μορφζσ:
•
Επιχείρηςη με επιχείρηςη (Business to Business - B2B)
Θα μποροφςαμε να το ονομάςουμε χονδρικό εμπόριο, μιασ και είναι θ περίπτωςθ που θ
θλεκτρονικι ςυναλλαγι λαμβάνει χϊρα ανάμεςα ςε επιχειριςεισ. Σε αυτι τθ μορφι θλεκτρονικοφ
εμπορίου μια επιχείρθςθ χρθςιμοποιεί το διαδίκτυο για τισ παραγγελίεσ τθσ από προμθκευτζσ και
αφορά ςυνικωσ μεγάλο όγκο προμθκειϊν/αγορϊν. Χαρακτθριςτικό παράδειγμα είναι οι
παραγγελίεσ και οι αγορζσ ενόσ εργοςταςίου.
Σελίδα | 13
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
•
Επιχείρηςη με καταναλωτή (Business to Consumer - B2C)
Θα μποροφςαμε να το ονομάςουμε κλαςςικό λιανικό εμπόριο, μιασ και είναι θ περίπτωςθ που θ
θλεκτρονικι ςυναλλαγι λαμβάνει χϊρα ανάμεςα ςε μία επιχείρθςθ και ςε ζναν τελικό
καταναλωτι. Αυτι θ κατθγορία θλεκτρονικοφ εμπορίου ζχει ςυμβάλει ςτθν εκτόξευςθ του
θλεκτρονικοφ εμπορίου. Εδϊ οι υποψιφιου αγοραςτζσ μζςω από μια ιςτοςελίδα κα επιλζξουν το
προϊόντα που επικυμοφν και κα τα αγοράςουν χρθςιμοποιϊντασ μία πιςτωτικι ι χρεωςτικι κάρτα.
•
Καταναλωτή με καταναλωτή (Consumer to Consumer - C2C)
Η νζα μορφι θλεκτρονικοφ εμπορίου ςτθν οποία ζνασ καταναλωτισ πουλάει ζνα θ περιςςότερα
αντικείμενα ςε κάποιον άλλο τελικό χριςτθ. Συνικωσ, αν και όχι μόνο, πρόκειται για
μεταχειριςμζνα ι μθ χρθςιμοποιθμζνα προϊόντα και εμπορεφματα όπωσ βιβλία, δίςκοι, θλεκτρικζσ
και θλεκτρονικζσ ςυςκευζσ, θλεκτρονικοί υπολογιςτζσ, ροφχα και παποφτςια κλπ. τα οποία ζνασ
καταναλωτισ τα πουλάει μζςω εξειδικευμζνων ιςτοςελίδων αγοραπωλθςιϊν όπωσ το ebay, το
amazon κλπ.
2.3 Πλεονεκτήματα και μειονεκτήματα του ηλεκτρονικοφ εμπορίου
Ραρακζτουμε μία λίςτα με τα πλεονεκτιματα και τα μειονεκτιματα του θλεκτρονικοφ εμπορίου,
τόςο για τισ επιχειριςεισ, όςο και για τον καταναλωτι.
Πλεονεκτήματα για τισ επιχειρήςεισ:
 Δυνατότθτα λειτουργίασ 24 ϊρεσ το 24ωρο και 7 θμζρεσ τθν εβδομάδα
 Ειςαγωγι ςε νζεσ αγορζσ
 Συγκριτικό πλεονζκτθμα ζναντι των ανταγωνιςτϊν
Πλεονεκτήματα για τον καταναλωτή:
 Δυνατότθτα αγορϊν ανά πάςα ςτιγμι και από οποιοδιποτε ςθμείο βρίςκεται
 Δυνατότθτα ςφγκριςθσ τιμϊν και χαμθλότερεσ τιμζσ
 Γριγορεσ και άμεςεσ αγορζσ δίχωσ πρόςκετεσ κακυςτεριςεισ με τθν αγορά άυλων
προϊόντων, όπωσ για παράδειγμα αεροπορικά ειςιτιρια
Μειονεκτήματα για τισ επιχειρήςεισ:
 Ρρόςκετο κόςτοσ δθμιουργίασ και ςυντιρθςθσ υποδομισ θλεκτρονικοφ καταςτιματοσ
 Απαιτιςεισ, νομικζσ, τραπεηικζσ και τεχνικζσ για τθν διαςφάλιςθ των ςυναλλαγϊν
Μειονεκτήματα για τον καταναλωτή:
 Ζκκεςθ προςωπικϊν ι/και εμπιςτευτικϊν οικονομικϊν ςτοιχείων ςε τρίτουσ
Σελίδα | 14
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
 Ζκκεςθ ςε κακόβουλεσ ενζργειεσ και Spam
 Αδυναμία τεκμθρίωςθσ και επιβεβαίωςθσ πριν τθν αγορά ενόσ προϊόντοσ
2.4 Παραδείγματα από ηλεκτρονικά καταςτήματα πϊληςησ ζργων
τζχνησ
Κακθμερινά δθμιουργοφνται όλο και περιςςότερα θλεκτρονικά καταςτιματα. Ρλζον κάκε
ςφγχρονθ επιχείρθςθ ζργων τζχνθσ προςπακεί να διευρφνει τουσ ορίηοντζσ τθσ και ςτο διαδίκτυο,
αλλά υπάρχουν και καταςτιματα που ζχουν μόνο θλεκτρονικι μορφι. Κάποια από αυτά ζχουν
κακιερωκεί και είναι ευρζωσ γνωςτά και πετυχθμζνα. Μερικά παραδείγματα τζτοιων
θλεκτρονικϊν καταςτθμάτων είναι τα εξισ:
http://www.anixiart.gr/
H Άνοιξθ-art είναι μια δυναμικά ανερχόμενθ επιχείρθςθ, θ οποία δραςτθριοποιείται ςτο χϊρο τθσ
ηωγραφικισ, εκκζτοντασ ζργα γνωςτϊν ςφγχρονων ηωγράφων τθσ πόλθσ τθσ Θεςςαλονίκθσ, αλλά
και τθσ υπόλοιπθσ Ελλάδασ.
Σελίδα | 15
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
http://www.eshop-art.gr/
Το θλεκτρονικό κατάςτθμα γκαλερί με ιςτορία πάνω από 15 χρόνια που λειτουργεί παράλλθλα με
δφο άλλα φυςικά καταςτιματα τθσ ίδια εταιρείασ.
Σελίδα | 16
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Σελίδα | 17
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Κεφάλαιο 3: Τεχνολογίεσ και Προγραμματιςμόσ Διαδικτφου
Στο κεφάλαιο αυτό παρουςιάηονται αναφορζσ, πλθροφορίεσ, περιγραφζσ και ςχόλια ςχετικά με
όλεσ τισ τεχνολογίεσ που χρθςιμοποιιςαμε κατά τθν εκπόνθςθ αυτισ τθσ πτυχιακισ εργαςίασ.
Επίςθσ γίνεται μια παρουςίαςθ ςτοιχείων όπωσ: γλϊςςεσ προγραμματιςμοφ και βάςεισ δεδομζνων
πάνω ςτα οποία ςτθρίχκθκε το ςφςτθμα διαχείριςθσ περιεχομζνου αυτισ τθσ πτυχιακισ.
3.1 Ιςτοςελίδεσ
Ιςτοςελίδα ονομάηεται μια τοποκεςία ςτον Ραγκόςμιο Ιςτό (WWW-World Wide Web) και μπορεί
να προςπελαςτεί με ζναν πλοθγό παγκόςμιου ιςτοφ (web browser) ο οποίοσ υπάρχει ωσ εφαρμογι
ςε ζναν θλεκτρονικό υπολογιςτι ι ςε μια κινθτι ςυςκευι. Η ιςτοςελίδα μπορεί να περιζχει
κείμενο και μορφοποιιςεισ, εικόνεσ, βίντεο, άλλα γραφικά ςτοιχεία και υπερςφνδεςμουσ που
μεταφζρουν το χριςτθ ςε κάποια άλλθ ιςτοςελίδα. Τεχνικά θ ιςτοςελίδα αποτελείται από ζνα ι
περιςςότερα αρχεία ςυμβατά με το πρότυπο τθσ γλϊςςασ HTML (HyperText Markup Language).
Ανάλογα με το αν θ ιςτοςελίδα είναι ςτατικι ι δυναμικι αυτι μπορεί να αντιδρά ςτισ ενζργειεσ
και επιλογζσ του χριςτθ και να προςαρμόηει ανάλογα και αυτόματα το περιεχόμενό τθσ ι όχι. Οι
ιςτοςελίδεσ μποροφν να δθμιουργθκοφν και να είναι διακζςιμεσ ςτον τελικό τουσ χριςτθ είτε ζναν
τοπικό θλεκτρονικό υπολογιςτι (για προςωπικι ι τοπικι χριςθ) από κάποιο απομακρυςμζνο
εξυπθρετθτι web ϊςτε να είναι διακζςιμεσ ςε όλουσ τουσ χριςτεσ του διαδικτφου.
3.1.1 Στατικζσ ιςτοςελίδεσ
Οι ςτατικζσ ιςτοςελίδεσ είναι οι ιςτοςελίδεσ με ςτακερό περιεχόμενο που το περιεχόμενό τουσ
παραδίδονται ςτο χριςτθ όπωσ ακριβϊσ δθμιουργικθκε. Δείχνουν ακριβϊσ τισ ίδιεσ πλθροφορίεσ
ςε όλουσ τουσ χριςτεσ και δεν προςαρμόηεται ςτισ ανάγκεσ τουσ. Το περιεχόμενό τουσ δεν
ανανεϊνεται παρά μόνο αν κάποιοσ τροποποιιςει τον κϊδικά τουσ ςυνικωσ μζςω ενόσ
προγραμματιςτι ι/και με τθ βοικεια μιασ εξειδικευμζνθσ εφαρμογισ. Μια ςτατικι ιςτοςελίδα
μπορεί να καταςκευαςτεί με τθν απλι δθμιουργία μερικϊν ςελίδων ςε γλϊςςα HTML και τθ
δθμοςίευςι τουσ ςε ζνα διακομιςτι Web. Αυτό λειτουργεί καλά για μικρζσ ιςτοςελίδεσ, αλλά δεν
μπορεί να είναι αποδοτικό για ιςτοςελίδεσ με εκατοντάδεσ ι χιλιάδεσ ςελίδεσ αφοφ κα είναι
δφςκολο να διατθρθκεί το μοντζλο τθσ χειροκίνθτθσ ενθμζρωςθσ του περιεχομζνου τουσ.
Αν και πλζον κεωροφνται ξεπεραςμζνεσ, είναι θ βάςθ για τον προγραμματιςμό ιςτοςελίδων μιασ
και είναι πολφ εφκολο να δθμιουργιςει κάποιοσ εφκολα, γριγορα και απλά μια ιςτοςελίδα. Ακόμθ
οι ςτατικζσ ιςτοςελίδεσ δεν ζχουν πολλζσ τεχνικζσ απαιτιςεισ από τον εξυπθρετθτι με
αποτζλεςμα να είναι (ςχετικά) φκθνότερεσ ςτθ δθμιουργία από τισ δυναμικζσ ιςτοςελίδεσ.
Σελίδα | 18
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
3.1.2 Δυναμικζσ ιςτοςελίδεσ
Οι δυναμικζσ ιςτοςελίδεσ είναι οι ιςτοςελίδεσ που μποροφν να παρζχουν διαφορετικζσ και
επικαιροποιθμζνεσ πλθροφορίεσ ςε κάκε τουσ προβολι. Ζχουν ζτςι καταςκευαςτεί ϊςτε μποροφν
να αλλάηουν το περιεχόμενό τουσ με το χρόνο, ανάλογα με τθν επικυμία του χριςτθ ςφμφωνα με
τθν αλλθλεπίδραςθ αλλά και εξαιτίασ άλλων παραγόντων όπωσ γεγονότα που πυροδοτοφνται από
το ςφςτθμα ςε προκακοριςμζνεσ χρονικζσ ςτιγμζσ κλπ. Πταν μια δυναμικι ςελίδα προςπελαςτεί, ο
κϊδικασ μζςα ςτθ ςελίδα αναλφεται ςτο διακομιςτι Web και ο κϊδικασ ςε γλϊςςα HTML που
προκφπτει αποςτζλλεται ςτο πρόγραμμα πλοιγθςθσ του παγκόςμιου ιςτοφ του του χριςτθ.
Οι δυναμικζσ ιςτοςελίδεσ ζχουν τθ δυνατότθτα να εκμαιεφουν δεδομζνα από βάςεισ δεδομζνων
με τισ οποίεσ είναι ςυνδεδεμζνεσ. Με αυτό τον τρόπο δεν απαιτείται κάποιοσ να τροποποιιςει τον
κϊδικα τθσ ιςτοςελίδασ για να διαφοροποιιςει το περιεχόμενι τθσ, αλλά το μόνο που αρκεί να
γίνει είναι να ενθμερωκεί θ βάςθ δεδομζνων με τισ νζεσ πλθροφορίεσ. Η ενθμζρωςθ του
περιεχομζνου τθσ δυναμικισ ιςτοςελίδασ γίνεται αυτόματα με τθν επαναφόρτωςθ τθσ ιςτοςελίδασ,
χωρίσ να καμία τροποποίθςθ του κϊδικά HTML τθσ ιςτοςελίδασ. Γι’ αυτό το λόγο οι πιο δθμοφιλείσ
και γνωςτζσ ιςτοςελίδεσ και ςχεδόν το ςφνολο των ειδθςεογραφικϊν ιςτοςελίδων είναι δυναμικζσ,
αφοφ είναι ευκολότερο να ςυντθρθκοφν από τισ ςτατικζσ ιςτοςελίδεσ. Ραρά το υψθλότερο κόςτοσ
δθμιουργίασ, ςυντιρθςθσ και φιλοξενίασ κακϊσ και τισ ςθμαντικά υψθλότερεσ απαιτιςεισ, τόςο ςε
υλικοτεχνικό εξοπλιςμό, όςο και λογιςμικοφ ςτον εξυπθρετθτι Web είναι πλζον θ ςυνικωσ
επιλογι για κάποιοσ που επικυμεί να δθμιουργιςει μια νζα ιςτοςελίδα.
Οι δυναμικζσ ιςτοςελίδεσ απαιτοφν πρόςκετα τεχνικά χαρακτθριςτικά, ςε ςχζςθ με τισ ςτατικζσ
ιςτοςελίδεσ όπωσ:
 Client-side scripting, δθλαδι εκτζλεςθ προγραμμάτων ςτον τοπικό υπολογιςτι του
επιςκζπτθ μιασ δυναμικισ ιςτοςελίδασ.
 Server-side scripting, δθλαδι εκτζλεςθ προγραμμάτων ςτον εξυπθρετθτι (web server) του
παρζχει (φιλοξενεί) τθν ιςτοςελίδα. Συνικωσ αυτά δεν γίνονται αντιλθπτά από τουσ
χριςτεσ, γιατί εκτελοφν εςωτερικζσ λειτουργίεσ. Οι επιςκζπτεσ τθσ ιςτοςελίδασ δεν
επιβαρφνονται με τθν εκτζλεςθ των προγραμμάτων αυτϊν και δεν υπάρχουν γι' αυτό το
λόγο αςυμβατότθτεσ. Το βάροσ τθσ εκτζλεςισ τουσ, επωμίηεται ο εξυπθρετθτισ τθσ
ιςτοςελίδασ.
 Συνδυαςμόσ Client-side & Server-side scripting. Χριςθ Client-side scripting για πρόςβαςθ
ςτα δεδομζνα του πλοθγοφ και γριγορθ εκτζλεςθ ςτον τοπικό υπολογιςτι και χριςθ
server-side scripting για δυναμικά περιεχόμενα ςτισ ςελίδεσ και χριςθ βάςεων δεδομζνων.
Κλαςικό παράδειγμα είναι θ τεχνολογία AJAX (Αsynchronous JavaScript Αnd XML). Με αυτό
το ςυνδυαςμό, μπορεί να επιτευχκεί δυναμικι αλλαγι περιεχομζνων ςτισ ιςτοςελίδεσ,
χωρίσ επαναφόρτωςι τουσ.
Σελίδα | 19
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
3.2 Σφςτημα Διαχείριςησ Περιεχομζνου (Content Management System CMS)
Ζνα ςφςτθμα διαχείριςθσ περιεχομζνου (Content Management System - CMS) είναι ζνα ςφςτθμα
που διαχειρίηεται δυναμικζσ ιςτοςελίδεσ. Ζνα CMS ουςιαςτικά δίνει τθ δυνατότθτα ςτον
προγραμματιςτι/ςχεδιαςτι τθσ ιςτοςελίδασ, αλλά και ςε άλλουσ διαχειριςτζσ/παραγωγοφσ υλικοφ
για τθν ιςτοςελίδα, να κάνουν εφκολα και αυτοματοποιθμζνα όλεσ τισ απαραίτθτεσ ενζργειεσ και
διαδικαςίεσ που χρειάηεται για να δθμιουργθκεί και να ςυντθρθκεί μια δυναμικι ιςτοςελίδα. Ζτςι
ζνα CMS υποςτθρίηει ενζργει:
 Δθμιουργία, διάκεςθ, τροποποίθςθ και διαχείριςθ πλθροφοριϊν ςχετικϊν με τθν
ιςτοςελίδα
 Οργάνωςθ, τροποποίθςθ και διαχείριςθ δθμιουργίασ εγγράφων και άλλων τφπων
περιεχομζνου
 δθμιουργεί τθν υποδομι πάνω ςτθν οποία κα υλοποιθκεί μία δυναμικι ιςτοςελίδα
Ππωσ μποροφμε να διαπιςτϊςουμε από τα παραπάνω το CMS παρζχει ςτο χριςτθ τθ δυνατότθτα
τθσ διαχείριςθσ-ςυντιρθςθσ μιασ ιςτοςελίδασ δίχωσ να απαιτοφνται εξειδικευμζνεσ γνϊςεισ
προγραμματιςμοφ ςε βάκοσ ςε όλεσ τισ τεχνολογίεσ του διαδικτφου. Με αυτό τον τρόπο παρζχει
τθν ευκαιρία ο διαχειριςτισ του να επικεντρωκεί ςτο περιεχόμενο και όχι ςτθν τεχνολογία, όπωσ
για παράδειγμα μπορεί ο διαχειριςτισ να αυτοματοποιεί τθσ εργαςίεσ ρουτίνασ όπωσ να
εφαρμόηει τθν ίδια μορφοποίθςθ ςε όλεσ τισ ιςτοςελίδεσ. Διακζτει απλά εργαλεία για τθν
δθμιουργία του περιεχομζνου κακϊσ και τθν δυνατότθτα διαχείριςθσ τθσ δομισ τθσ ιςτοςελίδασ,
τθσ εμφάνιςθσ των δθμοςιευμζνων ςελίδων κακϊσ και τθν πλοιγθςθ ςε αυτζσ. Ακόμθ όλεσ ςχεδόν
οι εργαςίεσ διαχείριςθσ μποροφν να πραγματοποιθκοφν από πολλοφσ και διαφορετικοφσ χριςτεσ
και όχι μόνο από κάποιον καταρτιςμζνο τεχνικό. Το ςφςτθμα είναι ικανό να παρακολουκεί τισ
δραςτθριότθτεσ των χρθςτϊν, αποφεφγοντασ ζτςι πικανζσ μθ επικυμθτζσ καταςτάςεισ λάκουσ.
Τα ποιο γνωςτά και κακιερωμζνα CMS είναι τα: Joomla!, wordpress, drupal, Orchard, DotNetNuke
και άλλα πολλά. Εμείσ ςτθριχτικαμε ςτθν πλατφόρμα του ςυςτιματοσ διαχείριςθσ περιεχομζνου
Joomla για αυτι τθν πτυχιακι εργαςία.
3.3 Εξυπηρετητήσ Web
O εξυπθρετθτισ ι διακομιςτισ (server) web είναι ζνασ υπολογιςτισ με ειδικό λογιςμικό
ςυςτιματοσ και εφαρμογζσ που αναλαμβάνει τθν παροχι διάφορων υπθρεςιϊν,
«εξυπθρετϊντασ» αιτιςεισ από άλλουσ υπολογιςτζσ γνωςτοφσ ωσ πελάτεσ (clients). Πταν ζνασ
υπολογιςτισ εκτελεί κυρίωσ τζτοια προγράμματα εξυπθρετθτζσ ςυνεχόμενα, 24 ϊρεσ τθν θμζρα,
Σελίδα | 20
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
τότε μποροφμε να αναφερκοφμε ςε όλον τον υπολογιςτι ωσ εξυπθρετθτι, αφοφ αυτι είναι θ
κφρια λειτουργία του. Ραρομοίωσ, ωσ πελάτθ μποροφμε να κεωριςουμε είτε κάποιο λογιςμικό
που επικοινωνεί και υποβάλει αιτιματα ςτον εξυπθρετθτι, είτε τον υπολογιςτι ςτον οποίο
εκτελείται το λογιςμικό πελάτθσ. Η επικοινωνία μεταξφ πελάτθ και εξυπθρετθτι γίνεται μζςω ενόσ
τοπικοφ δικτφου, ι ακόμα και μζςω του Διαδικτφου.
Ο εξυπθρετθτισ είναι ςυνικωσ ζνασ υπολογιςτισ που διαφζρει ωσ προσ τθ ςφνκεςι του από
άλλουσ κοινοφσ υπολογιςτζσ, μιασ και οι δυνατότθτεσ του είναι ςαφϊσ αναβακμιςμζνεσ. Κφρια
χαρακτθριςτικά ενόσ εξυπθρετθτι είναι οι υψθλζσ επιδόςεισ, θ μεγάλθ χωρθτικότθτα και κυρίωσ θ
αξιοπιςτία όςον αφορά όλεσ ςχεδόν τισ λειτουργίεσ του. Η ειδικι παραμετροποίθςθ του
λειτουργικοφ ςυςτιματοσ του εξυπθρετθτι κακϊσ και θ λειτουργία μιασ ςειράσ ειδικϊν
εφαρμογϊν μποροφν να φιλοξενιςουν μία ι περιςςότερεσ ιςτοςελίδεσ και να τισ προςφζρουν
ςτουσ χριςτεσ/επιςκζπτεσ τουσ, εξυπθρετϊντασ τισ αιτιςεισ τουσ. Τισ υπθρεςίεσ ενόσ εξυπθρετθτι
web μπορεί να προςφζρει και κατάλλθλο λογιςμικό το οποίο μπορεί να εγκαταςτακεί ςτθν πλευρά
του χριςτθ ϊςτε να παρζχει ο ίδιοσ ο χριςτθσ υπθρεςίεσ εξυπθρετθτι ςτον εαυτό του. Αυτό αν και
παράδοξο είναι πολφ χριςιμο ςε προγραμματιςτζσ και web designers αφοφ δεν απαιτείται
δεφτεροσ ξεχωριςτόσ υπολογιςτισ για τισ λειτουργίεσ εξυπθρετθτι Web με το ανάλογο κόςτοσ,
οφτε χρειάηεται και ςφνδεςθ ςτο διαδίκτυο. Με αυτό τον τρόπο εργαςτικαμε για τθ δθμιουργία
τθσ ιςτοςελίδασ μασ ςε αυτι τθν πτυχιακι εργαςία.
3.3 Τεχνολογίεσ διαδικτφου
Ραρακάτω γίνεται μια ςυνοπτικι αναφορά ςτισ τεχνολογίεσ διαδικτφου όπωσ γλϊςςεσ
προγραμματιςμοφ και βάςεισ δεδομζνων, κακϊσ και κάποιεσ τεχνικζσ λεπτομζρειεσ ςχετικά με
εφαρμογζσ λογιςμικοφ που χρθςιμοποιιςαμε για το ςχεδιαςμό και τθν υλοποίθςθ τθσ πτυχιακισ
εργαςίασ.
3.3.1 Η γλϊςςα HTML - HyperText Markup Language
Τα αρχικά HTML προζρχονται από τισ λζξεισ HyperText Markup Language. Η HTML δεν είναι μια
παραδοςιακι γλϊςςα προγραμματιςμοφ όπωσ είναι θ γλϊςςα C ι Pascal, αντίκετα είναι μια
γλϊςςα ςιμανςθσ (markup language), δθλαδι ζνασ ειδικόσ τρόποσ γραφισ κειμζνου, ο οποίοσ
υπακοφει φυςικά ςε κανόνεσ ςφνταξθσ. Αποτελεί ζνα υποςφνολο τθσ γλϊςςασ SGML (Standard
Generalized Markup Language) που επινοικθκε από τθν IBM προκειμζνου να λυκεί το πρόβλθμα
τθσ μθ τυποποιθμζνθσ εμφάνιςθσ κειμζνων ςτα διάφορα υπολογιςτικά ςυςτιματα. Αξίηει να
ςθμειωκεί ότι θ HTML είναι θ πρϊτθ και πιο διαδεδομζνθ γλϊςςα περιγραφισ τθσ δομισ μιασ
ιςτοςελίδασ.
Ζνα αρχείο ςε HTML μπορεί να δθμιουργθκεί πολφ εφκολα χρθςιμοποιϊντασ απλϊσ ζναν κλαςςικό
επεξεργαςτι κειμζνου. Για να δοφμε το αποτζλεςμα μιασ ςελίδασ «γραμμζνθσ» ςε HTML
χρειαηόμαςτε ζνα ειδικό πρόγραμμα αποκωδικοποίθςθσ τθσ γραφισ HTML που δεν είναι άλλο από
Σελίδα | 21
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
ζνασ πλοθγό παγκόςμιου ιςτοφ, όπωσ είναι ο Internet Explorer, ο Firefox και ο Chrome. Αυτό το
πρόγραμμα, ο πλοθγόσ του παγκόςμιου ιςτοφ, αναγνωρίηει τον τρόπο γραφισ και ςφνταξθσ τθσ
HTML και εκτελεί τισ εντολζσ που περιγράφονται ςε μια ιςτοςελίδα με αποτζλεςμα να εμφανίηεται
ςτο χριςτθ το περιεχόμενο τθσ ιςτοςελίδασ κατάλλθλα μορφοποιθμζνο. Ζνα HTML αρχείο περιζχει
ειδικζσ ετικζτεσ (τα tags) για να περιγράψει τισ απαραίτθτεσ οδθγίεσ ςτον πλοθγό του παγκόςμιου
ιςτοφ.
Οι ειδικζσ ετικζτεσ είναι ουςιαςτικά κάποιεσ εντολζσ που ςυνικωσ ορίηουν τθν αρχι ι το τζλοσ
μιασ λειτουργίασ. Αυτζσ οι ειδικζσ ετικζτεσ βρίςκονται πάντα μεταξφ των ςυμβόλων < και > όπωσ
για παράδειγμα θ ετικζτα: <BODY>. Οι οδθγίεσ που περιγράφονται με τισ ειδικζσ ετικζτεσ δεν
επθρεάηονται από το αν ζχουν γραφτεί με πεηά (μικρά) ι κεφαλαία (είναι case insensitive). Ζνα
αρχείο τφπου HTML πρζπει να ζχει κατάλθξθ αρχείου .htm ι .html για να μπορεί να ερμθνευτεί
ςωςτά από το πρόγραμμα πλοιγθςθσ. Για να μποροφν τα διάφορα προγράμματα πλοιγθςθσ του
παγκόςμιου ιςτοφ να ερμθνεφουν ςωςτά τθν HTML ζχουν κεςπιςτεί κάποιοι κανόνεσ γραφισ και
ςφνταξθσ του κειμζνου που περιζχει τισ ειδικζσ ετικζτεσ τθσ HTML. Αυτοί οι κανόνεσ είναι γνωςτοί
ωσ προδιαγραφζσ και ουςιαςτικά είναι αυτό που επιτρζπει τθ ςωςτι και ομαλι παρουςίαςθ μιασ
ιςτοςελίδασ ςε οποιοδιποτε πρόγραμμα πλοιγθςθσ και ςε κάκε υπολογιςτι ι φορθτι ςυςκευι
(tablet ι smartphone). Το πρϊτο πρότυπο από προδιαγραφζσ ιταν θ ζκδοςθ HTML 2.0. Σιμερα
ζχει δθμοςιοποιθκεί το πρότυπο από τισ προδιαγραφζσ ζκδοςθσ HTML 5.0 και οι περιςςότερεσ
νζεσ ιςτοςελίδεσ αλλά και όλα τα προγράμματα πλοιγθςθσ το ακολουκοφν.
Οφείλουμε να παρατθριςουμε πωσ δυςτυχϊσ ακόμθ και ςιμερα υπάρχουν διαφορζσ ςτθν
απεικόνιςθ κάποιασ ςελίδασ από διαφορετικοφσ πλοθγοφσ παγκόςμιου ιςτοφ. χαρακτθριςτικό
πρόβλθμα είναι όταν θ ιςτοςελίδα, εκτόσ από "κακαρι" HTML περιλαμβάνει και εφαρμογζσ
Javascript. Δυςτυχϊσ αυτά τα προβλιματα, οι αςυμβατότθτεσ όπωσ λζγονται χαρακτθριςτικά,
προζρχονται από τον εμπλουτιςμό των προτφπων προδιαγραφϊν με πρόςκετα χαρακτθριςτικά
που προςκζτει θ κάκε εταιρεία λογιςμικοφ ςτθ δικι τθσ εφαρμογι πλοιγθςθσ ςτον παγκόςμιο
ιςτό και ςε αρκετζσ φορζσ δθμιουργοφνται μικρά αλλά και μεγάλα προβλιματα ςτθν παρουςίαςθ
των ιςτοςελίδων που είναι προγραμματιςμζνεσ ςε HTML.
Αν και ο καλφτεροσ τρόποσ καταςκευισ μιασ ιςτοςελίδασ ςε HTML είναι θ ςυγγραφι των ειδικϊν
ετικετϊν τθσ HTML πολλοί επιλζγουν να δθμιουργιςουν μια ιςτοςελίδα χρθςιμοποιϊντασ κάποιο
εξειδικευμζνο πρόγραμμα που επιτρζπει τθν δθμιουργία ιςτοςελίδων ςχεδιάηονταν και
μορφοποιϊντασ το τελικό κείμενο-περιεχόμενο τθσ ιςτοςελίδασ χωρίσ να απαιτείται κακόλου θ
ςυγγραφι κϊδικα HTML. Κάτι τζτοιο είναι αρνθτικό διότι ο ςυγγραφζασ-δθμιουργόσ τθσ
ιςτοςελίδασ δεν ζχει καμία επίβλεψθ ι ζλεγχο του κϊδικα που παράγεται αυτόματα με
αποτζλεςμα ςε αρκετζσ να υπάρχουν μια ςειρά από προβλιματα και κακό αποτζλεςμα όταν οι
διάφοροι (και διαφορετικοί) πλοθγοί του παγκόςμιου ιςτοφ επιχειροφν να εμφανίςουν τθν
ιςτοςελίδα. Υπάρχουν βζβαια ειδικά προγράμματα λογιςμικοφ που παρζχουν υπθρεςίεσ
«κακαριςμοφ» του αυτόματα παραγόμενου κϊδικα αλλά ςε αρκετζσ περιπτϊςεισ τα προγράμματα
αυτά μαηί με τα άχρθςτα πρόςκετα ςε HTML μπορεί να αφαιρζςουν ι/και να τροποποιιςουν το
Σελίδα | 22
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
οπτικό, όχι μόνο, αποτζλεςμα τθσ ιςτοςελίδασ με αποτζλεςμα θ τελικι μορφι και παρουςίαςθ τθσ
ιςτοςελίδασ να απζχει από το επιδιωκόμενο αποτζλεςμα.
3.3.2 PHP
H PHP (Hypertext Preprocessor) είναι μια γλϊςςα προγραμματιςμοφ-script (scripting language)
ευρζωσ χρθςιμοποιοφμενθ για τθ δθμιουργία ιςτοςελίδων με δυναμικό περιεχόμενο αφοφ μπορεί
να ενςωματωκεί ςτον κϊδικα HTML. Μια ςελίδα γραμμζνθ ςε PHP ενςωματϊνεται μζςα ςτον
κϊδικα τθσ HTML και εκτελείται ςτθν πλευρά του server (server-side scripting) όπου περνά από
επεξεργαςία από ζνα ςυμβατό διακομιςτι του Ραγκόςμιου Ιςτοφ ϊςτε να παραχκεί, ςε
πραγματικό χρόνο, το τελικό περιεχόμενο ςε μορφι κϊδικα HTML, που κα ςταλεί ςτο πρόγραμμα
πλοιγθςθσ των επιςκεπτϊν τθσ ιςτοςελίδασ.
Η ΢Η΢ αρχικά δθμιουργικθκε το 1994 από τον Lerdorf Rasmus. Τα αρχικά ΢Η΢ ςιμαιναν Personal
Home Page, αλλά θ περιγραφι άλλαξε ςφμφωνα με τθν ςφμβαςθ GNU και τϊρα ςθμαίνει PHP
Hypertext PreProcessor. Στο μεγαλφτερο μζροσ τθσ ςφνταξισ τθσ, θ PHP το ζχει αντιγράψει
χαρακτθριςτικά από τθν C, τθν Java και τθν Perl αν και διακζτει μερικά δικά τθσ μοναδικά
χαρακτθριςτικά. Ο ςκοπόσ τθσ PHP είναι να δϊςει τθ δυνατότθτα ςτουσ προγραμματιςτζσ web
εφαρμογϊν να δθμιουργοφν δυναμικά παραγόμενεσ ιςτοςελίδεσ.
Τον Ιανουάριο του 2001 χρθςιμοποιοφνταν ςε ςχεδόν πζντε εκατομμφρια ιςτοςελίδεσ και αυτόσ ο
αρικμόσ ςιμερα ζχει πολλαπλαςιαςτεί και ςυνεχϊσ μεγαλϊνει με γοργοφσ ρυκμοφσ.
θ ΢Η΢ ζχει υψθλι απόδοςθ και είναι πολφ αποτελεςματικι. Με ζνα φκθνό web server μπορείτε να
εξυπθρετιςετε εκατομμφρια επιςκζψεων κακθμερινά. Επίςθσ θ ΢Η΢ ζχει εγγενείσ ςυνδζςεισ για
πολλά ςυςτιματα βάςεων δεδομζνων αφοφ εκτόσ από τθν MySQL, μπορείτε να ςυνδεκείτε
κατευκείαν με τισ άλλεσ βάςεισ δεδομζνων όπωσ PostgreSQL, mSQL, Oracle, dbm, filePro, Informix,
InterBase, Sybase κλπ. Επειδι θ ΢Η΢ ςχεδιάςτθκε για να χρθςιμοποιείται για τον παγκόςμιο ιςτό
ζχει πολλζσ ενςωματωμζνεσ βιβλιοκικεσ, που εκτελοφν πολφ χριςιμεσ λειτουργίεσ ςχετικζσ με το
Web. Μπορείτε να δθμιουργιςετε εικόνεσ GIF, να ςυνδεκείτε με άλλεσ υπθρεςίεσ δικτφων, να
ςτείλετε email, να επεξεργαςτείτε cookies και να δθμιουργιςετε PDF ζγγραφα με μόνο λίγεσ
γραμμζσ κϊδικα.
Η γλϊςςα ΢Η΢ είναι διακζςιμθ για πολλά λειτουργικά ςυςτιματα. Με αυτό τον τρόπο μπορείτε να
γράψετε κϊδικα ΢Η΢ για ςυςτιματα Unix, LINUX και FreeBSD ι για διαφορετικζσ εκδϊςεισ των
Microsoft Windows. Ο κϊδικασ ςασ ςυνικωσ κα δουλεφει χωρίσ αλλαγζσ ςτα ςυςτιματα που
τρζχουν τθν ΢Η΢. Η ΢Η΢ είναι ζνα προϊόν ανοιχτοφ κϊδικα, παρζχει πλιρθ πρόςβαςθ ςτον πθγαίο
κϊδικά τθσ και μπορεί να χρθςιμοποιθκεί ωσ ζχει ι να τροποποιθκεί και να αναδιανεμθκεί, χωρίσ
χρζωςθ δικαιωμάτων (για τθν PHP). Ανταγωνιςτικζσ τθσ γλϊςςασ PHP είναι οι εξισ γλϊςςεσ
προγραμματιςμοφ: ASP (Active Server Pages) τθσ εταιρείασ Microsoft, CFML (ColdFusion Markup
Language) τθσ εταιρείασ Allaire και JSP (JavaServer Pages) τθσ εταιρείασ Sun.
Σελίδα | 23
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
3.3.3 CSS
Η Cascading Style Sheets (CSS) είναι μια γλϊςςα που χρθςιμοποιείται για να περιγράψει τθν
παρουςίαςθ (τθν εμφάνιςθ και τθ μορφοποίθςθ) ενόσ εγγράφου γραμμζνου ςε μια γλϊςςα
ςιμανςθσ. Ριο κοινι εφαρμογι του είναι να προςκζτει ςτυλ ςε ιςτοςελίδεσ γραμμζνεσ ςε HTML. Η
CSS ζχει ςχεδιαςτεί για να επιτρζπει κυρίωσ το διαχωριςμό του περιεχομζνου του εγγράφου
(γραμμζνο ςε HTML ι παρόμοια γλϊςςα ςιμανςθσ) από τθν παρουςίαςθ του εγγράφου,
ςυμπεριλαμβανομζνων των ςτοιχείων όπωσ θ διάρκρωςθ, τα χρϊματα και τισ γραμματοςειρζσ.
Αυτόσ ο διαχωριςμόσ μπορεί να βελτιϊςει τθν προςβαςιμότθτα του περιεχομζνου, να παρζχει
μεγαλφτερθ ευελιξία και ζλεγχο των προδιαγραφϊν των χαρακτθριςτικϊν παρουςίαςθσ, ϊςτε
πολλζσ ςελίδεσ να μετζχουν ςτθ μορφοποίθςθ, κακϊσ και να μειϊςουν τθν πολυπλοκότθτα και τθν
επανάλθψθ του διαρκρωτικοφ περιεχομζνου.
Η CSS μπορεί, επίςθσ, να επιτρζψει ςτθν ίδια ςελίδα ςθμειϊςεων να εμφανιςτεί με διαφορετικό
τρόπο ανάλογα με το μζγεκοσ τθσ οκόνθσ ι τθσ ςυςκευισ, ςτθν οποία το παρακολουκείτε. Η CSS
κακορίηει ζνα ςφςτθμα προτεραιότθτασ για να κακοριςτεί ποιοι κανόνεσ ςτυλ εφαρμόηονται ςε
περίπτωςθ που περιςςότεροι του ενόσ κανόνα αναφζρονται ςτο ίδιο ςυγκεκριμζνο ςτοιχείο.
Η CSS ζχει μια απλι ςφνταξθ και χρθςιμοποιεί μια ςειρά από αγγλικζσ λζξεισ-κλειδιά για να
κακορίςετε τα ονόματα των διαφόρων ιδιοτιτων μορφοποίθςθσ. Ζνα φφλλο μορφοποίθςθσ
αποτελείται από μια λίςτα με τουσ κανόνεσ. Κάκε κανόνασ ι ομάδα κανόνων αποτελείται από μία
ι περιςςότερεσ επιλογζσ και ζνα τμιμα τθσ διλωςθσ. Στθν CSS, επιλογείσ χρθςιμοποιοφνται για να
δθλϊςουν ποια από τα ςτοιχεία ςιμανςθσ τθσ μορφοποίθςθσ εφαρμόηονται. Οι επιλογείσ
μποροφν να εφαρμόηονται ςε όλα τα ςτοιχεία ενόσ ςυγκεκριμζνου τφπου, ι μόνο εκείνα τα
ςτοιχεία που ταιριάηουν με ζνα ςυγκεκριμζνο χαρακτθριςτικό. Τα ςτοιχεία μποροφν να
ςυνδυαςτοφν ανάλογα με το πϊσ είναι τοποκετθμζνα ςε ςχζςθ με κάκε άλλο ςτοιχείο ςτον κϊδικα
ςιμανςθσ, ι για το πϊσ είναι ζνκετα εντόσ του Μοντζλου Αντικειμζνου του Εγγράφου.
Ρριν από τθν CSS, ςχεδόν όλα τα χαρακτθριςτικά παρουςίαςθσ των HTML εγγράφων περιζχονταν
ςτο κείμενο HTML. Πλα τα χρϊματα γραμματοςειράσ, ςτυλ φόντου, ευκυγραμμίςεισ ςτοιχείων, τα
περικϊρια και τα μεγζκθ ζπρεπε να περιγράφονται ρθτά, ςυχνά με επαναλιψεισ, ςτο πλαίςιο τθσ
HTML. Η CSS επιτρζπει ςτουσ ςυγγραφείσ να μετακινιςουν μεγάλο μζροσ των πλθροφοριϊν αυτϊν
ςε ζνα ξεχωριςτό φφλλο ςτυλ με αποτζλεςμα τθν ςθμαντικά απλοφςτερθ ςιμανςθ HTML. Η
πρόςκετθ ςιμανςθ παρουςίαςθσ ςτθν HTML ζκανε πιο πολφπλοκα τα ζγγραφα, και γενικά πιο
δφςκολο να ςυντθρθκοφν. Στθν CSS, θ παρουςίαςθ χωρίηεται από τθ δομι. Οι CSS πλθροφορίεσ
μποροφν να παρζχονται από διάφορεσ πθγζσ. Οι πλθροφορίεσ ςτυλ είτε επιςυνάπτονται ωσ
χωριςτό ζγγραφο ι ενςωματϊνονται ςτο ζγγραφο HTML. Μποροφν να ειςαχκοφν πολλαπλά
φφλλα ςτυλ. Μποροφν να εφαρμοςτοφν διαφορετικά ςτυλ ανάλογα με τθ ςυςκευι εξόδου που
χρθςιμοποιείται. Για παράδειγμα, θ ζκδοςθ τθσ οκόνθσ μπορεί να είναι αρκετά διαφορετικι από
τθν ζντυπθ ζκδοςθ, ζτςι ϊςτε οι ςυγγραφείσ να μποροφν να προςαρμόςουν τθν παρουςίαςθ
κατάλλθλα για κάκε μζςο.
Σελίδα | 24
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Ζνασ από τουσ ςτόχουσ τθσ CSS είναι, επίςθσ, να επιτρζψει ςτουσ χριςτεσ μεγαλφτερο ζλεγχο τθσ
παρουςίαςθσ. Κάποιοσ που βρίςκει τουσ κόκκινουσ πλάγιουσ τίτλουσ δφςκολο να διαβαςτοφν
μπορεί να εφαρμόςει ζνα διαφορετικό ςτυλ παρουςίαςθσ. Ανάλογα με το πρόγραμμα περιιγθςθσ
και το web site, ο χριςτθσ μπορεί να επιλζξει από διάφορα ςτυλ που παρζχονται από τουσ
ςχεδιαςτζσ, μπορεί να αφαιρζςει όλεσ τισ μορφοποιιςεισ και να δει τθν ιςτοςελίδα
χρθςιμοποιϊντασ το προεπιλεγμζνο ςτυλ του προγράμματοσ πλοιγθςθσ, ι μπορεί να
αντικαταςτιςει μόνο το κόκκινο πλάγιο ςτυλ επικεφαλίδασ χωρίσ να αλλοιϊνει τα υπόλοιπα
χαρακτθριςτικά.
3.3.4 Javascript
Η javascript είναι μία γλϊςςα προγραμματιςμοφ scripting και ςχεδιάςτθκε για να προςκζςει
δυνατότθτεσ αλλθλεπίδραςθσ ςε ιςτοςελίδεσ και ςυνικωσ ενςωματϊνεται απευκείασ ςτον κϊδικα
τθσ ιςτοςελίδασ. Η JavaScript είναι μια ερμθνευόμενθ γλϊςςα (interpreted language), δθλαδι τα
scripts εκτελοφνται χωρίσ να ζχει προθγθκεί μεταγλϊττιςθ του κϊδικα όπωσ για παράδειγμα
γίνεται ςτισ γλϊςςεσ C ι Pascal. Η αρχικι ζκδοςθ τθσ Javascript βαςίςτθκε ςτθ ςφνταξθ ςτθ γλϊςςα
προγραμματιςμοφ C, αν και ζχει εξελιχκεί, ενςωματϊνοντασ πια χαρακτθριςτικά από νεότερεσ
γλϊςςεσ όπωσ θ java. Η JavaScript ζχει ςαν ςκοπό τθν παραγωγι δυναμικοφ περιεχομζνου ςε μια
ιςτοςελίδα με τθν εκτζλεςθ κϊδικά τθσ ςτθν πλευρά του χριςτθ (client-side) μζςω του
προγράμματοσ πλοιγθςθσ. Αυτό ςθμαίνει ότι θ επεξεργαςία του κϊδικα Javascript και θ παραγωγι
του τελικοφ περιεχομζνου (ςε HTML) δεν πραγματοποιείται ςτο διακομιςτι, αλλά ςτο πρόγραμμα
περιιγθςθσ των χρθςτϊν, αλλά όμωσ μπορεί να ενςωματωκεί και ςε ςτατικζσ ςελίδεσ HTML ϊςτε
να προςκζςει και άλλεσ υπθρεςίεσ ςτθν ιςτοςελίδα. Η χριςθ τθσ Javascript ζχει προωκθκεί ςτισ
μζρεσ μασ με τθ διάδοςθ τθσ πλατφόρμασ Node.js, ενόσ μοντζλου προγραμματιςμοφ βαςιςμζνο
ςτα γεγονότα (events), δθλαδι να εκτελεςτεί όταν κάτι ςυμβεί, π.χ. όταν ο χριςτθσ κάνει κλικ ςε
ζνα πλικτρο.
Η Javascript δεν κα πρζπει να ςυγχζεται με τθ γνωςτι γλϊςςα προγραμματιςμοφ Java, που είναι
άλλθ διαφορετικι γλϊςςα προγραμματιςμοφ και ςτοχεφει ςε διαφορετικζσ εφαρμογζσ. Η χριςθ
τθσ λζξθσ "Java" ςτο όνομα τθσ Javascript ζχει περιςςότερθ ςχζςθ με το προφίλ του προϊόντοσ που
ζπρεπε να ζχει και λιγότερο για τθ ςχζςθ τθσ με τθ Java. Η ςφγχυςθ ανάμεςα ςτισ δφο γλϊςςεσ
ζπαιξε το γεγονόσ πωσ τόςο θ Java όςο και θ Javascript ζχουν δεχτεί ςθμαντικζσ επιρροζσ από τθ
γλϊςςα C, ειδικά ςτο ςυντακτικό, ενϊ επίςθσ είναι και οι δφο γλϊςςεσ που υποςτθρίηουν τον
αντικειμενοςτραφι προγραμματιςμό. Η γλϊςςα όμωσ υποςτθρίηει τόςο τον δομθμζνο
προγραμματιςμό όςο και τον αντικειμενοςτραφι γεγονόσ που τθν κάνει ακόμα πιο δθμοφιλι. Η
γλϊςςα είναι πολφ γριγορθ και χριςιμθ και επιτρζπει γριγορθ επικοινωνία ανάμεςα ςτον πλοθγό
και τον server. Χρθςιμοποιείται με ενιαίο τρόπο ςτο διαδίκτυο, ανεξαρτιτωσ από τθν γλϊςςα
προγραμματιςμοφ ςτον server (PHP, Python κλπ). Μπορεί θ ςφνδεςθ ςτο διαδίκτυο να μθν είναι
πάντα εφικτι, όμωσ θ JavaScript δουλεφει ακόμα και όταν ο browser είναι εκτόσ ςφνδεςθσ.
Σελίδα | 25
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
3.4 SQL
Το ακρωνφμιο SQL προκφπτει από το Structured Query Language. Αρχικά θ SQL ονομαηόταν SEQUEL
από το Structured English Query Language και υλοποιικθκε για το System R που ιταν ζνα
πειραματικό ςφςτθμα τθσ IBM, αλλά πλζον ζχει εξελιχκεί και τυποποιθκεί ζτςι ϊςτε να αποτελεί
πρότυπο γλϊςςασ ερωτιςεων. Ζχουν υπάρξει ωσ πρότυπα οι SQL1, SQL2 και SQL3 ςε ςυνεργαςία
με τουσ οργανιςμοφσ ANSI και ISO. Η SQL ιταν μία από τισ πρϊτεσ γλϊςςεσ για το ςχεςιακό
μοντζλο των βάςεων δεδομζνων και ςιμερα αποτελεί τθν πιο ευρζωσ χρθςιμοποιοφμενθ γλϊςςα
για τισ ςχεςιακζσ βάςεισ δεδομζνων. Η γλϊςςα ερωτιςεων SQL δίνει δυνατότθτεσ τόςο για
αναηιτθςθ δεδομζνων, όςο και για οριςμό δεδομζνων, ενϊ είναι δυνατι και θ ενςωμάτωςι τθσ
µμζςα ςε γλϊςςεσ προγραμματιςμοφ (εµφωλιαςµζνθ SQL). Είναι λοιπόν τόςο μία γλϊςςα οριςμοφ
δεδομζνων όςο και γλϊςςα χειριςμοφ των δεδομζνων.
Υπάρχουν πολλζσ παραλλαγζσ τθσ γλϊςςασ SQL που κυκλοφοροφν, οι οποίεσ ωςτόςο
χαρακτθρίηονται από τθν ίδια δομι και τθν ίδια φιλοςοφία. Μια τυπικι γλϊςςα SQL, περιλαμβάνει
τισ επόμενεσ δομικζσ μονάδεσ:
 Γλϊςςα οριςμοφ δεδομζνων: Η γλϊςςα αυτι περιλαμβάνει εντολζσ που µασ επιτρζπουν να
υλοποιιςουμε πίνακεσ, ςχζςεισ ανάμεςα ςε πίνακεσ, και γενικά όλθ τθ δομι μιασ βάςθσ
δεδομζνων.
 Γλϊςςα χειριςμοφ δεδομζνων: Η γλϊςςα αυτι επιτρζπει τθ διαχείριςθ των δεδομζνων τθσ
εφαρμογισ, όπωσ τθν ειςαγωγι, διαγραφι, ανάκτθςθ και τροποποίθςθ δεδομζνων.
 Οριςμόσ όψεων τθσ βάςθσ: Επιτρζπει τθ δθμιουργία όψεων τθσ βάςθσ δεδομζνων οι οποίεσ
ορίηονται ωσ εικονικοί πίνακεσ οι οποίοι περιζχουν δεδομζνα από ζναν ι περιςςότερουσ
πίνακεσ τθσ βάςθσ.
 Οριςμόσ εξουςιοδοτιςεων: Επιτρζπει τθ δθμιουργία ομάδων χρθςτϊν, και τθν απόδοςθ
διαφορετικϊν δικαιωμάτων πρόςβαςθσ ςε κάκε ζναν από αυτοφσ, προκειμζνου θ κάκε ομάδα
χρθςτϊν, να διαχειρίηεται µόνο τα δικά τθσ δεδομζνα.
 Διαχείριςθσ ακεραιότθτασ: Επιτρζπει το λεπτομερι ζλεγχο των δεδομζνων που καταχωροφνται
ςτθ βάςθ, ζτςι ϊςτε να µθν παραβιάηονται οι κανόνεσ ακεραιότθτασ που ζχουμε ορίςει και οι
οποίοι όταν τθροφνται, απομακρφνουν τον κίνδυνο καταχϊρθςθσ αςυνεπϊν δεδομζνων.
Η γλϊςςα οριςμοφ δεδομζνων, επιτρζπει τθ διαχείριςθ πινάκων, όψεων και δεικτϊν ςε μια βάςθ
δεδομζνων. Αυτι θ διαχείριςθ περιλαμβάνει τον οριςμό και τθ μεταβολι τθσ δομισ αυτϊν των
αντικειμζνων, κακϊσ και τθ διαγραφι τουσ. Από τα τρία αυτά αντικείμενα, οι πίνακεσ είναι το
δομικό χαρακτθριςτικό μιασ ςχεςιακισ βάςθσ δεδομζνων, κακϊσ περιζχουν τα δεδομζνα που
Σελίδα | 26
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
καταχωροφνται ςε αυτι, ενϊ οι όψεισ προκφπτουν από ζναν ι περιςςότερουσ πίνακεσ και
ςυςχετίηουν τα δεδομζνα που είναι αποκθκευμζνα ςε αυτοφσ. Τζλοσ οι δείκτεσ είναι ειδικζσ δομζσ
δεδομζνων, οι οποίεσ επιταχφνουν τθ διαδικαςία τθσ αναηιτθςθσ πλθροφοριϊν από τθ βάςθ.
Η γλϊςςα SQL υποδιαιρείται ςε διάφορα γλωςςικά και ςυντακτικά ςτοιχεία, και περιλαμβάνει τα
παρακάτω:
 ΢ιτρεσ (Clauses), οι οποίεσ είναι ςε μερικζσ περιπτϊςεισ προαιρετικζσ, αλλά απαραίτθτεσ για
τισ δθλϊςεισ και τα ερωτιματα.
 Ραραςτάςεισ (Expressions) που μποροφν να παραγάγουν, είτε κλιμακωτζσ τιμζσ, είτε πίνακεσ
που αποτελοφνται από ςτιλεσ και ςειρζσ ςτοιχείων.
 Κατθγοριματα (Predicates) που διευκρινίηουν τουσ όρουσ που μποροφν να αξιολογθκοφν ςε
ςωςτό ι λάκοσ.
 Ερωτιματα (Queries) που ανακτοφν τα καταχωρθμζνα ςτοιχεία βαςιςμζνα ςε διάφορα ειδικά
κριτιρια αναηιτθςθσ.
 Εντολζσ (Statements) που μποροφν να ζχουν μια επίδραςθ ςτα ςχιματα και τα ςτοιχεία, ι που
μποροφν να ελζγξουν τθ ροι του προγράμματοσ και τισ ςυνδζςεισ από άλλα προγράμματα.
3.5 Σχεςιακζσ Βάςεισ Δεδομζνων
Σχεςιακι Βάςθ Δεδομζνων (relational data base): Ζνα ςφνολο ςυςχετιηομζνων πινάκων αποτελοφν
μία ςχεςιακι βάςθ δεδομζνων θ οποία αποτελεί και τον πιο ςυνικθ τρόπο δθμιουργίασ βάςεων
δεδομζνων ςιμερα. Αυτι θ ςυλλογι δεδομζνων που είναι οργανωμζνθ ςε ςυςχετιςμζνουσ
πίνακεσ παρζχει ταυτόχρονα ζνα μθχανιςμό για ανάγνωςθ, εγγραφι, τροποποίθςθ ι και πιο
πολφπλοκεσ διαδικαςίεσ πάνω ςτα δεδομζνα που περιζχει. Ο ςκοπόσ μιασ ςχεςιακισ βάςθσ
δεδομζνων είναι θ οργανωμζνθ αποκικευςθ τθσ πλθροφορίασ και θ δυνατότθτα εξαγωγισ τθσ
πλθροφορίασ αυτισ, ςε μια πιο οργανωμζνθ μορφι, ςφμφωνα με ερωτιματα που υποβάλλονται
ςτθ ςχεςιακι βάςθ δεδομζνων. Τα δεδομζνα είναι δυνατόν να αναδιοργανϊνονται με πολλοφσ
διαφορετικοφσ τρόπουσ, ςε νοθτοφσ πίνακεσ, χωρίσ να είναι απαραίτθτθ θ αναδιοργάνωςθ των
φυςικϊν πινάκων που τα αποκθκεφουν.
Τα ερωτιματα που υποβάλλονται ςτθ βάςθ δεδομζνων είτε από ζνα χριςτθ είτε από κάποια
εφαρμογι λογιςμικοφ, είναι ςυνικωσ βαςιςμζνα ςτθ γλϊςςασ SQL (Structured Query Language).
Εκτελϊντασ τα ερωτιματά του ο χριςτθσ ανάλογα με τα δικαιϊματά του μπορεί, να δθμιουργιςει,
να μεταβάλλει και να διαγράψει δεδομζνα από τθ βάςθ δεδομζνων, ι να ανακτιςει πλθροφορίεσ
με απλά ι ςφνκετα κριτιρια ςτα ερωτιματα αναηιτθςθσ.
Σελίδα | 27
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Η ςχεςιακι βάςθ δεδομζνων δεν κα πρζπει να ςυγχζονται με το Σφςτθμα Διαχείριςθσ Σχεςιακϊν
Βάςεων Δεδομζνων (Relational DataBase Management System) που είναι ζνα ςφνολο από
προγράμματα που επιτρζπουν το χειριςμό των δεδομζνων μίασ ι περιςςότερων βάςεων
δεδομζνων που ανικουν ςτο ίδιο ςφςτθμα. Το Σφςτθμα Διαχείριςθσ Σχεςιακϊν Βάςεων
Δεδομζνων περιζχει κάποια εργαλεία γενικισ χριςθσ για να μποροφμε να δθμιουργοφμε και να
χειριηόμαςτε τα δεδομζνα που είναι αποκθκευμζνα ςτθ ςχεςιακι βάςθ δεδομζνων.
3.6 Τι είναι το λογιςμικό ανοιχτοφ κϊδικα (Open Source)
Ο όροσ λογιςμικό ανοιχτοφ κϊδικα περιγράφει τθν πρακτικι και τθ μεκοδολογία παραγωγισ
λογιςμικοφ θλεκτρονικϊν υπολογιςτϊν (και όχι μόνο) που επιτρζπει ι/και προάγει τθν πρόςβαςθ
ςτα βαςικά υλικά του πθγαίου του κϊδικα. Ραλιότερα, οι προγραμματιςτζσ και οι μθχανικοί
λογιςμικοφ χρθςιμοποιοφςαν μια ποικιλία από φράςεισ για να περιγράψουν αυτιν τθν ζννοια. Ο
όροσ λογιςμικό ανοιχτοφ κϊδικα επικράτθςε με τθν προζλαςθ του διαδικτφου και τθν ανάγκθ για
μαηικι ανανζωςθ του πθγαίου κϊδικα των εφαρμογϊν για υπολογιςτζσ. Η ανοιχτι διάκεςθ του
πθγαίου κϊδικα προϊκθςε νζα μονοπάτια επικοινωνίασ, και πολφμορφεσ αλλθλο-διαδραςτικζσ
κοινότθτεσ προγραμματιςτϊν λογιςμικοφ. Σιμερα, θ φράςθ λογιςμικό ανοιχτοφ κϊδικα
περιγράψει ηθτιματα που ςχετίηονται κυρίωσ με τα πνευματικά δικαιϊματα και τθ χοριγθςθ
αδειϊν χριςθσ του λογιςμικοφ εκτόσ από τθν κλαςςικι πρόςβαςθ ςτον πθγαίο κϊδικα μιασ
εφαρμογισ.
Συνικωσ το λογιςμικό ανοικτοφ κϊδικα ανταγωνίηεται επάξια αντίςτοιχεσ εφαρμογζσ και
λειτουργικά ςυςτιματα αξίασ εκατοντάδων ευρϊ, και ςε αρκετζσ περιπτϊςεισ προςφζρεισ ιςάξιεσ
ι και καλφτερεσ λειτουργίεσ ςτον τελικό χριςτθ δίχωσ να απαιτείται θ αγορά άδειασ χριςθσ.
Ραραδείγματα λογιςμικοφ ανοικτοφ κϊδικα είναι οι περιςςότερεσ εκδόςεισ (distributions) του
λειτουργικοφ ςυςτιματοσ linux και του FreeBSD, οι ςουίτεσ εφαρμογϊν αυτοματοποίθςθσ
γραφείου OpenOffice και LibreOffice, ο πλοθγόσ παγκόςμιου ιςτοφ Mozilla Firefox, οι γλϊςςεσ
προγραμματιςμοφ PHP και Python κακϊσ και οι πλατφόρμεσ CMS Joomla!, Wordpress και drupal.
Σελίδα | 28
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Κεφάλαιο 4: Σχζδιο Δράςησ για την εκπόνηςη τησ Πτυχιακήσ Εργαςίασ
Στο κεφάλαιο αυτό παρουςιάηονται οι ςυγκεκριμζνεσ επιλογζσ που κάναμε ςχετικά το ςφςτθμα
διαχείριςθσ περιεχομζνου, τον εξυπθρετθτι web, το ςφςτθμα διαχείριςθσ βάςεων δεδομζνων
κακϊσ και το υπόλοιπο εξειδικευμζνο υποςτθρικτικό λογιςμικό που χρθςιμοποιιςαμε για αυτι τθν
πτυχιακι εργαςία.
4.1 Joomla!
Το Joomla! είναι μία δωρεάν εφαρμογι-πακζτο λογιςμικοφ ανοικτοφ κϊδικα για τθ δθμιουργία
δυναμικϊν ιςτοςελίδων που μασ επιτρζπει εφκολα να οργανϊνουμε, να διαχειριηόμαςτε και να
δθμοςιεφουμε το περιεχόμενό ςασ, με μια ατελείωτθ ποικιλία των ρυκμίςεων και προςαρμογϊν.
Με ερωτιματα προσ τθ βάςθ λαμβάνει δεδομζνα τα οποία μορφοποιεί και αποςτζλλει ςτον
εκάςτοτε πλοθγό παγκόςμιου ιςτοφ του χριςτθ. Μπορεί να χρθςιμοποιθκεί τόςο για προςωπικζσ
ιςτοςελίδεσ όςο και για επαγγελματικοφσ ιςτότοπουσ. Το Joomla! ανικει ςτθν κατθγορία των
Συςτθμάτων Διαχείριςθσ Ρεριεχομζνου (Content Management System CMS) και είναι γραμμζνο ςε
γλϊςςα PHP και τα δεδομζνα αποκθκεφονται ςε βάςθ δεδομζνων MySQL.
Σε αντίκεςθ με άλλεσ εμπορικζσ ι μθ αντίςτοιχεσ εφαρμογζσ λογιςμικοφ που προςφζρουν
διαφορετικζσ εκδόςεισ ανάλογα με τθν ζκδοςθ και τισ απαιτιςεισ για χαρακτθριςτικά τθσ
εφαρμογισ, το Joomla! διατίκεται ςε μία μόνο ζκδοςθ «που να τα καλφπτει όλα». Το
χαρακτθριςτικό πωσ είναι μία εφαρμογι ανοικτοφ κϊδικα και κατά ςυνζπεια δεν προχποκζτει
αρχικό κόςτοσ αγοράσ το κάνει ακόμα πιο ελκυςτικό. Το Joomla! προςφζρει ζνα τρομερό αρικμό
πρόςκετων εφαρμογϊν, που αρικμεί ςιμερα περιςςότερα από 9000 πρόςκετα. Ρολλζσ πτυχζσ,
ςυμπεριλαμβανομζνθσ τθσ ευκολία χριςθσ του και τθσ επεκταςιμότθτασ του, ζχουν κάνει το
Joomla το πιο δθμοφιλζσ λογιςμικό ςτο διαδίκτυο. Το Joomla! το ζχουν «κατεβάςει» περιςςότερεσ
από 30.000.000 φορζσ κάνοντάσ το ζνα από τα πιο δθμοφιλι λογιςμικά ςτθν κατθγορία του.
4.1.1 Χαρακτηριςτικά του Joomla!
Το ςφςτθμα διαχείριςθσ περιεχομζνου Joomla! Ζχει μια μεγάλθ ςυλλογι από χαρακτθριςτικά που
το κάνουν μία εξαιρετικι επιλογι για τθ δθμιουργία του θλεκτρονικοφ καταςτιματοσ για τθν
πϊλθςθ ζργων τζχνθσ, που είναι το αντικείμενο αυτισ τθσ πτυχιακισ εργαςίασ. Μερικά από τα
κφρια χαρακτθριςτικά του Joomla! είναι τα εξισ:
 Μεγάλθ ευελιξία ςτθ δθμοςίευςθ περιεχομζνου.
 Διαχειριςτισ αρχείων για μεταφόρτωςθ και διαχείριςθ των αρχείων.
Σελίδα | 29
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
 Ρανεφκολο ςτθ χριςθ του ακόμα και από αρχάριουσ χριςτεσ Η/Υ.
 Δυνατότθτεσ RSS.
 Κάδοσ ανακφκλωςθσ για όλα τα αντικείμενα.
 Ειδικόσ μθχανιςμόσ για τισ μθχανζσ αναηιτθςθσ.
 Εκτυπϊςιμεσ εκδόςεισ των ςελίδων
 Διαχείριςθ διαφθμίςεων.
 Ρολφγλωςςθ υποςτιριξθ των εκδόςεϊν του, για εφκολθ χριςθ ςε πολλζσ γλϊςςεσ
 Χιλιάδεσ πρόςκετεσ εφαρμογζσ.
 Εφκολθ εγκατάςταςθ εφαρμογϊν και πρόςκετων.
 Ρολλά επίπεδα χρθςτϊν με διαφορετικά δικαιϊματα.
 Δθμοςκοπιςεισ και ςτατιςτικά.
 WYSIWYG (What You See Is What You Get) επεξεργαςτισ κειμζνου.
 Ειδιςεισ & blogs
 Σφςτθμα αξιολόγθςθσ άρκρων και πολλά άλλα
4.1.2 Δομή του Joomla!
Τα κυριότερα ςτοιχεία τθσ δομισ του Joomla! είναι τα παρακάτω:
Δημόςιο τμήμα (Front End)
Το δθμόςιο τμιμα είναι, ςτθν ουςία, αυτό που βλζπει ο τελικόσ χριςτθσ. Μζςα ςτο δθμόςιο τμιμα
βρίςκονται τα άρκρα, τα μενοφ και γενικά όλα τα ςτοιχεία που κζλουμε να εμφανίηονται ςτθν
ιςτοςελίδα.
Περιοχή διαχείριςησ (Back End)
Η περιοχι διαχείριςθσ είναι το «εργοςτάςιο παραγωγισ» του Joomla!. Μζςα από τθν περιοχι
διαχείριςθσ ο κάκε Διαχειριςτισ τθσ ιςτοςελίδασ μπορεί να προςκζτει περιεχόμενο, να εμφανίηει ι
να αποκρφπτει ςτοιχεία, να δθμιουργεί χριςτεσ και γενικά να εκμεταλλεφεται όλεσ τισ δυνατότθτεσ
του Joomla!.
Μενοφ (Menu)
Τα μενοφ είναι τα αντικείμενα με τα οποία ο χριςτθσ μπορεί να πλοθγείται ςτθν ιςτοςελίδα. Τα
διάφορα μενοφ μποροφν να είναι οριηόντια ι κατακόρυφα, δθμιουργοφνται δυναμικά και
ςυνδζονται με αντικείμενα του Joomla! όπωσ οι κατθγορίεσ, τα άρκρα, οι ςελίδεσ κλπ.
Σελίδα | 30
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Εφαρμογζσ (Components)
Οι εφαρμογζσ χρθςιμοποιοφνται για να μπορεί το Joomla! να επεκτείνει τισ λειτουργίεσ του. Άλλεσ
είναι εμπορικζσ (δθλαδι απαιτοφν αγορά/ςυνδρομι) και άλλεσ ελεφκερθσ δωρεάν διανομισ.
Μερικζσ από αυτζσ είναι εφαρμογζσ για ειδικζσ λειτουργίεσ όπωσ ςυλλογζσ φωτογραφιϊν κλπ.
Ενθζματα (Modules)
Τα ενκζματα είναι τα αντικείμενα ςτα οποία εμφανίηονται τα περιεχόμενα, οι εφαρμογζσ, τα
πρόςκετα και γενικά όλα τα αντικείμενα που εμφανίηονται ςτο Δθμόςιο τμιμα.
Πρόςθετα (Plugins)
Τα πρόςκετα είναι κομμάτια κϊδικα τα οποία εκτελοφν κάποιεσ ειδικζσ λειτουργίεσ. Ζνα τζτοιο
πρόςκετο για παράδειγμα είναι θ μθχανι αναηιτθςθσ που ζχει το Joomla! για να μπορεί ο χριςτθσ
να αναηθτεί κάποιο λεκτικό μζςα ςτο περιεχόμενο τθσ ιςτοςελίδασ.
Πρότυπα (Templates)
Τα πρότυπα χρθςιμεφουν για να διαχωριςτεί το περιεχόμενο από τθν εμφάνιςθ. Στα πρότυπα
ορίηονται τα χρϊματα, θ κζςθ των ενκεμάτων, και γενικά όλθ θ εικαςτικι ςχεδίαςθ τθσ
ιςτοςελίδασ.
Πλα αυτά, και όχι μόνο τα παραπάνω, ζκαναν το Joomla! τθν καλφτερθ επιλογι για τθν
δθμιουργίασ μιασ ιςτοςελίδασ θλεκτρονικοφ καταςτιματοσ για τθν πϊλθςθ ζργων τζχνθσ, μιασ και
κα μποροφςαμε να διαμορφϊςουμε το joomla! ςχεδόν ςε όλα του τα ςθμεία μιασ και οι
δυνατότθτεσ επζκταςισ του είναι πρακτικά απεριόριςτεσ.
4.1.3 Τεχνικζσ Προδιαγραφζσ
Οι τεχνικζσ προδιαγραφζσ για τθν εγκατάςταςθ του Joomla! είναι οι παρακάτω:
 Web server, Apache version 2.x ι μεταγενζςτερθ ι Microsoft IIS.
 PHP ζκδοςθ 5.2.4 ι μεταγενζςτερθ με υποςτιριξθ για MySQL.
 MySQL database 5.1 ι μεταγενζςτερθ.
 Web Browser (Internet Explorer, Firefox).
Βλζπουμε πωσ οι τεχνικζσ απαιτιςεισ για τθν εγκατάςταςθ και λειτουργία του Joomla! είναι λίγεσ
με αποτζλεςμα να μπορεί να εγκαταςτακεί και να λειτουργιςει αποτελεςματικά και ςε απλοφσ
οικιακοφσ θλεκτρονικοφσ υπολογιςτζσ. Αυτό ιταν ζνα ακόμα χαρακτθριςτικό που μασ ζκανε να
επιλζξουμε το Joomla! ςαν τθν πλατφόρμα για τθ δθμιουργία του θλεκτρονικοφ καταςτιματοσ για
τθν πϊλθςθ ζργων τζχνθσ.
Σελίδα | 31
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
4.2 Apache Web Server
Ο Apache Web Server είναι αυτό ακριβϊσ που δθλϊνει το όνομά του, κα λζγαμε ότι πρόκειται για
μία εφαρμογι λογιςμικοφ που υλοποιεί και προςφζρει τισ υπθρεςίεσ ενόσ εξυπθρετθτι (server)
του Ραγκόςμιου Ιςτοφ (Web). Ο ρόλοσ του Apache είναι να αναμζνει αιτιςεισ από διάφορα
προγράμματα – χριςτεσ, όπωσ είναι ζνασ ο πλοθγόσ παγκόςμιου ιςτοφ ενόσ χριςτθ και ςτθ
ςυνζχεια να εξυπθρετεί αυτζσ τισ αιτιςεισ προςφζροντασ τισ ςελίδεσ που ηθτοφν είτε απευκείασ
μζςω μιασ θλεκτρονικισ διεφκυνςθσ (URL), είτε μζςω ενόσ ςυνδζςμου (link). Ο τρόποσ με τον
οποίο ο Apache εξυπθρετεί αυτζσ τισ αιτιςεισ, είναι ςφμφωνοσ με τα πρότυπα που κακορίηει το
πρωτόκολλο HTTP (Hypertext Transfer Protocol). Ο Apache εγκακίςταται ςε ζναν υπολογιςτι ο
οποίοσ μπορεί να χρθςιμοποιεί ςε διάφορα λειτουργικά ςυςτιματα όπωσ Microsoft Windows,
Linux, Unix, , Mac OS X, FreeBSD αλλά και πολλά ακόμθ
Τα πρϊτα ςτάδια τθσ δθμιουργίασ τθσ εφαρμογισ χρονολογοφνται από τισ αρχζσ του 1990, όταν
ξεκίνθςε να αναπτφςςεται από τον Robert McCool, ωσ ζνα project του National Center for
Supercomputing Applications (NCSA). Το 1995 ανζλαβε τθν ανάπτυξθ του προγράμματοσ το Κδρυμα
Λογιςμικοφ Apache (Apache Software Foundation), το οποίο είναι υπεφκυνο για τθν αναπτυξι του
ζωσ και ςιμερα.
4.2.1 Χαρακτηριςτικά του Apache
Οι δυνατότθτεσ του προγράμματοσ αυτοφ κακαυτοφ και τα χαρακτθριςτικά του δεν είναι και τόςο
πολλά. Ο βαςικόσ του ςκοπόσ είναι να προςφζρει τισ υπθρεςίεσ που αναμζνονται από ζναν
εξυπθρετθτι του Ραγκόςμιου Ιςτοφ. Πμωσ ο Apache διακζτει ποικιλία χαρακτθριςτικϊν και μπορεί
να υποςτθρίξει ζνα μεγάλο εφροσ εφαρμογϊν με τισ οποίεσ και ςυνεργάηεται άψογα.
Από τα βαςικότερα χαρακτθριςτικά του Apache είναι ότι μπορεί να προςαρμόςει επάνω του
πολλζσ προςκικεσ προγραμμάτων (modules), τα οποία με τθ ςειρά τουσ παρζχουν διαφορετικζσ
λειτουργίεσ. Μερικά από τα πιο δθμοφιλι modules του Apache είναι τα modules πιςτοποίθςθσ,
παρζχει ακόμα modules για proxy, SSL ςε TLS, ςυμπίεςθ αρχείων. Ακόμθ μπορεί, μζςω
ςυγκεκριμζνων modules, να πραγματοποιεί ανακατευκφνςεισ διευκφνςεων, καταγραφζσ
ςυνδζςεων. Το Virtual hosting επιτρζπει ςε μία Apache εγκατάςταςθ να εξυπθρετιςει πολλζσ
διαφορετικζσ ιςτοςελίδεσ. Apache Software Foundation, είτε από άλλεσ εταιρίεσ λογιςμικοφ. Το
Apache ζχει ενςωματωμζνθ μθχανι αναηιτθςθσ και ζνα HTML εργαλείο που επιτρζπει και
υποςτθρίηει το πρωτόκολλο FTP.
Τζλοσ ο Apache υποςτθρίηει επίςθσ αρκετζσ διάςθμεσ εφαρμογζσ και πολλζσ γλϊςςεσ
προγραμματιςμοφ όπωσ PHP, MySQL, Perl, Python κ.λπ. Αυτζσ είναι οι κυριότερεσ από τισ
λειτουργίεσ και δυνατότθτεσ που κάνουν τον Apache τον πιο δθμοφιλι Web Server από το 1996
ζωσ τισ μζρεσ μασ. Κυκλοφόρθςε κάτω από τθν άδεια χριςθσ Apache και είναι λογιςμικό ανοιχτοφ
κϊδικα. Από τον Απρίλιο 1996, το Apache ζχει γίνει το πιο δθμοφιλζσ λογιςμικό διακομιςτι HTTP
Σελίδα | 32
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
που χρθςιμοποιείται. Τον Μαΐου 2011 υπολογίςτθκε ότι το Apache εξυπθρετεί το 63% όλων των
δικτυακϊν τόπων και το 66% των πιο πολυςφχναςτων.
Η επιλογι του Apache ωσ τον εξυπθρετθτι παγκόςμιου ιςτοφ για αυτι τθν πτυχιακι βαςίςτθκε ςτο
γεγονόσ πωσ το ςφςτθμα διαχείριςθσ περιεχομζνου Joomla! είναι απολφτωσ ςυμβατό με τον
Apache, μάλιςτα ο Apache είναι μία από τισ τεχνικζσ προδιαγραφζσ και απαιτιςεισ του Joomla!,
κακϊσ επίςθσ επειδι κα μποροφςαμε να ζχουμε τισ υπθρεςίεσ του Apache μζςω του λογιςμικοφ
WAMP, που κα δοφμε ςτθ ςυνζχεια παρακάτω.
4.3 MySQL
Η MySQL είναι ζνα ςφςτθμα διαχείριςθσ ςχεςιακϊν βάςεων (relational database management
system - RDBMS) που χρθςιμοποιεί τθ γλϊςςα SQL (Structured Query Language) για τθν προςκικθ,
τθν πρόςβαςθ και τθν επεξεργαςία δεδομζνων ςε μία βάςθ δεδομζνων. Είναι λογιςμικό ανοικτοφ
κϊδικα και αυτό το χαρακτθριςτικό τθσ βοθκά ϊςτε ο οποιοςδιποτε μπορεί να κατεβάςει τθ
MySQL και να τθν διαμορφϊςει με βάςθ τισ ανάγκεσ του, ςφμφωνα πάντα με τθν γενικι άδεια
χριςθσ. Η MySQL αναπτφχκθκε από τον Michael Widenius τθ χρονιά 1995, είναι γραμμζνθ ςε
γλϊςςεσ C και C++.
Η MySQL είναι γνωςτι κυρίωσ για τθν ταχφτθτα, τθν αξιοπιςτία, και τθν ευελιξία που παρζχει και
αυτι τθ ςτιγμι μπορεί να λειτουργιςει ςε περιβάλλον Linux, Unix, και Windows. Μποροφμε να
ποφμε πωσ θ MySQL είναι θ πιο δθμοφιλισ βάςθ δεδομζνων ανοικτοφ κϊδικα ςε παγκόςμιο
επίπεδο. Ρροσ το παρόν διανζμεται, αναπτφςςεται και διευκφνεται με τθν ςυνεργαςία τθσ ORACLE.
Είναι ιδιαίτερα δθμοφιλισ ςτον κυβερνοχϊρο και χρθςιμοποιείται για τθν υποςτιριξθ υπθρεςιϊν
βάςθσ δεδομζνων ςτα περιςςότερα ςυςτιματα διαχείριςθσ περιεχομζνου. Είναι φιλικι προσ τον
χριςτθ, με μεγάλθ εξάπλωςθ ςτουσ προγραμματιςτζσ, αφοφ ςχεδόν όλεσ οι προγραμματιςτικζσ
γλϊςςεσ ζχουν ορίςει βιβλιοκικεσ για να κάνουν πρόςβαςθ ςτθ MySQL. H MySQL είναι εφκολθ
ςτθν εγκατάςταςθ και τθν κατανόθςθ. Κακϊσ είναι ανοικτοφ κϊδικα, κερδίηει τεράςτια δθμοφιλία,
και κατά ςυνζπεια τεχνικι υποςτιριξθ ςτο διαδίκτυο. Υπάρχουν πολλά φόρουμ τεχνολογίασ όπου
ζμπειροι προγραμματιςτζσ παρζχουν ανεπίςθμθ, αλλά ςωςτι και πλιρθ υποςτιριξθ.
Η MySQL μπορεί να λειτουργιςει τόςο ςε περιβάλλον client/server, όςο και ςε άλλα
ενςωματωμζνα ςυςτιματα. Υποςτθρίηεται το πρωτόκολλο SSL αλλά και το query caching και
υπάρχει θ δυνατότθτα δθμιουργίασ αντιγράφων αςφαλείασ (backup) των δεδομζνων που
αποκθκεφει. Ακόμθ, επιτρζπει ςτον χριςτθ να επιλζξει τθν επικυμθτι μθχανι αποκικευςθσ μζςα
από πολλζσ διακζςιμεσ και αυτό είναι ζνα ςθμείο όπου άλλα RDBMS δεν περιζχουν.
Το μεγάλο αβαντάη τθσ MySQL είναι θ άριςτθ ςυνεργαςία τθσ με τθ γλϊςςα προγραμματιςμοφ
PHP και αυτόσ ο ςυνδυαςμόσ μοιάηει να είναι ο ιδανικόσ για ανάπτυξθ ιςτοςελίδων και
εφαρμογϊν ςτον παγκόςμιο ιςτό. Ακόμα τα ενςωματωμζνα links τθσ PHP προσ τθν MySQL ζχουν
Σελίδα | 33
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
κερδίςει χριςτεσ, και ζχουν διπλαςιάςει τον αρικμό τουσ.
4.3.1 Χαρακτηριςτικά MySQL
 Ευκολία ςτθν χριςθ. Μια βαςικι γνϊςθ τθσ MySQL και του χειριςμοφ δεδομζνων είναι
απαραίτθτθ, ωςτόςο θ MySQL είναι λογικι ςτθ χριςθ τθσ. Αυτό ςθμαίνει πωσ δεν χρειάηεται
πολφσ χρόνοσ για εκπαίδευςθ και εξοικείωςθ ςτθ χριςθ και το χειριςμό τθσ.
 Αςφάλεια. Δεν υπάρχουν πολλζσ βάςεισ δεδομζνων που θ αςφάλεια τουσ να ςυγκρίνεται με
αυτιν τθσ MySQL. Το ςφςτθμα εμπεριζχει διαςτρωματϊςεισ αςφαλείασ δεδομζνων (data
security layers) που προςτατεφουν ευαίςκθτεσ πλθροφορίεσ. Μποροφν να τεκοφν δικαιϊματα
τα οποία επιτρζπουν τθν χριςθ και τα προνόμια μόνο ςε οριςμζνα άτομα ι ομάδεσ. Οι κωδικοί
(passwords) κρυπτογραφοφνται. Η πρόςβαςθ ςτθν βάςθ δεδομζνων μπορεί να ελεγχκεί από
ζνα απομακρυςμζνο μθχάνθμα, που μπορεί να ελζγχει το τι κα βλζπει ζνασ χριςτθσ. Επίςθσ
μπορεί να κλειδωκεί, ακόμα και μζςα από το λειτουργικό ςφςτθμα.
 Χωρθτικότθτα και μνιμθ. Η MySQL μπορεί να χειρίηεται ςχεδόν οποιαδιποτε ποςότθτα
δεδομζνων, από μερικζσ γραμμζσ (εγγραφζσ), ζωσ 50 εκατομμφρια εγγραφζσ ι περιςςότερεσ.
Το εξ' αρχισ όριο αρχείου είναι 4 GB. Χειρίηεται τθ μνιμθ πολφ καλά, πράγμα που ςθμαίνει
αποτελεςματικότθτα και ταχφτθτα, χωρίσ να γίνονται καταρρεφςεισ ι απορρίψεισ ςτισ
πλθροφορίεσ. Επιπρόςκετα ο εξυπθρετθτισ τθσ MySQL ζχει αποδείξει πωσ αποφεφγει τα
memory leaks.
 Ρεριςςότερα του ενόσ άτομα μποροφν να ζχουν πρόςβαςθ ςε μια πλθροφορία τθν ίδια
χρονικι ςτιγμι (multiuser), αυτό ςθμαίνει ότι εξυπθρετοφνται μεγάλεσ ομάδεσ ατόμων, αλλά
επίςθσ και πολλζσ ςυνδζςεισ τθν ίδια ςτιγμι.
 Αδειοδότθςθ. Η MySQL προςφζρει τον εξυπθρετθτι MySQL ωσ δωρεάν λογιςμικό.
4.4 Wamp
Το WAMP είναι ζνα αρκτικόλεξο που περιγράφει τα μζρθ μιασ πλατφόρμασ για τθν ανάπτυξθ
δυναμικϊν ιςτοςελίδων ι web εφαρμογϊν. Τα αρχικά WAMP βγαίνουν από τα αρχικά των λζξεων
Windows, Apache, MySQL & PHP μιασ και θ πλατφόρμα WAMP αποτελείται από τον εξυπθρετθτι
web Apache, το ςφςτθμα διαχείριςθσ ςχεςιακϊν βάςεων δεδομζνων MySQL, και τθ γλϊςςα
προγραμματιςμοφ PHP, με όλα τα παραπάνω να εγκακίςτανται και να λειτουργοφν κάτω από το
λειτουργικό ςφςτθμα Windows. Για διαφορετικά λειτουργικά ςυςτιματα υπάρχουν αντίςτοιχεσ
πλατφόρμεσ, όπωσ θ LAMP για το Linux, MAMP για το Mac OS, SAMP για το Solaris κλπ. Επίςθσ, αν
αντί για τον εξυπθρετθτι web Apache χρθςιμοποιείται ο εξυπθρετθτι web IIS ςτα Windows, θ
πλατφόρμα ονομάηεται WIMP. Άλλα προγράμματα μπορεί επίςθσ να περιλαμβάνονται ςε ζνα
πακζτο, όπωσ το phpMyAdmin το οποίο παρζχει μια γραφικι διεπαφι με το χριςτθ για το
διαχειριςτι τθσ βάςθσ δεδομζνων MySQL και είναι ιδιαίτερα χριςιμο και βοθκά πολφ ςτθν
υποςτιριξθ τθσ ανάπτυξθσ δυναμικϊν ιςτοςελίδων και όχι μόνο`. Το WAMP είναι ζνα ελεφκερο
λογιςμικό, και διατίκεται χωρίσ χρζωςθ.
Σελίδα | 34
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Η επιλογι και θ χριςθ του πακζτου WAMP ζγινε διότι με αυτόν τον απλό τρόπο ζχουμε τθ
δυνατότθτα να εγκαταςτιςουμε όλα τα προγράμματα και υποςτθρικτικζσ εφαρμογζσ, δθλαδι
ζναν εξυπθρετθτι παγκόςμιου ιςτοφ και ζνα ςφςτθμα διαχείριςθσ βάςεων δεδομζνων, που ιταν
απαραίτθτα για τθν εγκατάςταςθ του ςυςτιματοσ διαχείριςθσ περιεχομζνου Joomla! και τθν
υλοποίθςθ τθσ πτυχιακισ. Η εγκατάςταςθ και θ χριςθ του πακζτου WAMP μεταξφ των άλλων
προςφζρει τθ δυνατότθτα μιασ πολφ καλισ προςομοίωςθσ ενόσ εξειδικευμζνου εξυπθρετθτι από
τον προςωπικό μασ υπολογιςτι για τθν εγκατάςταςθ του CMS Joomla! ςε ζναν τοπικό φάκελο,
δίχωσ να απαιτείται θ αγορά χϊρου φιλοξενίασ, παρά μόνο όταν θ ιςτοςελίδα είναι ζτοιμθ πλζον.
Με αυτό τον εφκολο και απλό τρόπο μποροφμε να μειϊςουμε το κόςτοσ και παράλλθλα να
αυξιςουμε το ρυκμό ανάπτυξθσ και υλοποίθςθσ τθσ ιςτοςελίδασ και του θλεκτρονικοφ
καταςτιματοσ που είναι και το αντικείμενο αυτισ τθσ πτυχιακισ εργαςίασ. Οι πλατφόρμεσ
ςυςτθμάτων διαχείριςθσ περιεχομζνου δεν διαχωρίηουν το αν θ ανάπτυξθ τθσ ιςτοςελίδασ γίνεται
τοπικά ςτον υπολογιςτι ι ςε κάποιον απομακρυςμζνο εξυπθρετθτι παγκόςμιου ιςτοφ, κακϊσ
λειτουργοφν με τα ίδια μζρθ και χαρακτθριςτικά.
4.4.1 Λειτουργίεσ
Οι λειτουργίεσ του WAMP Server είναι ολοκλθρωμζνεσ και εφκολεσ ςτθν χριςθ. Αυτζσ
αναφζρονται παρακάτω.
Με ζνα αριςτερό κλικ ςτο εικονίδιο του WAMP ζχουμε τθ δυνατότθτα να:
 Διαχειριςτοφμε τισ υπθρεςίεσ του Apache και τθσ MySQL
 Θζςουμε online / offline τον Web εξυπθρετθτι (πρόςβαςθ ςε όλουσ ι μόνο τοπικά)
 Εγκαταςτιςουμε άλλεσ εκδόςεισ των Apache, MySql και PHP
 Διαχειριςτοφμε τισ ρυκμίςεισ του εξυπθρετθτι ςασ
 Ζχουμε πρόςβαςθ ςτα log αρχεία
 Ζχουμε πρόςβαςθ ςτα αρχεία ρυκμίςεων
 Δθμιουργιςουμε ψευδϊνυμα (alias)
Και με ζνα δεξί κλικ κα μποροφμε να:
 Αλλάξουμε τθν γλϊςςα του μενοφ
 Ζχουμε πρόςβαςθ ςτθν ιςτοςελίδα του WAMP.
4.5 Google Chrome Developer Tools
O πλοθγόσ παγκόςμιου ιςτοφ Google Chrome ζχει τθ δυνατότθτα να ενςωματϊνει πρόςκετα μζςα
από μια μεγάλθ γκάμα προςκζτων. Το πρόςκετο Developer Tools είναι μια πλοφςια εργαλειοκικθ
ανάπτυξθσ ιςτοςελίδων που μποροφμε πολφ εφκολα να τθ χρθςιμοποιιςουμε και να
Σελίδα | 35
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
εκμεταλλευτοφμε όλεσ τισ υπθρεςίεσ που μασ παρζχει ενϊ κάνουμε περιιγθςθ ςτθν ιςτοςελίδα
που φτιάχνουμε. Χρθςιμοποιϊντασ τα Developer Tools είμαςτε ςε κζςθ να επεξεργαςτοφμε, να
αποςφαλματϊςουμε (να κάνουμε δθλαδι debugging) ςτον πθγαίο κϊδικα τθσ ιςτοςελίδασ μασ και
να παρακολουκιςουμε τθ ςυμπεριφορά των CSS κακϊσ και του κϊδικα JavaScript ηωντανά.
Επειδι τα Developer Tools δεν απαιτοφν ξεχωριςτι εγκατάςταςθ μιασ και είναι ενςωματωμζνα
ςτον πλοθγό Google Chrome και λειτουργοφν μζςα από αυτόν, δε χρειάςτθκε να εγκαταςτιςουμε
ξεχωριςτά κάποιο άλλο πρόγραμμα για αποςφαλμάτωςθ και για ζλεγχο του πθγαίου κϊδικα ι
κάποιον άλλο πλοθγό παγκόςμιου ιςτοφ. Για αυτό αποφαςίςαμε να χρθςιμοποιιςουμε τον πλοθγό
Google Chrome με το πρόςκετο Developer Tools για αυτι τθν πτυχιακι εργαςία.
Μερικζσ από τισ λειτουργίεσ του αναφζρονται παρακάτω:
 Επικεϊρθςθ και επεξεργαςία κϊδικα HTML ςε ηωντανό χρόνο με άμεςθ προβολι του
παραγόμενου αποτελζςματοσ
 Επεξεργαςία κϊδικα CSS ςε ηωντανό χρόνο και απεικόνιςθ μετρικϊν των CSS
 Ραρακολοφκθςθ τθσ δραςτθριότθτασ του δικτφου.
 Εντοπιςμόσ ςφαλμάτων και γριγορθ αποςφαλμάτωςθ και βελτιςτοποίθςθ ςε κϊδικα Javascript,
CSS και XML.
 Εκτζλεςθ κϊδικα Javascript μζςω γραμμισ εντολϊν.
 Σφνκετθ αναηιτθςθ ςτον πθγαίο κϊδικα τθσ ιςτοςελίδασ
Σελίδα | 36
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Κεφάλαιο 5: Εγκατάςταςη Απαραίτητου Λογιςμικοφ
Στο κεφάλαιο αυτό παρουςιάηονται οι ςυγκεκριμζνεσ διαδικαςίεσ που κάναμε ςχετικά με τθν
εγκατάςταςθ, παραμετροποίθςθ και επζκταςθ ςτον εξυπθρετθτι web, το ςφςτθμα διαχείριςθσ
βάςεων δεδομζνων, το ςφςτθμα διαχείριςθσ περιεχομζνου, κακϊσ και το υπόλοιπο εξειδικευμζνο
υποςτθρικτικό λογιςμικό που χρθςιμοποιιςαμε για αυτι τθν πτυχιακι εργαςία.
5.1 Εγκατάςταςη WAMP (WampServer)
Το WAMP είναι μία δωρεάν εφαρμογι που ςασ επιτρζπει να μετατρζψετε τον υπολογιςτι μασ ςε
Web Server ο οποίοσ να υποςτθρίηει τθ γλϊςςα PHP και τθ βάςθ δεδομζνων MySQL. Αυτά τα δφο
χαρακτθριςτικά είναι απαραίτθτα για να μπορζςουμε ςτθ ςυνζχεια να εγκαταςτιςουμε να
δουλζψουμε με το Joomla!. Η εγκατάςταςθ του WAMP (μζςω του WampServer) είναι μια απλι
διαδικαςία και διαρκεί μερικά λεπτά. Το πρόγραμμα αυτό κα το βροφμε και κα το «κατεβάςουμε»
πλθκτρολογϊντασ τθ διεφκυνςθ: http://www.wampserver.com/en/download.php
Κάνουμε κλικ ςτο ςφνδεςμο WAMPSERVER (32 BITS & PHP) για τθν ζκδοςθ για Windows 32bit,
παρατθροφμε πωσ είναι διακζςιμθ και θ αντίςτοιχθ ζκδοςθ WAMPSERVER (64 BITS & PHP) για
ζκδοςθ Windows 64bit. Αποκθκεφουμε το αρχείο ςτον υπολογιςτι μασ και το εκτελοφμε (με
δικαιϊματα διαχειριςτι για να είναι εφικτι θ εγκατάςταςθ του πακζτου WAMP ςτον υπολογιςτι
μασ. Εάν εμφανιςτεί ζνα παράκυρο που ςασ προειδοποιεί για τθν αςφάλεια των Windows
κάνουμε κλικ ςτο κουμπί Ναι ι Αποδοχι.
Σελίδα | 37
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Στο παράκυρο διαλόγου που εμφανίηεται «Setup - WampServer 2», κάνουμε κλικ ςτο κουμπί
επιλογισ I accept the agreement και μετά πατάμε το κουμπί Next.
Στο επόμενο παράκυρο διαλόγου που εμφανίηεται αφινουμε το φάκελο εγκατάςταςθσ του wamp
Σελίδα | 38
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
ςτον προτεινόμενο: c:\wamp αφοφ δεν υπάρχει κάποιοσ ιδιαίτεροσ λόγοσ να επιλζξουμε κάποιον
άλλο φάκελο. Επίςθσ ζτςι κα είναι και ευκολότερθ θ διαδικαςία του backup εάν ζχουμε να
επιλζξουμε φακζλουσ που βρίςκονται ςτον υπολογιςτι μασ. Ρατάμε το κουμπί Next.
Εμφανίηεται το παραπάνω παράκυρο διαλόγου όπου τςεκάρουμε το κουτάκι Create a Desktop
icon, για να δθμιουργθκεί το αντίςτοιχο εικονίδιο ςτθν επιφάνεια εργαςίασ μασ για να ζχουμε
εφκολθ και γριγορθ πρόςβαςθ ςτθν εφαρμογι και μετά κάνουμε κλικ ςτο κουμπί Next.
Σελίδα | 39
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Μόλισ εμφανιςτεί το παρακάτω παράκυρο διαλόγου κάνουμε κλικ ςτο κουμπί Install για να
ξεκινιςει θ διαδικαςία εγκατάςταςθσ του Wamp.
Ρροσ το τζλοσ τθσ εγκατάςταςθσ του Wamp μασ παρουςιάηεται το παράκυρο που μασ προτείνει να
χρθςιμοποιιςουμε το Mozilla Firefox ςαν το πλοθγό μασ. Εμείσ επιλζγουμε ςαν πλοθγό το Google
Chrome μιασ και κζλουμε να εκμεταλλευτοφμε το πρόςκετο Developer Tools που κα
εγκαταςτιςουμε ςτο Chrome. Ρατάμε Όχι.
Σελίδα | 40
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
και επιλζγουμε το φάκελο του υπολογιςτι μασ που είναι εγκατεςτθμζνθ εφαρμογι Google Chrome.
Στο επόμενο παράκυρο, τθσ προειδοποίθςθσ αςφαλείασ των windows, τςεκάρουμε το 1o κουτάκι
και πατάμε το κουμπί Να επιτρζπεται η πρόςβαςη.
Σελίδα | 41
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Στο επόμενο παράκυρο αφινουμε ωσ ζχουν οι επιλογζσ αποςτολισ θλεκτρονικϊν μθνυμάτων
μζςω του PHP Server, αφοφ ςτθν παροφςα φάςθ τθσ υλοποίθςθσ τθσ ιςτοςελίδασ μασ δεν κα
ςτζλνουμε θλεκτρονικά μθνφματα και κάνουμε κλικ ςτο κουμπί Next.
Σελίδα | 42
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Μόλισ τελειϊςει θ εγκατάςταςθ του wamp ςτον υπολογιςτι μασ εμφανίηεται το παραπάνω
παράκυρο διαλόγου. Αφινουμε επιλεγμζνο το πλαίςιο ελζγχου Launch Wampserver 2 now, για να
ξεκινιςει άμεςα θ λειτουργία του Server και να διαπιςτϊςουμε πωσ όλα ζχουν εγκαταςτακεί
ςωςτά και λειτουργοφν όπωσ πρζπει. Κλείνουμε αυτό το παράκυρο κάνοντασ κλικ ςτο κουμπί
Finish.
Ραρατθροφμε πωσ ςτθν κάτω δεξιά γωνία τθσ γραμμισ εργαςιϊν τθσ επιφάνειασ εργαςίασ μασ,
εμφανίηεται το εικονίδιο του wamp αυτό ςθμαίνει πωσ το wamp εγκαταςτάκθκε.
5.2 Εγκατάςταςη Joomla!
Αφοφ ζχουμε ολοκλθρϊςρι τθν εγκατάςταςθ του WAMP και ζχουμε βεβαιωκεί πωσ τα ςυςτιματα
του Apache web server και τθσ MySQL λειτουργοφν κανονικά, είμαςτε ζτοιμοι να ξεκινιςουμε τθν
εγκατάςταςθ του Joomla! τοπικά ςτον υπολογιςτι μασ, ϊςτε να λειτουργεί αρχικά ςτθν
πλατφόρμα WAMP, ϊςτε να μεταφζρουμε τθν ιςτοςελίδα μασ ςτον απομακρυςμζνο web server
όταν κα ζχει ολοκλθρωκεί.
Η πρϊτο ενζργεια που πρζπει να κάνουμε είναι να κατεβάςουμε τθν τελευταία ζκδοςθ του Joomla!
από τθν επίςθμθ ιςτοςελίδα του Joomla!. Αποκθκεφςουμε το αρχείο ςτον υπολογιςτι μασ.
Σελίδα | 43
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Βρίςκουμε που ζχουμε αποκθκεφςει το ςυμπιεςμζνο αρχείο, για παράδειγμα ςτον φάκελο λιψεισ,
και το αποςυμπιζηουμε ςτον ίδιο φάκελο ι ςε κάποιον φάκελο τθσ επιλογισ μασ.
Το επόμενο που ζχουμε να κάνουμε είναι να δθμιουργιςουμε ζνα νζο φάκελο μζςα ςτον φάκελο
με τθ διαδρομι: C:\wamp\www και το όνομα του φακζλου κα ζχει το όνομα τθσ ιςτοςελίδασ μασ.
Μζςα ςε αυτόν τον φάκελο που δθμιουργιςαμε, αντιγράφουμε τα περιεχόμενα του φακζλου
μζςα ςτον οποίο ζχουμε αποςυμπιζςει το αρχείο με το Joomla!.
Συνεχίηοντασ τθ διαδικαςία εγκατάςταςθσ του ςυςτιματοσ διαχείριςθσ περιεχομζνου Joomla!, το
επόμενό μασ βιμα είναι να δθμιουργιςουμε μία βάςθ δεδομζνων ςτθν MySQL για τθν ιςτοςελίδα
μασ. Για να δθμιουργιςουμε τθ βάςθ ανοίγουμε τον πλοθγό μασ, δθλαδι το Google Chrome, και
γράφουμε ςτθ διεφκυνςθ το εξισ: localhost/phpmyadmin και ανοίγει το παρακάτω παράκυρο.
Μζςω του εργαλείου διαχείριςθσ τθσ MySQL, phpmyadmin μποροφμε εφκολα και απλά να
δθμιουργιςουμε και να διαχειριςτοφμε βάςεισ δεδομζνων, χριςτεσ και όλεσ ςχεδόν τισ
αντίςτοιχεσ ρυκμίςεισ και κυρίωσ τα αντίςτοιχα δικαιϊματα πρόςβαςθσ.
Σελίδα | 44
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Στο εργαλείο phpmyadmin, πατάμε ςτο κουμπί Βάςεισ Δεδομζνων πάνω αριςτερά και ειςάγουμε
το όνομα που κζλουμε να ζχει θ βάςθ μασ και πατάμε το κουμπί Δημιουργία για να δθμιουργθκεί
θ βάςθ που κα χρθςιμοποιιςουμε για το Joomla!.
Εάν όλα ζχουν πάει καλά, εμφανίηεται και το ανάλογο ενθμερωτικό μινυμα πωσ δθμιουργικθκε θ
Σελίδα | 45
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
βάςθ δεδομζνων που επιλζξαμε προθγουμζνωσ.
Σε αυτό το ςθμείο ζχουμε τελειϊςει με τθ δθμιουργία τθσ κενισ βάςθσ δεδομζνων και είμαςτε
πλζον ζτοιμοι να ξεκινιςουμε τθ κφρια διαδικαςία για τθν εγκατάςταςθ του CMS Joomla!
Στο επόμενο βιμα ανοίγουμε ξανά τον πλοθγό μασ Google Chrome, και γράφουμε ςτθ διεφκυνςθ
το εξισ: localhost/PageName όπου PageName είναι ο φάκελοσ που δθμιουργιςαμε ςτθ διαδρομι
C:\wamp\www και το όνομα του φακζλου είναι το όνομα τθσ ιςτοςελίδασ μασ. Αυτόματα κα
εκτελεςτεί θ ςελίδα εγκατάςταςθσ τθσ πλατφόρμασ Joomla! όπωσ φαίνεται ςτθν παρακάτω εικόνα.
Σε αυτό το παράκυρο κα επιλζξουμε τισ βαςικζσ ρυκμίςεισ για τθν ιςτοςελίδα μασ και κα
ειςάγουμε τισ αρχικζσ πλθροφορίεσ για αυτιν.
Σελίδα | 46
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Εδϊ λοιπόν, κάνουμε τισ παρακάτω ρυκμίςεισ: Επιλζγουμε ωσ γλϊςςα τα Ελλθνικά και ςαν όνομα
τθσ ιςτοςελίδασ μασ ειςάγουμε το όνομα με το οποίο κα είναι ορατι πλζον ςτο διαδίκτυο. Στο
πεδίο τθσ περιγραφισ μποροφμε να ειςάγουμε μια ςφντομθ περιγραφι με το τι κα κάνει θ
ιςτοςελίδασ μασ, το αντικείμενό τθσ δθλαδι.
Ακόμθ ειςάγουμε τα ςτοιχεία του διαχειριςτι τθσ ιςτοςελίδασ μασ, το αναγνωριςτικό όνομα
(username) του διαχειριςτι κακϊσ και τον κωδικό-ςυνκθματικό του διαχειριςτι. Επίςθσ
δθλϊνουμε το e-mail του διαχειριςτι και το e-mail ςτο οποίο κα ζρχονται τα μθνφματα τθσ
ιςτοςελίδασ μασ.
Σελίδα | 47
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Στθν τελευταία ςελίδα ακολουκεί ζνασ ζλεγχοσ προεγκατάςταςθσ όπου ζχουμε μια επιςκόπθςθ
των ρυκμίςεων τθσ ιςτοςελίδασ, όπου επιβεβαιϊνουμε τα ςτοιχεία και πατάμε το κουμπί
Εγκατάςταςθ ςτο πάνω δεξί μζροσ ϊςτε να ξεκινιςει θ διαδικαςία εγκατάςταςθσ.
Σελίδα | 48
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Σελίδα | 49
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Με τθν ολοκλιρωςθ τθσ εγκατάςταςθσ λαμβάνουμε τθν παρακάτω εικόνα πωσ θ εγκατάςταςθ του
Joomla! ζχει ολοκλθρωκεί με επιτυχία.
Σελίδα | 50
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Ρλζον ζχουμε εγκαταςτιςει όλα τα απαραίτθτα και αναγκαία πράγματα ϊςτε να είμαςτε ςε κζςθ
να υλοποιιςουμε τθν πτυχιακι μασ εργαςία, δθλαδι τθν παραμετροποίθςθ του Joomla! και τθν
εγκατάςταςθ και ρφκμιςθ όλων των πρόςκετων ϊςτε να δθμιουργιςουμε το θλεκτρονικό μασ
κατάςτθμα για τθν πϊλθςθ ζργω τζχνθσ που αποτελεί και το βαςικό αντικείμενο τθσ πτυχιακισ μασ
εργαςίασ.
Σελίδα | 51
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
5.3 Εγκατάςταςη/Παραμετροποίηςη Google Chrome Developer Tools
Tα Google Chrome Developer Tools είναι ζνα πρόςκετο που είναι προ-εγκατεςτθμζνο ςτο Google
Chrome οπότε δεν απαιτικθκε κάποια ειδικι εγκατάςταςθ. Αναλυτικζσ οδθγίεσ χριςθσ κακϊσ και
κάποιεσ επιλογζσ/ρυκμίςεισ όπωσ για παράδειγμα για τον επεξεργαςτι κϊδικα (editor) υπάρχουν
ςτθ διεφκυνςθ: https://developers.google.com/web/tools/chrome-devtools/
Η χριςθ των Developer Tools είναι πολφ απλι μζςα από τθν ειδικι κονςόλα που εμφανίηεται
πατϊντασ το ςυνδυαςμό πλικτρων Shift + Ctrl + I ι από το μενοφ Περιςςότερα Εργαλεία 
Εργαλεία για Προγραμματιςτζσ. Ραρακάτω παρακζτουμε μία εικόνα ςτθν οποία μποροφμε να
δοφμε τθ χριςθ των Developer Tools ςτθν πράξθ ςτθν υλοποίθςθ αυτισ τθσ πτυχιακισ.
Σελίδα | 52
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Κεφάλαιο 6: Υλοποίηςη - Κφριο Μζροσ Πτυχιακήσ Εργαςίασ
Στο κεφάλαιο αυτό παρουςιάηεται θ οργάνωςθ και ο τρόποσ εργαςίασ που εφαρμόςαμε για τθν
υλοποίθςθ τθσ δυναμικισ ιςτοςελίδασ και όλεσ οι ενζργειεσ και τα βιματα που ακολουκιςαμε
εγκατάςταςθ, παραμετροποίθςθ και λειτουργία του θλεκτρονικοφ καταςτιματοσ
ςτον
εξυπθρετθτι web, το ςφςτθμα διαχείριςθσ βάςεων δεδομζνων, το ςφςτθμα διαχείριςθσ
περιεχομζνου, κακϊσ και θ ειςαγωγι δοκιμαςτικοφ υλικοφ ςτθν ιςτοςελίδα για αυτι τθν πτυχιακι
εργαςία.
6.1 Περιβάλλον Διαχείριςησ-Εργαςίασ Joomla
Το αρχικό περιβάλλον (Front End) τθσ ιςτοςελίδασ μασ είναι διακζςιμο ςτθ διεφκυνςθ:
http://www.multiapp.gr/pintura. Αυτι είναι θ ςελίδα μασ θ οποία εμφανίηεται ςε κάκε browser.
Εκεί βλζπουμε ςε υλοποίθςθ ότι ςχεδιαςμό ζχουμε κάνει ζωσ τϊρα.
Το κομμάτι διαχείριςθσ-ανάπτυξθσ (BackEnd) τθσ ιςτοςελίδασ μασ είναι διακζςιμο ςτθ διεφκυνςθ:
http://www.multiapp.gr/pintura/administrator
Το κομμάτι διαχείριςθσ-ανάπτυξθσ (BackEnd) τθσ ιςτοςελίδασ μασ είναι το πάνελ διαχείριςθσ
(administration panel) του joomla το οποίο χρθςιμοποιικθκε για να μπορεί ο διαχειριςτισ, δθλαδι
ο χριςτθσ με δικαιϊματα επιπζδου Super User, να μπορεί να εφαρμόςει τισ απαραίτθτεσ αλλαγζσ
ςτθν ιςτοςελίδα μασ. Μόνο μζςω αυτοφ του πάνελ διαχείριςθσ μποροφμε να επεξεργαςτοφμε και
να οριςτικοποιιςουμε τισ αλλαγζσ που κάνουμε. Το πάνελ διαχείριςθσ του joomla είναι αρκετά
απλό και φιλικό προσ το χριςτθ, με πολλζσ επιλογζσ και βοθκθτικά εργαλεία.
Η ςελίδα ςφνδεςθσ του χριςτθ-διαχειριςτι του joomla εμφανίηεται όπωσ τθ βλζπουμε ςτθν
παρακάτω εικόνα, όπου μποροφμε να δϊςουμε ο όνομα του χριςτθ και τον κωδικό αςφαλείασ για
να ςυνδεκοφμε ωσ διαχειριςτζσ ςτθν ιςτοςελίδα:
Σελίδα | 53
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Ζπειτα, μπαίνουμε ςτο περιβάλλον διαχείριςθσ όπου μποροφμε να κάνουμε τθν προςαρμογι και
τθν υλοποίθςθ για τα χαρακτθριςτικά τθσ ιςτοςελίδασ μασ.
Σελίδα | 54
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Ππωσ φαίνεται και ςτισ παραπάνω εικόνεσ το περιβάλλον διαχείριςθσ είναι αρκετά εφχρθςτο
δίνοντάσ μασ τθ δυνατότθτα να κάνουμε επεξεργαςία των χρθςτϊν, του κειμζνου ςτισ ςελίδεσ κ.λπ.
H ειςαγωγι και θ επεξεργαςία του δικοφ μασ γραφικοφ κζματοσ (template) ζγινε από τθν
κατθγορία: Template manager όπου και μποροφμε να δοφμε τα ςτοιχεία του κϊδικα css που
χρθςιμοποιοφνται για τθν ιςτοςελίδα μασ.
Σελίδα | 55
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Αποφαςίςαμε να χρθςιμοποιιςουμε το κζμα: Pintura-default για να είναι το βαςικό template ςτο
οποίο ςτθρίηεται θ διάταξθ των γραφικϊν ςτοιχείων και του κειμζνου τθσ ιςτοςελίδασ.
Στθν ιςτοςελίδα μασ (pintura) δϊςαμε ςτον επιςκζπτθ τθ δυνατότθτα να μπορεί να κάνει εγγραφι
ςαν πιςτοποιθμζνοσ χριςτθσ, ϊςτε να ζχει το ανάλογα δικαίωμα για να αγοράςει και να κάνει μια
αξιολόγθςθ ςτα αγαπθμζνα του ζργα τζχνθσ. Επίςθσ δϊςαμε ςτον πιςτοποιθμζνο χριςτθ τθ
δυνατότθτα να μπορεί να δει τθ διακεςιμότθτα που υπάρχει για το κάκε ζργο τζχνθσ.
Από το πάνελ του διαχειριςτι/προγραμματιςτι μποροφμε να το δοφμε αυτό το χαρακτθριςτικό
από τισ ρυκμίςεισ των Product Categories.
Σελίδα | 56
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Ακόμθ από τθν κονςόλα-πάνελ διαχείριςθσ ζχουμε τθ δυνατότθτα να ςτείλουμε μαηικά
ενθμερωτικά email ςτουσ χριςτεσ, ϊςτε να τουσ ενθμερϊςουμε ςχετικά με τισ ανακοινϊςεισ
προςφορϊν και νζα ςχετικά με τθν ιςτοςελίδα μασ.
Σελίδα | 57
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Στο αρχικό περιβάλλον (Front End) τθσ ιςτοςελίδασ μασ μποροφμε να δοφμε τισ δυνατότθτεσ του
χριςτθ αλλά και τθν γενικι εμφάνιςθ τθσ ςελίδασ.
6.2 Χρήςτεσ & Εμφάνιςη
Σε αυτι τθν ιςτοςελίδα κα χρειαςτοφμε τρεισ κατθγορίεσ/επίπεδα χρθςτϊν με τα αντίςτοιχα
δικαιϊματα πρόςβαςθσ και πλοιγθςθσ ςτο περιεχόμενο τθσ ιςτοςελίδασ.
 Administrator: Ο διαχειριςτισ τθσ ιςτοςελίδασ που ςυνεπάγεται ότι κα ζχει πλιρθ ζλεγχο και
πρόςβαςθ ςε όλα ανεξαιρζτωσ τα ςτοιχεία τθσ ιςτοςελίδασ.
 Authenticated user: Ο χριςτθσ αυτόσ κα μπορεί να ζχει πρόςβαςθ για ανάγνωςθ ςε όλο το
δθμοςιευμζνο περιεχόμενο κακϊσ και να δθμιουργιςει νζο περιεχόμενο.
 Anonymous user: Ο επιςκζπτθσ τθσ ιςτοςελίδασ που ζχει τθν δυνατότθτα να πρόςβαςθ μόνο
για ανάγνωςθ ςε όλο το περιεχόμενο.
Σελίδα | 58
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
O χριςτθσ μπορεί να κάνει ςφνδεςθ (log in) ι εγγραφι (register) ςτθν ιςτοςελίδα από τθν ειδικά
διαμορφωμζνθ φόρμα ςφνδεςθσ/εγγραφισ που υπάρχει, ςε περίπτωςθ που κζλει να
πραγματοποιιςει μια αγορά.
Σαν πρόςκετα ςτθν ιςτοςελίδα μασ προςτζκθκαν οι επιλογζσ επαναφοράσ του κωδικοφ
πρόςβαςθσ, του ονόματοσ χριςτθ κακϊσ και θ επιλογι δθμιουργίασ λογαριαςμοφ εάν ο χριςτθσ
δεν ζχει λογαριαςμό πιςτοποιθμζνου χριςτθ.
Σελίδα | 59
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Η κεντρικι ςελίδα περιζχει μια τυχαία επιλογι μιασ εικόνασ ενόσ ζργου τζχνθσ, δθλαδι ζνα
random gallery, όπου ο χριςτθσ μπορεί να δει τα ζργα τζχνθσ που είναι διακζςιμα ςτθν ιςτοςελίδα
και κάνοντασ κφλιςθσ τθσ όψθσ ςτον πλοθγό να ενθμερωκεί για τα διακζςιμα ζργα τζχνθσ και τισ
αντίςτοιχεσ τιμζσ τουσ. Τα διακζςιμα ζωσ τϊρα νομίςματα ςυναλλαγισ που ζχουν οριςτεί είναι το
Ευρϊ και το δολάριο Αμερικισ.
Σελίδα | 60
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Ρατϊντασ ο χριςτθσ με το ποντίκι του πάνω ςε ζνα ζργο τζχνθσ μπορεί να δει περιςςότερεσ
λεπτομζρειεσ ςχετικά με το ςυγκεκριμζνο ζργο τζχνθσ.
Πλα αυτά μπορεί να τα δει ο χριςτθσ ςτο πάνω μζροσ τθσ ιςτοςελίδασ. Κάτι επιπρόςκετο που
υλοποιικθκε είναι οι τρόποι επικοινωνίασ του επιςκζπτθ τθσ ιςτοςελίδασ μασ με εμάσ κακϊσ και
πλθροφορίεσ ςχετικά με εμάσ και το τι εμπορευόμαςτε/προωκοφμε μζςα από τθν ιςτοςελίδα. Ο
κάκε χριςτθσ μπορεί ακόμθ από το βαςικό μενοφ να επιλζξει τθν κατθγορία πίνακα και να δει
όλουσ τουσ διακζςιμουσ πίνακεσ τθσ κατθγορίασ που διατίκενται για αγορά.
Εάν μετακινθκοφμε προσ τα κάτω ςτθν κεντρικι όψθ τθσ ιςτοςελίδασ, ο επιςκζπτθσ μπορεί επίςθσ
να δει τα προβεβλθμζνα προϊόντα μασ κακϊσ και τα προτεινόμενα από εμάσ ζργα τζχνθσ.
Επιλζξαμε να βάλουμε και τθν δυνατότθτα «γριγορθσ» αγοράσ για κάκε ζνα από τα εκκζματα.
Σελίδα | 61
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Η ζνδειξθ των χρωματικϊν ενδείξεων «Ρράςινου» και «Κόκκινου» ςτο κάτω μζροσ τθσ κάκε
φωτογραφίασ ενόσ ζργου τζχνθσ είναι ενδεικτικζσ ςχετικά με τθν υπολειπόμενθ ποςότθτα που
είναι διακζςιμθ για αγορά για το ςυγκεκριμζνο ζργο τζχνθσ. Πλεσ αυτζσ τισ πλθροφορίεσ μπορεί
να τισ αναγνϊςει ο κάκε επιςκζπτθσ, αρκεί να διαλζξει κάποια από τισ επιλογζσ του κφριου μενοφ
επιλογισ τθσ ιςτοςελίδασ μασ.
Σελίδα | 62
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Κεφάλαιο 7: Αποτελζςματα & Συμπεράςματα
Στο κεφάλαιο αυτό παρουςιάηονται τα αποτελζςματα και τα ςυμπεράςματά μασ από αυτι τθν
πτυχιακι εργαςία. Ακόμθ παρουςιάηουμε ςυνοπτικά κάποιεσ μελλοντικζσ επεκτάςεισ που κα
μποροφςαν να γίνουν ςτθν ιςτοςελίδα του θλεκτρονικοφ καταςτιματοσ πϊλθςθσ ζργων τζχνθσ.
7.1 Συμπεράςματα
Ήταν πολφ ενδιαφζρουςα και μια πρόκλθςθ θ εναςχόλθςθ με τθν ςυγκεκριμζνθ πτυχιακι εργαςία.
Μετά τθν ολοκλιρωςι τθσ καταλιξαμε ςε κάποια πολφ ενδιαφζροντα ςυμπεράςματα. Με τθν
υλοποίθςθ αυτισ τθσ πτυχιακισ εργαςίασ μασ δόκθκε θ ευκαιρία να αποκομίςουμε γνϊςεισ αλλά
και εμπειρία πάνω ςτο αντικείμενο τθν ανάπτυξθσ ιςτοςελίδων. Ρραγματοποιιςαμε ζρευνα γφρω
από το αντικείμενο τθσ ανάπτυξθσ ιςτοςελίδων και ότι άλλο αυτό ςυμπεριλαμβάνει. Μάκαμε για
το Open Source και γίναμε μζλθ αυτισ τθσ τεράςτιασ κοινότθτασ.
Η ανάπτυξθ ιςτοςελίδων με τθ χριςθ ςυςτθμάτων διαχείριςθσ περιεχομζνου μπορεί να μασ
βοθκιςει να δθμιουργιςουμε ιςτοςελίδεσ υψθλοφ επιπζδου. Μασ παρζχει πολλζσ εφαρμογζσ που
μποροφν να προςαρμοςτοφν ςτθν δικιά μασ περίπτωςθ για να ζχουμε ζνα καλό αποτζλεςμα
Απεριόριςτα ζτοιμα πρότυπα που μποροφμε να αγοράςουμε ι να βροφμε δωρεάν ςτο διαδίκτυο.
Γνωρίςαμε το Joomla και πωσ να φτιάχνουμε ιςτοςελίδεσ με αυτό το πολυδιάςτατο εργαλείο. Το
Joomla είναι ζνα ευρζωσ διαδεδομζνο CMS ςτο διαδίκτυο και πάρα πολλζσ ιςτοςελίδεσ και
θλεκτρονικά καταςτιματα ζχουν δθμιουργθκεί με βάςθ αυτό. Οι δυνατότθτεσ του Joomla είναι
ςχεδόν απεριόριςτεσ και μπορεί να χρθςιμοποιθκεί για τθν καταςκευι ιςτοςελίδων πολλϊν και
διαφορετικϊν κεματικϊν περιεχομζνων, κακϊσ και μιασ ςειρά από εξειδικευμζνεσ ιςτοςελίδεσ
ςχετικά με πολλά και ποικιλόμορφα αντικείμενα για όλα ςχεδόν το φάςμα τθν κοινωνικισ,
επαγγελματικισ και οικονομικισ λειτουργίασ και δραςτθριότθτασ ςιμερα. Επίςθσ αποκομίςαμε
γνϊςεισ πάνω ςτισ γλϊςςεσ προγραμματιςμοφ που χρθςιμοποιεί το Joomla και είχαμε τθν
ευκαιρία να επεξεργαςτοφμε τον πθγαίο κϊδικα αυτϊν των γλωςςϊν.
Το Joomla είναι ζνα ευρζωσ διαδεδομζνο CMS ςτο διαδίκτυο και πάρα πολλζσ ιςτοςελίδεσ ζχουν
δθμιουργθκεί με τθν χριςθ αυτοφ. Οι δυνατότθτεσ του είναι ςχεδόν απεριόριςτεσ και μπορεί να
χρθςιμοποιθκεί για τθν καταςκευι ιςτοςελίδων πολλϊν και διαφορετικϊν κεματικϊν
περιεχομζνων. Θεωρικθκε από εμάσ το πιο εφχρθςτο για τθν δθμιουργία τθσ ςελίδασ μασ λόγω
των ιδιοτιτων και των βαςικϊν χαρακτθριςτικϊν που χρθςιμοποιεί ςαν προεπιλογι, και είναι ςε
διάκεςθ για τον κάκε προγραμματιςτι. Ρλατφόρμεσ οι οποίεσ είναι χριςιμεσ για δυναμικζσ
ςελίδεσ όπωσ αυτι που δθμιουργιςαμε εμείσ.
Αφοφ πρϊτα ζγινε ο ςχεδιαςμόσ του διαχειριςτικοφ (back-end) κομματιοφ τθσ ςελίδασ –
Σελίδα | 63
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
ςχεδιαςμόσ τθσ μορφισ τθσ βάςθσ δεδομζνων, ςυςχετιςμόσ των πινάκων, εφρεςθ και υλοποίθςθ
του κϊδικα ϊςτε να πλθροί τισ προδιαγραφζσ για τθν υλοποίθςθ τθσ ςελίδασ, προχωριςαμε ςτον
ςχεδιαςμό του κομματιοφ του αρχικοφ περιβάλλοντοσ τθσ ςελίδασ. Εκεί χρθςιμοποιικθκε ζνα
βαςικό template για τον αρχικό ςχεδιαςμό και ζπειτα τροποποιικθκε με βάςθ τισ προςδοκίεσ μασ
αλλά και για να είναι ακόμθ πιο φιλικό ςτον τελικό χριςτθ.
Με τθν υλοποίθςθ αυτισ τθσ πτυχιακισ εργαςίασ μασ δόκθκε θ ευκαιρία να αποκομίςουμε
γνϊςεισ αλλά και εμπειρία πάνω ςτο αντικείμενο τθν ανάπτυξθσ ιςτοςελίδων. Ρραγματοποιιςαμε
ζρευνα γφρω από το αντικείμενο τθσ ανάπτυξθσ ιςτοςελίδων και ότι άλλο αυτό ςυμπεριλαμβάνει.
Μάκαμε για το λογιςμικό ανοικτοφ κϊδικα και γίναμε μζλθ αυτισ τθσ τεράςτιασ κοινότθτασ.
Γνωρίςαμε το Joomla και πωσ να φτιάχνουμε ιςτοςελίδεσ με αυτό το πολυδιάςτατο εργαλείο.
Επίςθσ αποκομίςαμε γνϊςεισ πάνω ςτισ γλϊςςεσ προγραμματιςμοφ που χρθςιμοποιεί το Joomla
και να επεξεργαςτοφμε κϊδικα αυτϊν των γλωςςϊν.
Οι βαςικζσ γλϊςςεσ που χρθςιμοποιικθκαν για τθν υλοποίθςθ τθσ ςελίδασ ιταν οι HTML, CSS, PHP.
Ζνα πολφ ςθμαντικό κομμάτι για εμάσ όςον αφορά των εμπλουτιςμό των γνϊςεων μασ, ιταν το να
μάκουμε πϊσ μπορεί να γίνει θ ςφνδεςθ του του κομματιοφ του αρχικοφ περιβάλλοντοσ τθσ
ςελίδασ με το back end κομμάτι. Κατανοιςαμε πϊσ μποροφμε να ςθκϊςουμε μια ιςτοςελίδα
τοπικά ςτον υπολογιςτι μασ αλλά και διαδικτυακά. Κατανοιςαμε τισ βαςικζσ λειτουργείεσ ενόσ
εργαλείου όπωσ το Joomla μιασ και παρζχει όλα τα χριςιμα εργαλεία που είναι βαςικά για τθν
δθμιουργία μιασ οποιαδιποτε ςελίδασ. Στο κομμάτι τθσ υλοποίθςθσ κελιςαμε πιο πολφ να
επικεντρωκοφμε ςτο back end τθσ ςελίδασ κακϊσ επίςθσ και ςτθν κατανόθςθ τθσ βάςθσ
δεδομζνων μασ θ οποία και κα υποςτθρίηει το πελατολόγιο, τθν διακεςιμότθτα των προϊόντων μασ,
κακϊσ επίςθσ και τα ςτοιχεία των παραγγελιϊν. Το Joomla είναι ζνα εργαλείο που ζχει τθ
δυνατότθτα να ςτθρίξει διαφόρων ειδϊν υπθρεςίεσ κατά τθ δθμιουργία μιασ δυναμικισ
ιςτοςελίδασ. Ραρζχει αυτοματοποιθμζνο κϊδικα για πολλά πρόςκετα τα οποία μποροφν να
χρθςιμοποιθκοφν ςε μια ςελίδα όπωσ για παράδειγμα τα ςτοιχεία λογαριαςμοφ ενόσ χριςτθ
κακϊσ και τθ ςφνδεςι του ςαν χριςτθ ςτθν ςελίδα. Επικεντρωκικαμε κατά κφριο λόγο ςτο backend κομμάτι αυτοφ του εργαλείου για τον απλό λόγο ότι είναι πιο λειτουργικό για τουσ
διαχειριςτζσ ςτθσ ςελίδασ.
Με τα εργαλεία του Joomla, ο κάκε διαχειριςτισ μπορεί να δει όλεσ τισ παραγγελίεσ που ζχουν
γίνει από τουσ χριςτεσ, κακϊσ και το πόςοι χριςτεσ είναι εγγεγραμμζνοι ςτθ ςελίδα, μπορεί να
ζχει τθ δυνατότθτα να ςτείλει μαηικά ενθμερωτικά Newsletters ςε αυτοφσ ϊςτε να ενθμερϊνονται
για καινοφρια προϊόντα, προςφορζσ κ.τ.λ.. Επίςθσ να ζχει τθ δυνατότθτα παρακολοφκθςθσ των
αποκεμάτων που υπάρχουν για κάκε προϊόν, κακϊσ επίςθσ και ςτατιςτικά ςτοιχεία για τθν
επιςκεψιμότθτα και δθμοφιλία τθσ ςελίδασ. Επιλζξαμε το joomla διότι θ καταςκευι τθσ βάςθσ μασ
κακϊσ και ο ςυςχετιςμόσ τθσ με το Joomla μποροφν να μασ βοθκιςουν και ςαν αρχικι βάςθ για
δθμιουργία κάποιασ άλλθσ ςελίδασ εφόςον χρειαςτεί ςτο μζλλον. Ριςτζψαμε ότι είναι θ καλφτερθ
δυνατι λφςθ με το μικρότερο δυνατό κόςτοσ και χρόνο καταςκευισ τθσ κάτι που μασ εξυπθρετεί
λαμβάνοντασ υπόψιν τθν ταχφτθτα με τθν οποία κάποιοσ κζλει να μπει ςτθν αγορά. Το
Σελίδα | 64
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
αποτζλεςμα που πιραμε δεν μασ διζψευςε.
Το ζργο τθσ πτυχιακισ ςτο ςφνολο του, κα μποροφςε να αποτελζςει ζναν απλό οδθγό για άλλουσ
φοιτθτζσ, και όχι μόνο, που κα ικελαν να αςχολθκοφν με το Joomla!, τθ δθμιουργία δυναμικϊν
ιςτοςελίδων και θλεκτρονικϊν καταςτθμάτων (eshops) με αυτό. Δίνονται ςαφισ οδθγίεσ για τθν
εγκατάςταςθ τουσ, κακϊσ επίςθσ και για τθν γενικι κεωρία για όλα τα εργαλεία και τθσ
πλατφόρμεσ που χρθςιμοποιικθκαν.
7.2 Λόγοι για τουσ οποίουσ ςτοχεφςαμε ςτη δημιουργία μιασ ςελίδασ
ζργων τζχνησ
Από αρχαιοτάτων χρόνων, και με το πζραςμά τουσ, παρατθροφμε πόςο πολφ ςθμαντικό ρόλο είχε
θ τζχνθ ςτθν εξζλιξθ τθσ ιςτορίασ και πωσ από το πρϊτο ςθμάδι τζχνθσ πάνω ςτα πετρϊματα των
ςπθλαίων άλλαξε τα δεδομζνα ςτο πϊσ αντιμετωπίηαμε το παρελκόν. Η τζχνθ είναι θ πιο
διαδεδομζνθ μορφι εςωτερικοφ εξπρεςιονιςμοφ. Θεωρείται χάριςμα, ταλζντο ι και για κάποιουσ
θ ικανότθτα να μπορεί κάποιοσ να δϊςει μορφι ςε ζνα ςυναίςκθμα από το οποίο διακατζχεται.
Η τζχνθ ςαν μορφι ζχει ποικίλεσ μορφζσ και πτυχζσ. Μπορεί να εκφραςτεί με ζνα λογοτζχνθμα,
ζνα ποίθμα, ζνα ςτίχο, μια μελωδία ι πάνω ςε ζναν καμβά. Πλοι μασ κάποια ςτιγμι ςτθ ηωι μασ,
είχαμε τθν ευκαιρία να ηωγραφίςουμε πάνω ςε ζνα κομμάτι χαρτί κάτι που είχαμε ςτο μυαλό μασ.
Μπορεί να ιταν κάποιο αξιόλογο καλλιτζχνθμα ι απλά μια μουτηοφρα που δεν είχε κάποιο νόθμα
για τα μάτια των υπολοίπων. Εμείσ όμωσ πάντα κυμόμαςτε τθν πρϊτθ μασ ηωγραφιά ι εκείνθ τθν
ηωγραφιά που κατζλθξε ςε ζνα χαρτί μετά από τθν ανάγκθ μασ να εκφράςουμε κάτι που είχαμε
μζςα ςτο μυαλό μασ. Ράντα λοιπόν κα επιλζγαμε να επενδφςουμε ςτθν τζχνθ θκελθμζνα ι όχι,
γιατί απλά μασ κάνει να αιςκανόμαςτε όμορφα. Πλοι μασ ζχουμε κάπου ςτο χϊρο μασ ζναν πίνακα
Σελίδα | 65
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
κρεμαςμζνο ςε κάποιο τοίχο. Κάτι που μζνει ςτο πζραςμα των χρόνων, και κάτι που θ αξία του
μεγαλϊνει κακϊσ περνάει ο καιρόσ.
Με αυτό το ςκεπτικό, ςυγκεκριμενοποιιςαμε τθν τζχνθ ςτο κομμάτι τθσ ηωγραφικισ και
καλλιτεχνίασ, απευκυνόμενοι ςε ζνα αγοραςτικό κοινό το οποίο ενδιαφζρεται να ζχει ςτθν
ιδιοκτθςία του κάτι με αξία, κάτι εμφανζσ και κάτι που δεν κα ξεχαςτεί ςτο πζραςμα των χρόνων.
Η φωτογραφία και θ ηωγραφικι, μαηί με τθ γλυπτικι είναι οι πιο δια-δραςτικζσ μορφζσ τζχνθσ.
Γιατί αυτό που νιϊκει ο καλλιτζχνθσ γίνεται και περνάει ςαν μορφι και ςτον εκάςτοτε παρατθρθτι.
Είναι ζνα ςυναίςκθμα που μζνει παγωμζνο ςτο πζραςμα των χρόνων.
Ζτςι λοιπόν καταλιξαμε να ςτθρίξουμε με αυτόν τον τρόπο όλουσ εκείνουσ τουσ καλλιτζχνεσ που
κζλουν τα ζργα τουσ να είναι γνωςτά και προςιτά για οποιοδιποτε κοινό. Τα ζργα τα οποία κα
πωλοφνται από τθ ςελίδα μασ, κα είναι ζργα ποικίλων καλλιτεχνϊν, διαφορετικϊν μεγεκϊν, ειδϊν
με ςτόχο πάντα να είναι όλα προςιτά προσ το αγοραςτικό κοινό ςτο οποίο απευκυνόμαςτε. Ο κάκε
Σελίδα | 66
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
καυμαςτισ τθσ τζχνθσ κα ζχει τθ δυνατότθτα να μπει ςτθ ςελίδα μασ και κα μπορεί απλά να δει τα
διακζςιμα ζργα μασ μζχρι και να αγοράςει κάποιο από αυτά. Αποφαςίςαμε επίςθσ να ςτθρίξουμε
και καλλιτζχνεσ των οποίων τα ζργα δεν είναι ευρζωσ γνωςτά αλλά ςε κάκε περίπτωςθ είναι
αξιοκαφμαςτα. Στόχοσ μασ είναι να προωκιςουμε τθν τζχνθ με τον καλφτερο δυνατό τρόπο.
7.3 Μελλοντικζσ Επεκτάςεισ
Σε οποιοδιποτε επαγγελματικό πλάνο που ξεκινάει κάποιοσ όταν προςπακεί να ςτοχεφςει ςτθν
αγορά μζςω των πωλιςεων, είναι να κάνει ζνα πλάνο για το πότε το προϊόν κα μπει ςτθν αγορά
κακϊσ και το πϊσ μπορεί να βελτιωκεί θ ποιότθτα και θ υπθρεςίεσ του. Ξεκινάμε με ςτόχο τθν
πϊλθςθ πινάκων, μιασ και βρζκθκαν ςτον δρόμο μασ καλλιτζχνεσ οι οποίοι κζλουν να εκκζςουν τα
ζργα τουσ. Οι καλλιτζχνεσ αυτοί ςυνικωσ ζχουν ζδρα τουσ χϊρεσ του εξωτερικοφ, και αυτό μασ
δίνει επίςθσ τθ δυνατότθτα να ανοίξουμε τουσ ορίηοντεσ μασ και ςε άλλεσ χϊρεσ μελλοντικά.
Στοχεφςαμε ςτο να ξεκινιςουν τα διαδικαςτικά για τθν πλιρθ λειτουργικότθτα και είςοδο τθσ ςτθν
αγορά, ιδανικά ζωσ το καλοκαίρι του 2015. Το πλάνο μασ είναι να προωκθκοφν όςο περιςςότεροι
πίνακεσ μποροφν, ζτςι ϊςτε να βάλουμε πλϊρθ ςτθν ειςχϊρθςθ και άλλων ειδϊν τζχνθσ και
προϊόντα προσ πϊλθςθ όπωσ για παράδειγμα γλυπτά, φωτογραφικό υλικό για ςυλλζκτεσ κ.λπ.
Ευελπιςτοφμε ςτθν καλφτερθ δυνατι εξζλιξθ τθσ ςελίδασ μασ και τθν όςο πιο γριγορθ ειςχϊρθςι
τθσ ςτθν αγορά. Γι’ αυτό αποφαςίςαμε να εκμεταλλευτοφμε τα κοινωνικά μζςα δικτφωςθσ για τθν
διαφιμιςθ και προϊκθςι τθσ. Ριςτεφουμε ςε εμάσ και ςτθν ιδζα μασ κακϊσ επίςθσ και ςε αυτοφσ
τουσ καλλιτζχνεσ που με τα ζργα τουσ μποροφν να δϊςουν και να αφιςουν νόθμα ςε αυτοφσ που
το χρειάηονται, και που αγαποφν τθν τζχνθ.
Μία μελλοντικι επζκταςθ που μποροφςε να ςχεδιαςτεί και υλοποιθκεί ςε αυτι τθ ςελίδα είναι θ
παραμετροποίθςθ και θ προςαρμογι τθσ ιςτοςελίδασ και του θλεκτρονικοφ μασ καταςτιματοσ
ϊςτε να υποςτθρίηει τισ μεκοδολογίεσ Search Engine Optimization (SEO) ϊςτε να επιτφχουμε μια
Σελίδα | 67
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
πολφ καλφτερθ παρουςία ςτο διαδίκτυο και μια κατάταξθ ςτισ πρϊτεσ κζςεισ των αποτελεςμάτων
των πιο γνωςτϊν μθχανϊν αναηιτθςθσ του διαδικτφου.
Μια άλλθ επζκταςθ που αξίηει να υλοποιθκεί είναι θ πρόςκεςθ μιασ ςειράσ από διαφορετικοφσ
τρόπουσ πλθρωμισ για τα διάφορα ζργα τζχνθσ που εμπορευόμαςτε ςτο θλεκτρονικό κατάςτθμα.
Ζτςι κα μποροφςαμε να παρζχουμε υπθρεςίεσ πλθρωμισ μζςω πιςτωτικισ ι/και χρεωςτικισ
κάρτασ, με τθ βοικεια υπθρεςιϊν κάποιασ τράπεηασ. Επίςθσ κα μποροφςαμε να προςκζςουμε και
υπθρεςίεσ πλθρωμισ που να υποςτθρίηουν και πιο ςφγχρονεσ θλεκτρονικζσ μεκόδουσ πλθρωμισ
όπωσ Google Wallet και το νζο BitCoin.
Ακόμθ μια άλλθ επζκταςθ που κα μποροφςαμε να ςχεδιάςουμε και υλοποιιςουμε ςχετικά με το
αντικείμενο τθσ πτυχιακισ μασ εργαςίασ είναι θ δθμιουργία προςαρμοςμζνων όψεων τθσ
ιςτοςελίδασ για κινθτζσ ςυςκευζσ και smartphones, κακϊσ και ενδεχομζνωσ θ δθμιουργία
αυτοφςιων εφαρμογϊν για ζξυπνα κινθτά τθλζφωνα που κα ςυνεργάηονται με το θλεκτρονικό μασ
κατάςτθμα για τθν ακόμα καλφτερθ εμπειρία ςτουσ επιςκζπτεσ-πελάτεσ του καταςτιματόσ μασ.
Σελίδα | 68
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
Βιβλιογραφία
Βιβλία
1. «Electronic Commerce: Theory and Practice», Makoto Yokoo, Takayuki Ito, Minjie Zhang,
Juhnyoung Lee, Tokuro Matsuo, Springer, 2008
2. «Βάσεις Δεδομζνων», Μιχαιλ Ξζνοσ, Δθμιτριοσ Χριςτοδουλάκθσ, ΕΑΡ, 2000
3. «The painter of Modern Life & other Essays», C. Baudelaire, , ed. J. Mayne (several eds.)
4. «The Italian Painters of the Renaissance», B. Berenson, (several eds.)
5. «The Civilisation of the Renaissance in Italy», J. Burckhardt, (several eds.)
6. «Cézanne: A Study of his Development», R. Fry, London 1927
7. «The Gothic Image», E. Mâle, London 1961
8. «Italian Painters: Critical Studies of their Works», G. Morelli, London 1892
9. «Magento PHP Developer's Guide», 2nd Edition, By Allan MacGregor
10. «Using Drupal by Example», By Addison Berry
11. «PhpStorm Cookbook», By Mukund Chaudhary, Ankur Kumar
12. «UI Development for Engineers», By Mike Kivikoski
13. «Ajax Design Patterns», By Michael Mahemoff
14. «Padding, Borders, Outlines, and Margins in CSS», By Eric A. Meyer
15. «Learning Path: CSS Fundamentals», By Rachel Roumeliotis
16. «Responsive Web Design with HTML5 and CSS3», 2nd Edition, By Ben Frain
17. «Learning PHP, MySQL & JavaScript», 4th Edition, By Robin Nixon
18. «CSS Floating», By Eric A. Meyer
19. «HTML & XHTML: The Definitive Guide», 5th Edition, By Chuck Musciano, Bill Kennedy
20. «HTML5 Canvas for Developers», By David Geary
21. «HTML5 Web Application Development By Example Beginner's guide», By J. M. Gustafson
22. «HTML5 and CSS3 Responsive Web Design Cookbook», By Benjamin LaGrone
Ιςτότοποι
1. http://en.wikipedia.org/wiki/E-commerce
2. http://en.wikipedia.org/wiki/Cascading_Style_Sheets#Use
Σελίδα | 69
Βελιβαςάκθ Σπυριδοφλα (ΑΜ: 2675) - Κυπριωτάκθ Ακθνά (ΑΜ: 2674)
3. https://www.apachefriends.org/index.html
4. http://www.wampserver.com/
5. http://en.wikipedia.org/wiki/JavaServer_Pages
6. https://www.oracle.com/java/index.html
7. http://howtodoinjava.com/2012/11/07/how-to-work-with-xpaths-in-java-with-examples/
8. http://dide.flo.sch.gr/Plinet/Tutorials/Tutorials-JSP-1-Introductiion.html
9. http://www.w3schools.com/
10. http://www.octonetworks.gr/read_more.php?id=8&lang=1
11. http://www.nbw.gr/static-vs-dynamic-website/
12. http://el.wingwit.com/Software/open-source-code/143723.html#.VErho1fuY7w
13. http://www.tutorialspoint.com/jsp/jsp_quick_guide.htm
14. http://httpd.apache.org/ABOUT_APACHE.html
15. https://www.oracle.com/java/index.html
16. https://www.java.com/en/
17. http://www.techopedia.com/
18. http://www.opensource.org
19. http://www.joomla.org
20. http://www.techterms.com
21. http://www.edutorials.gr
22. http://www.edinteractive.co.uk
23. http://www.youtube.com
24. http://www.google.com
Σελίδα | 70