PDF

Τ.Ε.Ι.
ΚΑΒΑΛΑΣ ΤΜΗΜΑ
ΣΧΟΛΗ ΔΙΟΙΚΗΣΗΣ ΔΙΑΧΕΙΡΙΣΗΣ
Τ7
ΚΑΙ ΟΙΚΟΝΟΜΙΑΣ ΠΛΗΡΟΦΟΡΙΩΝ
Σχεδιασμός και υλοποίηση διαδικτυακής εφαρμογής για την διαχείριση

συναντήσεων με σκοπό την παροχή υπηρεσιών κομμωτηρίου.
Γκεζέπη Ευαγγελία
Φεβρουάριος 2012
ΕΠΟΠΤΗΣ ΚΑΘΗΓΗΤΗΣ
Βασίλειος Χατζής
Εκπονηθείσα πτυχιακή εργασία απαραίτητη για την κτήση του βασικού πτυχίου
Πτυχιακή εργασία του της Ευαγγελίας Γκεζέπη
ΕΥΧΑΡΙΣΤΙΕΣ
Θα ήθελα να ευχαριστήσω όλους όσους με βοήθησαν και με στήριξαν

σε αυτήν την εργασία είτε πρακτικά είτε ψυχολογικά. Πιο συγκεκριμένα
ευχαριστώ την οικογένειά μου που με στήριξε καθ’ όλη τη διάρκεια των
σπουδών μου, τον επιβλέπων καθηγητή Δρ. Βασίλειο Χατζή για αυτήν την
ευκαιρία συνεργασίας, καθώς και την πολύτιμη βοήθεια που μου προσέφερε
και τέλος όλους τους φίλους για τις ευχές και την άψογη συμπαράστασή τους.
Σελίδα 2 από 116

ΠΙΝΑΚΑΣ ΠΕΡΙΕΧΟΜΕΝΩΝ
ΕΥΧΑΡΙΣΤΙΕΣ...........................................................................................2
ΠΡΟΛΟΓΟΣ...............................................................................................4
ΕΙΣΑΓΩΓΗ................................................................................................. 5
ΚΕΦΑΛΑΙΟ 1Ο- ΕΡΓΑΛΕΙΑ ΠΟΥ ΧΡΗΣΙΜΟΠΟΙΗΘΗΚΑΝ.....................7
1.1 Πακέτο ελεύθερου λογισμικού XAMPP................................................ 7

1.1.1 Apache HTTP εξυπηρετητής...................................................9
1.1.2 Σύστημα διαχείρισης βάσεων δεδομένων MySQL................ 10
1.1.3 Λογισμικό ανοιχτού κώδικα phpMyAdmin.............................13
1.1.4 Γλώσσα προγραμματισμού δυναμικών ιστοσελίδων PHP...15
1.2 Σύστημα διαχείρισης περιεχομένου Joomla....................................... 17
ΚΕΦΑΛΑΙΟ 2Ο- ΑΝΑΛΥΣΗ ΑΠΑΙΤΗΣΕΩΝ............................................ 20
2.1 Σκοπός της εφαρμογής........................................................................20
2.2 Κατηγορίες χρηστών.............................................................................21
2.3 Απαιτήσεις χρηστών.............................................................................22
2.4 Απαιτήσεις συστήματος........................................................................23
ΚΕΦΑΛΑΙΟ 3Ο- ΑΝΑΛΥΣΗ ΠΙΝΑΚΩΝ.................................................... 25
3.1 Ο πίνακας jos_r_reservations............................................................... 25
3.2 Ο πίνακας jos_gmapfp..........................................................................27
3.3 Ο πίνακας head_office..........................................................................29
3.4 Ο πίνακας jos_users..............................................................................31

3.5 Ο πίνακας jos_r_days.......................................................................... 34
3.6 Ο πίνακας jos_r_timeunits................................................................... 35
3.7 Ο πίνακας jos_r_operators................................................................... 36
3.8 Ο πίνακας jos_r_services..................................................................... 37
3.9 Ο πίνακας cost_of_services................................................................. 38
3.10 Σχέσεις πινάκων.................................................................................. 39
ΚΕΦΑΛΑΙΟ 4ΟΑΝΑΛΥΣΗ ΕΦΑΡΜΟΓΗΣ..................................................40
4.1 Παρουσίαση σελίδας..............................................................................40
4.1.1 Αρχική σελίδα...........................................................................40
4.1.2 Είσοδος/Εγγραφή μέλους........................................................41
4.1.3 Το μενού Top menu.................................................................46
4.1.4 Το μενού Side menu................................................................ 51
4.1.5 Το μενού «Δημοσκόπηση»......................................................63
4.1.6 Το μενού «Φιλικές ιστοσελίδες».............................................. 65
4.2 Τα βήματα δημιουργίας της εφαρμογής.................................................65
4.2.1 Σχεδίαση με Joomla................................................................65
4.2.1.1 Εγκατάσταση προτύπου............................................66
4.2.1.2 Δημιουργία του πρωτοσέλιδου.................................. 69
4.2.1.3 Δημιουργία της σελίδας «Συνεργάτες»...................... 71
4.2.1.4 Δημιουργία της σελίδας «Gallery»............................. 73
4.2.1.5 Δημιουργία της Φόρμας επικοινωνίας (σελίδα

«Επικοινωνία»)....................................................................... 78
4.2.1.6 Δημιουργία της σελίδας «Χάρτης»............................. 79

4.2.1.7 Δημιουργία της σελίδας «Κλείστε ραντεβού!»............. 85
4.2.1.8 Δημιουργία της σελίδας «Το προφίλ μου»................. 93
4.2.1.9 Δημιουργία των στοιχείων μενού................................ 93
4.2.1.10 Δημιουργία μενού «Δημοσκόπηση»..........................97
4.2.1.11 Δημιουργία μενού «Φιλικές ιστοσελίδες»................ 101
4.2.1.12 Διαχείριση χρηστών.................................................102
4.2.2 Σχεδίαση με χειρόγραφο κώδικα............................................. 104
4.2.2.1 Η σελίδα «Συνεργάτες»............................................. 104
4.2.2.2 Η σελίδα «Υπηρεσίες»...............................................106
4.2.2.3 Η σελίδα «Επικοινωνία»............................................ 107
4.2.2.4 Η σελίδα «Κομμωτήρια»............................................ 108
4.2.2.5 Η σελίδα «Τιμοκατάλογος».........................................110
ΣΥΜΠΕΡΑΣΜΑΤΑ - ΕΠΕΚΤΑΣΕΙΣ............................................................. 111
ΒΙΒΛΙΟΓΡΑΦΙΑ........................................................................................... 112

ΠΡΟΛΟΓΟΣ
Η εφαρμογή που αναλύεται στην παρούσα εργασία, έχει σκοπό να

βελτιώσει τη λειτουργία μιας επιχείρησης - στην προκειμένη περίπτωση μιας
αλυσίδας κομμωτηρίων - οργανώνοντας με τον καλύτερο δυνατό τρόπο τη
διαδικασία κατά την οποία προγραμματίζει να προσφέρει τις υπηρεσίες της
στους υποψήφιους πελάτες. Είναι στην ουσία μία ιστοσελίδα δύο επιπέδων
χρηστών (διαχειριστής, απλός χρήστης), καθένας από τους οποίους έχει τη
δυνατότητα να εκτελεί λειτουργίες που αντιστοιχούν στα δικαιώματά του. Ένα
από τα πλεονεκτήματα του συστήματος είναι ότι ο πελάτης έχει το προνόμιο
να συμμετέχει ενεργά και όχι παθητικά στη διαδικασία προγραμματισμού των
υπηρεσιών της επιχείρησης. Περαιτέρω ανάλυση της εφαρμογής γίνεται
παρακάτω.
Τα εργαλεία που χρησιμοποιήθηκαν για δημιουργία της εφαρμογής

είναι ονομαστικά:
• Το πακέτο ελεύθερου λογισμικού XAMPP

• Το σύστημα διαχείρισης βάσεων δεδομένων MySQL
• Η γλώσσα προγραμματισμού δυναμικών ιστοσελίδων
PHP, και
• Το σύστημα διαχείρισης περιεχομένου Joomla
και περιγράφονται αναλυτικά στα κεφάλαια που ακολουθούν.
Με βάση τα παραπάνω αναπτύχθηκε ένα πρόγραμμα φιλικό προς το

χρήστη που πληροί όλες τις προϋποθέσεις ευχρηστίας και ασφάλειας
προσωπικών δεδομένων και ταυτόχρονα διασφαλίζει τον έλεγχο των
στοιχείων που εισάγει ο χρήστης, ανάλογα με το επίπεδο στο οποίο ανήκει.

ΕΙΣΑΓΩΓΗ
Όπως προδίδει και ο τίτλος της η παρούσα εργασία αναφέρεται στην

ανάπτυξη μιας εφαρμογής κατά την οποία γίνεται διαδικτυακά ο
προγραμματισμός ραντεβού μεταξύ κομμωτή - πελάτη χωρίς την ανάγκη της
πρώτης συνάντησης ή του τηλεφωνικού ραντεβού, που δεν αποτελεί πλέον
τον καλύτερο τρόπο.
Ας ξεκινήσουμε όμως από την αρχή. Η θυγατρική εταιρεία βρίσκεται

στην Αθήνα και διαθέτει πέντε υποκαταστήματα σε περιοχές γύρω από την
πόλη της Θεσσαλονίκης. Κάθε κομμωτήριο παρέχει τρεις θέσεις εργασίας με
τον ίδιο εξοπλισμό και κάθε κομμωτής μπορεί και κινείται μεταξύ και των
πέντε καταστημάτων (δεν έχει δηλαδή σταθερή περιοχή εργασίας). Ο
πελάτης έχει τη δυνατότητα μέσω της σελίδας να γνωρίζει το πρόγραμμα των
ραντεβού όλων των μελών του προσωπικού, ενώ μπορεί να αιτείται
ραντεβού με τον/την κομμωτή που προτιμά, την ώρα, την ημέρα και στην
περιοχή που εκείνος επιθυμεί. Από την άλλη ο κομμωτής έχει τη δυνατότητα
να ενημερώνεται για κάθε ενέργεια που αφορά το δικό του πρόγραμμα
ραντεβού, ενώ φυσικά μπορεί να το επεξεργάζεται ανάλογα με τις ανάγκες
του (αλλαγή, ακύρωση).
Αναλυτικότερα στο 1ο κεφάλαιο γίνεται περιγραφή, ιστορική

αναδρομή και διαπιστώνονται πλεονεκτήματα/μειονεκτήματα των εργαλείων
που χρησιμοποιήθηκαν στη σχεδίαση της εφαρμογής.
Στο 2ο κεφάλαιο γίνεται μία ανάλυση απαιτήσεων προκειμένου η

εφαρμογή να καλύψει επακριβώς τις ανάγκες κάθε επιπέδου χρήστη.
Στο 3ο κεφάλαιο αναλύονται οι πίνακες στους οποίους έγινε η

αποθήκευση των δεδομένων για τις ανάγκες της σελίδας. Δίνεται επίσης το
διάγραμμα σχέσεων που ενώνει τους πίνακες αυτούς.

Στο 4ο και τελευταίο κεφάλαιο γίνεται αναλυτική παρουσίαση της

εφαρμογής και της κάθε λειτουργίας της. Επίσης γίνεται αναλυτική
περιγραφή του τρόπου με τον οποίο σχεδιάστηκε κάθε μέρος της
εφαρμογής.

ΚΕΦΑΛΑΙΟ 1Ο
ΕΡΓΑΛΕΙΑ ΠΟΥ ΧΡΗΣΙΜΟΠΟΙΗΘΗΚΑΝ
Σε αυτό το κεφάλαιο θα γνωρίσουμε τα βασικά στοιχεία των

εργαλείων που χρησιμοποιήθηκαν στη σχεδίαση της εφαρμογής.
Συγκεκριμένα, αναφέρουμε το πακέτο ελεύθερου λογισμικού XAMPP, το
οποίο περιλαμβάνει τον Web server Apache που φιλοξενεί την εφαρμογή, το
σύστημα διαχείρισης βάσεων δεδομένων MySQL με τη βοήθεια του οποίου
οργανώσαμε τα δεδομένα της, το λογισμικό ανοιχτού κώδικα phpMyAdmin με
το οποίο έγινε η διαχείριση των βάσεων στο δίκτυο, τη γλώσσα
προγραμματισμού php με την οποία το δυναμικό περιεχόμενο της σελίδας
και άλλα εργαλεία στα οποία δε θα επεκταθούμε περεταίρω. Τέλος γίνεται
γνωστό το σύστημα διαχείρισης περιεχομένου (Content Management
Systems - CMS) Joomla μέσω του οποίου έγινε η δημοσίευση της
ιστοσελίδας στο διαδίκτυο.
1.1 Πακέτο ελεύθερου λογισμικού XAMPP (ΐ)
Το XAMPP είναι ένα πακέτο ελεύθερου λογισμικού με μηδενικό

κόστος η ονομασία του οποίου αποτελεί ακρωνύμιο του συνδυασμού των
παρακάτω αρχικών:
• X (με την έννοια χιαστή πλατφόρμα που σημαίνει ότι λειτουργεί

σε οποιαδήποτε πλατφόρμα)
• Apache HTTP εξυπηρετητής
• MySQL
• PHP

• Perl
Το πρόγραμμα δημιουργήθηκε κάτω από την άδεια χρήσης GNU

(General Public License) και συμπεριφέρεται σαν ένας web server άνευ
οποιουδήποτε κόστους ικανός να φιλοξενήσει πολλές δυναμικές ιστοσελίδες.
Ο σχεδιασμός του βασίστηκε στη μέγιστη δυνατή λειτουργικότητα κι

έτσι δόθηκε ιδιαίτερη προσοχή ώστε να είναι:
• ανεξάρτητου λειτουργικού συστήματος (μπορεί δηλαδή να

τρέξει σε οποιοδήποτε λειτουργικό σύστημα)
• προσπελάσιμο μέσω οποιουδήποτε φυλλομετρητή
• πλήρως σπονδυλωτό στη δομή του, χρησιμοποιεί δηλαδή
αρθρώματα (modules) για κάθε λειτουργία που εκτελεί
• προσιτό στη διαχείριση από τη μεριά του χρήστη
Οι παραπάνω ιδιότητες οδήγησαν στην ανάγκη δημιουργίας ενός

συστήματος υλικού και λογισμικού το οποίο αποτελείται από τα εξής
χαρακτηριστικά:
• βάση δεδομένων που θα περιέχει όλες τις απαραίτητες

πληροφορίες για τη λειτουργία τους συστήματος
• αποθηκευτικά μέσα, δηλαδή τους υπολογιστές που θα
φιλοξενούν το υλικό
• περιβάλλον εργασίας δηλαδή το λογισμικό που θα
επεξεργάζεται τις πληροφορίες και θα κάνει δυνατή την
αλληλεπίδραση των χρηστών με το σύστημα.
Με βάση όλα τα παραπάνω έχουμε μία εφαρμογή που βασίζεται στο

πρότυπο «πελάτη - εξυπηρετητή», εγκαθίσταται σε οποιοδήποτε λειτουργικό
σύστημα , υποστηρίζει web server τύπου Apache ή Microsoft IIS και
στηρίζεται εξ’ ολοκλήρου σε περιβάλλον ανοιχτού κώδικα (open source) για

τη λειτουργία της. Για την ανάπτυξη του ιστογενούς περιβάλλοντος της

εφαρμογής και των αλγορίθμων της χρησιμοποιήθηκε η γλώσσα
προγραμματισμού PHP.
1.1.1 Apache HTTP εξυπηρετητής(ΐ)(5)
Ο Apache HTTP γνωστός και απλά σαν Apache είναι ένας

εξυπηρετητής του παγκόσμιου ιστού (web). Όποτε ένας χρήστης
επισκέπτεται ένα ιστότοπο το πρόγραμμα πλοήγησης (browser) επικοινωνεί
με έναν διακομιστή (server) μέσω του πρωτοκόλλου HTTP, ο οποίος
παράγει τις ιστοσελίδες και τις αποστέλλει στο πρόγραμμα πλοήγησης. O
Apache είναι ένας από τους δημοφιλέστερους, εν μέρει γιατί λειτουργεί σε
διάφορες πλατφόρμες όπως τα Windows, το Linux, το Unix και το Mac OS X.
Συντηρείται τώρα από μια κοινότητα ανοικτού κώδικα με επιτήρηση από το
Ίδρυμα Λογισμικού Apache (Apache Software Foundation).
Ο Apache χρησιμοποιείται και σε τοπικά δίκτυα σαν διακομιστής
συνεργαζόμενος με συστήματα διαχείρισης Βάσης Δεδομένων π.χ. Oracle,
MySQL.
Η πρώτη του έκδοση, γνωστή ως NCSA HTTPd, δημιουργήθηκε από
τον Robert McCool και κυκλοφόρησε το 1993. Θεωρείται ότι έπαιξε
σημαντικό ρόλο στην αρχική επέκταση του παγκόσμιου ιστού. Ήταν η πρώτη
βιώσιμη εναλλακτική επιλογή που παρουσιάστηκε απέναντι στον
εξυπηρετητή http της εταιρείας Netscape και από τότε έχει εξελιχθεί στο
σημείο να ανταγωνίζεται άλλους εξυπηρετητές βασισμένους στο Unix σε
λειτουργικότητα και απόδοση. Από το 1996 ήταν από τους πιο δημοφιλείς
όμως από τον Μάρτιο του 2006 έχει μειωθεί το ποσοστό της εγκατάστασής
του κυρίως από τον Microsoft Internet Information Services και την
πλατφόρμα .NET . Τον Οκτώβριο του 2007 το μερίδιο του ήταν 47.73% από
όλους τους ιστοτόπους.

Ο Apache είναι ένα ελεύθερο ανοικτού κώδικα λογισμικό. Εκτός του

κόστους, είναι ιδιαίτερα διαμορφώσιμο και είναι πλήρες των προηγμένων
χαρακτηριστικών γνωρισμάτων, όπου αυτός είναι και ο κύριος λόγος για τον
οποίο οι περισσότεροι πάροχοι web hosting το χρησιμοποιούν.
1.1.2 Σύστημα διαχείρισης βάσεων δεδομένων MySQL(i )(4)
H MySQL είναι ένα περιβάλλον διαχείρισης σχεσιακών βάσεων

δεδομένων. Μία βάση δεδομένων μας επιτρέπει να αποθηκεύουμε, να
αναζητούμε, να ταξινομούμε και να ανακαλούμε τα δεδομένα της
αποτελεσματικά. Η σχεσιακή MySQL σημαίνει ότι μια πληροφορία
αποθηκεύεται σε χωριστούς πίνακες και όχι σε έναν μεγάλο πίνακα.
Μπορούν να καθιερωθούν σχέσεις μεταξύ πινάκων και να ανακτούμε
πληροφορίες χρησιμοποιώντας δομημένη γλώσσα διατύπωσης ερωτήσεων
(SQL).
Η ιστορία της MySQL ξεκινά το 1979, όταν η σουηδική εταιρία TcX
DataKonsultAB ζητά από τον Michael Monty Widenious να δημιουργήσει για
λογαριασμό της μία βάση δεδομένων με το όνομα unireg. Η βάση δεν
κάλυπτε τις ζητούμενες απαιτήσεις κι έτσι η TcX άρχισε να αναζητά
εναλλακτικές λύσεις. Ο David Hughes δημιούργησε τις mSQL η δοκιμή των
οποίων όμως δεν επέφερε αποτέλεσμα. Ο Widenious τότε ξεκίνησε τη
δημιουργία ενός νέου server βάσεων δεδομένων με βάση τον mSQL. Το
σύστημα αυτό πήρε την ονομασία MySQL L1.0 και η κυκλοφορία του
ξεκίνησε το Μάιο του 1996. Λίγο καιρό αργότερα έγινε η διανομή της MySQL
1.11 για Solaris. Με αφορμή τη δημοτικότητα της MySQL η TcX έκανε τη
MySQLAB μια ιδιωτική εταιρία στην οποία ανήκει σήμερα ο πηγαίος κώδικας
του MySQL server και έχει την ευθύνη της συντήρησης, προώθησης και
ανάπτυξής του.

Η MySQL είναι μια ελκυστική εναλλακτική λύση έναντι του υψηλού

κόστους και της πολυπλοκότητας της τεχνολογίας της βάσης δεδομένων, για
τους εξής λόγους:
• Ο κώδικας του πυρήνα της MYSQL έχει άριστη απόδοση ταχύτητας
• Είναι αξιόπιστη, καθώς μπορεί να τρέχει αφύλακτη για μέρες ακόμη
και μήνες μετά από την αρχική
• Οι απαιτήσεις της σε πόρους συστήματος είναι χαμηλές. Η MySQL
είναι ικανή να κάνει το καλύτερο με τους πόρους που της δίνονται.
Φυσικά, όσο περισσότεροι πόροι, τόσο ανεβαίνει η απόδοση, αλλά
ελάχιστοι πόροι δεν θα βγάλουν την MySQL εκτός λειτουργίας.
• Είναι εξελίσιμη. Η MySQL αποδίδει καλά σε συστήματα με μέχρι και 4
επεξεργαστές και μνήμη μέχρι και 4GB εκμεταλλευόμενη πλήρως τους
πόρους του συστήματος.
• Τρέχει σε μια ευρεία ποικιλία υπολογιστικών συστημάτων. Ανάμεσά
τους τα πιο δημοφιλή Linux, Windows, Solaris και FreeBSD.
• Υποστήριξη για έναν μεγάλο αριθμό γλωσσών. Οι προγραμματιστές
μπορούν να επικοινωνήσουν με το MySQL χρησιμοποιώντας C/C++,
PHP, Perl, Java, Python, TCL, Ruby και Eiffel.
• Υποστήριξη ODBC που δίνει τη δυνατότητα στους προγραμματιστές
να γράψουν εφαρμογές χρησιμοποιώντας Open Database
Connectivity. Το ODBC επιτρέπει στο MySQL να χρησιμοποιηθεί στο
Microsoft Access, Excel και άλλα. Επίσης επιτρέπει στο MySQL να
χρησιμοποιηθεί σε εφαρμογές σε Visual Basic και Delphi, στην ASP
και σε άλλα εργαλεία και περιβάλλοντα ανάπτυξης εφαρμογών.
• Η MySQL διανέμεται κάτω από την άδεια GPL ( General Public
License )., η οποία μας επιτρέπει τη χρήση της και για εμπορικό και
για μη εμπορικό σκοπό υπό την προϋπόθεση ότι οποιοδήποτε
παραγόμενο προϊόν πρέπει να διανεμηθεί με ολόκληρο τον πηγαίο
κώδικα κάτω από τους όρους της ίδιας άδειας.

• Η MySQL ΑΒ παρέχει ένα ευρύ φάσμα εμπορικής υποστήριξης σε

λογική τιμή, συμπεριλαμβανομένου 24ωρη τηλεφωνική υποστήριξη
και τις 7 ημέρες της εβδομάδας.
• Οι ιδρυτές της MySQL έχουν εστιάσει τη προσοχή τους στο να δίνουν
στη κοινότητα περισσότερα από αυτά που παίρνουν από αυτήν. Η
κοινότητα ανταποκρίθηκε με αφοσίωση, σκληρή δουλειά και
συναδελφοσύνη. Έτσι μπορεί κάποιος χρήστης να βρει τις απαντήσεις
στα προβλήματα που δεν μπορεί να επιλύσει λαμβάνοντας βοήθεια
από τη κοινότητα, πέρα από την βοήθεια που υποστηρίζει η MySQL.
Μια άλλη πτυχή της ισχυρής κοινότητας είναι το ότι μπορεί να βρει
κανείς έναν ειδικό στη MySQL για να εργαστεί για εμάς.
• Διαθεσιμότητα του πηγαίου κώδικα. Η πρόσβαση στον πηγαίο κώδικα
είναι κάτι πολύ σημαντικό για τις επιχειρήσεις που απασχολούν
πεπειραμένους C/C++ προγραμματιστές. Παρέχει την ευκαιρία να
γίνουν διάφορες προσαρμογές, βελτιώσεις, επεκτάσεις και διόρθωση
λαθών, χωρίς να περιμένουμε τον προμηθευτή να το κάνει.
Πέρα από τα πλεονεκτήματα που την καθιστούν ένα από τα πιο

διαδεδομένα συστήματα διαχείρισης βάσεων η MySQL παρουσιάζει και
ορισμένες αδυναμίες. Οι πιο βασικές είναι:
• Η πιο σοβαρή αδυναμία της MySQL είναι ότι αυτή τη περίοδο δεν
υποστηρίζει εμφωλευμένα ερωτήματα, όψεις, αποθηκευμένες
διαδικασίες, εναύσματα και επιβολή ξένου κλειδιού.
• Η MySQL ΑΒ μπορεί να εξασφαλίσει ως ένα επίπεδο την ποιότητα του
MySQL σε μια πλατφόρμα. Από εκεί και μετά, η ποιότητα αυτή θα
αυξάνεται όσοι περισσότεροι χρησιμοποιούν τη MySQL στη
πλατφόρμα αυτή και αποστέλλουν τα σφάλματα που βρίσκουν.
Επομένως η εξασφάλιση της ποιότητας εξαρτάται κατά ένα μεγάλο
μέρος από τις δοκιμές που κάνουν οι χρήστες, οπότε όσοι
περισσότεροι χρήστες τόσο λιγότερα σφάλματα θα περάσουν

απαρατήρητα, για μεγάλο χρονικό διάστημα. Βέβαια αυτό δεν σημαίνει

ότι σε πλατφόρμες που δεν χρησιμοποιούν πολλοί χρήστες τη MySQL
δεν θα τρέχει και μάλιστα καλά, αλλά ίσως να υπάρξουν κάποια
προβλήματα.
• Δυσκολία εργασίας με τον πηγαίο κώδικα του server. Το δύσκολο του
να δουλεύει κανείς με τον πηγαίο κώδικα που έγραψε κάποιος άλλος
είναι ότι πρέπει να τον καταλάβει για να υπάρχει κάποια πρακτική
αξία. Ο κώδικας της MySQL server είναι πολύ δύσκολο να το
καταλάβει ακόμη και ένας ειδικευμένος πεπειραμένος
προγραμματιστής της C/C++. Υπάρχουν δυο κύριοι λόγοι της
δυσκολίας αυτής. Πρώτα, είναι ένας server βάσεων δεδομένων, το
οποίο σημαίνει ότι πρέπει να έχει τον κώδικα για να οργανώσει τα
δεδομένα στο σκληρό δίσκο και να επιλέξει μια στρατηγική για την
επίλυση ενός συγκεκριμένου ερωτήματος. Αυτού του είδους ο κώδικας
είναι από τη φύση του πολύπλοκος, ανεξαρτήτου το πόσο καλά είναι
γραμμένος και τεκμηριωμένος. Ο δεύτερος λόγος είναι αυτό που
κάποιος μπορεί να το χαρακτηρίσει ως «επίδραση κώδικα
μεγαλοφυΐας». Ο κώδικας του πυρήνα γράφτηκε από τον Monty
Widenious, ο οποίος εύστοχα επονομάστηκε «ο Μότσαρτ του
προγραμματισμού υπολογιστών». Ένας προγραμματιστής
διαβάζοντας τον κώδικα θα έχει την ίδια αίσθηση που έχει όταν ακούει
ένα όμορφο μουσικό κομμάτι. Ενώ αυτή η ομορφιά είναι συμπαθητική
και υπέροχη, απαιτεί να έχουμε την ίδια έμπνευση που είχε ο Monty
όταν έγραφε τον κώδικα για τον καταλάβουμε και να κάνουμε
προσθήκες χωρίς να δημιουργήσουμε προβλήματα.
1.1.3 Λογισμικό ανοιχτού κώδικα phpMyAdmin(i)

Το λογισμικό phpmyadmin είναι ένα σύνολο από php scripts με το

οποίο διαχειριζόμαστε τις βάσεις δεδομένων που έχουμε μέσω web. Μπορεί
να διαχειριστεί έναν ολόκληρο mysql server ή ακόμα και απλές βάσεις
δεδομένων όπου ο κάθε χρήστης έχει ένα λογαριασμό και μπορεί να
δημιουργήσει και να διαχειριστεί τις δικές του βάσεις δεδομένων. Υποστηρίζει
54 γλώσσες, μεταξύ των οποίων και τα ελληνικά και είναι λογισμικό ανοιχτού
κώδικα.
Οι δυνατότητες που προσφέρει το phpMyAdmin στο χρήστη έιναι οι
ακόλουθες:
• Δημιουργία και διαγραφή των βάσεων δεδομένων
• Δημιουργία, τροποποίηση, διαγραφή, αντιγραφή και μετονομασία των
πινάκων
• Συντήρηση της βάσης
• Πρόσθεση, διαγραφή και τροποποίηση των πεδίων των πινάκων
• Εκτέλεση ερωτημάτων SQL ακόμα και ομαδικά (batch)
• Διαχείριση κλειδιών σε πεδία
• Φόρτωση αρχείων κειμένου σε πίνακες
• Δημιουργία και ανάγνωση πίνακων(που προέρχονται από dump
βάσης)
• Εξαγωγή δεδομένων σε μορφή CVS, XML και LATEX
• Διαχείριση πολλών διακομιστών
• Διαχείριση των χρηστών MySQL και των δικαιωμάτων τους
• Έλεγχος της αναφορικής δραστηριότητας των δεδομένων των
MyISAM πινάκων
• Δημιουργία PDF γραφικών του layout της βάσης δεδομένων
• Εκτέλεση αναζητήσεων σε όλη τη βάση δεδομένων ή μέρους αυτής
• Υποστήριξη πινάκων InnoDB και ξένων κλειδιών
• Υποστήροξη MySQLi, μιας βελτιωμένης επέκτασης της MySQL

1.1.4 Γλώσσα προγραμματισμού δυναμικών ιστοσελίδων PHP(i)(3)
H PHP είναι μια γλώσσα προγραμματισμού για τη δημιουργία σελίδων

web με δυναμικό περιεχόμενο. Μια σελίδα PHP περνά από επεξεργασία από
ένα συμβατό διακομιστή του Παγκόσμιου Ιστού (π.χ. Apache), ώστε να
παραχθεί σε πραγματικό χρόνο το τελικό περιεχόμενο, που θα σταλεί στο
πρόγραμμα περιήγησης των επισκεπτών σε μορφή κώδικα HTML. Από την
πλευρά του διακομιστή είναι μια γλώσσα script, σχεδιασμένη ειδικά για το
διαδίκτυο. Μέσα σε μια HTML σελίδα μπορούμε να ενσωματώσουμε PHP
κώδικα, που θα εκτελείται κάθε φορά που θα επισκεπτόμαστε τη σελίδα. Ο
ΡΗΡ κώδικας μεταφράζεται στον Web διακομιστή και δημιουργεί HTML ή
άλλη έξοδο που θα δει ο επισκέπτης.
Η ιστορία της PHP ξεκινά από το 1994, όταν ένας φοιτητής, ο Rasmus
Lerdorf δημιούργησε χρησιμοποιώντας τη γλώσσα προγραμματισμού Perl
ένα απλό script με όνομα php.cgi, για προσωπική χρήση. Το script αυτό είχε
σαν σκοπό να διατηρεί μια λίστα στατιστικών για τα άτομα που έβλεπαν το
online βιογραφικό του σημείωμα. Αργότερα αυτό το script το διέθεσε και σε
φίλους του, οι οποίοι άρχισαν να του ζητούν να προσθέσει περισσότερες
δυνατότητες. Η γλώσσα τότε ονομαζόταν PHP/FI από τα αρχικά Personal
Home Page/Form Interpreter. Το 1997 η PHP/FI έφθασε στην έκδοση 2.0,
βασιζόμενη αυτή τη φορά στη γλώσσα C και αριθμώντας περισσότερους από
50.000 ιστότοπους που τη χρησιμοποιούσαν, ενώ αργότερα την ίδια χρονιά
οι Andi Gutmans και Zeev Suraski ξαναέγραψαν τη γλώσσα από την αρχή,
βασιζόμενοι όμως αρκετά στην PHP/FI 2.0. Έτσι η PHP έφθασε στην έκδοση
3.0 η οποία θύμιζε περισσότερο τη σημερινή μορφή της. Στη συνέχεια, οι
Zeev και Andi δημιούργησαν την εταιρεία Zend (από τα αρχικά των
ονομάτων τους), η οποία συνεχίζει μέχρι και σήμερα την ανάπτυξη και
εξέλιξη της γλώσσας PHP. Ακολούθησε το 1998 η έκδοση 4 της PHP, τον
Ιούλιο του 2004 διατέθηκε η έκδοση 5, ενώ αυτή τη στιγμή έχουν ήδη διατεθεί
και οι πρώτες δοκιμαστικές εκδόσεις της επερχόμενης PHP 6, για

οποιονδήποτε προγραμματιστή θέλει να τη χρησιμοποιήσει. Οι περισσότεροι

ιστότοποι επί του παρόντος χρησιμοποιούν κυρίως τις εκδόσεις 4 και 5 της
PHP.
Η PHP μπορεί να χρησιμοποιηθεί σε όλα τα κύρια λειτουργικά
συστήματα, συμπεριλαμβανομένου του Linux, πολλών εκδοχών του Unix
(HP-UX, Solaris και OpenBSD), Microsoft Windows, Mac OS X, RISC OS και
πιθανώς σε άλλα. Υποστηρίζει επίσης τους Apache, Microsoft Internet
Information Server, Personal Web Server, Netscape και iPlanet servers,
Oreilly Website Pro server, Caudium, Xitami, OmniHTTPd, και πολλούς
άλλους webserver. Για την πλειοψηφία των server η PHP έχει ένα module,
για τους υπόλοιπους μπορεί να λειτουργήσει ως ένας CGI επεξεργαστής.
Έτσι με έχουμε την ελευθερία επιλογής ενός λειτουργικού συστήματος και
ενός web server. Επιπλέον, έχουμε την ελευθερία να χρησιμοποιήσουμε
συναρτησιακό (procedural) ή αντικειμενοστρεφή (object oriented)
προγραμματισμό ή μια ανάμειξη τους. Αν και η παρούσα έκδοση δεν
υποστηρίζει όλα τα πρότυπα χαρακτηριστικά, μεγάλες βιβλιοθήκες κώδικα
και μεγάλες εφαρμογές (συμπεριλαμβανομένης και της βιβλιοθήκης PEAR)
είναι γραμμένες μόνο με αντικειμενοστρεφή κώδικα.
Με την PHP δεν είμαστε περιορισμένοι να εξάγουμε HTML. Οι
δυνατότητες της PHP συμπεριλαμβάνουν την εξαγωγή εικόνων, αρχείων
PDF, ακόμη και ταινίες Flash (χρησιμοποιώντας τα libswf και Ming)
παράγονται αμέσως. Μπορούμε επίσης να εξάγουμε εύκολα οποιοδήποτε
κείμενο όπως XHTML και οποιοδήποτε άλλο XML αρχείο. Η PHP μπορεί να
δημιουργεί αυτόματα αυτά τα αρχεία και να τα αποθηκεύει στο σύστημα
αρχείων, αντί να τα εκτυπώνει, αποτελώντας έτσι μια server-side cache για
το δυναμικό μας περιεχόμενο.
Κάποιοι από τους βασικούς ανταγωνιστές της ΡΗΡ είναι ο Perl,
Microsoft Active Server Pages (ASP) , Java Server Pages ( JSP ) και Allaire
Cold Fusion. Σε σύγκριση με αυτά τα προϊόντα, η ΡΗΡ έχει πολλά
πλεονεκτήματα όπως :

• Υψηλή απόδοση
• Διασυνδέσεις με πολλά διαφορετικά συστήματα βάσεων δεδομένων
• Ενσωματωμένες βιβλιοθήκες για πολλές συνηθισμένες Web
διαδικασίες
• Χαμηλό κόστος
• Ευκολία μάθησης και χρήσης
• Μεταφερσιμότητα
• Διαθεσιμότητα του κώδικα προέλευσης
Ενώ αντίθετα οι αδυναμίες που παρουσιάζει είναι οι εξής:

• Η PHP δεν υποστηρίζει ολοκληρωτικά Unicode και multibyte strings
• Μειωμένη ικανότητα χειρισμού λαθών
• Οι συμβάσεις για τα ονόματα των μεταβλητών και των συναρτήσεων
δεν είναι πάντα συνεπείς
• Δεν ενθαρρύνει modular programming
• Υπερβολικός αριθμός από frameworks
1.2 Σύστημα διαχείρισης περιεχομένου Joomla(i)(2)
Το Joomla είναι ένα ελεύθερο και ανοικτού κώδικα σύστημα

διαχείρισης περιεχομένου. Χρησιμοποιείται για τη δημοσίευση περιεχομένου
στον παγκόσμιο ιστό (World Wide Web) και σε τοπικά δίκτυα - intranets.
Είναι γραμμένο σε PHP και αποθηκεύει τα δεδομένα του στη βάση MySQL.
Το βασικό χαρακτηριστικό του είναι ότι οι σελίδες που εμφανίζει είναι
δυναμικές, δηλαδή δημιουργούνται την στιγμή που ζητούνται. Ενα σύστημα
διακομιστή (server) όπως είναι ο Apache λαμβάνει τις αιτήσεις των χρηστών
και τις εξυπηρετεί.

Με ερωτήματα προς τη βάση λαμβάνει δεδομένα τα οποία μορφοποιεί

και αποστέλλει στον εκάστοτε φυλλομετρητή (web browser) του χρήστη.
Μόλις εγκατασταθεί, ο διαχειριστής του δικτυακού τόπου μπορεί να
συνδεθεί με την backend κονσόλα διαχείρισης και να δημιουργήσει τμήματα,
κατηγορίες, άρθρα με περιεχόμενο, δημοσκοπήσεις και άλλα πολλά.
Διαχείριση ολόκληρου του frontend της ιστοσελίδας από ένα εύχρηστο
περιβάλλον διαχείρισης. Όταν δημιουργείται ένα νέο περιεχόμενο, ένας
WYSIWYG (What You See Is What You Get) επεξεργαστής κειμένου που
επιτρέπει απλές αλλαγές χωρίς τη γνώση της HTML. Παρόλο ότι δεν είναι
απαραίτητο, ο χρήστης να έχει γνώση της HTML και CSS , συνιστάται να
αρχίσει τη μελέτη των βασικών εντολών της HTML και CSS για την
περίπτωση που θα πρέπει να επεξεργαστεί ή να τροποποιήσει κάποιο
στοιχείο ώστε να το προσαρμόσει στις ανάγκες που θα δημιουργηθούν. Στις
κοινότητες φόρουμ για Joomla είναι διαθέσιμοι χιλιάδες προγραμματιστές και
σχεδιαστές για να βοηθήσουν νέους και έμπειρους χρήστες, εφόσον είναι
δυνατό.
Το όνομα "Joomla" είναι μια φωνητική γραφή της γλώσσας Σουαχίλι
(Swahili) στην οποία η λέξη "jumla" σημαίνει ''όλοι μαζί” ή ”ως σύνολο”.
Επέλεξαν αυτό το όνομα για να αντικατοπτρίζει τη δέσμευση της Κοινότητας
και την ομάδα ανάπτυξης του έργου. Η πρώτη έκδοση του Joomla (Joomla
1.0. 0) ανακοινώθηκε στις 16 Σεπτεμβρίου 2005. Αυτή ήταν μια νέα ονομασία
της έκδοσης Mambo 4.5.2.3 σε συνδυασμό με διορθώσεις κάποιον
σφαλμάτων (bug) στο περιβάλλον διαχείρισης και στον κώδικα της
ασφαλείας. Στη συνέχεια, για την πορεία ανάπτυξης του project, οι
προγραμματιστές του πυρήνα προβλέπουν ότι το Joomla 2.0 θα είναι ένα
εντελώς ανανεωμένο και ξαναγραμμένο σε νέο κώδικα βασισμένο σε PHP
5.0.
Το Joomla παρουσιάζει μία πληθώρα πλεονεκτημάτων που το
καθιστούν σήμερα ένα από τα πλέον διαδεδομένα σε χρήση CMS. Μερικά
από αυτά είναι:

• Εύκολη και αποτελεσματική δημιουργία ιστοσελίδων

• Δωρεάν λογισμικό ανοικτού κώδικα
• Συνεργασία και υποστήριξη με όλες τις ευρέω
διαδεδομένες Web τεχνολογίες (html, javascript, css, xml....)
• Αποτελεσματική διαχείριση περιεχομένου ιστοσελίδων
• Φιλική προς τις μηχανές αναζήτησης
• Υποστηρίζεται από μεγάλη κοινότητα διεθνώς
• Μεγάλο πλήθος επεκτάσεων και συμβατών εφαρμογών που
διαρκώς επεκτείνεται
• Μεγάλο πλήθος χρηστών
Ενώ αντίθετα μερικά μειονεκτήματα που παρουσιάζει είναι τα

παρακάτω:
Απουσία document version control
• Δυσκολία εισαγωγής έτοιμων αρθρών που βρίσκονται σε rich
text format όπως (Microsoft Word,PDF,RTF,Microsoft Excel
κ.λ.π)
• Σχετικά περιορισμένες δυνατότητες ασφαλείας και
ταυτοποίησης (Το πρόβλημα αντιμετωπίζεται ουσιαστικά στην
τελευταία έκδοση 1.7)
• Περιορισμένο documentation σε θέματα development (ειδικά
για τις τελευταίες εκδόσεις)

ΑΝΑΛΥΣΗ ΑΠΑΙΤΗΣΕΩΝ(7)
Πριν από την ανάπτυξη οποιουδήποτε λογισμικού είναι απαραίτητη η

διαδικασία της ανάλυσης απαιτήσεων από τους ανθρώπους που έχουν
αναλάβει την ανάπτυξη της εφαρμογής. Στη φάση αυτή καθορίζουμε το τι
πρέπει να κάνει ^ σύστημα αλλά όχι τον τρόπο με τον οποίο θα το κάνει.
Η ανάλυση απαιτήσεων περιλαμβάνει τα παρακάτω στάδια:
• Μελέτη σκοπιμότητας. Η ομάδα ανάπτυξης μελετά τη

σκοπιμότητα της εφαρμογής, δηλαδή τις γενικές αρχές και
λειτουργίες βάσει των οποίων θα σχεδιαστεί η εφαρμογή.
• Εκμαίευση και ανάλυση απαιτήσεων των χρηστών. Έχοντας
καθορίσει τις γενικές λειτουργίες, γίνονται συναντήσεις με τους
χρήστες της εφαρμογής, ώστε να καθοριστούν οι απαιτήσεις
του καθενός ξεχωριστά. Ο στόχος αυτής της φάσης είναι να
σχεδιαστεί μια εφαρμογή η οποία θα ικανοποιεί πλήρως τις
απαιτήσεις των χρηστών.
• Καταγραφή απαιτήσεων. Καταγράφονται λεπτομερώς οι γενικές
απαιτήσεις με βάση τις οποίες θα σχεδιαστεί η εφαρμογή
καθώς και οι επιμέρους απαιτήσεις όλων των χρηστών της
εφαρμογής.
• Επικύρωση απαιτήσεων. Οριστικοποιούνται οι αποφάσεις για
το σχεδιασμό της εφαρμογής.
2.1 Σκοπός της εφαρμογής

Ο σκοπός της εφαρμογής είναι η δημιουργία ενός συστήματος

διακανονισμού συναντήσεων - ραντεβού με σκοπό την παροχή υπηρεσιών
κομμωτηρίου.
Συγκεκριμένα, οι αιτήσεις των ραντεβού αυτών θα ανασύρουν στοιχεία

από μια βάση δεδομένων, τα οποία θα συλλέγουν και θα παραδίδουν στον
τελικό χρήστη.
Η παρουσίαση των αποτελεσμάτων ενός ερωτήματος (query) στη

βάση μπορεί να είναι απλή, μπορεί όμως να έχει και στατιστικό χαρακτήρα,
αναλόγως με το τι έχει ζητηθεί από το σύστημα.
2.2 Κατηγορίες χρηστών
Στο σημείο αυτό πρέπει να καθορίσουμε ποιοί θα είναι οι διαφορετικοί

τύποι χρηστών στους οποίους απευθύνεται η ιστοσελίδα.
Επιγραμματικά μπορούμε να τους χωρίσουμε στις εξής κατηγορίες:
• Μέλη/Πελάτες
• Διαχειριστές/Προσωπικό
• Υπερδιαχειριστής/Δημιουργός του προγράμματος
Μέλη/Πελάτες: Ο κύριος όγκος των χρηστών της ιστοσελίδας θα

αποτελείται από άτομα αυτής της κατηγορίας. Η ιστοσελίδα είναι διαθέσιμη
σε εγγεγραμμένους μόνο πελάτες - χρήστες προς πληροφόρησή τους για τα
υποκαταστήματα της εταιρίας, το προσωπικό και τις υπηρεσίες που αυτά
προσφέρουν. Μέσω της εφαρμογής έχουν το δικαίωμα να επιλέξουν τον
τόπο, το χρόνο, το προσωπικό και την υπηρεσία που τους ενδιαφέρει
προκειμένου να πραγματοποιήσουν ραντεβού.

Διαχειριστές/Προσωπικό: Είναι μια κύρια ομάδα χρηστών που

εξυπηρετεί η ιστοσελίδα. Το προσωπικό ενημερώνεται με e - mail για κάθε
συνάντηση που το αφορά και μαζί με τους πελάτες αποτελούν τους δύο
κύριους παράγοντες που συμβάλλουν στην ομαλή οργάνωση των ραντεβού.
Οι χρήστες αυτοί αναγνωρίζονται από το σύστημα και μπορούν να
επεξεργάζονται ή να ακυρώνουν τα ραντεβού που τους αφορούν.
Υπερδιαχειριστής/Δημιουργός_____ του_____ προγράμματος: Ο

υπερδιαχειριστής είναι υπεύθυνος για την ομαλή λειτουργία της ιστοσελίδας.
Είναι ουσιαστικά ο δημιουργός της εφαρμογής και έχει πλήρη πρόσβαση σε
όλες της λειτουργίες της, διαχειρίζεται το περιεχόμενο και ελέγχει κατά πόσο
τα στοιχεία που εισάγουν οι υπόλοιποι χρήστες είναι ακριβή. Επίσης
αναλαμβάνει να απαντά μέσω email σε τυχόν απορίες και τεχνικά
προβλήματα που αντιμετωπίζουν οι χρήστες.
2.3 Απαιτήσεις χρηστών
Αρχική απαίτηση όλων των χρηστών είναι η δημιουργία της

ιστοσελίδας με σκοπό την κοινή συνεννόησή τους για τον διακανονισμό
συναντήσεων.
Αυτό που ενδιαφέρει τον πελάτη περισσότερο, είναι να έχει τη

δυνατότητα να κανονίζει τα ραντεβού του σύμφωνα με τις δικές του ανάγκες.
Έτσι μία από τις απαιτήσεις του από το σύστημα είναι να μπορεί να επιλέγει
τον τόπο, το χρόνο, την υπηρεσία που επιθυμεί και το προσωπικό που
θεωρεί κατάλληλο να του την προσφέρει. Να παρακολουθεί την κατάσταση
της αίτησής του και να ενημερώνεται για κάθε τροποποίησή της από τους
διαχειριστές του συστήματος. Να ενημερώνεται για νέα και ιδέες, όσον αφορά
τον κλάδο της κομμωτικής και γενικότερα την περιποίηση των μαλλιών του.

Τέλος θέλει να του παρέχεται από πριν πληροφόρηση όσον αφορά τη

γεωγραφία της εταιρίας, τον κατάλογο τιμών της, καθώς και την επικοινωνία
με την ίδια και το επιμέρους προσωπικό της, προκειμένου να λύσει απορίες,
παράπονα και οτιδήποτε άλλο την αφορά.
Ο κομμωτής από τη μεριά του θέλει να ενημερώνεται ανά πάσα

στιγμή για κάθε ραντεβού που τον αφορά ώστε να οργανώνει σωστά τις
εκκρεμότητές του και να έχει τη δυνατότητα να το τροποποιεί ανάλογα με τις
ανάγκες του.
2.4 Απαιτήσεις συστήματος
Αν και η όλη εφαρμογή βασίζεται στις απαιτήσεις των χρηστών

διαπιστώνουμε ότι στην πορεία δημιουργεί καινούριες απαιτήσεις που
αφορούν κυρίως τη λειτουργικότητά της.
Πρώτη και κύρια απαίτηση του συστήματος από το χρήστη είναι η

εισαγωγή ενός ονόματος χρήστη και ενός κωδικού κατά την είσοδό του,
καθώς η εφαρμογή επιτρέπει την προβολή του περιεχομένου της μόνο στα
μέλη της.
Για κάθε αίτηση ραντεβού ο πελάτης υποχρεούται να επιλέξει την

υπηρεσία, το προσωπικό και την ώρα που επιθυμεί και να εισάγει το
ονοματεπώνυμο, τη διεύθυνση και άλλα στοιχεία επικοινωνίας απαραίτητα
για την ολοκλήρωση της αίτησής του.
Κάθε φορά που επιθυμεί επικοινωνία με την εταιρία ο πελάτης

υποχρεούται να εισάγει το e-mail του, τον τίτλο και μία σύντομη περιγραφή
του θέματος που τον απασχολεί.

Το προσωπικό έχει παρόμοιες υποχρεώσεις απέναντι στο σύστημα με

εκείνες των πελατών - χρηστών. Για κάθε απόφασή του να αλλάξει τα
δεδομένα μίας συνάντησης προκειμένου να καλύψει και τις δικές του
ανάγκες, απαιτείται να επιλέξει την ημερομηνία, την ώρα, καθώς και άλλο
μέλος της ομάδας του - μετά από κοινή τους συνεννόηση - ή ακόμα να την
επιλέξει από το ημερολόγιο των ραντεβού του και να τη διαγράψει αν
επιθυμεί να την ακυρώσει.

ΑΝΑΛΥΣΗ ΠΙΝΑΚΩΝ
Σε αυτό το κεφάλαιο γίνεται μία εκτενής αναφορά στους πίνακες της

βάσης της εταιρίας παροχής υπηρεσιών κομμωτηρίου καθώς και στα
γνωρίσματά της, τα στοιχεία δηλαδή που κατακρατούνται στη βάση για κάθε
αίτηση για ραντεβού, καθώς και στους περιορισμούς που θέτονται σε αυτά,
στις τιμές δηλαδή που μπορεί να πάρει το κάθε γνώρισμα. Θα ξεκινήσουμε
την ανάλυσή μας από τον κυριότερο πίνακα της βάσης, αυτόν δηλαδή που
κρατάει τα στοιχεία εκείνα τα οποία έχουν σχέση με τον διακανονισμό των
ραντεβού μεταξύ των χρηστών του συστήματος.
Σχεδόν όλοι οι άλλοι πίνακες σχετίζονται με τον πίνακα των ραντεβού

μέσω σχέσεων οι οποίες αναπτύσσονται στο τέλος του κεφαλαίου αυτού. Ο
πίνακας αποτελεί μία πατρική κατά κάποιο τρόπο οντότητα για τις
υπόλοιπες μιας και περιέχει ξένα κλειδιά τα οποία είναι πρωτεύοντα κλειδιά
στους άλλους πίνακες (οντότητες) της βάσης. Αυτό συμβαίνει για την
υλοποίηση των σχέσεων μεταξύ των δεδομένων των οντοτήτων της βάσης.
Σε κάποιους από τους πίνακες υπάρχουν πεδία μηδαμινής σημασίας

για την εφαρμογή γι’ αυτό και δε θα ασχοληθούμε με αυτά εκτός από τα
βασικά.
3.1 Ο πίνακας Ιοβ^^ΘβΘΓνβΙίοηβ

Π ε δ ίο Τόπ ος C o lla t io n Χ α ρ α κ τ η ρ ισ τ ικ ά Κ ενό Π ρ ο κ α θ ο ρ ισ μ έ ν ο Π ρ ό σ θετα Ε ν έ ρ γ ε ια
□ n id p r e in t(1 1 ) Ό χι N one a u t o jn c r e m e n t f1 S X m H0 B a
□ id c o p e in t( H ) Ό χι 0 1 1 y* X B m m s i
□ id c s e r in t ( H ) Ο χι 0 11 s X B H0 m a
□ i d c t im in t(1 1 ) Ό χι 0 1 1 s X B B m H
□ d u rp re in t ( H ) Ό χι 1 11 ✓ X B US B a
□ d a tp re in t( H ) Ο χι 0 1 1 J - X B m m P i
□ n o m p re v a rc h a r(4 0 ) u tf8 _ g e n e ra l_ c i Ό χι 11 s X B m a
□ c itp r e v a rc h a r(4 0 ) u tf8 _ g e n e ra l_ c i Ό χι 11 y* X B m m m
□ t e lp r e v a rc h a r(4 0 ) u tf8 _ g e n e ra l_ c i Ο χι 31 ✓ X B B B a
□ c e lp r e v a rc h a r(4 0 ) u tf8 _ g e n e ra l_ c i Ό χι 1? S X B m B a
□ e m a p re v a rc h a r(4 0 ) u tf8 _ g e n e ra l_ c i Ό χι 31 ✓ X B b B a
□ c o m p re lo n g te x t u tf8 _ g e n e ra l_ c i Ναι NULL 1 1 s X B B m m
Εικόνα 3.1: Πίνακας]θ3_Γ_Γθ3θΓνβίΙοη3
Ο πίνακας ]08_Γ_Γθ8θΓν8ίΐ0Π8 περιλαμβάνει όλες εκείνες τις

πληροφορίες που αντιπροσωπεύουν το κάθε ραντεβού ξεχωριστά.
Αναλυτικότερα τα πεδία είναι:
• ηΙάρΓθ: Το πεδίο αυτό αντιπροσωπεύει τον κωδικό του κάθε

ραντεβού που εγγράφεται στη βάση και αποτελεί έναν αύξοντα
αριθμό που εισάγεται από το σύστημα με κάθε νέα εγγραφή. Το
πεδίο αυτό αποτελεί το πρωτεύον κλειδί του πίνακα.
• Ιάοορθ: Το πεδίο αυτό αντιπροσωπεύει τον κωδικό που
αντιστοιχεί σε κάθε μέλος του προσωπικού της εταιρίας. Είναι ο
αριθμός που διασταυρώνει αυτόν τον πίνακα με τον πίνακα
ρ8_Γ_ορθΓ8ίθΓ8 και συγκεκριμένα με το πεδίο ηΐάορθ που είναι
και το πρωτεύον κλειδί του.
• Ιάθ8θΓ: Εδώ αποθηκεύεται ο κωδικός κάθε υπηρεσίας και είναι
ένας αριθμός που συνδέει τον πίνακα αυτό με τον πίνακα
]08_Γ_8θΓνΐ0θ8 και συγκεκριμένα με το πεδίο ηΙό8θΓ που είναι το
πρωτεύον κλειδί του.
• ΙάοίΙη: Αποτελεί τον κωδικό της κάθε διαθέσιμης μονάδας
χρόνου που αποθηκεύεται στο σύστημα και συνδέει τον πίνακα

αυτό με τον πίνακα jos_r_timeunits μέσω του πεδίου nidtim που

είναι το πρωτεύον κλειδί του.
• datpre: Εδώ αποθηκεύεται εκ νέου για κάθε ραντεβού ένας
αριθμός που δηλώνει την ημερομηνία και το έτος που πρόκειται
να πραγματοποιηθεί η συνάντηση. Το πεδίο αυτό συνδέει τον
πίνακα αυτό με τον πίνακα jos_r_days μέσω του αντίστοιχου
πεδίου του nidday.
• nompre: Στο πεδίο αυτό εισάγεται το ονοματεπώνυμο του
κομμωτή που έχει επιλέξει να συναντήσει ο κάθε πελάτης
• citpre: Εδώ αποθηκεύεται η πόλη και η περιοχή που εισάγει ο
κάθε πελάτης.
• telpre: Σε αυτό το πεδίο αποθηκεύεται ο αριθμός τηλεφώνου
που εισάγει ο κάθε πελάτης στο σύστημα.
• celpre: Εδώ αποθηκεύεται ο αριθμός του κινητού τηλεφώνου
που εισάγει ο κάθε πελάτης.
• emapre: Στο πεδίο αυτό αποθηκεύεται το e - mail εισάγει ο
κάθε πελάτης.
• conpre: Τέλος στο πεδίο αυτό αποθηκεύονται τα σχόλια που
εισάγει προαιρετικά ο κάθε πελάτης σχετικά με τη διεξαγωγή
του ραντεβού.
Ο πίνακας jos_r_reservations δέχεται αλλαγές όπως εισαγωγή,

τροποποίηση και διαγραφή.
3.2 Ο πίνακας jos_gmapfp

Π ε δ ίο ΤΟ ττος C o ll a t io n Χ α ρ α κ τ η ρ ισ τ ικ ά Κ ενό Π ρ ο κ α θ ο ρ ισ μ έ ν ο Π ρ ό σ θετα Ε ν έ ρ γ ε ια
□ id int(10) UNSIGNED Όχι N one a u to jn c re m e n t |1 ✓ X a H O T
□ nom varchar(200) utf8_general_ci Όχι N one I1 J· X B 10 a a

□ a l ia s varchar(255) utf8_general_ci Όχι N one I1 ✓ X a H a a
□ a d re s s e varchar(200) utf8_general_ci Ναι NULL 11 J· X B B f? a

□ a d re s s e 2 varchar(200) utf8_general_ci Ναι NULL 11 ✓ X a H a a
□ v ille varchar(200) utf8_general_ci Ναι NULL 11 J· X B B f? a

□ d e p a rte m e n t varchar(200) utf8_general_ci Ναι NULL I1 ✓ X a H a a
□ c o d e p o s ta l varchar(80) utf8_general_ci Ναι NULL 11 J· X B B f? a

□ pay varchar(200) utf8_general_ci Ναι NULL 11 ✓ X a H a a
□ te l varchar(30) utf8_general_ci Ναι NULL 11 J· X B B f? a

□ t e l2 varchar(30) utf8_general_ci Ναι NULL 11 ✓ X a H a a
□ fa x varchar(20) utf8_general_ci Ναι NULL 11 s X a m 15 a
□ e m a il varchar(IO O) utf8_general_ci Ναι NULL 11 ✓ X a H a a
□ w eb varchar(200) utf8_general_ci Ναι NULL 11 J· X a B f? a
□ im g varchar(IO O) utf8_general_ci Ναι NULL 11 ✓ X a H a a
□ a lb u m tinyint(1 ) Όχι 0 11 J- X a m & T
□ in tr o mediumtext utf8_general_ci Ναι NULL 11 ✓ X a H a a

□ m essage mediumtext utf8_general_ci Ναι NULL 11 J· X a B f? a
□ h o r a ir e s p r ix mediumtext utf8_general_ci Ναι NULL 11 ✓ X a H a a
□ lin k varchar(200) utf8_general_ci Ναι NULL 11 J· X a B f? a
□ a r tic le id int(100) Ναι 0 11 ✓ X a S O T
□ ic o n varchar(IO O) utf8_general_ci Ναι NULL 11 s X a m a a

□ ic o n la b e l varchar(IO O) utf8_general_ci Ναι NULL 11 ✓ X a H a a
□ a ffic h a g e smallint(1) Ναι 0 11 J· X a B a t
□ m a rq u e u r varchar(200) utf8_general_ci Ναι NULL I1 ✓ X a H a a

□ g ln g varchar(12) utf8_general_ci Ναι NULL 11 J· X a B f? a
□ g la t varchar(12) utf8_general_ci Ναι NULL 11 ✓ X a H a a
□ gzoo m varchar(2) utf8_general_ci Ναι NULL 11 J· X a B f? a
□ c a t id int(10) UNSIGNED Όχι 0 11 ✓ X a H S3 t
□ u s e rid int(10) Ναι NULL 11 J- X a m & T
□ p u b lis h e d tinyint(1 ) Όχι 0 11 ✓ X a S3 t

□ checkedout tinyint(1 ) Όχι 0 11 S X a m a t
□ m e ta d e s c text utf8_general_ci Ναι NULL 11 ✓ X a a a a

□ m e ta k e y text utf8_general_ci Ναι NULL 11 J· X a u ? s
□ o r d e r in g int(11) Όχι 0 I1 ✓ X a IS S3 T
Εικόνα 3.2: Πίνακας jos_gmapfp
Στον πίνακα αυτό αποθηκεύονται γεωγραφικές πληροφορίες και

πληροφορίες επικοινωνίας σχετικά με το κάθε υποκατάστημα της εταιρίας, το
κατάστημα δηλαδή στο οποίο πρόκειται να πραγματοποιηθεί ένα από τα
ραντεβού. Αναλυτικότερα τα πεδία είναι:

• id: Σε αυτό το πεδίο αποθηκεύεται ένας αύξων αριθμός

διαφορετικός για κάθε κατάστημα. Ο αριθμός αυτός εισάγεται
αυτόματα από το σύστημα με κάθε νέα εγγραφή και το πεδίο
στο οποίο εισάγεται αποτελεί το πρωτεύον κλειδί του πίνακα.
• nom: Στο πεδίο αυτό αποθηκεύεται η επωνυμία του κάθε
καταστήματος.
• adresse: Εδώ αποθηκεύεται η διεύθυνση του κάθε
• adresse2: Σε αυτό το πεδίο αποθηκεύεται η δεύτερη διεύθυνση,
αν αυτή υπάρχει.
• ville: Εδώ αποθηκεύεται η πόλη στην οποία τοποθετείται το
κάθε υποκατάστημα.
• tel: Εδώ αποθηκεύεται ο αριθμός τηλεφώνου του κάθε
• email: Εδώ αποθηκεύεται το e - mail κάθε καταστήματος.
• marqueur: Καθώς ο πίνακας αφορά και γεωγραφικές
πληροφορίες για κάθε ένα από τα υποκαταστήματα της
εταιρίας, το πεδίο αυτό αντιπροσωπεύει τη θέση του στο χάρτη
που πρόκειται να δημιουργηθεί. Έτσι στο πεδίο αυτό
αποθηκεύεται μία εικόνα ξεχωριστή για να αντιστοιχεί σε ένα
κατάστημα τη φορά.
• glng: Εδώ αποθηκεύεται το γεωγραφικό πλάτος για κάθε
υποκατάστημα.
• glat: Εδώ αποθηκεύεται το γεωγραφικό μήκος για κάθε
υποκατάστημα.
Ο πίνακας jos_gmapfp δέχεται αλλαγές όπως εισαγωγή, τροποποίηση

και διαγραφή.

3.3 Ο πίνακας head_office
Π ε δ ίο Ί ϋ ττο ς C o lla tio n Χ α ρ α κ τ η ρ ισ τ ικ ά Κενό Π ρ ο κ α θ ο ρ ισ μ έ ν ο Π ρ ό σ θετα Ε ν έ ρ γ ε ια
□ id h e a d o f fic e int(11) Όχι None 1 X 1f S E τ

□ nam e char(BO) utf8_general_ci Όχι None 1 X E| Ξ 0 H
□ a d d re s s ciiar(100) utf8_general_ci Όχι None 1 ✓ X 1| S 0 B
□ phonenum ber char(40) utf8_general_ci Οχι None 1 X 1| S 0 B
□ e m a il char(100) utf8_general_ci Όχι None 1 X 1f m 0 H
□ c ity char(60) utfS general ci Όχι None 1 s X 1f S H S
□ p o s ta lc o d e char(20) utf8_gereral_ci Όχι None 1 ✓ X 1| HI 0 H
Εικόνα 3.3: Πίνακας head_office
Ο πίνακας αυτός περιέχει όλες τις πληροφορίες που αφορούν το

κεντρικό κατάστημα της εταιρίας. Στην ουσία αφορά την ίδια την εταιρία. Έτσι
προκύπτουν τα πεδία:
• id _ head _ office: Το πεδίο αυτό περιέχει τον κωδικό της
εταιρίας και αποτελεί το πρωτεύον κλειδί του πίνακα
head_office.
• name: Εδώ αποθηκεύεται η επωνυμία της εταιρίας.
• address: Εδώ αποθηκεύεται η διεύθυνση του κεντρικού
• phone _ number: Σε αυτό το πεδίο αποθηκεύεται ο αριθμός
τηλεφώνου της εταιρίας.
• email: Εδώ αποθηκεύεται η διεύθυνση e - mail της εταιρίας.
• city: Εδώ αποθηκεύεται η πόλη στην οποία βρίσκεται το
κεντρικό κατάστημα της εταιρίας.
• postal _ code: Τέλος στο πεδίο αυτό αποθηκεύεται ο
ταχυδρομικός κώδικας της εταιρίας.

Ο πίνακας ήθ8ά_οίίίοθ δέχεται αλλαγές όπως εισαγωγή, τροποποίηση

3.4 Ο πίνακας jos_users
Π εδ ίο ΤΟττος C o lla tio n Χ α ρ α κ τ η ρ ισ τ ικ ά Κ ενό Π ρ ο κ α θ ο ρ ισ μ έ ν ο Π ρ ό σ θ ε τα Ε ν έ ρ γ ε ια
0 id int(1 1} Ό χι Norte a u to jn c re m e n t |1 / x esi a m a

0 nam e v a rc iia r(2 5 5 ) u tf8 _general_ci Ό χι I1 J · X B m E a
0 u s e rn a m e v a rc iia r(1 5 0 ) u tf8 _general_ci Ό χι 11 / x a a m a
0 e m a il v a rciia r(IO O ) u tf8 _general_ci Ό χι IΪ X 1 1 m a
Π p a s s w o rd varchar(IO O ) u tf8_general ci Ό χι 11 / x a i m a
Π u s e r ty p e v a rc h a r(2 5 ) u tf8_general ci Ό χι IΪ J · x a i m a
Π b lo c k tin y in t(4 ) Ό χι 0 li y ‘ x a a m a
Π s e n d E m a il tin y in t(4 ) Ναι 0 l1 J x a i m a
Π g id tin y in t(3 ) U N S IG N E D Ό χι 1 l1 / x a a m a
Π re g is te r D a te datetim e Ό χι 0 0 0 0 -0 0 -0 0 00 00:00 l1 J x a i E a
Π la s tv is itD a te datetim e Ό χι 0000-00-000000:00 l1 / x a a m a
Π a c tiv a tio n va rc h a r(1 0 0 } u tf8_general ci Ό χι 11 s x a a E a
Π p a ra m s text u tf8 _general_ci Ό χι Norte 11 / x a a E a
Εικόνα 3.4: Πίνακας jos_users
Στον πίνακα jos_users από αποθηκεύονται όλες οι πληροφορίες που

αφορούν κάθε χρήστη του συστήματος. Τα πεδία είναι τα εξής:
• id. Είναι το πεδίο στο οποίο αποθηκεύεται ένας κωδικός για
κάθε χρήστη. Ο κωδικός αυτός είναι ένας αύξων αριθμός και συνδέει
τον πίνακα αυτόν με τον πίνακα jos_r_operators σε αντιστοίχηση με το
πεδίο του nidope, καθώς το προσωπικό αποτελεί μία από τις δύο
κατηγορίες χρηστών του συστήματος. Το πεδίο id αποτελεί το
πρωτεύον κλειδί του πίνακα jos_users.
• name: Εδώ αποθηκεύεται το ονοματεπώνυμο που εισάγει ο
κάθε χρήστης.
• username: Εδώ αποθηκεύεται το όνομα χρήστη που εισάγει και
επιλέγει να εισέρχεται στο σύστημα ο κάθε χρήστης.

• email: Εδώ αποθηκεύεται η διεύθυνση e - mail που εισάγει ο

κάθε χρήστης.
• password: Σε αυτό το πεδίο αποθηκεύεται ο κωδικός που
εισάγει ο χρήστης και είναι αυτό με τον οποίο θα εισέρχεται κάθε φορά
στο σύστημα.
• usertype: Στο πεδίο αυτό αποθηκεύεται η κατηγορία στην οποία
ανήκει ο κάθε χρήστης. Η πληροφορία αυτή εισάγεται και
τροποποιείται μόνο από τον υπερδιαχειριστή του συστήματος.
• block: Το πεδίο αυτό ορίζεται επίσης από τον υπερδιαχειριστή
του συστήματος και αποθηκεύει την πληροφορία του αν ένας χρήστης
έχει μπλοκαριστεί ή όχι. Οι τιμές που παίρνει είναι 0 και 1 με 0 = δεν
έχει μπλοκαριστεί και 1 = έχει μπλοκαριστεί.
• sendEmail: Είναι το πεδίο που ξεχωρίζει τους διαχειριστές από
τις υπόλοιπες κατηγορίες χρηστών. Οι διαχειριστές είναι εκείνοι που
λαμβάνουν e - mail από το σύστημα για ότι αφορά την εταιρία πέρα
από τα ραντεβού. Οι τιμές που αποθηκεύονται στο πεδίο είναι 0 και 1
με 0 = να μη λαμβάνει e - mail (εφόσον δεν ανήκει στην κατηγορία
των διαχειριστών) και 1 = να λαμβάνει e - mail (εφόσον είναι
διαχειριστής).
• registerDate: Το σύστημα με κάθε νέα εγγραφή καταγράφει και
αποθηκεύει αυτόματα στο πεδίο αυτό την ακριβή ημερομηνία και ώρα
που εισήλθε για πρώτη φορά ο κάθε χρήστης.
• lastvisitDate: Παρόμοια με το πεδίο registerDate το σύστημα
καταγράφει και αποθηκεύει κάθε φορά την ακριβή ημερομηνία και ώρα
που εισήλθε τελευταία φορά ο κάθε χρήστης.
• params: Εδώ αποθηκεύονται αυτόματα σε μορφή κειμένου οι
ρυθμίσεις που επιλέγει ο κάθε χρήστης για τις ανάγκες του
λογαριασμού του στο σύστημα.

Ο πίνακας ρ8_ϋ8ΘΓ8 δέχεται αλλαγές όπως εισαγωγή, τροποποίηση

3.5 Ο πίνακας jos_r_days
Πεδίο Τύπος C o lla tio n Χ α ρ α κ τη ρ ιο τικ ά Κ εν ό Π ρ ο κ α θ ο ρ ισ μ έ ν ο Π ρ όσ θετα Ε ν έρ γ εια
□ nldd ay int(11) Όχι None auto increment "1 / X H I 1 τ
□ calday int(11) Όχι None I1 y X d S S τ
Εικόνα 3.5: Πίνακας]Θ3_Γ_άβγ3
Ο πίνακας αυτός περιλαμβάνει όλες τις ημέρες της εβδομάδας και

αποτελεί βοηθητικό του πίνακα ]θ8_Γ_ΓΘ8ΘΓν8ίίοπ8. Τα πεδία που τον
αποτελούν είναι:
• πίάά8ν: Εδώ αποθηκεύεται ο κωδικός που αντιστοιχεί σε κάθε

μέρα της εβδομάδας. Το πεδίο δέχεται αυτόματα από το
σύστημα έναν αύξων αριθμό με κάθε νέα εγγραφή και αποτελεί
πρωτεύον κλειδί του πίνακα. Επίσης αποτελεί το μέσο που
συνδέει τον πίνακα αυτό με τον πίνακα ]θ8_Γ_ΓΘ8ΘΓν8ίίοπ8 με το
αντίστοιχο πεδίο του ά8ίρΓΘ.
• 08ΐά8ν: Εδώ αποθηκεύεται κάθε μέρα της εβδομάδας με τη
μορφή ενός αριθμού (για λόγους ευκολίας στον
προγραμματισμό). Έτσι έχουμε τις αντιστοιχίες:
0 = Κυριακή
1 = Δευτέρα
2 = Τρίτη
3 = Τετάρτη
4 = Πέμπτη

5 = Παρασκευή
και 6 = Σάββατο
Ο πίνακας ]08_Γ_ά8γ8 δέχεται αλλαγές όπως εισαγωγή, τροποποίηση

3.6 Ο πίνακας ρ δ ^ ^ Ιη θ ϋ η Κ δ
Π εδ ίο Τόπ ος C o lla tio n Χ α ρ α κ τ η ρ ισ τ ικ ά Κ ενό Π ρ ο κ α θ ο ρ ισ μ έ ν ο Π ρ ό σ θ ετα Ε ν έ ρ γ ε ια
Π n id tim int(11) Όχι N on e auto in cn em e n t |1 ✓ X ES ! 13 τ
□ n a m tim varchar(50) utf8_general_ci Όχι 1 1 J · X Η IS M S
□ o r d tim int(11) Όχι 99 11 ✓ χ m is 13 τ
□ a c ttim tinyint(1 ) Όχι 0 1 1 J · X s IS 13 χ
Εικόνα 3.6: Πίνακας]θ3_ί_ίΐωβυη'Λ3
Ο πίνακας αυτός περιέχει όλες εκείνες τις μονάδες χρόνου που

πρόκειται να χρησιμοποιήσει η εταιρία για την υλοποίηση των ραντεβού της
και αποτελεί ακόμη έναν βοηθητικό του πίνακα ]08_Γ_Γθ8θΓν8ίΐ0Π8. Τα πεδία
που προκύπτουν είναι:
• ηΐάίΐη: Στο πεδίο αυτό αποθηκεύεται αυτόματα από το σύστημα ένας
αύξων αριθμός για κάθε μονάδα χρόνου που πρόκειται να
χρησιμοποιήσει στη πραγματοποίηση των ραντεβού της. Το πεδίο
αποτελεί το πρωτεύον κλειδί του πίνακα και τον συνδέει με τον πίνακα
]08_Γ_Γθ8θΓν8ίΐ0Π8 με το αντίστοιχο πεδίο του ΐάοίΐη.
• Π8ηίΙη: Εδώ αποθηκεύονται με τη μορφή ώρας όλες εκείνες οι
μονάδες χρόνου που θα χρησιμοποιηθούν στα ραντεβού των
χρηστών.
• ΡΓόΐίη: Το πεδίο αυτό αντιπροσωπεύει τη σειρά με την οποία επιθυμεί
η εταιρία να εμφανίζονται οι μονάδες χρόνου που χρησιμοποιεί στα

ραντεβού της. Οι τιμές που είναι ένας αριθμός διαφορετικός για κάθε
νέα εγγραφή.
• αοΐΐίη: Το πεδίο αυτό δηλώνει πότε μία μονάδα χρόνου είναι ενεργή
και πότε όχι. Αποθηκεύει δύο αριθμούς, 0 και 1 που σημαίνουν ενεργή
μονάδα χρόνου και μη ενεργή μονάδα χρόνου αντίστοιχα.
Ο πίνακας ρ β^^ίηΘ ϋηίίβ δέχεται αλλαγές όπως εισαγωγή,

3.7 Ο πίνακας jos_r_operators
Π εδ ίο Ίϋ ττο ς C o lla tio n Χ α ρ α κ τ η ρ ισ τ ικ ά Κ ενό Π ρ ο κ α θ ο ρ ισ μ έ ν ο Π ρ ό σ θ ε το Ε ν έ ρ γ ε ια
□ nid ο ps int(11) Όχι N one a uto i ne re nie n t |1 / x m m ms

□ nam ope v a rc h a r(5 0 ) u tf8 _general_ci Όχι 11 ,* x a EB $ H
□ a d d re s s ch a r(1 0 0 ) u tf8 _ g e r e r a lc i Όχι N one I1 / X I® s s
□ a re a c h a r(7 0 ) u tf8_general ci Οχι N one 1Î x mm® Et
□ phonenum ber char(40> u tf8 _general_ci Οχι N one 11 / x est s & H
□ e m a il c h ar(1 0 0 ) u tf8 _general_ci Οχι N one 1Î X I® ® Et
□ d e s c r ip tio n text u tf8 _general_ci Οχι N one 11 / X I® m π
Π o rd o p e int(1 1) Οχι 99 I1 s x m s m a
Εικόνα 3.7: Πίνακας]θ3_Γ_ορβΓβίθΓ3
Ο πίνακας αυτός αποθηκεύει όλες τις πληροφορίες που έχουν σχέση

με το προσωπικό της εταιρίας. Τα πεδία που προκύπτουν είναι τα εξής:
• ηίάορΘ: Το πεδίο αυτό αντιπροσωπεύει τον κωδικό κάθε μέλους
του προσωπικού και αποτελεί το πρωτεύον κλειδί του πίνακα.
Επίσης συνδέει τον πίνακα αυτόν με τον πίνακα ρβ^βΘΓβ
μέσω του πεδίου του ίά, καθώς όπως εξηγήσαμε σε
προηγούμενη παράγραφο, το προσωπικό είναι άλλη μία ομάδα
χρηστών. Δέχεται σαν τιμή έναν αύξων αριθμό που εισάγεται
αυτόματα από το σύστημα με κάθε νέα εγγραφή.

• namope: Εδώ αποθηκεύεται το ονοματεπώνυμο κάθε κομμωτή.

• address: Εδώ αποθηκεύεται η διεύθυνση κατοικίας κάθε
κομμωτή.
• area: Σε αυτό το πεδίο αποθηκεύεται η περιοχή στην οποία
τοποθετείται κάθε κομμωτής.
• phone _ number: Εδώ αποθηκεύεται ο αριθμός τηλεφώνου
που αντιστοιχεί σε κάθε κομμωτή.
• email: Στο πεδίο αυτό αποθηκεύεται η διεύθυνση e - mail κάθε
κομμωτή.
• description: Σε αυτό το πεδίο αποθηκεύεται σε μορφή κειμένου
μία σύντομη περιγραφή για τον κάθε κομμωτή.
• ordope: Τέλος σε αυτό το πεδίο ορίζεται η σειρά με την οποία
θέλει η εταιρία να εμφανίζει το προσωπικό της. Η τιμή που
δέχεται είναι ένας αριθμός διαφορετικός για κάθε κομμωτή.
Ο πίνακας jos_r_operators δέχεται αλλαγές όπως εισαγωγή,

3.8 Ο πίνακας jos_r_services
Πεδίο Ίϋ ιτο ς C ollatio n Χ α ρ α κτηρ ισ τικά Κ ενό Π ρ οκα θορ ισ μ ένο Π ρόσθετα Ε νέργεια
□ n id se r int(11} Οχι None auto Increment “ i / X 0 1 P R

□ nam ser varchar(M) utf8_general_ci Όχι S1 s X S i i 0
□ o rd s e r int(11} Όχι 99 I1 s X i i S R
□ u n is e r int(11) Όχι 1 Ê1 y X S S S T
Εικόνα 3.8: Πίνακας jos_r_services

Ο πίνακας ]08_Γ_8θΓνί0θ8 περιέχει όλες εκείνες τις πληροφορίες που

έχουν σχέση με τις υπηρεσίες που προσφέρει η εταιρία. Τα πεδία που
προκύπτουν είναι:
• πίόδθΓ: Το πεδίο αυτό αντιπροσωπεύει τον κωδικό που αντιστοιχεί σε

κάθε υπηρεσία και αποτελεί το πρωτεύον κλειδί του πίνακα. Επίσης
συνδέει τον πίνακα αυτό με τον πίνακα ]08_Γ_Γθ8θΓν8ίί0Π8 μέσω του
πεδίου του ίάθ8θΓ. Δέχεται σαν τιμή έναν αύξοντα αριθμό ο οποίος
εισάγεται αυτόματα από το σύστημα με κάθε νέα εγγραφή.
• Π8Π8θΓ: Εδώ αποθηκεύεται το όνομα κάθε υπηρεσίας.
• ογ08θγ: Τέλος το πεδίο αυτό δηλώνει τη σειρά προτεραιότητας με την
οποία επιθυμεί η εταιρία να εμφανίζονται οι υπηρεσίες της. Δέχεται ως
τιμή έναν ακέραιο αριθμό διαφορετικό για κάθε υπηρεσία.
Ο πίνακας ]08_Γ_8θΓνί0θ8 δέχεται αλλαγές όπως εισαγωγή,

3.9 Ο πίνακας cost_of_services
Π εδ ίο Τόπ ο ς C o lla tio n Χ α ρ α κ τ η ρ ισ τ ικ ά Κ ενό Π ρ ο κ α θ ο ρ ισ μ έ ν ο Π ρ ό σ θετα Ε ν έ ρ γ ε ια
□ n id o p e in t(1 1 ) Όχι None 1 X 1 Π m ΒΕΙ
□ n id s e r in t(1 1 ) Όχι None 1 S Χ | 1 m m |n
□ p r ic e in t(1 1 ) Όχι None 1 X 1 m m m
Εικόνα 3.9: Πίνακας οο3ί_οί_3θΓνίοβ3
Ο πίνακας αυτός περιέχει όλες τις πληροφορίες που περιγράφουν την

τιμή για κάθε υπηρεσία όπως καθορίζεται από κάθε κομμωτή. Πιο αναλυτικά:

• nidope: Το πεδίο αυτό περιέχει τον κωδικό κάθε κομμωτή και συνδέει
τον πίνακα με τον πίνακα jos_r_operators με το αντίστοιχο πεδίο του
nidope. Δέχεται στην ουσία κάθε φορά μία τιμή από τις ήδη
υπάρχουσες του πεδίου nidope του πίνακα jos_r_operators.
• nidser: Το πεδίο αυτό κάνει την ίδια ακριβώς δουλειά με τον αντίστοιχο
πίνακα jos_r_services.
• price: Τέλος σε αυτό το πεδίο αποθηκεύεται σε μορφή αριθμού η τιμή
για κάθε υπηρεσία από τον κάθε κομμωτή.
Ο πίνακας cost_of_services δέχεται αλλαγές όπως εισαγωγή,

3.10 Σχέσεις πινάκων
3 0 jo s _ g m a p fp
Î id ; int(10) unsigned
8 nom : varchar(200)
_ alias : varchar(255)
- adresse : varchar(200)
l adresse2 : varchar(200)
9 ville : varchar(200)
departement : varchar(200)
codepostal : varchar(80)
_ pay : varchar(200)
8 tel ; varchar(30)
8 tel 2 : varchar(30)
8 fax : va rdw (2 0 )
l email : varchar(lOO)
8 web : var char (200)
_ img : varchar(lOO)
tt album : tinyint(l)
(D intro : mediumtext
_ message : mediumtext
l horaires_prix : mediumtext
Ô link : varchar(200)
tt a rtid e jd : int(100)
9 icon : varchar (100)
iconjabel : varchar(lOO)
tt affichage : smallint(l)
_ marqueur : varchar(200)
glng : var char (12)
Ü glat : varchar(12)
gzoom : varchar(2)
8 catid : int(10) unsigned
8 userid : int(10)
8 published : tinyint(l)
8 checked_out : tinyint(l)
_ metadesc : text
_ metakey : text
8 ordering : in t ( ll)

Εικόνα 3.10: Σχέσεις πινάκων
Απαραίτητο βήμα για μια ολοκληρωμένη και πιο λειτουργική βάση

είναι ο προσδιορισμός των σχέσεων που ενώνουν τους πίνακες της βάσης
αυτής. Οι σχέσεις αυτές χωρίζονται σε τρεις κατηγορίες:
• ένα προς ένα

• ένα προς πολλά ( και αντίστροφα) και
• πολλά προς πολλά
Έτσι στην περίπτωσή μας οι σχέσεις μεταξύ των πινάκων ορίζονται ως

εξής:
Ο πίνακας ]ο8_Γ_ΓΘ8ΘΓν8ίΙοπ8 σχετίζεται με:
• τον πίνακα ρ8_Γ_ορΘΓ8ίοΓ8 με σχέση ένα προς ένα

• τον πίνακα ρ8_Γ_8ΘΓνΙθΘ8 με σχέση ένα προς ένα προς ένα
• τον πίνακα ]ο8_Γ_ίΙπΘϋπΙί8 με σχέση ένα προς ένα
• και τον πίνακα ρ8_Γ_ά8γ8 με σχέση ένα προς ένα
Ο πίνακας οο8ί_οί_8ΘΓνΙθΘ8 σχετίζεται με:
• τον πίνακα ρ8_Γ_ορΘΓ8ίοΓ8 με σχέση ένα προς πολλά

• και τον πίνακα ]ο8_Γ_8ΘΓνΙθΘ8 με σχέση ένα προς πολλά
Ο πίνακας ήΘ8ά_οίίΙθΘ σχετίζεται με τον πίνακα ]ο8_ςπ8ρίρ με σχέση ένα

προς πολλά.
Τέλος ο πίνακας ]ο8_ϋ8ΘΓ8 σχετίζεται με τον πίνακα ρ8_Γ_ορΘΓ8ίοΓ8 με

σχέση πολλά προς πολλά.

ΑΝΑΛΥΣΗ ΕΦΑΡΜΟΓΗΣ
Αφού καθοριστούν οι στόχοι του δικτυακού τόπου περνάμε στο
σχεδιασμό. Στην περίπτωσή μας έχουμε χωρίσει τα στάδια σχεδιασμού σε
δύο κατηγορίες καθώς η εργασία σχεδιάστηκε με το συνδυασμό δύο τρόπων.
Ο ένας τρόπος είναι η σχεδίαση μέσω Joomla που στην ουσία
αυτοματοποιεί τη διαδικασία, χωρίς να χρειαστεί να γράψουμε εμείς τον
κώδικα php. Ο τρόπος αυτός δεν είναι πάντοτε και ο καλύτερος μια και το να
προσπαθήσεις να τροποποιήσεις ένα κώδικα που έχει ήδη γραφτεί από
άλλον είναι δύσκολο έως και αδύνατο αν δεν έχεις ένα καλό επίπεδο γνώσης
πάνω στον προγραμματισμό. Από την άλλη οι έτοιμες εφαρμογές και οι
επεκτάσεις που διαθέτει στο διαδίκτυο δεν καλύπτουν πάντα τις ανάγκες της
σελίδας μας. Παρ’ όλ’ αυτά δεν παύει να αποτελεί ένα εργαλείο που μας δίνει
τη δυνατότητα να σχεδιάσουμε εύκολα και γρήγορα το δικό μας δικτυακό
τόπο.
Ο δεύτερος τρόπος είναι η παραγωγή κώδικα με χειρόγραφο τρόπο,
όπως ήταν ήδη γνωστός για τη δημιουργία ιστοσελίδων.
Σύμφωνα με τα παραπάνω η εφαρμογή αναλύεται στο ένα της μισό
βάσει Joomla και στο υπόλοιπο μισό βάσει χειρόγραφου κώδικα php.
4.1 Παρουσίαση ιστοσελίδας
4.1.1 Αρχική σελίδα
Όταν ένας χρήστης αποφασίσει να περιηγηθεί στη σελίδα της εταιρίας

θα του εμφανιστεί σαν αρχική σελίδα η παρακάτω εικόνα.

Πληροφορίες
beaut é
Πρεπει να κάνετε είσοδο για να
δείτε το περιεχόμενο της σελίδας
Καλώς ήρθατε!
Ό ν ο μ α Χ ρή σ τη
Κ α λ ώ ς ή ρ θ α τ ε σ τ ο U n iq u e S a lo n d e b e a u t e !
Κω δικός
Ο ισ τ ό τ ο π ο ς α υ τ ό ς δ η μ ιο υ ρ γ ή θ η κ ε α π ό μ ία φ ο ιτ ή τ ρ ια τ η ς σ χ ο λ ή ς Δ ιο ίκ η σ η ς κ α ι Ο ικ ο ν ο μ ία ς , τ ο υ
τ μ ή μ α τ ο ς Δ ια χ ε ίρ ισ η ς Π λ η ρ ο φ ο ρ ιώ ν , σ τ η ν π ε ρ ιο χ ή τ η ς Κ α β ά λ α ς , σ τ α π λ α ίσ ια π τυ χ ια κ ή ς ε ρ γ α σ ία ς .
Ν α με θ υ μ ά σ α ι ■ Η ε τ α ιρ ία δ ια θ έ τε ι π έν τε υ π ο κ α τ α σ τ ή μ α τ α γ ύ ρ ω α π ό τ η ν π ό λ η τ η ς Θ ε σ σ α λ ο ν ίκ η ς κ α ι σ α ς δ ίν ει τη
Σύνδεση δ υ ν α τ ό τ η τ α ν α π ρ α γ μ α τ ο π ο ιε ίτ ε τ α ρ α ν τ ε β ο ύ σ α ς σ τ η ν π ε ρ ιο χ ή π ο υ σ α ς β ο λ εύ ει!
Π ερ ιη γ η θ ε ίτ ε σ τ ις σ ε λ ίδ ε ς τ ο υ κ α ι γ ν ω ρ ίσ τ ε τ ο υ ς σ υ ν ε ρ γ ά τ ε ς μ α ς . Ε π α γ γ ε λ μ α τ ίε ς με με τ η ν π είρ α
Ξ€χ«σκτ€ τον κωδικό σας;
χ ρ ό ν ω ν σ α ς χ α ρ ίζ ο υ ν χ ρ ή σ ιμ ε ς σ υ μ β ο υ λ έ ς γ ια υ γ ιή κ α ι λ α μ π ε ρ ά μ α λ λ ιά .
Ξεχάσατε το όνομα χρήστη;
Α π ο λ α ύ σ τ ε τ η ν π λ ο ύ σ ια σ ε υ λ ικ ό g a lle ry μ α ς με δ η μ ιο υ ρ γ ίε ς τ ω ν κ ο ρ υ φ α ίω ν τ ο υ χ ώ ρ ο υ . Μ ά θ ε τ ε τ ις
Δημιουργία λογαριασμού
τ ά σ ε ις τ η ς επ ο χ ή ς .
Μ ε τ ο ν έ ο σ ύ σ τ η μ α ρ α ν τ ε β ο ύ σ χ ε δ ια σ μ έ ν ο γ ια τ α δ ικ ά σ α ς μ έ τ ρ α , μ π ο ρ ε ίτε ν α επ ιλέξετε τ ο π ρ ο σ ω π ικ ό
Εττισκέτττες/Μέλη π ο υ ε μ π ισ τεύ εσ τε, τ η ν ώ ρ α π ο υ σ α ς β ο λ εύ ει, σ τ η ν δ ικ ή σ α ς π ε ρ ιο χ ή ! Α π ο λ α ύ σ τ ε α υ τ ό τ ο π ρ ο ν ό μ ιο !
Έχουμε 1 Κ αλή π λ ο ή γη σ η !
επ ισκέπτης σ υ νδ εδ εμ ένο υ ς
Designed b y Gkezepi E v a g g e lτ a
C o p y rig h t© 2011-2012. All Rights Reserved.
Εικόνα 4.1.1: Αρχική σελίδα
4.1.2 Είσοδος/Εγγραφή μέλους
Για να μπορέσει να δει το περιεχόμενο της εφαρμογής, ο χρήστης θα

πρέπει να εισάγει το όνομα χρήστη (username) και τον κωδικό του
(password) λογαριασμού του.
Σε περίπτωση λανθασμένης εισαγωγής των στοιχείων αυτών το

σύστημα εμφανίζει αυτόματα στην ίδια σελίδα το μήνυμα,
Το όνομα χρήστη και ο κωδικός δεν ταιριάζουν ή δεν έχετε δημιούργησα ακόμη λογαριασμό

Αν είναι νέος χρήστης στο σύστημα και δε διαθέτει λογαριασμό, το

μόνο που έχει να κάνει είναι να χρησιμοποιήσει το link «Δημιουργία
λογαριασμού» το οποίο θα τον μεταφέρει στη σελίδα «Εγγραφή» (εικόνα
4.1.2). Εδώ δεν έχει παρά να συμπληρώσει το ονοματεπώνυμο, το όνομα
χρήστη και τον κωδικό που επιθυμεί, και την ηλεκτρονική του διεύθυνση και
απλά να πατήσει το κουμπί «Εγγραφή».
Εικόνα 4.1.2: Εγγραφή νέου χρήστη
Μετά την είσοδο των στοιχείων του ο χρήστης μεταφέρεται στην

αρχική σελίδα με το μήνυμα,
Ο λογαριασμός σας έχει δημιουργηθεί και ένας Σύνδεσμος Ενεργοποίησης έχει αποσταλεί στη
διεύθυνση ηλεκτρονικού ταχυδρομείου που δηλώσατε. Για να μπορέσετε να συνδεθείτε πρέπει
προηγουμένως να ενεργοποιήσετε το λογαριασμό μέσω του Συνδέσμου Ενεργοποίησης.
» 1 Λ _____ ■
οπότε ανατρέχει στην ηλεκτρονική διεύθυνση που έχει δηλώσει για να

ενεργοποιήσει το λογαριασμό του (εικόνα 4.1.3).

Στοιχεία Λογαριασμού για τον/την ευαγγελία στο Unique - Salon de beaute Επιστροφή στα μηνύματα φ φ
□ Unique - Salon de beaute Προσθήκη στις επαφές 4/2/2012

Προς manrtari-magiko@windowslive.com Απάντηση *
Γειά σας, ευαγγελία !
Ευχαριστούμε για την έγγραφη σας στον ιστότοπο Unique - Salon de beaute. Ο λογαριασμός σας δημιουργήθηκε και απομένει η
ενεργοποίησή του.
Κάντε κλικ στον παρακάτω Σύνδεσμο Ενεργοποίησης ή αντιγράψτε κα L επικολλήστε τον στο πεδίο διευθύνσεων του φυλλομετρητή
σας:
http://localho3t/unique/index.php?option=com_U3er&tas]c=activate&activation=090bd591afebbd47c0ef923a73119541
Μετά την ενεργοποίηση μπορείτε να συνδεθείτε στον ιστότοπο h ttp ://lo c a lh o st/u n iq u e / χρησιμοποιώντας το ακόλουθο όνομα
χρήστη και κωδικό πρόσβασης:
\Ονομα Χρήστη: eva
Κωδικός Πρόσβασης: 16091986
Δημιουργία Απάντηση Απάντηση σε όλους Προώθηση Διαγραφή Ανεπιθύμητη αλληλογραφία Εκκαθάριση* Σήμανση ω ς * Μετακίνηση σε * Κατηγορίες*
Εικόνα 4.1.3: Σύνδεσμος ενεργοποίησης λογαριασμού
Πατώντας λοιπόν πάνω στο σύνδεσμο που του δίνεται ο χρήστης

μεταφέρεται και πάλι στην αρχική σελίδα η οποία του εμφανίζει το μήνυμα
επιβεβαίωσης,
Ολοκλήρωση Ενεργοποίησης!
Ο Λογαριασμός σ ας ενεργοποιήθηκε. Μπορείτε να συνδεθείτε με το όνομα χρήστη και
τον κωδικό πρόσβασης που επιλέξατε κατά την εγγραφή σας.
οπότε είναι πλέον έτοιμος να κάνει είσοδο στο σύστημα.
Σε περίπτωση απώλειας κωδικού ή username, ο χρήστης καλείται να

χρησιμοποιήσει τα link « Ξεχάσατε τον κωδικό σας;» και «Ξεχάσατε το όνομα
χρήστη;» αντίστοιχα τα οποία τον μεταφέρουν αυτόματα στις αντίστοιχες
σελίδες,

Πρέπει να κάνετε είσοδο για να

δείτε το περιεχόμενο της σ ελίδα ς
Εεχάσατε τον Κωδικό σας;
Παρακαλώ, εισάγετε τη διεύθυνση ηλεκτρονικού ταχυδρομείου του λογαριασμού σας. Θα σας
Όνομα Χρήστη
αποσταλεί μια κλείδα επαλήθευσης. Αφού λάβετε την κλείδα, θα μπορέσετε να επιλέξετε έναν
καινούριο κωδικό πρόσβασης για το λογαριασμό σας,
Κωδικός
Διεύθυνση Ηλεκτρονικού Ταχυδρομείου:
Να με θυμάσαι 1
Σύνδεση
και
Εεχάσατε το Όνομα Χρήστη;

Παρακαλώ, εισάγετε τη διεύθυνση ηλεκτρονικού ταχυδρομείου που είναι συνδεδεμένη με το
λογαριασμό σας, Το όνομα χρήστη θα αποσταλεί στην καταχωρημένη διεύθυνση ηλεκτρονικού
ταχυδρομείου,
Διεύθυνση Ηλεκτρονικού Ταχυδρομείου:
αντίστοιχα, όπου ο χρήστης καλείται να συμπληρώσει την διεύθυνση e - mail

του προκειμένου να του αποσταλεί το username του και ένας κωδικός που
δημιουργείται αυτόματα από το σύστημα.
Αν η διεύθυνση που εισάγει είναι λανθασμένη τότε το σύστημα

εμφανίζει το μήνυμα,
Η αίτηση ανάκτησης του κωδικού πρόσβασης απέτυχε διότι δε βρέθηκε Χρήστης με το συγκεκριμένο
όνομα χρήστη και διεύθυνση ηλεκτρονικού ταχυδρομείου..
οπότε ο χρήστης καλείται να συμπληρώσει τη σωστή διεύθυνση e - mail.
Για κάθε νέα εγγραφή μέλους η διαχείριση ενημερώνεται αυτόματα

από το σύστημα με e - mail (εικόνα 4.1.4).

I Στοιχεία Λογαριασμού για τον/την ena στο Unique Salon de beaute

U n iq u e S a lo n d e b e a u te < in fo @ u n iq u e .c o m >
Ο Κ α τ α ρ γ ή θ η κ α ν ο ι επ ιπ λέο ν α λ λα γές γ ρ α μ μ ώ ν α π ό α υ τ ό τ ο μ ή ν υ μ α .
Απεσταλμένα; Wed 28-Mar-12 5:44 PM

Π ρ ο ς: eva_g ie t E n e t .g r
0
Γειά σας, Administrator!
Ένας νέος χρήστης πραγματοποίησε εγγραφή στον ιστότοπο Unique Salon de beaute.
Αυτό το ηλεκτρονικό μήνυμα περιέχειτα στοιχεία του:
'Ονομα: ena
Διεύθυνση Ηλεκτρονικού Ταγυδρομείου: manitari-magiko(5)windowslive.com 'Ονομα
Χρήστη: dyo
Παρακαλώ, μην απαντήσετε σε αυτά το μήνυμα. Δημιουργήθηκε αυτόματα προς

πληροφόρησή σας.
Εικόνα 4.1.4: Ενημέρωση διαχείρισης για την εγγραφή νέου μέλους
Σε κάθε περίπτωση η εφαρμογή αποθηκεύει, τροποποιεί και ελέγχει τα

στοιχεία που εισάγουν οι χρήστες διασταυρώνοντάς τα με τα στοιχεία του
πίνακα ρβ^ββΓβ και ]οδ_Γ_ορθΓ8ίθΓ8.
Από τη στιγμή που γίνεται η σωστή εισαγωγή των στοιχείων του

χρήστη, μεταφέρεται αυτόματα στην αρχική σελίδα των μελών της
εφαρμογής (εικόνα 4.1.5).

IS Z /'C S i W C /
S a lo n de b e a u t é
Συνεργάτες Υπηρεσίες G allery Επικοινωνία
Κομμωτήρια Δημοσκόπηση
Καλώς ήρθατε!
Ο Χάρτης Αν αποφ άσιζα να ανακαινίσω
ένα χ ώ ρ ο του σππιού μου
Καλώς ήρθατε στο Unique Salon de beaute!
Τιμοκατάλογος α υτός θ α ήταν..
Ο ιστότοπος αυτός δημιουργήθηκε από μία φοιτήτρια της σχολής • Κουζίνα

Κλείστε ραντεβού!
Διοίκησης και Οικονομίας, του τμήματος Διαχείρισης
• Μπάνιο
Το π ρο φ ίλ μου Πληροφοριών, στην περιοχή της Καβάλας, στα πλαίσια πτυχιακής
εργασίας. • Σαλόνι/Τραπεζαρία
Η εταιρία διαθέτει πέντε υποκαταστήματα γύρω από την πόλη της • Υπνοδωμάτιο
Γεια σου, eva.
Θεσσαλονίκης και σας δίνει τη δυνατότητα να πραγματοποιείτε τα • Άλλο
I Αποσύνδεση
Επισκέπτες/Μέλη
Έχουμε 2 επισκέπτες και 1

ραντεβού σας στην περιοχή που σας βολεύει!
Περιηγηθείτε στις σελίδες του και γνωρίστε τους συνεργάτες μας.
Επαγγελματίες με με την πείρα χρόνων σας χαρίζουν χρήσιμες
συμβουλές για υγιή και λαμπερά μαλλιά.
Απολαύστε την πλούσια σε υλικό gallery μας με δημιουργίες των
κορυφαίων του χώρου. Μάθετε τις τάσεις της εποχής.
μέλος συνδεδεμένους Με το νέο σύστημα ραντεβού σχεδιασμένο για τα δικά σας μέτρα, Hnd ut «η
μπορείτε να επιλέξετε το προσωπικό που εμπιστεύεστε, την ώρα
που σας βολεύει, στην δική σας περιοχή! Απολαύστε αυτό το
Facebook
προνόμιο!
Καλή πλοήγηση!
Φιλικές ιστοσελίδες
Το απόλυτο portal για κομμωτήρια και όσους αγαπούν τα Κομμωτήρια στο διαδίκτυο Νοί αποτέλεσμα για κομμωτήρια στις δημοφιλέστερες
μαλλιά! μηχανές αναζήτησης!
Ξεκίνησε σήμερα. Ταχύρυθμα τμήματα! Απεριόριστη

Δημιουργεί επαγγελματίες σε 50 ειδικότητες! Μάθε περισσότερα τώρα.
πρακτική!
Εικόνα 4.1.5: Αρχική σελίδα μελών της εφαρμογής
4.1.3 Το μενού Top menu
Εικόνα 4.1.6: Top menu

Το μενού αυτό λειτουργεί για λόγους παρουσίασης της εταιρίας και του
προσωπικού που την αποτελεί. Είναι στην ουσία ένα «μενού γνωριμίας με τη
εταιρία» που δίνει στο χρήστη μια γενική εικόνα για την ταυτότητά της. Πιο
αναλυτικά το μενού περιλαμβάνει τις εξής επιλογές:
• «Αρχική». Εννοείται η αρχική σελίδα για τα μέλη της

εφαρμογής.
• «Συνεργάτες». Η επιλογή αυτή εμφανίζει μία λίστα με όλα τα
μέλη του προσωπικού με μία περιγραφή και μία φωτογραφία
για τον κάθε ένα (εικόνα 4.1.7).
• «Υπηρεσίες». Η επιλογή αυτή μας μεταφέρει στη σελίδα της
εικόνας 4.1.8, όπου εμφανίζεται μία λίστα με όλες τις υπηρεσίες
που προσφέρει η εταιρία.
• «Gallery». Εμφανίζει μία σελίδα με φωτογραφικό υλικό από
δημιουργίες και ιδέες από τον κλάδο της κομμωτικής (εικόνα
4.1.9).
• Τέλος η επιλογή «Επικοινωνία» εμφανίζει μία σελίδα με τα
στοιχεία επικοινωνίας της εταιρίας και μία φόρμα αποστολής e
- mail για λόγους διευκόλυνσης (εικόνα 4.1.11).

Εικόνα 4.1.7: Η σελίδα «Συνεργάτες»
Για τα αποτελέσματα της σελίδας αυτής η εφαρμογή χρησιμοποιεί τον

πίνακα ]0δ_Γ_0ρθΓ8ί0Γ8.
Κομμωτήρια
Οι υπηρεσίες που προσφέρουν τα καταστήματα μας είναι:
Ο Χάρτης
® Κούρεμα ® Ψαλίδα
Ο Τιμοκατάλογος
® Βαφή ® Ανταύγειες
® Μές ® Χτένισμα
® Θεραπεία 3 Λούσιμο
...τις οποίες αναλαμβάνει να κάνει πραγματικότητα το εξειδικευμένο μας προσωπικό!
Ικοπ ιπ οτίΓΐΒ . ογ

Εικόνα 4.1.8: Η σελίδα «Υπηρεσίες»
Τα αποτελέσματα της λίστας αυτής προκύπτουν από τα δεδομένα του

πίνακα ]08_Γ_8θΓνί0θ8.
Εικόνα 4.1.9: Η σελίδα «Gallery»
Στη σελίδα αυτή πατώντας πάνω σε μία από τις εικόνες της λίστας
αναδύεται στο προσκήνιο η ίδια εικόνα σε κανονικό μέγεθος (εικόνα 4.1.10).

Εικόνα 4.1.10: Περιήγηση στη σελίδα «Gallery»
Μπορείτε να επικοινωνήσετε μαζί μας στη διεύθυνση:
Χάρτης
Unique - Salon de beaute
Ο Τιμοκατάλογος Περγάμου 7
2103810856
Ο Κλείστε ραντεβού!
info@unique-salon.gr
Ο Το π ρ ο φ ίλ μοι> Αθήνα
10446
...ή να στείλετε email στην παρακάτω φόρμα επικοινωνίας και θα επικοινωνήσουμε μαζί σας το
συντομότερο,
Φ ό ρ μ α επικοινω νίας
Εισάγετε το email σα
Εικόνα 4.1.11: Η σελίδα «Επικοινωνία»
Τα αποτελέσματα της σελίδας προκύπτουν από τον πίνακα

head office.

Όπως προαναφέρθηκε σε προηγούμενη παράγραφο στη σελίδα αυτή

ο χρήστης ενημερώνεται για τα στοιχεία επικοινωνίας της εταιρίας ή έχει τη
δυνατότητα να επικοινωνήσει απευθείας μέσω της φόρμας επικοινωνίας. Το
μόνο που έχει να κάνει είναι να συμπληρώσει την ηλεκτρονική του
διεύθυνση, το θέμα του μηνύματός του και το ίδιο το μήνυμα.
Επόμενο βήμα του είναι να πατήσει το κουμπί «Αποστολή». Αν τα

στοιχεία που έχει εισάγει είναι σωστά εμφανίζεται στη σελίδα το μήνυμα
επιβεβαίωσης,
Το μήνυμα αποστέλλεται στο e - mail της διαχείρισης η οποία με τη

σειρά της στέλνει πίσω στον πελάτη την ανάλογη απάντηση.
Αν η διεύθυνση e - mail εισάγει ο χρήστης είναι λανθασμένη τότε η

σελίδα εμφανίζει το μήνυμα σφάλματος,
Φ ό ρ μ α επ ικο ιν ω ν ία ς
Ε ισ ά γ ε τε τ ο e m a il σ α ς :_______________________________________________
και τον καλεί να δώσει ένα έγκυρο e - mail.
4.1.4 Το μενού Side menu

Χάρτης
Τιμοκατάλογος
C Κλείστε ραντεβού!
Ο Το προφίλ μου
Γεια σ ο υ , e v a ,
Αποσϋνδεση
Εττισκέτττες/ΛΛέλη
Έ χ ο υ μ ε 2 επ ισ κ έ π τ ε ς κ α ι 1
μ έλο ς σ υ νδεδ εμ ένο υς
Εικόνα 4.1.12: Side menu
Το μενού αυτό αποτελεί το κύριο μενού της ιστοσελίδας, αφού είναι

αυτό που οδηγεί το χρήστη στις σημαντικέ λειτουργίες της. Πιο αναλυτικά
περιλαμβάνει τις επιλογές:
• «Κομμωτήρια». Η επιλογή αυτή οδηγεί σε μία σελίδα όπου

εμφανίζεται μια λίστα με τα υποκαταστήματα της εταιρίας και τα
στοιχεία επικοινωνίας του καθενός (εικόνα 4.1.13).
• «Χάρτης». Μας μεταφέρει σε μία σελίδα όπου μπορούμε να
βρούμε κάθε κατάστημα της εταιρίας γεωγραφικά σε ένα χάρτη
μαζί με όλα τα στοιχεία που χαρακτηρίζουν τη θέση τους. Μας
δίνεται επίσης η δυνατότητα να λάβουμε οδηγίες για τα
καταστήματα που μας ενδιαφέρουν, για τη χιλιομετρική
απόστασή τους, καθώς και το χρόνο που απαιτείται για τη
μετακίνησή μας από το ένα σημείο στο άλλο (εικόνα 4.1.14).

• «Τιμοκατάλογος». Είναι μία επιλογή που μας μεταφέρει στη

σελίδα με τη λίστα τιμών της εταιρίας. Κάθε κομμωτής διατηρεί
το δικό του τιμολόγιο για κάθε υπηρεσία (εικόνα 4.1.15).
• «Κλείστε ραντεβού!». Πατώντας αυτήν την επιλογή
μεταφερόμαστε στη σελίδα των ραντεβού, εκεί δηλαδή που θα
γίνει ο διακανονισμός των συναντήσεων (εικόνα 4.1.16).
• «Το προφίλ μου». Ο χρήστης μεταφέρεται στη σελίδα
επεξεργασίας του λογαριασμό του όπου μπορεί να
τροποποιήσει στοιχεία όπως ονοματεπώνυμο, κωδικό,
διεύθυνση e - mail (εικόνα 4.1.22).
• «Είσοδος». Είναι το μενού που χρησιμοποιεί ο χρήστης για την
είσοδό του στην εφαρμογή (εικόνα 4.1.23). Αφού εισαχθεί στο
σύστημα παίρνει τη μορφή ενός μηνύματος καλωσορίσματος
στο χρήστη και ενός κουμπιού που του δίνει τη δυνατότητα να
αποσυνδεθεί (εικόνα 4.1.24).
• «Επισκέπτες/Μέλη». Είναι το μενού που ενημερώνει το χρήστη
για των αριθμό των μελών και των επισκεπτών που
χρησιμοποιούν την εφαρμογή κάθε τρέχουσα μονάδα χρόνου
(εικόνα 4.1.25).
• Τέλος το μενού «Αναζήτηση», το οποίο μας επιτρέπει την
αναζήτηση οποιουδήποτε στοιχείου στα πλαίσια της
ιστοσελίδας (εικόνα 4.1.26).

Εικόνα 4.1.13: Η σελίδα «Λίστα κομμωτηρίων»
Για τα αποτελέσματα της σελίδα αυτής η εφαρμογή χρησιμοποιεί τον

πίνακα ]οβ_9η 8ρίρ.

Εικόνα 4.1.14: Η σελίδα «Χάρτης»
Η σελίδα αυτή χρησιμοποιεί επίσης τον πίνακα ]σβ_9η 8ρίρ.
Οι τιμές διαφέρουν για τον κάθε συνεργάτη, καθώς ο καθένας προσθέτει τη δική του πινελιά στις
υπηρεσίες που προσφέρει. Παρακάτω μπορείτε να δείτε τις τιμές και τις προσφορές της εβδομάδας
από τον κάθε κομμωτή μας:
Κ ο ύ ρ εμ α Ψ α λ ίδ α Βαφή Α ν τα ύ γ ειες Μ ές Χ τένισμα Θ ε ρ α π ε ία Λ ο ύ σ ιμ ο

Χ ρ ισ τίνα
10 4 20 15 18 15 9 3
Α γ γ ελ ό κη
Κ ω ν σ τα ν τ ίν ο ς
8 2 30 25 35 22 8 3
Δ ρακόπουλος
Ελένη
10 7 19 20 30 21 5 9
Ζ α φ ε ιρ ιο ύ
Μ ιχ ά λ η ς
10 3 30 25 30 21 19 4
Ε υ σ τ ρ α τ ιά δ η ς
Α θ α ν α σ ία
8 25 19 21 30 18 8 9
Κ ε φ α λ ίδ ο υ
Ν ικ ό λ α ο ς
8 20 30 25 19 21 10 4
Λ α μ π ρ ϊδ η ς
Κ ατερίνα
10 3 19 25 30 18 8 4
Ν ικ ο λ ά ο υ
Μ α ρ ία
8 3 30 25 19 21 5 9
Ι α χ ιν ϊδ ο υ
Π αύλος
10 21 19 18 10 25 10 9
Γ ιο ρ δ α ν λ ή ς
Τ η λ έμ α χ ο ς
8 3 30 18 19 25 5 9
Ι ε ρ α ψ ε ιμ ϊδ η ς

Εικόνα 4.1.15: Η σελίδα «Τιμοκατάλογος»
Για τα αποτελέσματα της σελίδας αυτής χρησιμοποιήθηκαν οι τρεις

ακόλουθοι πίνακες:
• jos_r_operators
• jor_r_services και
• cost of services
Η ανάλυσή τους ακολουθεί σε επόμενη παράγραφο.
Εικόνα 4.1.16: Η σελίδα «Κλείστε ραντεβού!» - Επιλογή υπηρεσίας
Μετά την επιλογή του να κλείσει ραντεβού, ο πελάτης μεταφέρεται στη

σελίδα της εικόνας 4.1.16. Εδώ καλείται να επιλέξει την υπηρεσία που
επιθυμεί από τη λίστα των link που του εμφανίζονται. Μετά από αυτό το βήμα
ο πελάτης μεταφέρεται στην επόμενη σελίδα η οποία εμφανίζει μία ακόμη
λίστα από link με όλα τα μέλη του προσωπικού που εργάζονται στην εταιρία
(εικόνα 4.1.17). Εδώ καλείται και πάλι να επιλέξει τον κομμωτή που επιθυμεί,
επιλογή που τον μεταφέρει στην επόμενη σελίδα των ραντεβού. Εδώ

εμφανίζεται ένα ημερολόγιο με όλες τις διαθέσιμες και μη ώρες και ημέρες
εργασίας του συγκεκριμένου κομμωτή (εικόνα 4.1.18).
Εικόνα 4.1.17: Η σελίδα «Κλείστε ραντεβού!» - Επιλογή προσωπικού
►Κούρεμα ►Χριστίνα Αγγελάκη

Ο Χ ά ρ τη ς
Μη διαθέσιμη ημερομηνία/ώρα
Ο Τ ιμ ο κ α τ ά λ ο γ ο ς
Ραντεβού σε εξέλιξη
Κ λείστε ρ α ν τ ε β ο ύ ! Διαθέσιμη ημερομηνΐα/ώρα, κάντε κλικ για να κλείσετε ραντεβού
Ο Το π ρ ο φ ί λ μ ο υ

Εικόνα 4.1.18: Η σελίδα «Κλείστε ραντεβού!» - Ημερολόγιο διαθεσιμότητας
Για την καλύτερη κατανόηση του ημερολογίου οι διαθέσιμες και μη

ώρες επεξηγούνται στο επάνω μέρος της σελίδας:
Εφόσον επιλέξει την ώρα και την ημέρα που επιθυμεί μεταφέρεται
στην επόμενη σελίδα ραντεβού στην οποία εμφανίζεται μία φόρμα
συμπλήρωσης στοιχείων (εικόνα 4.1.19). Εδώ ο πελάτης καλείται να
συμπληρώσει πεδία όπως ονοματεπώνυμο, περιοχή και πόλη, σταθερό και
κινητό τηλέφωνο, e - mail και μία σύντομη περιγραφή (προαιρετικά) σχετικά
με το επικείμενο ραντεβού και στη συνέχεια να πατήσει «Αποστολή» για την
ολοκλήρωση της αίτησής του.

Εικόνα 4.1.19: Η σελίδα «Κλείστε ραντεβού!» - Φόρμα εισαγωγής στοιχείων
Μετά την ολοκλήρωση της αίτησής του ο χρήστης οδηγείται στη

σελίδα:
η οποία επιβεβαιώνει και την επιτυχή κράτηση.
Καθώς η αίτηση έχει ολοκληρωθεί το σύστημα ενημερώνει αυτόματα

τη διαχείριση και τον πελάτη με e - mail για την εξέλιξη του ραντεβού (εικόνα
4.1.20 και 4.1.21).
Μία νέα κράτηση έχει καταχωρηθεί στο σύστημα: Βαφή Αθανασία Κεφαλίδου
06/03/2012 11.00
U n iq u e S a lo n d e b e a u te < e v a _ g @ o te n e t.g r>
Ο Κ ο π α ρ γ ή θ η κ α ν ο ι επ ιπ λ έο ν α λ λ α γ ές γ ρ α μ μ ώ ν α π ό α υ τ ό τ ο μ ή ν υ μ α ,
Απεσταλμένα: Fri 09-Mar-12 12:36 PM

Προς: eva_glgotenet.gr
;............; ........; ......... ; .............;........................................ι

Το e-mail αυτό δημιουργείχαι αυτόματα από την ιστοσελίδα Unique Salon de beaute μην
απαντάτε σε αυτό το μήνυμα
Η κράτηση με τις ακόλουθες πληροφορίες, έχει καταχωρηθεί με επιτυχία στο σύστημά μας:
Βαφή - Αθανασία Κεφαλίδου - 06/03/2012-11.00 Ευαγγελία Γκεζέπη Θεσσαλονίκη,
Εύοσμος
2310458726
6901234567
euaki2009(S)gmail.com
Παράδειγμα 1...

Εικόνα 4.1.20: Ενημέρωση της διαχείρισης για εγγραφή νέας συνάντησης
Απόδειξη κράτησης: Βαφή Αθανασία Κεφαλίδου 06/03/2012 11.00 Εισερχόμενα χ ή Ε Unique Salon de beaute
eva_g@otenet.gr
Unique Salon tie beaule eva_g@otenet.gr 12:35 μ.μ. (Πριν απ ό 2 λεπτά) +\ τ
π ρ ο ς Εμένα -
PH τ
Εμφάνιση λεπτομερειών
To e-mail αυτό δημιουρνείται αυτόματα α π ό την ιστοσελίδα Unique Salon de beaute
μην απαντάτε σε αυτό το μήνυμα
ώιαφ ημίσεΐζ — Γ ιστί αυτΐςιις βιαφημίσεις;
Η κράτηση με τις ακόλουθες πληροφορίες, έχει καταχωρηθεί με επιτυχία στο σύστημά μας:
Βαφή - Αθανασία Κεφαλίδου - 06/03/2012- 11.00 Κ ιν η τ ό ο π ό 1 ευ ρ ώ
Ευαγγελία Γκεζέπη Χτΰπα Καινούρια ή Μεταχειρισμένα
Θεσσαλονίκη, Εύοσμος Κινητά σε Δημοπρασία στο ricardo.
2310458726 ricardo.gr
6901234567
euaki2G09@omail.com C lo u d C o m p u tin g E o o tc a m p
Παράδειγμα 1... M ust Attend Big Data & Cloud Event
June 11-14 Javits Center
Εικόνα 4.1.21: Απόδειξη επιτυχούς κράτησης για τον πελάτη
Με τα ίδια βήματα ο πελάτης μπορεί να αιτηθεί όσα ραντεβού

επιθυμεί.
Για οποιαδήποτε τυχόν τροποποίηση το σύστημα ενημερώνει και πάλι

διαχείριση και πελάτη για τις αλλαγές που προκύπτουν.
Για τα αποτελέσματα της σελίδας η εφαρμογή χρησιμοποιεί τον

πίνακα ]08_Γ_ΓθδθΓν8ίΐ0Π8.

Εικόνα 4.1.22: Η σελίδα «Το προφίλ μου»
Οι πληροφορίες της σελίδας προκύπτουν από τον πίνακα ρβ^βΘΓβ.
Εικόνα 4.1.23: Το μενού «Είσοδος» πριν την εισαγωγή του χρήστη στο σύστημα
Εικόνα 4.1.24: Το μενού «Είσοδος» μετά την εισαγωγή του χρήστη στο σύστημα
Τα δύο παραπάνω μενού αντλούν πληροφορίες από τον πίνακα

ρβ^βΘΓβ.

Επισ κέπτες/Μέλη
Έ χουμε 1 επ ισ κέπ τη ς και 1

μ έλο ς σ υνδ εδ εμ ενο υς
Εικόνα 4.1.25: Το μενού «Επισκέπτες/Μέλη»
Εικόνα 4.1.26: Το μενού «Αναζήτηση»
Το μενού αυτό μεταφέρει τον χρήστη στη σελίδα της εικόνας 4.1.27
όπου εμφανίζονται τα αποτελέσματα της λέξης ή και ολόκληρης της φράσης
που αναζητά.
Έχουμε 1 επισκέπτης και 1

ι . Καλώς ή ρ θ α τ ε !
μ έλος συνδεδεμένους
(Περιεχόμενο εκτός Κατηγοριών)
... σ τις σ ελ ίδ ες το υ κ α ι γ ν ω ρ ίσ τε τ ο υ ς σ υ ν ε ρ γ ά τ ε ς μ α ς . Ε π α γ γ ελ μ α τίες με με
τ η ν π είρ α χ ρ ό ν ω ν σας χ α ρ ίζ ο υ ν χ ρ ή σ ιμ ε ς συμβουλές γ ια υ γιή και
λαμπ ερά μ α λ λ ιά . Α π ο λ α ύ σ τε τ η ν π λ ο ύ σ ια σε υ λ ικ ό g a lle ry μας με
δ η μ ιο υ ρ γ ίε ς ...
Εικόνα 4.1.27: Η σελίδα «Αναζήτηση» - Εμφάνιση αποτελεσμάτων

4.1.5 Το μενού «Δημοσκόπηση»
Δημοσκόπηση
Αν αποφάσιζα να ανακαινίσω
ένα χώρο του σππιού μου
αυτός θα ήταν..
• Κουζίνα
• Μπάνιο
• ΣαλόνιΑραπεζαρία
• Υπνοδωμάτιο
• Α λλο
Ψηφίστε
Αποτελέσματα
γμ ιΜαη
3€00®<ί
ροι,ιοννυεοΝ £υυ%ί·τ
Εικόνα 4.1.28: Το μενού « Δημοσκόπηση»
Το μενού αυτό δίνει τη δυνατότητα στο χρήστη να συμμετέχει σε

δημοσκοπήσεις δίνοντας τη δική του ψήφο σε διάφορα της καθημερινότητας.
Μόλις καταθέσει την ψήφο του καλείται να πατήσει το κουμπί
«Αποτελέσματα» ή μπορεί απλά να πατήσει το κουμπί «Αποτελέσματα»
χωρίς να υποχρεούται να ψηφίσει. Και στις δύο περιπτώσεις μεταφέρεται στη
σελίδα με τα αποτελέσματα της τρέχουσας δημοσκόπησης (εικόνα 4.1.29)
και όλες τις σχετικές πληροφορίες που προκύπτουν (ημερομηνία και ώρα
κατάθεσης πρώτης και τελευταίας ψήφου, συνολικός αριθμός ψήφων). Η

σελίδα εμφανίζει επίσης μία λίστα (drop down menu) από την οποία μπορεί ο
χρήστης να επιλέξει το θέμα της δημοσκόπησης που τον ενδιαφέρει.
Ο Χ άρτης Ευχαριστούμε που ψηφίσατε!
Ο Τ ιμοκατάλογος
Κλείστε ραντεβού! Α ν α π ο φ ά σ ιζα να α ν α κ α ιν ίσ ω ένα χ ώ ρ ο το υ σπιτιού μου

Ο Το π ρ ο φ ίλ μοι> α υ τό ς θ α ήταν..
Επιλέξτε Δημοσκόπηση Αν αποφάσιζα να ανακαινίσω »
Γεια σου, eva,
Α π ο σ ΰ νδεσ η ^ y Α ν α π ο φ ά σ ιζ α ν α α ν α κ α ιν ίσ ω έ ν α χ ώ ρ ο τ ο υ σ π ιτ ιο ύ μ ο υ
α υ τ ό ς θ α ή τα ν ..
Κουζίνα
Επισκέπτες/ΛΛέλη
1 33.3% 1
Έχουμε 1 επισκέπτης και 1
μέλος συνδεδεμένους Μπάνιο
1 33.3% ι ι
Ιαλόνι/Τραπεζαρία
1 33.3% 1
Υπνοδωμάτιο
0 0% Λ
Αλλο
0 0% ί
Αριθμός Ψήφων : 3
Πρώτη ψήφος : Τρίτη, 14 Φεβρουάριος 2012 16:02
Τελευταία Ψήφος : Παρασκευή, 09 Μάρτιος 2012 10:28
Εικόνα 4.1.29: Η σελίδα με τα αποτελέσματα της τρέχουσας δημοσκόπησης
Για τα αποτελέσματα της σελίδας αυτής η εφαρμογή χρησιμοποιεί

τους πίνακες jos_polls, jos_poll_data και jos_poll_date η ανάλυση των
οποίων θα γίνει σε επόμενη παράγραφο.
Αμέσως μετά το μενού «Δημοσκόπηση» η σελίδα διαθέτει δύο links,

τα οποία μεταφέρουν το χρήστη στη σελίδα Facebook και Twitter αντίστοιχα

που διαθέτει η εταιρία.
4.1.6 Το μενού «Φιλικές ιστοσελίδες»
Το απόλυτο portal για κομμωτήρια και ό σ ο υς αγαπ ούν τα Κομμωτήρια στο διαδίκτυο Ν οί αποτέλεσμα για κομμωτήρια στις δημοφιλέστερες
μαλλιά! μηχανές αναζήτησης!
Ξεκίνησε σήμερα. Ταχύρυθμα τμήματα! Απεριόριστη

Δημιουργεί επαγγελματίες σε 50 ειδικότητες! Μάθε περισσότερα τώρα.
πρακτική!
Εικόνα 4.1.30: Το μενού «Φιλικές ιστοσελίδες»
Το μενού αυτό τοποθετείται στη σελίδα για λόγους διαφήμισης και

εμφανίζει μία λίστα με links τα καθένα από τα οποία οδηγούν στην κεντρική
σελίδα των εταιρών που διαφημίζονται.
4.2 Τα βήματα δημιουργίας της εφαρμογής
4.2.1 Σχεδίαση με Joomla
Τα βήματα για την δημιουργία της ιστοσελίδας με το ύοοηί8 ξεκινούν

από τον πίνακα ελέγχου, επιλέγοντας κάθε φορά τα κατάλληλα εργαλεία για
την δημιουργία του επιθυμητού αντικειμένου στην ιστοσελίδα μας (εικόνα
4.2.1).

Joom la!’ Unique Salon de beaute

Ιστότοττος Μενού Περιεχόμενο Εφαρμογές Επεκτάσεις Εργαλεία Βοήθεια I ΠαρωχημένοΈνθεμα: 1.0 Ι*<1 Προεπισκόπηση ' ’ Ο 26 2 Ο Αποσύνδεση
w Logged in Users
1
1 ΜΙ] '41' # Όνομα Ομάδα Πελάτης Τελευταία Ενέρνεια Αποσύνδεση
«Η 1 eva Registered site πρινΟ.Οώρες [0]

Προσθήκη Νέου Διαχείριση Αρθρων Διαχείριση Διαχείριση Ενοτήτων Διαχείριση 2 admin Super Administrator administrator πριν 0.0 ώρες
Αρθρου Πρωτοσέλιδου Κατηγοριών
► Popular
► Recent added Articles

3 m Μ
► Menu Stats
Διαχείριση Διαχείριση Μενού Διαχείριση Γλώσσας Διαχείριση Χρηστών Γενικές Ρυθμίσεις
» Akeeba Backup Notification Module
Πολυμέσων
Manage places of
GMapFP
Εικόνα 4.2.1: Joomla - Πίνακας ελέγχου
4.2.1.1 Εγκατάσταση προτύπου (template)
Ξεκινώντας λοιπόν επιλέγουμε το πρότυπο που επιθυμούμε για την

ιστοσελίδα μας, την εμφάνιση δηλαδή που θέλουμε να έχει. Όπως φαίνεται
στη εικόνα 4.2.1 μέσα στις διάφορες επιλογές υπάρχει μία οριζόντια μπάρα
μενού από την οποία θα επιλέξουμε την καρτέλα «Επεκτάσεις» και αμέσως
μετά την πρώτη επιλογή «Εγκατάσταση/Απεγκατάσταση» (εικόνα 4.2.2). Η
επιλογή αυτή μας μεταφέρει στη σελίδα της εικόνας 4.2.3.

Εικόνα 4.2.2: Διαδρομή για την εγκατάσταση επεκτάσεων και πρόσθετων στο
περιβάλλον του ϋοοωίΒ
Εικόνα 4.2.3: Περιβάλλον διαχείρισης επεκτάσεων Joomla
Το μόνο που έχουμε να κάνουμε είναι αναζητήσουμε το πρότυπο που

επιθυμούμε και να το μεταφορτώσουμε στην πλατφόρμα του ύοοηί8.
Επόμενο βήμα είναι να μεταβούμε στη σελίδα διαχείρισης προτύπων (εικόνα
4.2.5) μέσα από την καρτέλα «Επεκτάσεις» (εικόνα 4.2.4) και να επιλέξουμε
το πρότυπο που επιθυμούμε ως προκαθορισμένο.

Ε φ α ρμ ογές Ε π ε κ τ ά σ ε ις Ε ρ γ α Λ ε ία Β ο ή θ ε ια
vJ Ε γ κ α τά σ τα σ η /Α π εγ κ α τά σ τα σ η
Δ ια χ είρ ισ η Ε νθ εμά τω ν
te. Δ ια χ είρ ισ η Π ρ ο σ θ έτω ν

■
Δ ια χ είρ ισ η Π ρ ο τύ π ω ν
N
ων Δ ια χ εί Δ ια χ είρ ισ η Γλώ σ σ α ς Δ ια χ είρ ισ η
Π ρ ω το ο Κ α τη γο ρ ιώ ν
Εικόνα 4.2.4: Διαδρομή για τη διαχείριση προτύπων
Π Διαχείριση Προτύπων >Γ /

Προκαθορισμένο Επεξεργασία Βοήθεια
Ιστότοπος Δκιχορικηη ς
# Όνομα Προτύπου Προκαθορισμένο Συνδέθηκε Έκδοση Ημερομηνία Αρθρονράφος
1 © beez. 1.0.0 19 February 2007 Angie Radtke/RobertDeutz
2 © JA_Purity 1.2.0 12126/07 JoomlArt.com
3 © pink_obsession 1.0.0 10.09.2010 TemplateDealer, ch
4 © Ptyxiak 1.0 2012-02-02
5 © Ptvxiaki2 * 1.0 2012-02-15
6 © rhuk_n Ptyxiaki2 1.0.2 11/20/06 Andy Miller
7 © Tempi. 1.0 2012-01-11
Εμφάνιοη^ΣΟ |^_|
s ϋοοπί13ί είναι Ελεύθερο Λογισμικό και διατίθεται σύμφωνα με την Άδεια ΌΝυ/ΌΡΕ
Εικόνα 4.2.5: Περιβάλλον διαχείρισης προτύπων
Επιλέγουμε το πρότυπο που επιθυμούμε, πατάμε το κουμπί και η

σελίδα μας έχει την εμφάνιση που της καθορίζει το πρότυπο αυτό.

Γνωρίζοντας ότι η εμφάνιση κάθε ιστοσελίδας βασίζεται στον κώδικα

CSS που την καθορίζει, μπορούμε να επεξεργαστούμε ένα υπάρχον
template τροποποιώντας απλά τον κώδικά του. Αυτό το πετυχαίνουμε αν
πατήσουμε πάνω στο πρότυπο που επιθυμούμε. Η επιλογή αυτή μας
μεταφέρει στο περιβάλλον επεξεργασίας προτύπων (εικόνα 4.2.6).
Εικόνα 4.2.6: Περιβάλλον διαχείρισης προτύπων
4.2.1.2 Δημιουργία του πρωτοσέλιδου
Το πρωτοσέλιδο της εφαρμογής είναι αυτό που βλέπει ο χρήστης την

πρώτη φορά που εισέρχεται στην εφαρμογή. Είναι ένα κείμενο που
περιγράφει εν συντομία το αντικείμενο της εταιρίας (εικόνα 4.1.1).
Σχεδιαστικά το πρωτοσέλιδο δημιουργείται αν ακολουθήσουμε τα εξής απλά
βήματα:

Εικόνα 4.2.7: Διαδρομή για την διαχείριση άρθρων
Από την οριζόντια μπάρα μενού επιλέγουμε την καρτέλα

«Περιεχόμενο» και στη συνέχεια πατάμε την επιλογή «Διαχείριση άρθρων»
(εικόνα 4.2.7). Το βήμα αυτό μας οδηγεί στη σελίδα διαχείρισης άρθρων
(εικόνα 4.2.8) η οποία διαθέτει έναν επεξεργαστή κειμένου και όλες τις
απαραίτητες επιλογές για την τροποποίησή του.
©
Πατάμε την επιλογή Ν£° αν επιθυμούμε να ξεκινήσουμε ένα νέο
X
κείμενο, διαφορετικά πατάμε την επιλογή Εττεξερνασία αφού πριν έχουμε
τσεκάρει το άρθρο που θέλουμε να τροποποιήσουμε. Αφού τελειώσουμε με
την εγγραφή του άρθρου επιλέγουμε «Ναι» στις ετικέτες «Δημοσιευμένο/α»
και «Πρωτοσέλιδο», για να εμφανίζεται το κείμενο στην αρχική σελίδα και
πατάμε το κουμπί «Αποθήκευση». Στην πλατφόρμα εμφανίζεται το μήνυμα,
Το Άρθρο αττοθηκεύθηκε επιτυχώς
που επιβεβαιώνει την επιτυχή εγγραφή του άρθρου μας.

Διαχείριση Άρθρων Α
ΕπανάφΕρΕ από το αρχείο
Α
Αρχείο Δημοσίευση
β
Απόσυρση
χ
Μετακίνηση Αντιγραφή
1
Αττορίμμστσ
/
Επεξεργασία
©Νέο Παράμετροι Βοήθεια
Φίλτρο: Μετάβαση Μηδένισε - Επιλέξτε Ενότητα - [7 ] - Επιλέξτε Κατηγορία - [^] - Επιλογή Αρθρογράφευ - [7] -Επιλέξτε Κατάσταση - [
Επίπεδο
# □ Τίτλος Δημοσιευμένο/π Κεντρική Εελίδα Ταξινόμηση γΑ Ενότητα* Κατηγορία Αρθραγράφος Ημερομηνία Εμφανίσεις ΑίΑ
Πρόσβασης
1 Π Καλώς ήρθατε!
Ε1] Δημόσιο ΑδΠΉΠΙδίΓαίοΓ 04.02.12 0 1
Εμφάνιση#|~20 |τ |
Δημοσιευμένο αΜά είναι Εκκοευεί | Δηυοσιευυόιο και είναι Τοέχον I φ Δηυοσιεμμένο αλλά έχει Ληνυίνο/α I Ο ΔεΔημοσιεύθηκεΙ , Αρχειοθετημένα
Κάντε κλικ στο εικονίδιο για αλλαγή κατάστασης.
Εικόνα 4.2.8: Περιβάλλον διαχείρισης άρθρων
Η δημοσίευση ή μη των άρθρων και άλλων αντικειμένων του ύοοηΐσ

ΙΟ V
, _ , και αντίστοιχα. Κάθε
επιλογή τους αλλάζει κάθε φορά την κατάσταση δημοσίευσης του
αντικειμένου που επεξεργαζόμαστε. Η επεξήγησή τους δίνεται στην
πλατφόρμα στην παρακάτω εικόνα:
Δηυοσιευυένο αλλά είναι Εκκοευεί I ^ Δημοσιευμένο και είναι Τβέχον | φ Δπυοσιευυένο αλλά έχει Ληνυένο/α I Ο Δ εΔ η μοσ ιεύ θηκεΙ ^ Αρχειοθετημένα
Κάντε κλικ στο εικονίδιο για αλλαγή κατάστασης.
Στη βάση τα άρθρα της ιστοσελίδας μας αποθηκεύονται στον πίνακα

]ο8_σοηίθηί, ενώ τα πρωτοσέλιδα αποθηκεύονται σε έναν ξεχωριστό πίνακα
με το όνομα ]ο8_σοηίθηί_1τοη1ρ89θ.
4.2.1.3 Δημιουργία της σελίδας «Συνεργάτες»

Από πλευράς Joomla το βήμα που χρειάστηκε για την δημιουργία της
σελίδας ήταν να προσθέσουμε μία επέκταση στο λογισμικό με την ονομασία
Jumi. Το Jumi μας επιτρέπει να δημιουργήσουμε κομμάτια στη σελίδα ο
κώδικας των οποίων δεν είναι έτοιμος, αλλά γραμμένος από εμάς.
Η εγκατάσταση της εφαρμογής γίνεται μέσα από το περιβάλλον

διαχείρισης επεκτάσεων (εικόνα 4.2.2, εικόνα 4.2.3).
Από την οριζόντια μπάρα μενού επιλέγουμε την καρτέλα

«Εφαρμογές» και πατάμε στην επιλογή «Jumi» (εικόνα 4.2.9). Το βήμα αυτό
μας οδηγεί στο περιβάλλον Jumi applications manager (εικόνα 4.2.10), όπου
με την ίδια λογική των άρθρων μπορούμε να δημιουργήσουμε, να
τροποποιήσουμε και να διαγράψουμε αντικείμενα Jumi, με τη διαφορά ότι
εδώ γράφουμε κώδικα και όχι απλό κείμενο (εικόνα 4.2.11).
Π ερ ιεχόμ εν ο Ε φ α ρμ ογές | Ε π εκτάσ εις [

Δ ια φ ή μ ισ η
COM _AKEEBA
|Η g Ε π α φ ές Γ
φ GM apFP
Δ ια χείρ ισ η Α ρθρ J o o m la R e s e rv a tio n s ► αχείρι
j j Jum i
Ρ ο ές Ε ιδήσ εω ν
a ΓΛ
Δ η μ ο σ κ ο π ή σ εις
Δ ια χείρ ισ η Μενε - 5 Α ναζήτηση αχείρι
Δ ικ τ υ α κ ο ί Σύνδεσμοι ►
Εικόνα 4.2.9: Διαδρομή για την διαχείριση αντικειμένων Jumi

m Jumi Applications Manager □ ο ο / © ο

Δημοσίευση Απόσυρση Διαγραφή Επεξεργασία Νέο Βοήθεια
Φίλτρο: [ Μετάβαση ] [ Μηδένισε ] - Επιλεξτε Κατάσταση - 0
# Π ΤίτΛος Path Δημοσιευμένοι Επίπεδο Πρόσβασης Α/Α*.
1 Π Συνεργάτες V Μέλος/η 1
2 Π Υπηρεσίες V Μέλος/η 2
3 Π Gallery V Μέλος/η 3
4 Π Επικοινωνία V Μέλος/η 4
5 Π Τιμοκατάλογος V Μέλος/η 6
6 Π Λίστα κομμωτηρίων V Δημόσιο 13
Εικόνα 4.2.10: Περιβάλλον διαχείρισης αντικειμένων Jumi
Εικόνα 4.2.11: Επεξεργασία κώδικα μέσω της εφαρμογής Jumi
Μέσω της ίδιας εφαρμογής δημιουργήθηκαν οι σελίδες «Υπηρεσίες»,

«Επικοινωνία» (κατά το ήμισυ), «Λίστα κομμωτηρίων», «Τιμοκατάλογος» και
το μενού «Φιλικές ιστοσελίδες», ο κώδικας των οποίων αναλύεται σε
επόμενες παραγράφους.
Η εφαρμογή αποθηκεύει τα δεδομένα της στον πίνακα ]οβ_μηι.
4.2.1.4 Δημιουργία της σελίδας «Gallery»

Η λίστα εικόνων δημιουργήθηκε μέσω του ενθέματος Simple image

gallery το οποίο διανέμεται δωρεάν σε επίσημη σελίδα επεκτάσεων και
πρόσθετων του Joomla.
Αφού γίνει η εγκατάστασή του ακολουθούμε τα εξής βήματα:
Από την καρτέλα «Επεκτάσεις» πατάμε στην επιλογή «Διαχείριση

ενθεμάτων» (εικόνα 4.2.12). Το βήμα αυτό μας οδηγεί στο περιβάλλον
διαχείρισης ενθεμάτων (εικόνα 4.2.13) όπου μπορούμε να δούμε διάφορα
είδη αντικειμένων της κατηγορίας αυτής.
Από τη λίστα αυτή επιλέγουμε να επεξεργαστούμε το ένθεμα με την

ονομασία Simple image gallery module και να το τροποποιήσουμε σύμφωνα
με τις ανάγκες μας (εικόνα 4.2.14).
Εφαρμονές Επεκτάσεις Εργαλεία Βοήθεια
Λ ΕγκατάστασινΑπεγκατάστασπ
ψ
4ψ Διαχείριση Ενθεμάτων
1 λ Διαχείριση Προσθέτων
J
r Διαχείριση Προτύπων
jv Διαχεί Διαχείριση Γλώσσας Διαχείριση
Πρωτοο Κατηγοριών
Εικόνα 4.2.12: Διαδρομή για την διαχείριση επεκτάσεων

Διαχείριση Ενθέματος 1—0 Ο ο ο

Ε ν ε ρ γ ο π ο ίη σ η Α ττ ε ν ε ρ γ ο π ο ίη σ η Α ν τ ιγ ρ α φ ή Δ ια γ ρ α φ ή Ε π ε ξ ε ρ γ α σ ία Ν έο Β οήθει
Ιστότοποο Διαχειριστής
Φίλτρο: [ Πήγαινε | [ Επαναρύθμιση | -Επιλέξτε Πρότυπο - 1-w | - Επιλέξτε θέση - 1-* | - Επιλέξτε Είδος - | τ | - Επιλέξτε Κατάσταση - 1 |
# □ Ό ν ο μ α Ε νθ έμ α το ς Ε ν ε ρ γ ο π ο ιη μ έ ν ο Τ α ξ ιν ό μ η σ η γΑ Ε π ίπ ε δ ο Π ρ ό σ β α σ η ς Ooaii^. Σ ε λ ίδ ε ς Ε ίδ ο ς A /A
1 0 Φ ό ρ μ α ε π ικ ο ιν ω ν ία ς V C Ο Μ έ λ ο ς /η b a n n e r5 Π ο ικ ίλ λ ε ι m o d _ r a p id _ c o n t a c t 19
2 0 Φ ιλ ικ έ ς ισ τ ο σ ε λ ίδ ε ς V [ ο Μ έ λ ο ς /η b o tto m s Ό λα m o d ju m i 16
3 Π G a lle r y V C ο Μ έ λ ο ς /η b re a d c ru m b Π ο ικ ίλ λ ε ι m o d _ s p _ s im p l e _ g a ll e r y 20
4 Π S id e m e n u V C ο Μ έ λ ο ς /η le ft Ό λα m o d _ m a in m e n u 24
5 Π Α ν α ζ ή τ η σ η ... V * - [ ο Μ έ λ ο ς /η le ft Π ο ικ ίλ λ ε ι m o d _ s e a rc h 26
6 Π Ε ίσ ο δ ο ς V * - Δ η μ ό σ ιο le ft Ό λα m o d jo g in 21
7 0 Ε π ισ κ έ π τ ε ς /Μ έ λ η V * [ ο Δ η μ ό σ ιο le ft Ό λα m o d _ w h o s o n l in e 25
8 0 Δ ημοσ κόπ ησ η V * [ Ο Μ έ λ ο ς /η r ig h t Π ο ικ ίλ λ ε ι m o d _ p o ll 27
9 Π Β ρ ε ίτ ε μ α ς σ τ ο F a c e b o o k ! V Λ C O Μ έ λ ο ς /η r ig h t Π ο ικ ίλ λ ε ι m o d _ fu o f b 17
10 0 Α κ ο λ ο υ θ ε ίσ τ ε μ α ς σ τ ο T w itte r V Λ
C O Μ έ λ ο ς /η r ig h t Π ο ικ ίλ λ ε ι m o d _ fu o tw 18
11 0 Top m enu V [ ο Μ έ λ ο ς /η u s e r3 Ό λα m o d _ m a in m e n u 1
Εικόνα 4.2.13: Περιβάλλον διαχείρισης ενθεμάτων
Εικόνα 4.2.14: Επεξεργασία gallery

Εδώ έχουμε μία σειρά ρυθμίσεων για να τροποποιήσουμε τη gallery

μας, οι οποίες δεν είναι καθόλου δύσκολο να κατανοηθούν από έναν κοινό
χρήστη. Τα βασικά βήματα για να δημιουργήσουμε τη gallery είναι τα εξής:
• Οποιοδήποτε αντικείμενο του Joomla απαιτεί ένα όνομα για

λόγους οργάνωσης και ευκολίας. Εισάγουμε λοιπόν τον τίτλο
που θέλουμε να έχει η gallery μας και συνεχίζουμε στην
επόμενη ρύθμιση.
• Στις ετικέτες «Εμφάνισε τίτλο» και «Ενεργοποιημένο» μας
γίνεται η ερώτηση για το αν μαζί με το ένθεμα θέλουμε να
δημοσιευτεί και ο τίτλος του και αν θέλουμε να δημοσιεύσουμε
το ίδιο το ένθεμα ή όχι. Στην περίπτωσή μας επιλέγουμε «Όχι»
και «Ναι» αντίστοιχα.
• Η ετικέτα «Θέση» αντιπροσωπεύει τη θέση που θα έχει το
ένθεμά μας στη σελίδα, καθώς και οποιοδήποτε άλλο
αντικείμενο που του δίνεται η δυνατότητα αυτής της επιλογής.
Βλέπουμε ότι υπάρχει μία λίστα θέσεων οι οποίες σχηματικά
εξηγούνται στην εικόνα 4.2.15. Στην περίπτωσή μας επιλέγουμε
τη θέση breadcrumb.
• Η ετικέτα ταξινόμηση χρησιμοποιείται στην περίπτωση που για
την ίδια θέση έχουμε δημιουργήσει δύο ή περισσότερα
αντικείμενα. Έτσι λοιπόν δημιουργούμε μία σειρά
προτεραιότητας για πιο ομοιόμορφο αποτέλεσμα.
• Η ετικέτα «Επίπεδο πρόσβασης» είναι αυτή που καθορίζει ποια
κατηγορία χρήστη έχει το δικαίωμα να δει το περιεχόμενου του
αντικειμένου της ιστοσελίδας. Εδώ επιλέγουμε «μέλος»,
δίνουμε δηλαδή δικαίωμα πρόσβασης στη gallery στα μέλη της
ιστοσελίδας (πελάτες, προσωπικό).
• Η ετικέτα «Σύνδεση μενού» μας δίνει τη δυνατότητα να
συνδέσουμε το αντικείμενο με το υπάρχον στοιχείο μενού που

επιθυμούμε. Παραδείγματος χάριν, όταν ο χρήστης θελήσει να

δει τη λίστα με τους κομμωτές θα πρέπει να επιλέξει την
Σ υ ν ερ γ ά τε ς
καρτέλα γιατί ο προγραμματιστής έχει συνδέσει
τη σελίδα «Συνεργάτες» με το στοιχείο μενού «Συνεργάτες».
Εδώ φυσικά επιλέγουμε το μενού «Gallery».
Τέλος η ετικέτα «Παράμετροι ενθέματος» περιλαμβάνει μία
σειρά πιο λεπτομερών ρυθμίσεων με τις οποίες μπορούμε να
ρυθμίσουμε για παράδειγμα, το μέγεθος των εικόνων που θα
εμφανίζονται μετά από επιλογή τους και άλλα. Στην ετικέτα
λοιπόν «Image directory» επιλέγουμε το φάκελο από τον οποίο
θέλουμε η εφαρμογή να διαβάζει και να εμφανίζει εικόνες.
Πατάμε το κουμπί «Αποθήκευση» και η gallery έχει δημιουργηθεί.
Γενικά η σύνδεση κάθε αντικειμένου με το/α αντίστοιχο/α μενού γίνεται

στον πίνακα jos_modules_menu.

slideshow
userl, user2, user3
component
user4, user5, user6
user7, user8, user9, userl 0
copyright
Εικόνα 4.2.15: ορισμός θέσεων αντικειμένων στο Joomla
4.2.1.5 Δημιουργία της Φόρμας επικοινωνίας (σελίδα «Επικοινωνία»)
Η φόρμα αυτή αποτελεί άλλο ένα αντικείμενο στη σειρά ενθεμάτων και
διανέμεται δωρεάν από επίσημη ιστοσελίδα του Joomla.
Μετά την εγκατάστασή του τα βήματα που ακολουθούμε είναι:
Επιλέγουμε την καρτέλα «Διαχείριση ενθεμάτων» (εικόνα 4.2.12) και
από τη λίστα ενθεμάτων που εμφανίζεται επιλέγουμε εκείνο με την ονομασία
Rapid contact.
Στο περιβάλλον επεξεργασίας που εμφανίζεται (εικόνα 4.2.16)
βλέπουμε στην αριστερή στήλη τις στοιχειώδεις ρυθμίσεις που έχει κάθε
ένθεμα και στη δεξιά τις επιπλέον παραμέτρους για την τροποποίησή του.

Εδώ υπάρχουν ρυθμίσεις όπως το e - mail στο οποίο επιθυμούμε να

αποστέλλονται τα μηνύματα των μελών, τα κείμενα των ετικετών όπως εμείς
θέλουμε να εμφανίζονται και το μέγεθος και οι διαστάσεις του πλαισίου του
μηνύματος και άλλες.
Αφού τροποποιήσουμε τη φόρμα όπως θέλουμε, πατάμε το κουμπί
«Αποθήκευση».
Είδος Ενθέματος: mod_rapid_contact - Παράμετροι Ενθέματος

Τίτλος: Φόρμα επικοινωνίας Parameter Group 9 Email Parameters
Εμφάνισε Τίτλο: © Όχι '·'■ Ναι Email Recipient eva_g@otenet.gr
Ενεργοποιημένο: © Όχ| * Να| Mail From Name Unique - Salon de beau
Θέση: banners [τ~| Mail From Email irrfo@uniquesalon gr
Ταξινόμηση: 0::Φόρμα επικοινωνίας Q

Επίπεδο Πρόσβασης: Δημόσιο *1 Parameter Group Text Parameters
Ιΐ5ίΒΪ8ιΤΒ Email Label Εισάγετε το email σας
Ειδικό -■
Α/Α: 19 Subject 1abel θ ή "
Περιγραφή: Rapid Contact. Lightweight, fast and easy, configuring a contact form, was never Message Label Μήνυμα:
a pleasure before.
Button Text Αποστολή
Thank you text Ευχαριστούμε για την
Error page text Το μήνυμά σας δεν έχ
No Email Error Message Παρακαλούμε εισάγετ
Παρακαλούμε εισάγετ
Message
Wrong Anti-Spam Text Μη έγκυρη απάντηση (
Small Intro Text 1

_______ 1
Parameter Group β Size and Color Parameters
Text Color #FF(HHH)
Error Text Color SFFOOOO
Email Width | S 3 _
Qnhio/'t Width I n
Εικόνα 4.2.16: Επεξεργασία φόρμας επικοινωνίας
4.2.1.6 Δημιουργία της σελίδας «Χάρτης»
Η σελίδα αυτή δημιουργήθηκε μέσω της εφαρμογής GMapFP.

Από την καρτέλα «Εφαρμογές» πατάμε την επιλογή GMapFP η οποία

μας οδηγεί στον πίνακα ελέγχου της εφαρμογής (εικόνα 4.2.17, εικόνα
4.2.18).
Εδώ μπορούμε να προσθέσουμε όσες τοποθεσίες επιθυμούμε να
εμφανίζονται σε ένα χάρτη. Για καλύτερη οργάνωση η εφαρμογή χωρίζει τις
τοποθεσίες σε κατηγορίες και ομάδες.
/π\
Επιλέγουμε την καρτέλα «Categories» και πατάμε το κουμπί Ν™ ,

διαφορετικά επιλέγουμε μία από τις τυχόν υπάρχουσες κατηγορίες και
πατάμε το κουμπί ε-ιφρηκηπ (εικόνα 4.2.19).
Π ε ρ ιε χ ό μ ε ν ο Ε φ α ρμ ογές Ε π ε κ τ ά σ ε ις Ε ρ γ α λ ε ία Β ο ή θ εια
C O M _AKEEBA
]
m Ε π α φ ές
J il H ill
φ G M apFP Ο H om e
Δ ια χ ε ίρ ισ η Ά ρ θ ρ J o o m la R e s e r v a tio n s ► TJ P la c e s - 'p ltlri

COpir.OV
ΞΙ Jum i
9 M a rk e rs
a f9 Ρ ο έ ς Ε ιδ ή σ ε ω ν
Δ η μ ο σ κ ο π ή σ ε ις
Α να ζήτησ η
ιΧ
JJ
C a te g o r ie s
G r o u p s o f c a te g o r ie s
Δ ια χ ε ίρ ισ η Μ ενε β P e r s o n a liz a tio n 3u 8 p io E i(;
Δ ικ τ υ α κ ο ί Σ ύ ν δ ε σ μ ο ι ► C S S file
Εικόνα 4.2.17: Διαδρομή για τη διαχείριση των τοποθεσιών στο χάρτη

GMapFP: Place Manager Q Γ& Q X ©

Δημοσίευση Απόσυρση Αντιγραφή Διαγραφή Επεξεργασία Χρήστης Νέο Παράμετρε
Home Places Markers Categories Group of categories Personalization CSS
Φίλτρο: [ Μετάβαοη ] [ Μηδένισε ] -Tow n- ] - State - [V \ - Category - Γ^Ί
# Π Νβιηο Town/Suburb/City State/County/Province Country Ταξινόμηση^, y*. Category Author Published A/A
1 ο Εταιρία Αθήνα * Κομμωτήρια Administrator V 6
2 Π Υποκατάστημα Ευκαρπία Θεσσαλονίκη Λ * 2 Κομμωτήρια Administrator y 5
3 ο Υποκατάστημα Χαριλάου Θεσσαλονίκη A * C O Κομμωτήρια Administrator y 0
4 ο Υποκατάστημα Πεύκα Θεσσαλονίκη A * Κομμωτήρια Administrator y 1
5 ο Υποκατάστημα Εύοσμος Θεσσαλονίκη A - 5 Κομμωτήρια Administrator y 3
6 □ Υποκατάστημα Κέντρο Θεσσαλονίκη A « Κομμωτήρια Administrator y 2
Εμφάνιση#] 20 | ^ |
Εικόνα 4.2.19: Περιβάλλον διαχείρισης τοποθεσιών GMapFP
Στο περιβάλλον επεξεργασίας που εμφανίζεται (εικόνα 4.2.20)

βλέπουμε τις διαθέσιμες ρυθμίσεις για την τροποποίηση της κατηγορίας.

Αφού ολοκληρώσουμε την επεξεργασία πατάμε το κουμπί

«Αποθήκευση». Με τον ίδιο τρόπο μπορούμε να δημιουργήσουμε όσες
κατηγορίες νομίζουμε ότι χρειάζονται.
Το επόμενο βήμα είναι να ορίσουμε τις τοποθεσίες της κατηγορίας
που μόλις δημιουργήσαμε. Επιλέγουμε την καρτέλα «Places» η οποία μας
οδηγεί στο περιβάλλον διαχείρισης των τοποθεσιών (εικόνα 4.2.21).
Εικόνα 4.2.20: Επεξεργασίας κατηγορίας τοποθεσιών

GMapFP : Place Manager Γ3 Γθ Q / 0

Δημοσίευση Απόσυρση Αντιγραφή Διαγραφή Επεξεργασία Χρήστης Νέο Παράμετρο
Home Places Markers Categories Group of categories Personalization CSS
Φ ίλ τ ρ ο : [ Μ ετά β α σ η ] [ Μ η δ έ ν ισ ε J -T o w n - [ » ] - S ta te - [ w ] - C a te g o ry - |~τ~|
# □ Marne TowniSuburb/City State/CountyiProvince Country Ταξινόμηση^ γΑ Category Author Published A/A
1 ο Εταιρία Αθήνα » m Κομμωτήρια Administrator V 6
2 □ Υποκατάστημα Ευκαρπία Θεσσαλονίκη » Κομμωτήρια Administrator V 5
3 ο Υποκατάστημα Χαριλάου Θεσσαλονίκη * » Κομμωτήρια Administrator V 0
4 □ Υποκατάστημα Πεύκα Θεσσαλονίκη » Κομμωτήρια Administrator v 1

«
5 ο Υποκατάστημα Εύοσμος Θεσσαλονίκη * Κομμωτήρια Administrator V 3
6 □ Υποκατάστημα Κέντρο Θεσσαλονίκη « Κομμωτήρια Administrator V 2
Εμφάνιση # 20 |V|
Εικόνα 4.2.21: Περιβάλλον διαχείρισης τοποθεσιών
Πατώντας το κουμπί Νέ0 ή για κάθε υπάρχουσα τοποθεσία

μεταφερόμαστε στο περιβάλλον επεξεργασίας μιας τοποθεσίας (εικόνα
4.2.22).
Ένα μικρό βήμα που πρέπει να κάνουμε προκειμένου να μπορέσουμε
να εμφανίζουμε μία τοποθεσία στο χάρτη μας είναι να ακολουθήσουμε τη
διαδικασία απόκτησης του κλειδιού API μέσω του e - mail μας στην εταιρία
Google, το οποίο κλειδί αποθηκεύουμε στην εφαρμογή μέσω των ρυθμίσεων
παραμέτρων της.
Μετά τη αποθήκευση λοιπόν του κλειδιού API είμαστε έτοιμοι να
τροποποιήσουμε την τοποθεσία μας και να τη βρούμε στο χάρτη μέσω της
ετικέτας «Click on 'Find' for find this address». Πατάμε λοιπόν τι κουμπί
«Find» δίπλα στην τοποθεσία και η διεύθυνση βρίσκεται αυτόματα και
φαίνεται στον δοκιμαστικό χάρτη (εικόνα 4.2.23).

Εικόνα 4.2.22: Επεξεργασία τοποθεσίας

Εικόνα 4.2.23: Δοκιμαστικός χάρτης - επεξεργασία τοποθεσίας
Μετά την ολοκλήρωση εισαγωγής των στοιχείων πατάμε το κουμπί

αποθήκευση και η τοποθεσία του χάρτη έχει αποθηκευτεί επιτυχώς στο
σύστημα.
Η εφαρμογή χρησιμοποιεί τους πίνακες ]οβ_9η 8ρίρ,
]08_9η 8ρίρ_η8ΓςθϋΓ8, όπου αποθηκεύει τις εικόνες των σημείων, καθένα
από τα οποία αντιπροσωπεύει και μία θέση, και τον πίνακα
]08_9η8ρίρ_ρθΓ80ΠΠ8!ΙΖ8ΐΐ0Π.
4.2.1.7 Δημιουργία της σελίδας «Κλείστε ραντεβού»
Μετά την εγκατάσταση και αυτή της εφαρμογής από την καρτέλα
«Εφαρμογές» πατάμε την επιλογή Joomla reservations που μας οδηγεί στον
πίνακα ελέγχου της εφαρμογής (εικόνα 4.2.24).
Για να δημιουργήσουμε τη λίστα υπηρεσιών επιλέγουμε την καρτέλα
με όνομα «Manage service» η οποία μας μεταφέρει στο περιβάλλον
διαχείρισης των υπηρεσιών (εικόνα 4.2.25).
Manage Services Manage Operators Manage Time Units Manage Days Manage Reservations Configurations
Joomla ! ©
Reservations
Powered by Unisoft Sri
Εικόνα 4.2.24: Πίνακας ελέγχου Joomla reservations

Νέο Επεξεργασία Δια
Λίστα υπηρεσιών _FILTER
# Π Υπηρεσία Μονάδα χρόνου Λίστα προτεραιότητας
1 Π Κούρεμα 1 1
2 Π ΨαΑίθα 1 2
3 ο Βαφή 1 3
4 Π Ανταύγειες 1 4
5 Π Μες 1 5
6 Π Χτένισμα 1 7
7 Π Θεραπεία 1 8
8 Π Λούσιμο 1 9
«Πνϊ I I Powered bvUnisott Sri
Εικόνα 4.2.25: Περιβάλλον διαχείρισης υπηρεσιών
/ΤΤΝ
V
Πατάμε το κουμπί Νε° για να δημιουργήσουμε μία νέα υπηρεσία ή
/
ΕΐϊίΕρ*™α γ,α να τροποποιήσουμε μια υπάρχουσα. Το βήμα αυτό μας
μεταφέρει στη σελίδα επεξεργασίας της υπηρεσίας (εικόνα 4.2.26) όπου δεν
έχουμε παρά να συμπληρώσουμε τον τίτλο και τη σειρά προτεραιότητας που
θέλουμε να εμφανίζεται.
Πατάμε το κουμπί «Αποθήκευση» και η υπηρεσία έχει αποθηκευτεί
στο σύστημα.

Εικόνα 4.2.26: Επεξεργασία υπηρεσίας
Επόμενο βήμα είναι να επιλέξουμε την καρτέλα «Manage operators»

και να μεταβούμε στη σελίδα διαχείρισης του προσωπικού (εικόνα 4.2.27).
©
Πατάμε το κουμπί Ν“ αν επιθυμούμε να δημιουργήσουμε νέο μέλος
/
προσωπικού ή Ετ^ρ™ί[ΐ για να τροποποιήσουμε τα στοιχεία ενός που ήδη
υπάρχει. Το βήμα αυτό μας μεταφέρει στη σελίδα επεξεργασίας του
προσωπικού (εικόνα 4.2.28)
Εδώ το μόνο που έχουμε να κάνουμε είναι να συμπληρώσουμε το
ονοματεπώνυμο κομμωτή και να επιλέξουμε ως «Ναι» ή «Όχι» στη λίστα
που ακολουθεί ποιες υπηρεσίες προσφέρει ο συγκεκριμένος κομμωτή.
Πατάμε αποθήκευση και το μέλος του προσωπικού έχει αποθηκευτεί στο
σύστημα.
Manage Services M anage O perators Manage Time Units Manage Days Manage Reservations Configurations
' foomla !
8 l Reservation*
Λίστα προσωπικού _FILTER
η Π Εργαζόμενος Λίστα προτεραιότητας
1 □ Χριστίνα Αγγελάκη 1
2 □ Κωνσταντίνος Δρακσπουλος 2
3 □ Ελένη Ζαφειρίου 3
4 □ Μιχάλης Ευστρατιάδης 4
5 Π Αθανασία Κεψαλίδου 5
6 □ Νικόλαος Λαμπρίδης 6
7 Π Κατερίνα Νικολάου 7
8 □ Μαρία Σαχινίδου 8
9 □ Παύλος Γιορδανλής 9
10 □ Τηλέμαχος Σεραψειμίδης 10
Εικόνα 4.2.27: Περιβάλλον διαχείρισης προσωπικού

Εικόνα 4.2.28: Επεξεργασία προσωπικού
Επιλέγουμε την καρτέλα «Manage time units» η οποία μας μεταφέρει

στη σελίδα διαχείρισης των μονάδων χρόνου (εικόνα 4.2.29).
/"Τ\
Πατάμε το κουμπί Ν“ αν θέλουμε να δημιουργήσουμε καινούρια
/
μονάδα χρόνου ή ^ “οία αν θέλουμε να τροποποιήσουμε μία ήδη
υπάρχουσα. Το βήμα αυτό μας μεταφέρει στη σελίδα επεξεργασίας των
μονάδων χρόνου (εικόνα 4.2.30).
Εδώ συμπληρώνουμε τη μονάδα χρόνου όπως θέλουμε να φαίνεται
στη σελίδα, τη σειρά προτεραιότητας και το αν θέλουμε η μονάδα αυτή να
δημοσιευτεί ή όχι. Πατάμε το κουμπί «Αποθήκευση» και συνεχίζουμε στο
επόμενο βήμα.

M anage Services M anage O perators M anage Time Units M anage Days M anage R eservations Configurations
Λίστα μονάδων χρόνου _FILTER

# ΙΟ Μονάδα Χρόνου Λίστα προτεραιότητας Ενεργό
1 Β 09.00 1 V
2 Β 10.00 2 V
3 Β 11.00 3 V
4 Β 12.00 4 V
5 Β 13.00 5 V
6 Π 14.00 6 ο
7 Β 15.00 7 ο
8 Β 16.00 8 ο
9 Β 17.00 9 ο
10 Β 18.00 10 V
11 Β 20.00 11 V
Εικόνα 4.2.29: Περιβάλλον διαχείρισης μονάδων χρόνου
Εικόνα 4.2.30: Επεξεργασία μονάδας χρόνου
Επιλέγουμε την καρτέλα «Manage days» που μας οδηγεί στη σελίδα
διαχείρισης των ημερών (εικόνα 4.2.31). Για να δημιουργήσουμε καινούρια
ημέρα πατάμε το κουμπί Ν“ , διαφορετικά πατάμε το κουμπί για να

επεξεργαστούμε μία υπάρχουσα. Το βήμα αυτό μας μεταφέρει στη σελίδα
επεξεργασίας της ημέρας (εικόνα 4.2.32).

Όπως γίνεται κατανοητό συμπληρώνουμε τον τίτλο της ημέρας και

επιλέγουμε ποιές ώρες επιθυμούμε να είναι ενεργές για τη μέρα αυτή.
Πατάμε το κουμπί αποθήκευση και η ημέρα έχει αποθηκευτεί στο σύστημα.
Εικόνα 4.2.31: Περιβάλλον διαχείρισης ημερών
Εικόνα 4.2.32: Επεξεργασία ημερών

Στο σημείο αυτό τελειώνει διαδικασία της καταχώρησης δεδομένων για

τη δημιουργία του ημερολογίου συναντήσεων.
Επιλέγοντας την καρτέλα «Manage reservations» μπορούμε να δούμε
ότι η σελίδα που εμφανίζεται αφορά την επεξεργασία των ραντεβού της
εταιρίας. Πριν προχωρήσουμε στην περιγραφή θα πρέπει να πούμε ότι
δικαιώματα για τη διαχείριση των ραντεβού έχουν οι κομμωτές και η
διαχείριση τους συστήματος.
Η καρτέλα λοιπόν «manage reservations» μας μεταφέρει στη σελίδα
διαχείρισης των ραντεβού (εικόνα 4.2.33). Ο κομμωτής κάνει έναν έλεγχο στα
ραντεβού που τον αφορούν και αν κάποιο από αυτά δεν καλύπτει τις ανάγκες
του ακολουθεί τα εξής βήματα:
Αφού επιλέξει το ραντεβού που θέλει να τροποποιήσει πατά το κουμπί
Στη σελίδα επεξεργασίας που εμφανίζεται (εικόνα 4.2.34)

τροποποιεί το ραντεβού σύμφωνα με τις ανάγκες του και πατά το κουμπί
«Αποθήκευση». Στη σελίδα εμφανίζεται το μήνυμα,
Η κράτηση έχει αΛΛά-ξει
που επιβεβαιώνει την επιτυχία τροποποίησης.
Όπως αναφέραμε σε προηγούμενη παράγραφο, για την αλλαγή αυτή

ενημερώνονται αυτόματα από το σύστημα και οι τρεις κατηγορίες χρηστών.
©
Νέο Ε
Λίστα ραντεβού _FILTER

# ΙΟ Ημερομηνία κράτησης (εεεεμμηη) Ώρα Κομμωτής-τρια Υπηρεσία Όνομα και Επίθετο
1 ΙΟ 20120306 [3] 11.00 [105] Αθανασία Κεφαλίδοο [1113] Βαφή Ευαγγελία Γκεζέπη
2 ΙΟ 20120305 [1] 09.00 [101] Χριστίνα Αγγελάκη [1111] Κούρεμα Χριστίνα Αγγελάκη
Εμφάνιση # 20 |«.| Powered by Unisoft Sri

Εικόνα 4.2.33: Περιβάλλον διαχείρισης ραντεβού
Εικόνα 4.2.34: Επεξεργασία κράτησης
Η καρτέλα «ΟοηίΙςϋΓσίΙοηβ» μας μεταφέρει στη σελίδα των

διαθέσιμων παραμέτρων της εφαρμογής αυτής (εικόνα 4.2.35), η οποία
περιλαμβάνει ρυθμίσεις όπως επεξεργασία των ετικετών που φαίνονται στη
σελίδα, επεξεργασία των χρωμάτων που αντιστοιχούν σε κάθε περίπτωση
κράτησης και άλλες.

Εικόνα 4.2.35: Επεξεργασία παραμέτρων Joomla reservations
4.2.1.8 Δημιουργία της σελίδας «Το προφίλ μου»
Η διαδικασία δημιουργίας της σελίδας αυτής ήταν απλή και

αυτοματοποιημένη. Είναι στην ουσία μία φόρμα για τον χρήστη η οποία
δημιουργείται αυτόματα από τη στιγμή που επιλέγουμε το αντίστοιχο στοιχείο
μενού «Το προφίλ μου» να δημιουργηθεί. Η ανάλυση των στοιχείων μενού
γίνεται σε επόμενη παράγραφο.
Με παρόμοια διαδικασία δημιουργήθηκαν οι σελίδες «Αναζήτηση» και
«Δημοσκόπηση» που αποτελούν επίσης έτοιμες σελίδες του ύοοηί8.
4.2.1.9 Δημιουργία των στοιχείων μενού

Η δημιουργία των στοιχείων μενού έγινε μέσω του περιβάλλοντος

διαχείρισης μενού (εικόνα 4.2.37) στο οποίο μας μετέφερε η επιλογή της
καρτέλας «Μενού» και η επιλογή «Διαχείριση μενού» (εικόνα 4.2.36).
Σύμφωνα με τη λογική του Joomla κάθε στοιχείο μενού ανήκει σε μία
θυγατρική ομάδα μενού. Τις ομάδες μενού τις καθορίζουμε εμείς ανάλογα με
τις ανάγκες της σελίδας μας. Εδώ δημιουργήσαμε δύο ομάδες, την Top menu
και τη Side menu. Αυτό που θέλαμε να κάνουμε στην ουσία ήταν να έχει
σελίδα ένα οριζόντιο μενού και ένα κάθετο.
Από τη στιγμή λοιπόν που δημιουργούμε τις ομάδες μενού θα πρέπει
να καθορίσουμε και τη θέση τους στη σελίδα. Αυτό γίνεται μέσα από τη
διαχείριση ενθεμάτων (εικόνα 4.2.12), όπου επιλέγουμε τα module Top menu
και Side menu αντίστοιχα και ορίζουμε τις θέσεις τους μέσω της ετικέτας
«Θέση». Πατάμε αποθήκευση και προχωράμε στο επόμενο βήμα.
Ιστόιοπος Μενού Περιεχόμενο Εφαρμογές
[1 Δ ια χ ε ίρ ισ η Μ ε ν ο ύ
* Διαγραμμένα Μενού
ΓΙ Top menu * Λ3
□
Γ1 Side menu
Προσθήκη Νέου Διαχείριση Άρθρων Διαχεί
Εικόνα 4.2.36: Διαδρομή για τη διαχείριση των στοιχείων μενού
Εικόνα 4.2.37: Περιβάλλον διαχείρισης ομάδων μενού

Πατώντας στο κουμπί μεταφερόμαστε στο περιβάλλον διαχείρισης

των στοιχείων μενού της συγκεκριμένης ομάδας (εικόνα 4.2.38). Πατάμε το
κουμπί αν θέλουμε να δημιουργήσουμε εάν καινούριο στοιχείο ή το
/
κουμπί ειγεϊεριποιο αν θέλουμε να επεξεργαστούμε ένα ήδη υπάρχον.
Φίλτρο: | Μετάβαση 11 Μηίενισε | Μέγιστο Επ ίπ εία 10 [Γ] - Επιλεξτε Κατάσταση
# □ Στοιχείο Μονού Προκαθορισμένο Δημοσιευμένοι Ταξινόμηση^ γΑ Επίπεδο Πρόσβασης Είδος ΑίΑ Στοιχι
1 □ ΑΡΧΙΚΠ ★ ν' Δημόσιο Άρθρα » Πρώτο σέΑιΰο 1
2 □ Συνεργάτες ν' * * 4 Μέλοςίη Αιπιί 2
3 □ Υπηρεσίες ν' * * [ 5 ] Μέλος/η 4υπιί 3
4 □ ΰσΙΙοΓγ V * - ε Μέλος/η 3οτπί 4
5 □ Επικοινωνία V * Ο Ϊ Μέί,ος/η 3οτηί 5
Εμφάνισηΐΐ |τ
Εικόνα 4.2.38: Περιβάλλον διαχείρισης στοιχείων μενού
Το βήμα αυτό μας μεταφέρει στη σελίδα επεξεργασίας των στοιχείων

μενού (εικόνα 4.2.39).

ν Π α ρ ά μ ε τ ρ ο ι (Β α σ ικ έ ς )
# Ε π ικ εφ α λή ς 1 |
# Ε ισ α ν α > ν ή ς |4 |
ΣτιίΛες |2 |
# Σ υ ν δ έσ μ ω ν [4 |
► Π α ρ ά μ ε τ ρ ο ι (Π ρ ο χ ω ρ η μ έ ν ε ς )
► Π α ρ ά μ ε τ ρ ο ι (Ε φ α ρ μ ο γ ή ς )
► Π α ρ ά μ ε τ ρ ο ι (Σ υ σ τ ή μ α τ ο ς )
Εικόνα 4.2.39: Επεξεργασία στοιχείου μενού
Στην καρτέλα «Είδος στοιχείου μενού» έχουμε τη δυνατότητα να

καθορίσουμε το είδος του στοιχείου μενού που έχουμε δημιουργήσει.
Πατώντας στο κουμπί «Αλλαγή είδους οδηγούμαστε σε ένα δέντρο επιλογών
(εικόνα 4.2.40) με διάφορα είδη αντικειμένων. Ανάλογα με το στοιχείο μενού
που μας ενδιαφέρει να δημιουργήσουμε θα επιλέξουμε και το ανάλογο είδος
αντικειμένου. Για παράδειγμα για να δημιουργήσουμε το στοιχείο μενού
«Χάρτης» που μας οδηγεί στη σελίδα «Χάρτης» επιλέξαμε από το δέντρο ως
είδος αντικειμένου την επιλογή «ΌΜαρΡΡ».
Με την ίδια λογική δημιουργήθηκαν όλα τα στοιχεία μενού.
Όπως με τη ρύθμιση προτύπων, έτσι και στη διαχείριση των στοιχείων

μενού μας δίνεται η δυνατότητα να προκαθορίσουμε ένα στοιχείο μενού.
Επιλέγουμε λοιπόν το στοιχείο που θέλουμε σαν προκαθορισμένο και
πατάμε το κουμπί

Ε τ τ ιλ έ ξ τ ε τ ο Ε ίδ ο ς Σ τ ο ι χ ε ί ο υ Μ ε ν ο ύ
α gj Ε σ ω τ ε ρ ικ ό ς Σ ύ ν δ εσ μ ο ς
α Α ρθρα
α COM_AKEEBA
□ Ε π α φ ές
α GMapFP
α J o o m la R e s e rv a tio n s
α Jumi
□ Ρ ο έ ς Ε ιδ ή σ εω ν
α Δ η μ ο σ κ ο π ή σ ε ις
□ Α ν α ζή τη σ η
α Χρήστης
α Σ ύ ν δ εσ μ ο ι
□ Π ε ρ ίβ λ η μ α
■ 0 Ε ξ ω τ ε ρ ικ ό ς σ ύ ν δ εσ μ ο ς
■ Ο Δ ια χ ω ρ ισ τή ς
■ ( j ) Ψ ευ δ ώ ν υ μ ο
Εικόνα 4.2.40: Δέντρο ειδών αντικειμένων μενού
Με τον τρόπο αυτό δημιουργήθηκε και η σελίδα «Το προφίλ μου».

Από το δέντρο επιλογών επιλέξαμε τον κλάδο «Χρήστης» και πατήσαμε στην
επιλογή «Σελιδοποίηση Φόρμας Χρήστη». Ανάλογα βήματα ακολουθήσαμε
για τη σελίδα «Κλείστε ραντεβού! και όλες τις σελίδες τύπου ύϋηί».
Για την αποθήκευση των στοιχείων μενού χρησιμοποιήθηκαν οι

πίνακες ρβ^ΘΠϋ^γρΘβ Κβί ρβ^ΘΠϋβ, ενώ για την αποθήκευση κάθε
ενθέματος χρησιμοποιήθηκαν οι ρ β ^ο ά ϋ ΐΘ και ρ β ^ο ά ϋ ΐΘ ^Θ Π ϋ για τη
διασταύρωση των στοιχείων μενού με τα αντίστοιχα ενθέματα.
4.2.1.10 Δημιουργία μενού «Δημοσκόπηση»

Μέσα από το περιβάλλον διαχείρισης ενθεμάτων (εικόνα 4.2.13)
/
πατάμε το κουμπί Ε¥ΕίΕρνασία γ,α να επεξεργαστούμε ένα υπάρχον μενού
δημοσκόπησης, αλλιώς το κουμπί Νε° για να δημιουργήσουμε ένα

καινούριο. Από τη λίστα που εμφανίζεται (εικόνα 4.2.41) πατάμε την επιλογή
«Δημοσκόπηση» η οποία μας μεταφέρει στη σελίδα επεξεργασίας του
ενθέματος (εικόνα 4.2.14).
Ενθέματα
© Contact Form FX © Ενότητες
© FUOTW © Επικαιρότητα
© Find Us on Facebook © Μενού
© Google Maps © Οδηγός Πλοήγησης
© HTML κατά παραγγελία © Περίβλημα
© JV-LE Links Modules © Περιεχόμενο Υψηλής Επισκεψιμότητας
© Jumi © Προβολή Ροής
© Phoca Gallery Image Module © Ροή Ειδήσεων
© Pro Google Maps © Στατιστικά
© Rapid Contact © Συνδεδεμένοι Χρήστες
© SignalLogin © Σχετικά Άρθρα
© Simple Image Gallery Module © Σύνδεση
Ο Αναζήτηση © Τελευταία Νέα
© Αρχειοθετημένο Περιεχόμενο © Τυχαία Εικόνα
© Δημοσκόπηση © Υποσέλιδο
© Διαφήμιση
Εικόνα 4.2.41: Λίστα ενθεμάτων

Εικόνα 4.2.42: Επεξεργασία μενού « Δημοσκόπηση»
Αφού ρυθμίσουμε τις επιλογές των καρτελών «Λεπτομέρειες» και

«Σύνδεση μενού», επιλέγουμε από τις Παραμέτρους το θέμα της
υπάρχουσας δημοσκόπησης που θέλουμε να φαίνεται κάθε φορά στη
σελίδα.
Για να εισάγουμε θέματα για δημοσκόπηση επιλέγουμε από τον

πίνακα ελέγχου του ύοοηί8 την καρτέλα «Εφαρμογές» και πατάμε στην
επιλογή «Δημοσκοπήσεις» (εικόνα 4.2.43). Το βήμα αυτό μας οδηγεί στη
σελίδα διαχείρισης δημοσκόπησης (εικόνα 4.2.44).

νο | Ε φ α ρ μ ογές | Ε π ε κ τ ά σ ε ις
ΟΟΜ_ΑΚΕΕΒΑ
• Ε π α φ ές
φ G M apFP
J o o m la R e s e r v a tio n s »
------- ’ [ j Jum i
iiv e J
—> Ρ ο έ ς Ε ιδ ή σ ε ω ν
Δ η μ ο σ κ ο π ή σ ε ις
Α να ζήτησ η
Δ ικ τ υ α κ ο ί Σ ύ ν δ ε σ μ ο ι
Εικόνα 4.2.43: Διαδρομή για τη διαχείριση δημοσκόπησης
Διαχείριση Δημοσκόπησης ί—σ

Δημοσίευση
β
Απόσυρση
w
Διαγραφή
/
Επεξεργασία
Qy
Νέο Bor
Φίλτρο: Μ ετά β α σ η Μ η δ έν ισ ε • Ε π ιλ έ ξτε Κ α τά σ τα σ η -
□ Τίτλος Δημοσκόπησης Δημοσιευμένο/α Ψήφοι Επιλογές Αδράνεια
□ Ανκερδίζατε ένα 1.000.000 ευρώπώς θα τα αξιοπιούσατε; V 0 θ 86400
□ Αναποφάσιζανα ανακαινίσω έναχώρο του σπιτιού μου αυτός θα ήταν.. V 3 5 86400
□ Ποιο σύστημα χρησιμοποιείτεγια τις online αγορές σας; V 0 6 86400
Εικόνα 4.2.44: Περιβάλλον διαχείρισης δημοσκόπησης
Οι επιλογές Νέ0 και Εικασία _ ανάλογα με την επρίπτωση μας

μεταφέρουν στη σελίδα επεξεργασίας ενός θέματος δημοσκόπησης (εικόνα
4.2.45). Στην αριστερή λίστα εισάγουμε τον τίτλο του θέματος και στη δεξιά
τις πιθανές απαντήσεις που μπορεί κατά τη γνώμη μας να έχει. Αφού
τελειώσουμε με τις ρυθμίσεις πατάμε «Αποθήκευση».

Ψηφοφορία: [ Ε π ε ξ ε ρ γ α σ ία ] £S r' vf
Προ επισκόπηση Αποθήκευση Εψαρμογι
Λεπτομέρειες Ε π ιΛ ο γ ε ς ------
Τ ίτλο ς: Αν κερδίζατε έν α 1.000.000 ευρώ πώς θα τ α αξιοπιούσατε; Ε π ιλο γή 1 Θα βοηθούσα εκείνους που τ α έχουν ανάγκη
Ψ ευ δ ώ νυ μ ο : [poll Ε π ιλο γή 2 Θα αγόραζα ένα εξω τικό νησί
Αδράνεια: 86400 (δευτερόλεπτα μεταξύ των ψήφων) Ε π ιλο γή 3 Θα άνοιγα τη δική μου επιχείρηση
Δπμοσιευμένο/α: © οχ, ® Ναι ΕπιΛονή 4 Θα έκανα τ α ψώνια χρόνων!
Ε π ιλο γή 5 Θα έχ τιζ α το απ ίτι τω ν ονείρων μου
Ε π ιλο γή 6 Θα έκανα το γύρο του κόσμου
Ε π ιλο νή 7 θα χάριζα τ α χρήματα σ ε φιλανθρωπικά ιδρύματα
Ε π ιλο γή 8 Αλλο
Ε π ιλο γή 9
I
Ε π ιλ ο γ ή 10
____________________________ I
I
____________________________ I
! ί
Εικόνα 4.2.45: Επεξεργασία θέματος δημοσκόπησης
4.2.1.11 Δημιουργία μενού «Φιλικές ιστοσελίδες»
Άλλο ένα μενού που δημιουργήθηκε μέσω της διαχείρισης ενθεμάτων.
Ο
Πατώντας το κουμπί Νέ0 το οποίο μας μετέφερε στη λίστα
ενθεμάτων (εικόνα 4.2.41) απ’ όπου επιλέξαμε τη δημιουργία ενός ενθέματος
τύπου Jumi.
Το βήμα αυτό μας μετέφερε στη σελίδα επεξεργασίας του ενθέματος

(εικόνα 4.2.46). Στην αριστερή στήλη εμφανίζονται οι ρυθμίσεις που είναι
ίδιες για κάθε είδους ένθεμα, ενώ στη δεξιά μας ζητείται ο κώδικας που
πρόκειται να φιλοξενήσει το συγκεκριμένο module (γιατί είναι Jumi ένθεμα).
Αφού τελειώσουμε με τις ρυθμίσεις πατάμε το κουμπί «Αποθήκευση».

Εικόνα 4.2.46: Επεξεργασία ενθέματος τύπου Jumi
Όλα τα δεδομένα των ενθεμάτων ύϋηί αποθηκεύονται στον πίνακα

]οβ_μηι.
4.2.1.12 Διαχείριση χρηστών
Για να ξεχωρίσουμε τους χρήστες σε πελάτες, προσωπικό και

διαχείριση ακολουθήσαμε τα εξής απλά βήματα:
Από τον πίνακα ελέγχου του ύοοηί8 επιλέξαμε την καρτέλα

«Ιστότοπος» και στη συνέχεια πατήσαμε στην επιλογή «Διαχείριση
χρηστών» (εικόνα 4.2.47). Το βήμα αυτό μας μετέφερε στη σελίδα
διαχείρισης των χρηστών του συστήματος (εικόνα 4.2.48).

Εικόνα 4.2.47: Διαδρομή για τη διαχείριση χρηστών
Φ ίλ τ ρ ο : | Μ ετά β α ο η 11 Μ η δ έ ν ισ ε | - Ε π ιλ έ ξ τ ε Ο μ ά δ α - [ Τ | | - Ε π ιΑ έ ίτ ε Κ α τ ά σ τ α ο η Α ρ χ ε ίο υ Κ α τ α γ ρ α φ ώ ν
# □ Όνομα*. Όνομα Χρήστη Συνδεδεμένος Ενεργοποιημένο/α Ομάδα Ηλεκτρονικό Ταχυδρομείο Τελευταία Επίσκεψη
1 □ Administrator admin V V Υπέρ διαχειριστής eva_g@otenet.gr 2012-04-0220:01:58
manitari-
2 □ ena dyo 0 ΜέΑος/η Ποτέ
magi ko @wi ndows Iive.com
3 □ Ευαγγελία eva V ΜέΛος/η euaki2009@gmail.com 2012-03-30 12:55:02
Ει irnmnrrn «ΓτΠ Γ71
Εικόνα 4.2.48: Περιβάλλον διαχείρισης χρηστών
Στο περιβάλλον αυτό δικαίωμα διαχείρισης έχει μόνο η διαχείριση

(administrator).
Αν θελήσει να επεξεργαστεί έναν χρήστη πατώντας στο όνομά του

μεταφέρεται στη σελίδα επεξεργασίας του λογαριασμού του χρήστη αυτού
(εικόνα 4.2.49).

Πληροφορίες Επικοινωνίας
Ο Χρηστης Οεν έχει συνδεθεί με στοιχεία Επικοινωνίας:

Βλέπε Εφαρμογές =»Επαψές^ Διαχείριση Επαφών για λεπτομέρειες.
Εικόνα 4.2.49: Επεξεργασία χρήστη συστήματος
Εδώ η διαχείριση έχει το δικαίωμα να αλλάξει επιλογές του

λογαριασμού ενός χρήστη όπως το όνομα, τον κωδικό, τα δικαιώματά του ή
μπορεί ακόμη να τον μπλοκάρει από το σύστημα για λόγους μη
συμμόρφωσής του.
Στην ετικέτα «Ομάδα» ορίζει το δικαίωμα που μπορεί να έχει ένας

χρήστης στη σελίδα. Έτσι ο πελάτης ορίζεται με το δικαίωμα του Μέλους, ο
κομμωτής με το δικαίωμα του Διαχειριστή, για να μπορεί να διαχειρίζεται τα
ραντεβού μέσω του λογισμικού ύοοηί8 και η ίδια η διαχείριση με το δικαίωμα
του Υπερδιαχειριστή που του δίνει τον πλήρη έλεγχο της ιστοσελίδας.
4.2.2 Σχεδίαση με χειρόγραφο κώδικα
4.2.2.1 Η σελίδα «Συνεργάτες»

Ο κώδικας που διαμορφώνει τη σελίδα «Συνεργάτες» φαίνεται στην

εικόνα 4.2.50.
1
2 <?php
3 mysql_connect("localhost", "root", "16091986");
4 mysql_select_db{ "unique" ) ;
5
6 $aql = mysql_query("SELECT namope, address, area, phone_number, email,description FROM jos_r_operators");
7 echo ”<p X h 3 align=center>OL συνεργάτες pag</h3x/pxbrxbr>”;
8 echo"<table frame=hsides align=centerxtd>";
9 echo "<img src=sofia.jpq title=Xplot ίνα Αγγελάκη weight=80 height=120>tnbsp;snbsp;</td>";
10 echo "<tdximg src=kOnstantinos .JP9 title=Ko>voTocvi ίνος Δρακόπουλος weight=80 height=120> fcnbsp;</td>";
11 echo "<tdximg src=maria.jpg title=EAevn Ζαφειριού weight=8Q height=120 align=full>tnbsp;4nbsp;</td>";
12 echo "<tdximg src=pavlos.jpg title=Mιχάλης Ευστρατιάδης weight=80 height=120>tnbsp; tnbsp;</td>";
13 echo "<tdximg src=lralliopi. jpg title=A8avaoia Κεφάλιδου weight=80 height=120>tnbsp; tnbsp;</tdxtr>";
14 echo ”<tdximg src=nikOlaos.jpg title=Nικόλαος Λαμπρίδης weight=80 height=120>  </td>";
15 echo "<tdximg src=foteini.jpg title=KaTepiva Νικολάου weight=80 height=120>  </td>”;
16 echo "<tdximg src=vasiliki.jpg title=Mapia Σαχινίδου weight=80 height=120>  </td>”;
17 echo "<tdximg src=mixalis.jpg title=IIavAog Γιορδανλής weight=80 height=12Q>snbsp; </td>”;
18 echo "<tdximg src=tilemahcs.jpg title=TriXepaxog Σεραφει,μίδης weight=80 height=12Q>inbsp,*4nbsp;</tdX/trX/tableXbrXbrXbr>"
19
20 echo "<table border=0>";
21
22
23 while {$row = mysql_fetch_array($sql)){
24 $namope = $row[’namope'];
25 $description = $row['description'];
26 ?address = $row['address'];
27 $area = $row[1area’];
28 $phone_number = $row['phone_number'];
29 $email * $row[’email'];
30 $picture * $row[’picture'];
31
32
33
34
35 echo "<trxtd align=centerxpxbxh4>$namope<h4xbxpxbrx/tdx/tr>";
36 echo "<trxtd align=full>$description</tdx/tr>";
37 echo "<trxtd height=20x/tdx/tr>";
38 echo "<trxtd align=centerxb>Zio ίχε ία επ ικο ινων iag:</bx/tdx/tr>";
36 echo "<trxtd align=full>$description</tdx/tr>";
37 echo "<trXtd height=20X/tdX/tr>";
38 echo "<trXtd align=centerXb>ZTO ιχε ία επικό ινων iag:</bX/tdX/tr>";
39 echo "<trxtd align=center>$address</tdx/tr>";
40 echo "<trxtd align=center>$area</tdx/tr>";
41 echo "<trxtd align=center>$phone_number</tdx/tr>";
42 echo "<trxtd align=center>$eInail</td>,,;
43 echo "<trxtd height=80x/tdx/tr>”;
44
45
46
47 }
48
49
50 echo "</tablexbrxbr>";
51 ?>
52
53
54
Εικόνα 4.2.50: Ο κώδικας της σελίδας «Συνεργάτες»

Εδώ μας ενδιαφέρει ο πίνακας ]θ8_Γ_ορθΓ8ίθΓ8, οπότε στη γραμμή 6

επιλέγουμε τον ίδιο και τα πεδία που επιθυμούμε.
Αρχικά δημιουργούμε έναν πίνακα μέσα στον οποίο θέλουμε την

φωτογραφία κάθε μέλους του προσωπικού (γραμμή 8) και εισάγουμε σε κάθε
κελί του την εικόνα που επιθυμούμε (γραμμή 9 έως 18).
Αφού ολοκληρώσουμε την εισαγωγή εικόνων, δημιουργούμε μέσα

στον ίδιο πίνακα έναν δεύτερο που φιλοξενεί τα στοιχεία του προσωπικού
(γραμμές 23 έως 43). Η εντολή στη γραμμή 23 χρησιμοποιεί ένα βρόχο
επανάληψης για να διαβάσει τα δεδομένα του πίνακα ]θ8_ορθΓ8ίθΓ8,
σύμφωνα πάντα με το ερώτημα 8ςί, ενώ οι γραμμές 24 έως 30 είναι αυτές
που εκχωρούν τα δεδομένα αυτά σε κάθε γραμμή του πίνακα. Αμέσως μετά ,
το υπόλοιπο τμήμα κώδικα (γραμμή 31 έως 43) είναι αυτό που προβάλλει
όλα αυτά τα δεδομένα στον περιηγητή, στη μορφή που έχουμε ορίσει. Αφού
τελειώσουμε με την εισαγωγή των στοιχείων, κλείνουμε τους δύο πίνακες και
αποθηκεύουμε τον κώδικα με το όνομα 8γπθΓ98ίθ8.ρήρ.
4.2.2.2 Η σελίδα «Υπηρεσίες»

1 <?php
2
3 $mySqlConnection«my3ql_connect("localhost", "root", "16091986”);
4 my3ql_select_db("unique");
5
6 $sql = mysql_query("SELECT * FROM j03_r_services");
7 echo "<p>Oi υπηρεσίες που προσφέρουν τα καταστήματα μας ε ιναι :</pXbr>";
8 $n = 0;
9 echo "Ctable frame=void rule3=cols align=center>";
10 while (irow = mysql_fetch_array($sql, MYSQL_ASSOC))
11 {
12 $nidser = $row['nidser'];
13 fnamaer = $row['namaer'];
14 if (in = = 0) {
echc ;
16 }
17 echo "<td align=full width=200xulxli>$nair.ser</lix/ulx/td>";
18 in++;
19
20 i= {$n = 2) {
echc ;
22 in = 0;
23 }
24
25 }
26
27 if (in == 1) {
28 echo "<tdx/td>
29 </tr>";
30 }
31 echo "</tableXbr>";
32 echo "<ρ>...τις οποίες αναλαμβάνει να κάνει πραγματικότητα το εξειΕικευμενο μας προσωπικό!<ρ>”
33 ?>
Εικόνα 4.2.51: Ο κώδικας της σελίδας «Υπηρεσίες»
Στον κώδικα αυτό χρησιμοποιήσαμε έναν απλό βρόχο επανάληψης

(γραμμή 10) για να διαβάσει τον πίνακα ρβ^βΘτνίοΘβ και προβάλλαμε τις
εκχωρημένες τιμές με τη μορφή λίστας (γραμμή 12 έως 28, γραμμή 17) σε
ένα απλό πίνακα.
4.2.2.3 Η σελίδα «Επικοινωνία»
Όπως με τη σελίδα «Υπηρεσίες» έτσι και για την σελίδα αυτή

χρησιμοποιήσαμε έναν βρόχο επανάληψης για να διαβάσει τα δεδομένα του

πίνακα ήθ8ά_οίίίθθ και τα εκχωρήσαμε σε έναν απλό πίνακα (γραμμή 13 έως

31).
1 < ?php
2 mysql_connect("localhost", ’’root", "16091986");
3 mysql_select_db ("unique");
5 $sql = mysql_query("SELECT * FROM head_office”);

6
$limit = 5;
$count = 0 ;
9
10 echo "Ctable border=QXcaption header= '1 ’>Μπορείτε να επικοινωνήσετε μαζί μας στη δ ιεύθυνσηΧ/σβρίϊοηΧ;
11
12
13 while($row = mysql_fetch_array($sql)){
14 $name = $row['name1];
15 $address = $row['address'];
16 $phone_number = $row ['phone_nuir.ber '];
17 $email = $row[’email’];
1 P $city = $row['city’];
19 $postal_code = $row[’postal_code'];
20 if ($count < $limit){
21 if{$count == 0){
22
23 }
24
25
26 echo "<td width=200>$name</td>";
27 echo "<td>$address</td>";
28 echo "<td>$phone_nuirI>er</td>";
29 echo "<td>$email</td>";
30 e cho "<td>$ city</td>";
31 echo "<td>?postal_code</td>";
32 }
33 $count++;
34 }
35 echo "</table>";
36 echo " ...ή να στείλετε email στην παρακάτω φόρμα επικοινωνίας και θα επικοινωνήσουμε μαζίσας το συντομότερο.";
37 ?>
Εικόνα 4.2.52: Ο κώδικας της σελίδας «Επικοινωνία»
4.2.2.4 Η σελίδα «Κομμωτήρια»

1 [i?php
2 mysql_connect("localhost", "root", "16091986") ;
3 mysql_select_db("unique");
4
5 $sql = mysql_query("SELECT nom, adresse, adresse2, ville, tel, email FRGM jos_gmapfp where n o m O ' Εταιρία"’)
6
çiimit = 10;
8 icount = 0;
9
10 écho "<p align=center>H εταιρία διαθέτη υποκαταστήματα στις παρακάτω nïpioxéç:</pXbrXbr>";
11 écho ”<table frame=hsides rules=none width=560 height=400 align=center>”;
12
13 while($row = mysql_fetch_array($sql)){
14 $id « $row('id'];
15 $nom = $row['nom'];
16 $adresse = $row['adresse'];
17 $adresse2 = $row('adresse2'];
18 $tel = $row('tel'];
19 $email = $row['email'];
20
21
22 if(Çcount = 0){
23
24 }
25 écho ”<td align=center>$nonK/td>";
26 écho "<td align=center>$adresse2</td>";
27 écho "<td align=center>$adresse</td>";
28 écho "<td align=center>$tel</td>";
29 écho ”<td align=center>$email</tdx/tr>";
30 }
31 Îccunt++;
32
33 écho "</tablexbrxbr>";
34 ?>
Εικόνα 4.2.53: Ο κώδικας της σελίδας «Κομμωτήρια»
Για τη σελίδα αυτή ακολουθήσαμε την ίδια λογική που ακολουθήσαμε

για τις σελίδες «Συνεργάτες», «Υπηρεσίες», «Επικοινωνία» και
«Κομμωτήρια».
Δημιουργήσαμε έναν βρόχο (γραμμή 13) που διαβάζει τα δεδομένα

του πίνακα ]οβ_9η 8ρίρ και τα προβάλλαμε σε έναν πίνακα με τη μορφή που
θέλαμε (γραμμή 14 έως 29).
Επειδή στον πίνακα αυτό αποθηκεύσαμε κάθε τοποθεσία που θα

εμφανίζεται στο χάρτη της σελίδας, ήταν απαραίτητο να σχεδιάσουμε ένα
περιορισμό που να μην περιλαμβάνει τα στοιχεία της θυγατρικής εταιρίας.
Αυτό που μας ενδιαφέρει να εμφανίζεται στη σελίδα είναι ένας πίνακας μόνο

με τα στοιχεία των υποκαταστημάτων. Με την εντολή λοιπόν της γραμμής 5

αποκλείσαμε από την εκχώρηση των τιμών οποιοδήποτε δεδομένο με την
ονομασία ‘Εταιρία’.
4.2.2.5 Η σελίδα «Τιμοκατάλογος»
Στον κώδικα αυτό χρησιμοποιήσαμε τα δεδομένα από τον συνδυασμό

τριών πινάκων, του ]08_Γ_8ΘΓνί0θ8, ]08_Γ_0ρθΓ8ί0Γ8 και του 008ΐ_0ΐ_8ΘΓνΐ0Θ8.
Ο κώδικας φαίνεται στην εικόνα 4.2.54.
► 1 <?php
2 mysql_connect("localhost", "root", "16091986");
3 mysql_select_db("unique");
4
5
6 echo "<ρ>Οι τιμές διαφέρουν για τον κάθε συνεργάτη, καθώς ο καθένας προσθέτει τη δική του πινελιά στις υπηρεσίες που προσφέρει. Παρακάτω μπορείτε να δείτε τις τιμές
και τις προσφορές της εβδομάδας από τον κάθε κομμωτή i i a ? : < / p x b r x b r x b r x b r x b r > ,>;
7 echo "<table border=0>";
8 echo "<tr>";
9 echo "<td >snbsp</td>";
10 $aqlb= mysql_query("SELECT nidser, nainser FROM jos_r_services order by nidser");
11 while ($rowb=mysql_fetch_array($sqlb)) {
12 echo "<td align=center width=100xb>".$rowb['namser'] ."</bX/td>";
13
14 }
15 echo "</tr>";
16
17 $sqla= mysql_query("SELECT nidope, namope FROM jos_r_operators order by nidope");
18 while ($rowa=mysql_fetch_array($sqla)){
19 $nidope=$rowa['nidope'];
echo "<tr>";
21 echo "<td width=50xb>".$rowa['namope'] ."</bX/td>";
22
23
24
25 $sqld= mysql_query("SELECT nidser FROM jos_r_services order by nidser");
26 while ($rowd=mysql_fetch_array($sqld)){
28 $nidser=$rowd['nidser'];
$sqlc=mysql_query("SELECT price FROM cost_of_services WHERE nidope = $nidope AND nidser = $nidser");
30
31 while($rowc = mysql_fetch_array($sqlc)){
32
echo "<td align=center>".$rowc['price'] ,"</td>”;
34 }
35 }
echo "</tr>";
37 }
38 echo "</tablexbrxbr>";
39 ?>
40
41
42
43

Εικόνα 4.2.54: Ο κώδικας της σελίδας «Τιμοκατάλογος»
Ξεκινώντας από τη γραμμή 7 δημιουργήσαμε αρχικά τον πίνακα τον ο

οποίος θα φιλοξενήσει τα δεδομένα των δύο πρώτων πινάκων. Στη συνέχεια
δημιουργήσαμε ένα ερώτημα για τον πίνακα jos_r_services που θα διαβάζει
όλες τις υπηρεσίες και θα τις τοποθετεί σε κάθε στήλη του πίνακα που
προβάλλεται στη σελίδα (γραμμή 10 έως 15). Επόμενο βήμα μας ήταν να
διαβάσουμε όλα τα στοιχεία του πίνακα jos_r_operators αντίστοιχα και να τα
τοποθετήσουμε σε κάθε γραμμή του πίνακα της σελίδας (γραμμή 17 έως 21).
Πριν κλείσουμε το βρόχο while για τον πίνακα αυτό δημιουργήσαμε ένα τρίτο
ερώτημα για τον πίνακα jos_r_services, έτσι ώστε για κάθε μέλος του
προσωπικού να διαβάζει από τον πίνακα jos_r_services όλες τις υπηρεσίες
που του αντιστοιχούν (γραμμή 25 έως 38). Η ταυτοποίηση αυτή φαίνεται στη
γραμμή 29 όπου και δημιουργούμε ένα ερώτημα για τον τελευταίο πίνακα
που έμεινε, τον cost_of_services και μέσω αυτού γίνεται η ταυτοποίηση των
πεδίων nidope και nidser. Τέλος με την εντολή echo προβάλλουμε τα
αποτελέσματα των ερωτημάτων στη μορφή του τελικού πίνακα που φαίνεται
στη σελίδα.

ΣΥΜΠΕΡΑΣΜΑΤΑ - ΕΠΕΚΤΑΣΕΙΣ
Δημιουργήσαμε έναν δικτυακό τόπο για τοη διακανονισμό ραντεβού

μεταξύ προσωπικού - πελάτη με σκοπό τη παροχή υπηρεσιών
κομμωτηρίου χρησιμοποιώντας το σύστημα διαχείρισης περιεχομένου
ανοιχτού κώδικα ύοοηί8. Ο πελάτης έχει την δυνατότητα να γνωρίζει και να
ενημερώνεται για τις ώρες εργασίας του προσωπικού και να ορίζει μία
συνάντηση την ημέρα, την ώρα και στον χώρο που ο ίδιος επιθυμεί. Το
προσωπικό από τη μεριά του έχει τη δυνατότητα να ενημερώνεται άμεσα για
τα ραντεβού που τον αφορούν και να τα διαμορφώνει στις ανάγκες του. Έτσι
δημιουργείται ένας εύκολος, άμεσος διάλογος μεταξύ προσωπικού - πελάτη
και αντίστροφα.
Οι ώρες που χρειάζεται να αφιερώσει κάποιος για την κατανόηση του
ύοοηί8 προκειμένου να δημιουργήσει έναν ιστότοπο επαγγελματικών
απαιτήσεων, συγκρινόμενες με το αποτέλεσμα είναι σχετικά λίγες. Η
συντήρηση του ιστότοπου είναι πολύ απλή και μπορεί να γίνει από
οποιονδήποτε χρήστη με στοιχειώδεις γνώσεις του συστήματος.
Επειδή η διατιθέμενη πληροφορία παγκόσμια αυξάνεται με ραγδαίο
ρυθμό, τα συστήματα διαχείρισης περιεχομένου (ΟΜβ) είναι πλέον
απαραίτητα για την ταξινόμηση, επικαιροποίηση και δημιουργία της
πληροφορίας. Αυτό φαίνεται από την στροφή όλων των δημιουργών -
εταιριών προς τα συστήματα διαχείρισης περιεχομένου.
Σε επόμενο στάδιο μπορούμε να επεκτείνουμε σελίδα με πρόσθετες

εφαρμογές όπως:
• Οή8ί για την σύγχρονη επικοινωνία των χρηστών
• Βιβλίο επισκεπτών για τις απόψεις των χριστών για την σελίδα

• Εφαρμογές με αντικείμενο την κομμωτική (π.χ. η εφαρμογή

Face pro, μέσω της οποίας ένας χρήστης μπορεί να δει το
κούρεμα και το χρώμα μαλλιών που του ταιριάζει)
• Σελίδα φόρουμ όπου οι χρήστες θα ανταλλάσσουν απόψεις
μέσα από μία ποικιλία θεμάτων

ΒΙΒΛΙΟΓΡΑΦΙΑ
Ηλεκτρονική
(1) Βικιπαίδεια, http://el.wikipedia.org/wiki
(2) Joomla Ελληνική Κοινότητα Υποστήριξης, http://www.ioomla.gr/
(3) PHP, Hypertext Preprocessor, http://www.php.net/
(4) MySQL The world's most popular open source database,
http://www.mysql.com/
(5) The Apache Software Foundation, http://www.apache.org/
Έντυπη
(6) Julie C. Melonie (2008), Μάθετε PHP, MySQL και Apache,

εκδόσεις Μ. Γκιούρδας, Αθήνα
(7) Πρόδρομος Χατζόγλου (1994), Τεχνικές Ανάλυσης και Σχεδίασης
Πληροφοριακών Συστημάτων, εκδόσεις «ΙΩΝ» - Στέλλα Παρίκου &
ΣΙΑ Ο.Ε., Αθήνα
(8) Paul Dubois, Stefan Hinz και Carsten Pedersen (2006), Ο
Επίσημος Οδηγός της MySQL 5, εκδόσεις Μ. Γκιούρδας, Αθήνα
(9) Elizabeth Castro (2003), Εισαγωγή στην HTML για τον Παγκόσμιο
Ιστό, 5η Αμερικανική Έκδοση με XHTML και CSS, Γρήγορος
Εποπτικός Οδηγός Εκμάθησης, εκδόσεις «Κλειδάριθμος», Αθήνα

PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

PDF

Uploaded by

Copyright:

Available Formats

Τ.Ε.Ι.

Σχεδιασμός και υλοποίηση διαδικτυακής εφαρμογής για την διαχείριση

Θα ήθελα να ευχαριστήσω όλους όσους με βοήθησαν και με στήριξαν

Σελίδα 2 από 116

ΚΕΦΑΛΑΙΟ 1Ο- ΕΡΓΑΛΕΙΑ ΠΟΥ ΧΡΗΣΙΜΟΠΟΙΗΘΗΚΑΝ.....................7

1.1 Πακέτο ελεύθερου λογισμικού XAMPP................................................ 7

1.1.3 Λογισμικό ανοιχτού κώδικα phpMyAdmin.............................13

1.1.4 Γλώσσα προγραμματισμού δυναμικών ιστοσελίδων PHP...15

1.2 Σύστημα διαχείρισης περιεχομένου Joomla....................................... 17

ΚΕΦΑΛΑΙΟ 2Ο- ΑΝΑΛΥΣΗ ΑΠΑΙΤΗΣΕΩΝ............................................ 20

2.1 Σκοπός της εφαρμογής........................................................................20

2.2 Κατηγορίες χρηστών.............................................................................21

2.3 Απαιτήσεις χρηστών.............................................................................22

2.4 Απαιτήσεις συστήματος........................................................................23

ΚΕΦΑΛΑΙΟ 3Ο- ΑΝΑΛΥΣΗ ΠΙΝΑΚΩΝ.................................................... 25

3.1 Ο πίνακας jos_r_reservations............................................................... 25

3.2 Ο πίνακας jos_gmapfp..........................................................................27

3.3 Ο πίνακας head_office..........................................................................29

3.4 Ο πίνακας jos_users..............................................................................31

Σελίδα 3 από 116

3.5 Ο πίνακας jos_r_days.......................................................................... 34

3.6 Ο πίνακας jos_r_timeunits................................................................... 35

3.7 Ο πίνακας jos_r_operators................................................................... 36

3.8 Ο πίνακας jos_r_services..................................................................... 37

3.9 Ο πίνακας cost_of_services................................................................. 38

3.10 Σχέσεις πινάκων.................................................................................. 39

ΚΕΦΑΛΑΙΟ 4ΟΑΝΑΛΥΣΗ ΕΦΑΡΜΟΓΗΣ..................................................40

4.1 Παρουσίαση σελίδας..............................................................................40

4.1.1 Αρχική σελίδα...........................................................................40

4.1.2 Είσοδος/Εγγραφή μέλους........................................................41

4.1.3 Το μενού Top menu.................................................................46

4.1.4 Το μενού Side menu................................................................ 51

4.1.5 Το μενού «Δημοσκόπηση»......................................................63

4.1.6 Το μενού «Φιλικές ιστοσελίδες».............................................. 65

4.2 Τα βήματα δημιουργίας της εφαρμογής.................................................65

4.2.1 Σχεδίαση με Joomla................................................................65

4.2.1.1 Εγκατάσταση προτύπου............................................66

4.2.1.2 Δημιουργία του πρωτοσέλιδου.................................. 69

4.2.1.3 Δημιουργία της σελίδας «Συνεργάτες»...................... 71

4.2.1.4 Δημιουργία της σελίδας «Gallery»............................. 73

4.2.1.5 Δημιουργία της Φόρμας επικοινωνίας (σελίδα

4.2.1.6 Δημιουργία της σελίδας «Χάρτης»............................. 79

Σελίδα 4 από 116

4.2.1.7 Δημιουργία της σελίδας «Κλείστε ραντεβού!»............. 85

4.2.1.8 Δημιουργία της σελίδας «Το προφίλ μου»................. 93

4.2.1.9 Δημιουργία των στοιχείων μενού................................ 93

4.2.1.10 Δημιουργία μενού «Δημοσκόπηση»..........................97

4.2.1.11 Δημιουργία μενού «Φιλικές ιστοσελίδες»................ 101

4.2.1.12 Διαχείριση χρηστών.................................................102

4.2.2 Σχεδίαση με χειρόγραφο κώδικα............................................. 104

4.2.2.1 Η σελίδα «Συνεργάτες»............................................. 104

4.2.2.2 Η σελίδα «Υπηρεσίες»...............................................106

4.2.2.3 Η σελίδα «Επικοινωνία»............................................ 107

4.2.2.4 Η σελίδα «Κομμωτήρια»............................................ 108

4.2.2.5 Η σελίδα «Τιμοκατάλογος».........................................110

ΣΥΜΠΕΡΑΣΜΑΤΑ - ΕΠΕΚΤΑΣΕΙΣ............................................................. 111

Σελίδα 5 από 116

Η εφαρμογή που αναλύεται στην παρούσα εργασία, έχει σκοπό να

Τα εργαλεία που χρησιμοποιήθηκαν για δημιουργία της εφαρμογής

• Το πακέτο ελεύθερου λογισμικού XAMPP

και περιγράφονται αναλυτικά στα κεφάλαια που ακολουθούν.

Με βάση τα παραπάνω αναπτύχθηκε ένα πρόγραμμα φιλικό προς το

Σελίδα 6 από 116

Υπερδιαχειριστής/Δημιουργός_ του_ προγράμματος: Ο