ΥΟΛΗ ΣΔΥΝΟΛΟΓΙΚΧΝ ΔΦΑΡΜΟΓΧΝ ΣΔΙ ΚΡΗΣΗ ΠΣΤΥΙΑΚΗ ΔΡΓΑΙΑ ΣΟΤΡΙΣΙΚΟ ΟΓΗΓΟ ΡΟΓΟΤ

Transcript

1 ΥΟΛΗ ΣΔΥΝΟΛΟΓΙΚΧΝ ΔΦΑΡΜΟΓΧΝ ΣΔΙ ΚΡΗΣΗ ΠΣΤΥΙΑΚΗ ΔΡΓΑΙΑ ΣΟΤΡΙΣΙΚΟ ΟΓΗΓΟ ΡΟΓΟΤ Διζηγηηήρ: Αλδξνπιάθεο Θεόδσξνο Μηραήι Α.Μ Παπαγξεγνξίνπ Ησάλλεο Α.Μ Δπιβλέπων: Ακαδημαϊκό Έηορ:

2 Υπεύθυνη Δήλωση : Βεβαιώνω όηι είμαι ζςγγπαθέαρ αςηήρ ηηρ πηςσιακήρ επγαζίαρ και όηι κάθε βοήθεια ηην οποία είσα για ηην πποεηοιμαζία ηηρ, είναι πλήπωρ αναγνωπιζμένη και αναθέπεηαι ζηην πηςσιακή επγαζία. Δπίζηρ έσω αναθέπει ηιρ όποιερ πηγέρ από ηιρ οποίερ έκανα σπήζη δεδομένων, ιδεών ή λέξεων, είηε αςηέρ αναθέπονηαι ακπιβώρ είηε παπαθπαζμένερ. Δπίζηρ βεβαιώνω όηι αςηή η πηςσιακή επγαζία πποεηοιμάζηηκε από εμένα πποζωπικά ειδικά για ηιρ απαιηήζειρ ηος ππογπάμμαηορ ζποςδών ηος Τμήμαηορ Μησανικών Πληποθοπικήρ ηος Τ.Δ.Ι. Κπήηηρ.

3 ΠΙΝΑΚΑ ΠΔΡΙΔΥΟΜΔΝΧΝ Πεξίιεςε... 4 Summary... 5 ΚΔΦΑΛΑΗΟ 1 Γλσξηκία κε ην Joomla Πιενλεθηήκαηα Υξήζεο ηνπ Joomla Σερλνηξνπία ελ δπλάκεη θιήζεο Δγθαηάζηαζε Joomla User Interface Design.12 Πεξηγξαθή Πξνγξάκκαηνο Joomla Δπέθηαζε ιεηηνπξγηώλ Joomla...31 ΚΔΦΑΛΑΗΟ 2 Πεξηγξαθή Ηζηόηνπνπ Online Κξαηήζεσλ δσκαηίσλ Πεξηγξαθή πξνγξάκκαηνο Artisteer Παξακεηξνπνίεζε Template θαη πξνζζέησλ Vik Booking 1.4 γηα Joomla Global settings Γεκηνπξγία δσκαηίσλ «Rooms» Γηαρείξηζε θξαηήζεσλ δσκαηίσλ «Bookings» Γεκηνπξγία εκεξνινγίνπ «Spider Calendar» All Video Share Play..54 Google Map 55 SP Weather.56 Rapid Contact Form...57 ΚΔΦΑΛΑΗΟ 3 Δθαξκνγή ηεο πγθεθξηκέλεο ο...59 Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

4 Βηβιηνγξαθία. 61 ΠΔΡΙΛΗΦΗ ηε πηπρηαθή εξγαζία πνπ αθνινπζεί ζα κειεηήζνπκε θαη ζα πεξηγξάςνπκε ηελ δεκηνπξγία ελόο ηζηόηνπνπ κε ηελ ρξήζε ηνπ ζρεδηαζηηθνύ πξνγξάκκαηνο γηα «WEB» εθαξκνγέο «Joomla 2.5» θαζώο θαη ηελ ρξήζε πξνγξάκκαηνο εγθαηάζηαζεο εηθνληθνύ Server. ηελ παξαθάησ πξαθηηθή εξγαζία ην πξόγξακκα εηθνληθνύ Server πνπ ζα ρξεζηκνπνηεζεί ζα είλαη ην «Wamp Server 2.0» ελώ γηα ηελ πξαγκαηνπνίεζε ηεο ζα ρξεζηκνπνηήζνπκε θαη ηελ βνήζεηα ησλ πξνγξακκάησλ «Photoshop» «CS3», θαη θάπνησλ πξόζζεησλ βνεζεηηθώλ πξνγξακκάησλ (Modules) ηα νπνία θαηαρσξνύληαη ζην βαζηθό καο πξόγξακκα «Joomla 2.5».Σα πξόζζεηα απηά ζα ηα αλαθέξνπκε θαη ζα ηα αλαιύζνπκε παξαθάησ. Ζ ηζηνζειίδα πνπ θαηαζθεπάζακε έρεη ηελ δπλαηόηεηα λα ρξεζηκνπνηεζεί από ηδηώηεο θαη ηνπξηζηηθά γξαθεία ζαλ δηαρεηξηζηέο γηα ηελ ελνηθίαζε δσκαηίσλ μελνδνρείσλ, θαζώο ζα επηηξέπεη ζηνλ ρξήζηε ηελ πεξηήγεζε θαη εύξεζε ηνπ δσκαηίνπ πνπ επηζπκεί ρσξίο ηελ πξαγκαηνπνίεζε θάπνηαο εγγξαθήο (registration).ο ρξήζηεο ζα έρεη ηελ δπλαηόηεηα λα δηαβάζεη ηα ζηνηρεία ηνπ δσκαηίνπ θαζώο θαη ηηο αλέζεηο πνπ πξνζθέξεη,ελώ ζα έρεη θαη ν ίδηνο ηελ δπλαηόηεηα λα πξνζζέζεη θάπνηεο,κέζα από κηα ιίζηα κε επηινγέο. Γηα ηελ ελνηθίαζε ηνπ δσκαηίνπ από ην site ν ρξήζηεο ζα πξέπεη λα πεξηεγεζεί θαη λα επηιέμεη ην δσκάηην πνπ επηζπκεί ζην μελνδνρείν πνπ επηζπκεί,έρνληαο επηιέμεη ζπγθεθξηκέλεο εκεξνκελίεο, βιέπνληαο παξάιιεια θαη ηελ ηηκή δηακνλήο αλά λύρηα.όηαλ απνθαζίζεη γηα πόζεο δηαλπρηεξεύζεηο θαη πνηό δσκάηην ζέιεη,ηόηε εκθαλίδεηαη κία θόξκα ζπκπιήξσζεο απαξαίηεησλ ζηνηρείσλ ηνπ ηδίνπ. ηελ ζπλέρεηα επηιέγεηαη ν ηξόπνο πιεξσκήο.σν πξόγξακκα καο δελ δίλεη ηελ δπλαηόηεηα πιεξσκήο κέζσ θαηάζεζεο ζε ηξαπεδηθό ινγαξηαζκό ή κέζσ PayPal αιιά πιεξσκή κε ηελ άθημε ηνπ πειάηε ζηελ μελνδνρεηαθή κνλάδα. Απνηειεί κία ιεηηνπξγηθή εθαξκνγή, ε νπνία ζα καο βνεζήζεη λα θαηαλνήζνπκε ηε ζεκαζία ηεο ρξήζεο ησλ πξναλαθεξόκελσλ πξνγξακκάησλ Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

5 θαζώο θαη ηελ ρξήζε βάζεσλ δεδνκέλσλ ηύπνπ «SQL», ε νπνία ππνζηεξίδεηαη από ηνλ εηθνληθό καο server αιιά θαη από ηνλ server ν νπνίνο θηινμελεί δηαδηθηπαθά ηελ εθαξκνγή καο, θαζώο ν ζπγθεθξηκέλνο ηύπνο βάζεο κπνξεί λα ππνζηεξηρηεί θαη ζε online δεκηνπξγία ηζηόηνπνπ απεπζείαο πάλσ ζε πξαγκαηηθό server. SUMMARY On the following graduate project we will study and describe the creation of a web site by using the web designing program Joomla 2.5 with the participation of a virtual server. On the specificproject we are going to use the Wamp 2.0 virtual server while we will use some other programs such as Photoshop CS3, Flash Slideshow Professional and some other plug in and modules in Joomla that will help us to make more functional and more accessible to users. These modules we are going to described on bellow. This Web Site can be used by travel agency and free users for booking hotel rooms through online site. This site allows users to find a hotel room that fulfills their holiday standards and book it without registration. The customer has the ability to see different hotel rooms their prices and their comforts and choose whatever they like. Also they can add some services from a list for a different charge each. So every user can pick an arrival date and a departure date from the calendar and find which room is available in what price. When the choice has been made then a new booking form appears and the customer has to fill some personal details. The program allows as to choose between three different paying methods. These are paying by pay-pal, or through bank transfer or even by paying on arrival date at the hotel office. This site is about an operating application studying the creation of it makes us understand the usage of the above mentioned programs as and the usage of SQL type data bases. Studying SQL type data bases on a virtual server is very much alike as we study them on a normal remote server on the WEB. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

6 ΚΔΦΑΛΑΙΟ 1 Joomla 2.5 To ζρεδηαζηηθό πξόγξακκα Joomla απνηειεί έλα δσξεάλ ζύζηεκα δηαρείξηζεο πεξηερνκέλνπ αλνηθηνύ θώδηθα ην νπνίν ρξεζηκνπνηείηαη γηα ηελ δεκνζίεπζε πεξηερνκέλσλ ζην δηαδίθηπν αιιά θαη ζε ηνπηθό επίπεδν. Σν ζπγθεθξηκέλν πξόγξακκα είλαη γξακκέλν ζε «PHP» ελώ πεξηιακβάλεη ηερλνηξνπία ελ δπλάκεη θιήζεο (MVC) ηελ νπνία ζα αλαιύζνπκε παξαθάησ. Ζ «Joomla 2.5» ρξεζηκνπνηεί ηερληθέο αληηθεηκελνζηξαθνύο πξνγξακκαηηζκνύ, ελώ απνζεθεύεη ηα δεδνκέλα ηεο ζε κηα βάζε δεδνκέλσλ ηύπνπ «SQL» θαη ζπκπεξηιακβάλεη ραξαθηεξηζηηθά όπσο ε πξνζσξηλή απνζήθεπζε ζειίδαο, «RSS feeds», εθηππώζηκεο εθδόζεηο ησλ ζειίδσλ, εηδήζεηο, «blogs», δεκνζθνπήζεηο, έξεπλεο όπσο, θαη πνιύγισζζε ππνζηήξημε ησλ εθδόζεώλ ηνπ. Σελ πξώηε ρξνληά ηεο επηζεκνπνίεζήο ηεο, ην πξόγξακκα ηεο «Joomla» είρε «θαηέβεη» από ην δηαδίθηπν 2,5 εθαηνκκύξηα θνξέο ελώ έρνπλ δεκηνπξγεζεί επίζεκα πξόζζεηα (extensions) γηα ηελ θαιύηεξε ιεηηνπξγηθόηεηα θαη εκθάληζε ησλ ζειίδσλ, όπσο επίζεο θαη γηα ηε κεγαιύηεξε επθνιία πξνο ηνλ θαηαζθεπαζηή ηεο ζειίδαο. Σν πξόγξακκα ηεο «Joomla» αξρηθά εκθαλίζηεθε κε ηελ έθδνζε «Joomla 1.0» ην επηέκβξην ηνπ 2005 όπνπ ζηε ζπλέρεηα δεκηνπξγήζεθαλ γηα ηελ ζπγθεθξηκέλε έθδνζε θάπνηεο ελεκεξώζεηο γηα ηελ αληηκεηώπηζε πξνβιεκάησλ, όπσο Bugs θαη βειηηώζεηο ησλ δηθιείδσλ αζθαιείαο. Δλ ζπλέρεηα, ηνλ Ηαλνπάξην ηνπ 2008 δεκηνπξγήζεθε ε έθδνζε «Joomla 1.5»- βειηησκέλε αξθεηά ζε ζρέζε κε ηελ πξώηε- ελώ αθνινύζεζαλ νη εθδόζεηο «Joomla 1.6», «Joomla 1.7» θαη Joomla 1.8. Παξαθάησ πίλαθα εκθαλίδεηαη αθξηβώο ε ρξνλνινγία δεκηνπξγίαο ησλ παξαπάλσ θαζώο θαη ε ρξνλνινγία ιήμεο ηεο ππνζηήξημήο ηνπο από ηελ επίζεκε ζειίδα θαη θνηλόηεηα. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

7 ΔΚΓΟΖ ΖΜΔΡΟΜΗΝΗΑ ΔΚΓΟ Ζ ΖΜΔΡΟΜΖΝΗΑ ΛΖΞΖ ΤΠΟΣ ΖΡΗΞΖ Joomla Joomla Joomla Joomla Joomla Joomla Πλεονεκηήμαηα σπήζηρ ηος Joomla 2.5 Ζ «Joomla» είλαη έλα βξαβεπκέλν ζύζηεκα δηαρείξηζεο πεξηερνκέλνπ «CMS» ην νπνίν καο επηηξέπεη λα νηθνδνκήζνπκε ηζηνζειίδεο θαη ηζρπξέο «online» εθαξκνγέο. Σν ζύζηεκα δηαρείξηζεο πεξηερνκέλνπ είλαη ην ινγηζκηθό πνπ παξαθνινπζεί θάζε θνκκάηη ηνπ πεξηερνκέλνπ ζηελ ηζηνζειίδα ζαο ζαλ κία βηβιηνζήθε πνπ παξαθνινπζεί ηα βηβιία ηα νπνία έρεη ζηελ θαηνρή ηεο. Μέξνο ζην πεξηερόκελν απηό κπνξεί λα είλαη έλα απιό θείκελν, έλα άξζξν, θσηνγξαθίεο, βίληεν ε ζρεδόλ νηηδήπνηε κπνξείηε λα θαληαζηείηε. Πνιύ κεγάιν πιενλέθηεκα είλαη όηη δελ απαηηείηαη ζρεδόλ θακία απαηηεηηθή γλώζε θαζώο ην «CMS» δηαρεηξίδεηαη ηα πεξηερόκελα γηα εζάο. πγθεθξηκέλα ν δηαρεηξηζηήο ελόο ηζηόηνπνπ ελεκεξώλεη κέζσ ηνπ δηαδηθηύνπ ην πεξηερόκελν ζην «CMS» ην νπνίν είλαη εγθαηεζηεκέλν ζε έλα δηαθνκηζηή. Σόηε όιεο νη αιιαγέο γίλνληαη απηόκαηα δηαζέζηκεο πάιη κέζσ ηνπ δηαδηθηύνπ ζε όινπο ηνπο επηζθέπηεο ηνπ ζπγθεθξηκέλνπ ηζηόηνπνπ. Σν πιήζνο ησλ πιενλεθηεκάησλ πνπ πξνζθέξεη ην «Joomla», ζπκπεξηιακβαλνκέλεο θαη ηεο επθνιίαο ρξήζεο ηνπο αιιά θαη ηεο επεθηαζηκόηεηαο ηνπ, ην έρνπλ θάλεη ζύληνκα γλσζηό ζην επξύ θνηλό. Σν ζρεδηαζηηθό ηεο «Joomla» ρξεζηκνπνηείηαη ζε όιν ηνλ θόζκν ζε δηθηπόηνπνπο Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

8 δηαθόξσλ ιεηηνπξγηώλ θάπνηα παξαδείγκαηα εθαξκνγήο ηνπ είλαη ηα αθόινπζα: Δηαηξηθέο ηζηνζειίδεο On-line πεξηνδηθά θαη εθεκεξίδεο Ζιεθηξνληθό εκπόξην θαη On-line θξαηήζεηο εηζηηεξίσλ Μηθξέο ηζηνζειίδεο επηρεηξήζεσλ Ηζηνζειίδεο ζρνιείσλ Πξνζσπηθέο ηζηνζειίδεο πγθεθξηκέλα παξαδείγκαηα εηαηξηώλ θαη νξγαληζκώλ θαηαζθεπάζεη «web sites» ζε «joomla» θαίλνληαη παξαθάησ : πνπ έρνπλ IHOP (αιπζίδα εζηηαηνξίσλ) - Παλεπηζηήκην ηνπ Υάξβαξλη (Δθπαηδεπηηθό) - Citibank (ρξεκαηνπηζησηηθνύ ηδξύκαηνο intranet) - Γελ έρεη πξόζβαζε ην θνηλό Senso Interiors (ζρεδηαζκόο επίπισλ) - Σεσνοηποπία εν δςνάμει κλήζηρ Παξαπάλσ αλαθέξακε όηη ην πξόγξακκα «Joomla» ρξεζηκνπνηεί ηελ ηερλνηξνπία ηεο ελ δπλάκεη θιήζεο. Ζ ηερλνηξνπία απηή βαζίδεηαη ζηελ αιιειέλδεηε ζρέζε κεηαμύ ησλ κνλάδσλ πνπ απαξηίδνπλ ηελ θάζε εθαξκνγή. Δμ νξηζκνύ, ινηπόλ, ζύκθσλα κε απηήλ ηελ ηερλνηξνπία κηα κνλάδα κπνξεί λα ρξεζηκνπνηήζεη έλα επξύ θάζκα γεγνλόησλ, αληί γηα κία κεκνλσκέλε Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

9 ιεηηνπξγία. Με ηνλ ηξόπν απηόλ, κπνξεί λα δειώζεη ελδηαθέξνλ ζε έλα ή πεξηζζόηεξα γεγνλόηα θαη λα ζπλδέζεη ζπγθεθξηκέλεο ιεηηνπξγίεο κε θάζε γεγνλόο, πξάγκα ην νπνίν δε ζα κπνξνύζε λα επηηεπρζεί κε ηελ ίδηα επθνιία αλ δελ ππήξραλ ηα παξαπάλσ ραξαθηεξηζηηθά. Καηά ηελ δηάξθεηα παξαηήξεζεο ησλ γεγνλόησλ απηώλ ζην ζύζηεκα, νη κνλάδεο πνπ έρνπλ δειώζεη ελδηαθέξνλ ζε απηό ην γεγνλόο «αθππλίδνληαη» θαη εθηεινύλ ηηο ζπγθεθξηκέλεο ιεηηνπξγίεο ηνπο πνπ ζπλδένληαη κε απηά ηα γεγνλόηα. Δγκαηάζηαζη Joomla ζε ηοπικό διακομιζηή «Local». Πξαγκαηνπνηνύκε ηελ εγθαηάζηαζε ηνπ ηνπηθνύ server (wamp ή xamp) ζηνλ ειεθηξνληθό ππνινγηζηή, ηξέρνληαο ην εθηειέζηκν αξρείν πνπ έρνπκε θαηεβάζεη από ηελ επίζεκε ηζηνζειίδα ηνπ δηαδηθηύνπ. ηελ δηάξθεηα ηεο εγθαηάζηαζεο, δηεπθξηλίδνπκε ηνλ «SMTP server» καο, ηνλ νπνίν νλνκάδνπκε «local host» θαη νξίδνπκε κία ειεθηξνληθή δηεύζπλζε. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

10 Δικόνα 1.1 Δικόνα 1.2 Σελ ίδηα ζηηγκή, δεκηνπξγείηαη απηόκαηα κία δηεύζπλζε- θαηάινγνο ζην «c:/wamp», ζηελ νπνία εγθαζίζηαληαη νη βάζεηο δεδνκέλσλ καο θαη όια ηα απαξαίηεηα ζηνηρεία γηα ηε ιεηηνπξγία ηεο «Joomla». ηελ δηάξθεηα νινθιήξσζεο ηεο εγθαηάζηαζεο, αληρλεύνληαο ηνπο browsers ηνπ ειεθηξνληθνύ ππνινγηζηή καο, επηιέγνπκε πνηνλ επηζπκνύκε γηα αλνίγνπκε ηελ ππό θαηαζθεπή ηζηνζειίδα, κέζσ απηνύ. Ακέζσο κεηά, θαηεβάδνπκε από ην δηαδίθηπν ηελ ηειεπηαία έθδνζε ηνπ αλνηθηνύ θώδηθα «Joomla», ηελ νπνία ηνπνζεηνύκε ζηε δηαδξνκή «c:wamp/www», ζηελ νπνία απνζπκπηέδεηαη. Δλεξγνπνηνύκε ην «wamp server» καο, δηαιέγνληαο ηελ επηινγή «phpmyadmin» θαη δεκηνπξγνύκε κία λέα βάζε δεδνκέλσλ «SQL», ηεο νπνίαο ην όλνκα ζα πξέπεη λα είλαη ην ίδην κε απηό πνπ ζα καο δεηεζεί αξγόηεξα ζηελ εγθαηάζηαζε ηνπ «Joomla». Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

11 Δικόνα 1.3 ηελ ζπλέρεηα επηιέγνπκε ην «local host» ηνπ «wamp server». Μεηά ηελ πεξάησζε απηήο ηεο θίλεζεο, εκθαλίδεηαη ην παξάζπξν εγθαηάζηαζεο ηεο «Joomla». Γηαιέγνπκε ηε γιώζζα εγθαηάζηαζεο, ην όλνκα ηνπ user, ην όλνκα ηεο βάζεο δεδνκέλσλ πνπ έρνπκε ήδε δεκηνπξγήζεη θαη ηνλ θσδηθό αζθαιείαο πνπ επηζπκνύκε. ηελ παξνύζα θάζε ηεο εγθαηάζηαζεο δε ξπζκίδνπκε ην «FTP» (File Transfer Protocol), κηαο θαη εξγαδόκαζηε- πξνο ην παξόλ- ζε ηνπηθό επίπεδν. Καηά ηελ νινθιήξσζε ηεο εγθαηάζηαζε, δηαγξάθνπκε κέζα από ην θάθειν «c:wamp/www» ηνλ ππνθάθειν «installation», δηόηη είλαη πξναπαηηνύκελν από ην ζρεδηαζηηθό πξόηππν «Joomla», έηζη ώζηε λα αλνίμεη ην παξάζπξν ηεο δηαδηθαζίαο ζρεδηαζκνύ. Έρνληαο νινθιεξώζεη ηελ εγθαηάζηαζε, δηαιέγνπκε από ηνλ «wamp server» ηελ επηινγή «local host», κε απνηέιεζκα λα καο αλαθαηεπζύλεη ζηνλ πξνεπηιεγκέλν πεξηεγεηή θαη λα καο εκθαλίζεη ηε ζειίδα αξρηθήο δηακόξθσζεο ηεο «Joomla». Έρνληαο βξεζεί ζηε ζειίδα απηή, ηεο νπνίαο ε δηεύζπλζε είλαη ζπκπιεξώλνπκε ζην «url» ηε ιέμε «administrator», έηζη ώζηε λα απνθηήζνπκε πιήξε πξόζβαζε ζην ζρεδηαζηηθό ηκήκα ηεο «Joomla». Πξαγκαηνπνηώληαο θαη απηό ην βήκα ζηνλ browser καο εκθαλίδεηαη ην παξάζπξν εηζόδνπ ζην ζρεδηαζηηθό θνκκάηη ηεο «joomla».δθεί ζα ηνπνζεηήζνπκε ην ραξαθηεξηζηηθό όλνκα «userrname» θαζώο θαη ηνλ θσδηθό «password» θαη κε απηόλ ηνλ ηξόπν ζα εηζέιζνπκε ζηελ αξρηθή ζειίδα ηνπ ζρεδηαζηηθνύ ηκήκαηνο «control panel». Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

12 Μεηά από ην ζεκείν απηό είκαζηε έηνηκνη λα πξνρσξήζνπκε ζηελ δεκηνπξγία ηνπ ηζηόηνπνύ καο. User Interface Design (UID) Κάζε Web developer πξηλ θαηαιήμεη ζην πώο αθξηβώο ζα ζρεδηάζεη ην site πνπ ηνπ έρεη δεηεζεί, πξέπεη λα ιάβεη ππόςε ηνπ νξηζκέλνπο παξάγνληεο. Έηζη ν πειάηεο θαη ην θνηλό πνπ ζηνρεύεη λα πξνζειθύζεη κπνξνύλ λα επηθνηλσλήζνπλ ζε ηθαλνπνηεηηθό βαζκό. Ζ επίηεπμε απηήο ηεο επηθνηλσλίαο κεηαμύ ζπζθεπήο θαη αλζξώπνπ γίλεηαη κε έλαλ UID (User Interface Designer) όπνπ πξέπεη λα ζθεθηεί θαη λα ζρεδηάζεη ηνλ ηξόπν κε ηνλ νπνίν ζα αλαπηπρζεί ζρέζε απηή. Έηζη ινηπόλ, σο User Interface Design νξίδεηαη ν ζρεδηαζκόο ηνπ ηξόπνπ επηθνηλσλίαο κεηαμύ ηνπ αλζξώπνπ θαη κηαο ζπζθεπήο, ειεθηξηθήο ή κε. θνπόο ηεο επηθνηλσλίαο απηήο είλαη ε ζσζηή ρξήζε ηεο ζπζθεπήο από ηνλ άλζξσπν, γεγνλόο ην νπνίν κπνξεί λα θαηαζηξέςεη ηε ζπζθεπή αλ δε δηεθπεξαησζεί κε ην ζσζηό ηξόπν. Κάπνηνη θαζνξηζηηθνί παξάγνληεο σο πξνο ην άλνηγκα ελόο δηαύινπ επηθνηλσλίαο κεηαμύ αληηθεηκέλνπ θαη ρξήζηε ζην ρώξν ηνπ web design, είλαη νη εμήο: 1. σζηή ηνπνζέηεζε ησλ βαζηθώλ ζπλδέζκσλ θαη θνπκπηώλ 2. Καζαξό θαη θαηαλνεηό πεξηβάιινλ 3. Απνθπγή θξπθώλ ιεηηνπξγηώλ 4. πλνρή ζην ζρεδηαζκό ιεηηνπξγηώλ 5. σζηή αληαπόθξηζε ηνπ πξνγξάκκαηνο, αλάινγα κε ηηο ελέξγεηεο ηνπ ρξήζηε 6. Λεηηνπξγηθόηεηα θαη εξγνλνκία θηλήζεσλ 7. Διθπζηηθόηεηα Μόλν ηπραίν δελ είλαη, άιισζηε, ην γεγνλόο όηη ηα πην πεηπρεκέλα websites ζην δηαδίθηπν απηή ηελ ζηηγκή αθνινπζνύλ ηνπο παξαπάλσ θαλόλεο. Σξαληαρηά παξαδείγκαηα είλαη ην Google θαη ην Twitter. Δπίζεο αθόκα θαη νη πνιύ αξράξηνη ρξήζηεο δελ ράλνληαη ζηα πεξηβάιινληά ηνπο θαη κπνξνύλ ρσξίο Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

13 βνήζεηα θαη επεμεγήζεηο λα ρξεζηκνπνηήζνπλ ηηο πξνζθεξόκελεο ιεηηνπξγίεο ηνπο. Σν πξόγξακκα ηεο Joomla είλαη ζρεδηαζκέλν έηζη γηα λα πξνσζεί ηελ εύθνιε δεκηνπξγία θαη πξνβνιή ησλ κελνύ πεξηήγεζεο ηνπ ρξήζηε. Σα menu κπνξνύλ λα εκθαλίδνληαη νξηδόληηα ή θάζεηα θαη ηα πνιιαπιά menu κπνξνύλ λα ζπληεξεζνύλ θαη λα δεκηνπξγεζνύλ κέζα από ηελ θαηεγνξία menu manager. Αθόκα, ε ζεηξά ηεο επηινγήο ησλ menu θαη ησλ ππν- menu είλαη αληηθείκελα πνπ επηιέγνληαη θαη δηαρεηξίδνληαη κέζσ ηνπ menu manager. Σν «module»- πξόζζεην ζρεδηαζκνύ γηα ην menu επηηξέπεη ηελ εκθάληζή ηνπο ζε όιεο ή ζε νξηζκέλεο ζειίδεο επηιεγκέλεο από ην δηαρεηξηζηή. Τπάξρεη επίζεο θαη ε δπλαηόηεηα πξόζζεησλ αιιαγώλ κεηά ηελ νινθιήξσζε ηεο ζειίδαο. Πεπιγπαθή ππογπάμμαηορ Joomla 2.5 Έρνληαο νινθιεξώζεη ηελ δηαδηθαζία εγθαηάζηαζεο ηνπ ηνπηθνύ καο «server Wamp», θαη κεηά ην πέξαο ηεο δηαδηθαζίαο εγθαηάζηαζεο ηεο «Joomla 2.5» ζε απηόλ, όπσο πεξηγξάςακε παξαπάλσ, πξνρσξάκε ζηελ αλαιπηηθή πεξηγξαθή βαζηθώλ ζεκείσλ θαη ιεηηνπξγηώλ ηεο. πλδεδεκέλνη ήδε ζην ζρεδηαζηηθό θνκκάηη σο ρξήζηεο ηύπνπ δηαρεηξηζηή «administrator», δειαδή ρξήζηε ρσξίο πεξηνξηζκό ζηα δηθαηώκαηά ηνπ όζσλ αθνξά ζηηο ελέξγεηεο ηηο νπνίεο είλαη εμνπζηνδνηεκέλνο από ην πξόγξακκα λα πξαγκαηνπνηήζεη, καο εκθαλίδεηαη ην θπξίσο κελνύ «control panel». Βιέπνληαο ην «control panel», από ηα αξηζηεξά πξνο ηα δεμηά, έρνπκε έλαλ αξηζκό θαξηειώλ κέζσ ησλ νπνίσλ εθηεινύκε ηηο επηζπκεηέο αιιαγέο. Οη ζειίδεο καο κε ζεηξά από ηα αξηζηεξά πξνο ηα δεμηά είλαη νη αθόινπζεο : «site», «users» «menus», «content», «components», «extensions» θαη «help», ηηο νπνίεο ζα εμεηάζνπκε πξνζεθηηθά παξαθάησ. ηελ δεμηά πιεπξά ππάξρεη ην θνπκπί «View Site», ε ρξήζε ηνπ νπνίνπ είλαη λα καο θάλεη πξνβνιή ηεο ζειίδαο καο ζε όπνην ζεκείν ηνπ ζρεδηαζκνύ θαη αλ βξηζθόκαζηε, θαζώο θαη ην θνπκπί απνζύλδεζεο «logout», παηώληαο ην νπνίν καο απνζπλδέεη από ην επίπεδν ηνπ ζρεδηαζκνύ Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

14 θαη καο επαλαθέξεη ζηελ αξρηθή θαξηέια εηζόδνπ. Αλάκεζα ζηα θνπκπηά πνπ πξναλαθέξακε παξεκβάιινληαη δύν εηθνλίδηα. Σν εηθνλίδην κε ζρήκα θαθέινπ καο δείρλεη ησλ αξηζκό ησλ ειεθηξνληθώλ κελπκάησλ, ηα νπνία έρνπκε ιάβεη, ελώ ην δεύηεξν καο δείρλεη ησλ αξηζκό ησλ ρξεζηώλ πνπ βξίζθνληαη ζπλδεκέλνη ζαλ δηαρεηξηζηέο απηήλ ηελ ζηηγκή ζηνλ ηζηόηνπό καο. ηνλ θπξίσο θνξκό ηεο ζειίδαο καο, εκθαλίδνληαη θάπνηα εηθνλίδηα όπσο ην εηζαγσγή θαηλνύξηνπ άξζξνπ «add new article», ε δηαρείξηζε άξζξνπ «article manager», ηα νπνία απνηεινύλ ζπληνκεύζεηο βαζηθώλ αληηθεηκέλσλ, πνπ βξίζθνληαη ζηηο θαξηέιεο ζηελ άλσ πιεπξά ηνπ site καο, όπσο αλαθέξακε παξαπάλσ. ηα δεμηά ησλ ζπληνκεύζεσλ ππάξρεη έλα θάζεηα θπιηόκελν κελνύ, ην νπνίν καο αλαθέξεη ησλ αξηζκό ησλ ρξεζηώλ πνπ είλαη ζπλδεκέλνη, ηα πην δεκνθηιή θαη πην πξόζθαηα άξζξα πνπ έρνπκε αλεβάζεη θαη ηνλ αξηζκό ησλ menu πνπ έρνπκε δεκηνπξγήζεη ζην site καο. Κνηηώληαο κε κηα γξήγνξε καηηά ηελ παξαθάησ εηθόλα ζα καο βνεζήζεη λα απνθηήζνπκε κηα πην νινθιεξσκέλε άπνςε. Δικόνα 1.4 Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

15 Ανάπηςξη και πεπιγπαθή ζελίδαρ Site Έρνληαο ήδε αλαθέξεη θαη πξνεγνπκέλσο, ζηελ πάλσ πιεπξά ηνπ site καο ππάξρνπλ νη βαζηθέο θαξηέιεο, κέζα από ηηο νπνίεο γίλεηαη νπζηαζηηθά ν ζρεδηαζκόο θαη ε νινθιήξσζε θάζε εξγαζίαο γηα ηελ πξαγκαηνπνίεζε ηνπ έξγνπ. Ζ πξώηε ζειίδα πνπ βιέπνπκε είλαη ην site. Δπηιέγνληάο ηελ εκθαλίδεηαη έλα ππν- κελνύ ζην νπνίν ππάξρνπλ ηα εμήο ζηνηρεία : «control panel», «my profile», «maintenance», «system information» «global configuration» θαη «log out». Σν «control panel» δελ είλαη θάηη δηαθνξεηηθό από ηελ αξρηθή καο ζειίδα, ε νπνία εκθαλίδεηαη κεηά ηελ είζνδν ηνπ δηαρεηξηζηή θαη πεξηιακβάλεη όια ηα παξαπάλσ. Απνηειεί απιά έλαλ ζύλδεζκνο κε ηελ αξρηθή ζειίδα ζρεδηαζκνύ. Ζ επόκελε επηινγή, απνηειεί έλα πνιύ ζεκαληηθό ζηνηρείν ηνπ πξνγξάκκαηνο καο θαη είλαη ην «global configuration». Από ηελ ζπγθεθξηκέλε κπνξνύκε λα ζέζνπκε ην site καο «off-line» λα ηνπ αιιάμνπκε όλνκα ελώ κέζα από ηελ ππν- θαξηέια «system» κπνξνύκε λα πξαγκαηνπνηήζνπκε ζεκαληηθέο αιιαγέο ζηελ ηθαλόηεηα ηεο ζειίδαο καο γηα ηελ δεκηνπξγία θαηλνύξγησλ ρξεζηώλ θαη ζηελ δηαδξνκή απνζήθεπζεο ησλ ζηνηρείσλ ηύπνπ «media». Δλ ζπλερεία ζηελ ππό-θαξηέια «server» ξπζκίδνπκε ηνλ ηύπν θαη ην όλνκα ηεο βάζεο δεδνκέλσλ ηεο ζειίδαο καο, ηελ παξαιαβή θαη ιήςε ηεο ειεθηξνληθήο αιιεινγξαθίαο καο θαζώο θαη ην πξσηόθνιιν κεηαθνξάο αξρείσλ «FTP». To «maintenance» είλαη κία ζειίδα πνπ ρξεζηκνπνηείηαη γηα κία γξήγνξε ζπληήξεζε ηεο ζειίδαο καο. Δδώ καο δίλεηαη ε δπλαηόηεηα γηα έιεγρν κέζα από ηελ επηινγή global check in, ελώ από ηελ επηινγή clear cache θαζαξίδνπκε ηελ πξνζσξηλή κλήκε ηελ νπνία δηαρεηξίδνληαη πνιιά πξόζζεηα θαη εθαξκνγέο ηεο ζειίδαο καο. Ζ ακέζσο επόκελε επηινγή είλαη ην ζβήζηκν Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

16 ηεο πξνζσξηλήο κλήκεο cache ζηελ νπνία ηα αηηήκαηα πνπ έρνπλ ζηαιεί γηα δέζκεπζή ηεο από δηάθνξα πξόζζεηα έρνπλ ιήμεη. Σειεπηαίν ζηνηρείν ηεο θαξηέιαο «site» καο είλαη ην «logout», ην νπνίν είλαη κηα ζπληόκεπζε γηα ηελ έμνδν ηνπ εθάζηνηε ρξήζηε από ηνλ ζρεδηαζκό. Ανάπηςξη και πεπιγπαθή καπηέλαρ Users Δπόκελε θαξηέια πνπ ζα κειεηήζνπκε είλαη ε θαξηέια Users. Δδώ έρνπκε ηελ δηαρείξηζε ηνπ θάζε ρξήζηε πνπ ζπλδέεηαη πάλσ ζηελ ζειίδα. Γηα παξάδεηγκα αο ππνζέζνπκε όηη έλα άξζξν ζέινπκε λα ην κπνξεί λα ην δηαβάζεη κόλν έλαο ρξήζηεο κε κνλαδηθό username θαη password ή κία νκάδα ρξεζηώλ κόλν θαη όρη όινη. Σόηε κέζα από απηήλ ηελ ζειίδα δεκηνπξγνύκε ρξήζηεο κε ζπγθεθξηκέλα πξνλόκηα δηαρείξηζεο ηεο ζειίδαο. ηελ πξώηε επηινγή έρνπκε ην user manager όπνπ εδώ δεκηνπξγνύκε έλα λέν ρξήζηε κε ηα πξνλόκηα πνπ εκείο ζέινπκε γηα ηελ δηαρείξηζε ηεο ζειίδαο θαη όρη κόλν. ηελ πεξίπησζε πνπ κπνύκε ζε απηήλ ηελ ζειίδα κεηά ηελ εγθαηάζηαζε ηεο Joomla βιέπνπκε κόλν έλαλ ρξήζηε κε ηελ νλνκαζία super user ν νπνίνο ζα έρεη πιήξε πξνλόκηα θαη νπνίνο είλαη απηόο πνπ δεκηνπξγήζακε θαηά ηελ εγθαηάζηαζε ηεο joomla. Ακέζσο επόκελε επηινγή είλαη ε επηινγή εηζαγσγήο κίαο νκάδαο ρξεζηώλ κε ηα ίδηα πξνλόκηα. Από ηελ επηινγή group, add new group δίλνπκε όλνκα ζηελ νκάδα θαη νξίδνπκε θαη ηα πξνλόκηα πνπ ζέινπκε λα έρεη. Δπόκελεο επηινγέο είλαη ην access level ζην νπνίν παξακεηξνπνηνύκε ην βαζκό δηθαησκάησλ ελόο ή κηαο νκάδαο ρξεζηώλ, δεκηνπξγώληαο αθόκα θαη λέν ηύπν δηθαησκάησλ όπσο εκείο ζέινπκε. Μπνξνύκε λα έρνπκε θαη ζεκεηώκαηα,εηδνπνηήζεηο γηα ηνλ θάζε ρξήζηε κε ηελ επηινγή user notes. Οκνίσο θαη εδώ καο παξέρεηαη ε δπλαηόηεηα δεκηνπξγίαο εηδνπνίεζεο γηα ηνλ θάζε ρξήζηε ή κηαο νκάδαο ρξεζηώλ, ηνπνζεηώληαο κάιηζηα ηα κελύκαηα απηά ζε θαηεγνξίεο πνπ έρνπκε δεκηνπξγήζεη από ηελ επηινγή user notes categories. Σέινο έρνπκε αθόκα κία δπλαηόηεηα κε ηελ joomla θαη απηή είλαη ε καδηθή απνζηνιή ειεθηξνληθήο αιιεινγξαθίαο ζε δηάθνξεο νκάδεο ρξεζηώλ ή αθόκα θαη ζε Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

17 θάζε έλα ρξήζηε μερσξηζηά αλάινγα ηελ νκάδα ζηελ νπνία αλήθεη. Αμίδεη λα αλαθέξνπκε όηη κέζα από ηελ ζπγθεθξηκέλε ζειίδα ησλ users κπνξνύκε λα επηηύρνπκε ηελ εγγξαθή ελόο κόλν ρξήζηε ρσξίο λα επηηξέπεηαη ε εγγξαθή άιινπ. Απηό κπνξνύκε λα ην πξαγκαηνπνηήζνπκε γηα ιόγνο αζθαιείαο θαζώο θαη αλ επηζπκνύκε ε δηαρείξηζε ηεο ζειίδαο λα γίλεηαη κόλν από έλα άηνκν. Ανάπηςξη και πεπιγπαθή καπηέλαρ Menus Ζ ζειίδα «menus» πεξηιακβάλεη δύν ππνθαηεγνξίεο ηα «menu manger» θαη «main menu». ην «menu manager» εκθαλίδνληαη ηα «menu» πνπ έρνπκε θηηάμεη θαη θαίλνληαη ζην «site». Αλ έρνπκε θηηάμεη έλα «menu», ηόηε ζε απηό πεξηιακβάλνληαη όινη νη ζύλδεζκνη καο όπσο ηα θνπκπηά, αξρηθή ζειίδα, θσηνγξαθίεο- ηα ιεγόκελα «menu items»-. Μαο παξέρεηαη, ινηπόλ, ε ηθαλόηεηα λα δεκηνπξγήζνπκε έλα ηέηνην menu ή αθόκα θαη λα ηξνπνπνηήζνπκε έλα πνπ ππάξρεη ήδε. Μέζα ζηελ θαηεγνξία απηήλ καο εκθαλίδεηαη ην όλνκά ηνπ, ν αξηζκόο ησλ «menu items» πνπ δηαζέηεη, θαζώο θαη αλ είλαη δεκνζηεπκέλν θαη -επνκέλσο- νξαηό από ηνπο ρξήζηεο ηνπ «site» ή όρη. Ζ ππνθαηεγνξία «main menu» ηελ νπνία ζα κειεηήζνπκε αθνξά ζηε δεκηνπξγία ησλ ζπλδέζκσλ «links» όπνπ εκθαλίδνληαη ζην «menu» καο θαη κέζσ ησλ νπνίσλ ν ρξήζηεο απνθηά πινήγεζε ζηνλ ηζηόηνπό καο. Καζώο, ινηπόλ, εκθαλίδεηαη ην «main menu» θαη ηα αληηθείκελα πνπ έρνπκε εηζάγεη ήδε, όπνπ κπνξνύκε λα ηα ηξνπνπνηήζνπκε, λα ηα αληηγξάςνπκε, λα ηα θαηαξγήζνπκε, αιιά θαη λα δεκηνπξγήζνπκε θαηλνύξηα. Παηώληαο ηελ επηινγή «new», καο εκθαλίδεηαη κία θαηλνύξγηα ζειίδα θαη επηιέγνληαο ην πξώην ηεηξάγσλν απηό ηνπ menu item type καο εκθαλίδνληαη όινη νη πηζαλνί ηύπνη ζπλδέζκσλ. Οη πηζαλνί ηύπνη ζπλδέζκσλ είλαη νη εμήο : «internal link», «external link», «separator» θαη «alias». Δπηιέγνληαο ην παξαπάλσ καο εκθαλίδνληαη νη ηύπνη «articles». «contacts», «news feeds», «polls», «search», «user manager», «web links» θαη «wrapper». Σα πεξηζζόηεξα από ηα παξαπάλσ απνηεινύλ ηύπν «internal link», όπνπ ν ρξήζηεο κεηαβαίλεη ζε θάπνηνλ ζύλδεζκν κέζα ζηνλ ίδην ηνλ ηζηόηνπν, Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

18 ρσξίο λα μεθεύγεη από απηόλ. Ο ζύλδεζκνο κπνξεί λα είλαη θάπνην άξζξν, δειαδή λα εκθαλίδεη έλα ε κηα θαηεγνξία άξζξσλ ή αθόκε θαη κηα ιίζηα άξζξσλ ζε κνξθή πξνζσπηθνύ ηζηνινγίνπ «blog». Ζ επηινγή ηύπνπ «contracts» καο επηζηξέθεη κηα θόξκα επηθνηλσλίαο πνπ έρνπκε δεκηνπξγήζεη ή κηα θαηεγνξία κε θόξκεο επηθνηλσλίαο. Παξαθάησ έρνπκε ηελ ηθαλόηεηα, λα επηιέμνπκε ηελ ελεκέξσζε ηεο ζειίδαο καο κέζσ άιισλ ηζηόηνπσλ, κε ηελ ρξήζε ηνπ «news feeds», ην νπνίν αλάινγα κε ηελ θαηεγνξία πνπ ηα έρνπκε ρσξίζεη, κπνξνύλ λα επηζηξαθνύλ θαη λα εκθαλίδνληαη νκαδηθά ή κεκνλσκέλα. Ο ακέζσο επόκελνο ηύπνο ζπλδέζκνπ είλαη ην «news feeds» ε νπνία καο επηηξέπεη ηελ εηζαγσγή λέσλ εηδήζεσλ κέζσ άιισλ ηζηόηνπσλ. Ζ ξύζκηζή ηνπ είλαη ζρεηηθά απιή θαζώο ν δηαρεηξηζηήο ζα πξέπεη λα ηνπνζεηήζεη ην επηζπκεηό όλνκα γηα ηελ θαηεγνξία ησλ εηδήζεσλ θαη ην εμσηεξηθό «link» ε αιιηώο ππεξζύλδεζκν από ηνλ νπνίν ζα ιακβάλνπκε ηηο πιεξνθνξίεο Ζ επηινγή ελόο ζπλδέζκνπ κε ραξαθηήξα «polls» αλαθέξεηαη ζηελ δεκηνπξγία ελόο ζπλδέζκνπ, δεκνζθόπεζεο θαη ςεθνθνξίαο ησλ επηζθεπηώλ ηνπ ηζηόηνπνπ πάλσ ζε έλα ζπγθεθξηκέλν άξζξν. Μέζα από ηελ ρξήζε ηνπ παξαπάλσ ν δηαρεηξηζηήο ηνπ «site» δεκνζηνπνηεί έλα εξώηεκα θαη ν θάζε επηζθέπηεο έρεη ηελ ηθαλόηεηα ηεο ςεθνθνξίαο κε απνηέιεζκα ηελ εκθάληζε δηαγξάκκαηνο ή πνζνζηνύ. Ζ επηινγή «search» δεκηνπξγεί έλα πεδίν ζην «site» επηηξέπνληαο ζηνπο επηζθέπηεο λα δηαηππώζνπλ θάπνηα πιεξνθνξία ηελ νπνία αλαδεηνύλ, ε νπνία ζα κπνξνύζε λα είλαη έλα άξζξν ή έλα αληηθείκελν ηύπνπ media, κε απνηέιεζκα λα επηζηξαθεί ην ζεκείν όπνπ βξίζθεηαη απηή ε πιεξνθνξία. Ζ επόκελε θαηεγνξία πνπ ζα δνύκε είλαη απηή ηνπ ηύπνπ «user» βάζεη ηνπ νπνίνπ έρνπκε ηε δπλαηόηεηα λα δεκηνπξγήζνπκε έλαλ θαηλνύξην ρξήζηε κε πεξηνξηζκέλα δηθαηώκαηα ή κε ζηελ δηαρείξηζε ηνπ «site» αιιά αθόκε θαη λα απνθξύςνπκε θάπνηεο πιεξνθνξίεο, ζε άξζξα ή ζε γεληθέο πιεξνθνξίεο-, ζε κηα νκάδα επηζθεπηώλ ή ρξεζηώλ. Οη βαζηθέο ξπζκίζεηο ηνπ παξαπάλσ ηύπνπ ζπλδέζκνπ πεξηιακβάλνπλ ηελ ρξήζε ελόο νλόκαηνο γηα ην αληηθείκελν «media», ηηο θαξηέιεο «menu» ζηηο νπνίεο ζα εκθαλίδεηαη, ην κήλπκα ππνδνρήο θαηά ηελ δηαδηθαζία εηζαγσγήο ηνπ λένπ ρξήζηε, θαζώο, -θαη ην πην ζεκαληηθό Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

19 ζεκείν ηεο παξακεηξνπνίεζεο-, ν νξηζκόο ησλ ζπλδέζκσλ αλαθαηεύζπλζεο κεηά ηελ εηζαγσγή ή έμνδν ηνπ ρξήζηε. Παξαθάησ βξίζθνπκε ηνλ ζύλδεζκν «web links» κε ηελ ρξήζε ηνπ νπνίνπ έρνπκε ηελ δπλαηόηεηα πξνβνιήο ζηνλ ηζηόηνπν κηαο θαηεγνξίαο ππεξζπλδέζκσλ, αλαθεξόκελνη ζε άιιεο δηαδηθηπαθέο ηνπνζεζίεο εζσηεξηθέο ε κε, ή αθόκα θαη ηελ πξνβνιή ησλ θαηεγνξηώλ πνπ έρνπκε ρσξίζεη ηνπο ππεξζπλδέζκνπο. Πξναλαθέξακε παξαπάλσ, πσο νη ζύλδεζκνη ρσξίδνληαη ζε δύν βαζηθέο θαηεγνξίεο, ηνπο «internal links», πνπ αλαθέξνληαη ζε έλα ζεκείν κέζα ζην ίδην ην site πνπ βξηζθόκαζηε-, θαη ηνπο «external links», πνπ αλαθέξνληαη ζε έλαλ ηζηόηνπν εθηόο απηνύ πνπ βξηζθόκαζηε ήδε. ε απηό ινηπόλ ην ζεκείν ζα κειεηήζνπκε ηελ επόκελε θαηεγνξία πνπ ζπλαληάκε, ην «external link», όπνπ νη ξπζκίζεηο πνπ πξαγκαηνπνηνύκε, είλαη ν νξηζκόο ελόο νλόκαηνο, ην «menu» πνπ ζα εκθαλίδεηαη, θαζώο θαη δηεύζπλζε (link) ζηελ νπνία ζα κεηαβαίλνπκε. Ο ηύπνο ηνπ «separator» είλαη ζύλδεζκνο πνπ δίλεη ηελ δπλαηόηεηα λα δηαζπάκε έλα κεγάιν «menu» ή κηα κεγάιε ζειίδα ηνπ «site», ηνπνζεηώληαο έλαλ ζειηδνδείθηε ζην επηζπκεηό ζεκείν πνπ ζέινπκε λα αλαθαηεπζπλζνύκε. Με ηελ ρξήζε ηνπ ινηπόλ έρνπκε ηνλ ηξόπν θαη ηελ ηθαλόηεηα λα κεηαβαίλνπκε ζην ζεκείν πνπ έρνπκε νξίζεη ηνλ ζειηδνδείθηε. αλ ηειεπηαίν ηύπν ζπλδέζκνπ πνπ ζπλαληάκε ζηελ θαξηέια «menu» είλαη ην «alias» ην νπνίν επηηξέπεη ηελ κεηαθνξά ηνπ ρξήζηε ζε θάπνην άιιν αληηθείκελν ηύπνπ «media» από ηα νπνία έρνπκε κειεηήζεη ήδε παξαπάλσ. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

20 Δικόνα 1.5 Πεπιγπαθή καπηέλαρ Content ηελ παξαθάησ ελόηεηα ζα κειεηήζνπκε ηελ θαηεγνξία «content» ε νπνία πεξηιακβάλεη έλα από ηα ζεκαληηθόηεξα ζπκπιέγκαηα αληηθεηκέλσλ ηα άξζξα (articles) θαζώο θαη ηελ δηαρείξηζε ηνπο. Σν θάζε άξζξν ζε έλαλ ηζηόηνπν θαηαζθεπήο, «joomla» κπνξεί λα είλαη έλα απιό θείκελν, κηα εηθόλα, έλαο ζπλδπαζκόο θαη ησλ δύν ή αθόκε θαη ε πξνβνιή ελόο ζύλζεηνπ αληηθεηκέλνπ πνπ νθείιεηαη ζηελ ρξήζε θάπνηνπ πξόζζεηνπ, κέζα ζην άξζξν, ηύπνπ «module», ην νπνίν ζα κειεηήζνπκε αλαιπηηθόηεξα παξαθάησ. Οη ππνθαηεγνξίεο ηεο θαξηέιαο «Content» είλαη ην «Article Manager», ην «Category Manager» θαζώο θαη ην «Media Manager» όπσο θαίλνληαη θαη ζηελ εικόνα 1.6 παξαθάησ. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

21 Δικόνα 1.6 Πξώηε ππνθαηεγνξία ησλ πεξηερνκέλσλ «Content» πξνο κειέηε, είλαη ην «Article Manager». Δπηιέγνληαο ηελ ζπγθεθξηκέλε επηινγή καο εκθαλίδεηαη έλα θαηλνύξην παξάζπξν ζην νπνίν αλαθέξνληαη ηα ήδε δεκηνπξγεκέλα άξζξα κε πξώην ραξαθηεξηζηηθό ην όλνκά ηνπο. Αλ παξαηεξήζνπκε δίπια ζην όλνκά ηνπο αλαθέξεηαη ε θαηάζηαζε ζηελ νπνία βξίζθνληαη, αλ δειαδή είλαη δεκνζηνπνηεκέλα ή όρη, κε απνηέιεζκα λα είλαη νξαηά από ηνλ θάζε επηζθέπηε ηνπ ηζηόηνπνπ. Απηό κπνξεί λα αιιάμεη κε ην απιό πάηεκα ζην εηθνλίδην πνπ βξίζθεηαη θάησ από ηελ ιέμε, ελώ αθήλνληαο απιά ην «πνληίθη» πάλσ ζην εηθνλίδην εκθαλίδεηαη ε εκεξνκελία δεκηνπξγίαο, θαζώο θαη ε εκεξνκελία ιήμεο, αλ ην έρνπκε επηιέμεη, ηνπ άξζξνπ. Δπίζεο έλα αθόκε ζηνηρείν είλαη ην «Access Level», πνπ καο δείρλεη πνηνο ρξήζηεο έρεη ηελ ηθαλόηεηα λα ην δεη θαη ε θαηάζηαζε ηνπ νπνίνπ κπνξεί λα είλαη «public ή «restricted» ή «registered», δειαδή αλαγλώζηκν από όινπο ή από άηνκα κε ζπγθεθξηκέλα δηθαηώκαηα. Σν ζηνηρείν «Category» είλαη ν ηνκέαο θαη ε θαηεγνξία πνπ έρνπκε δεκηνπξγήζεη πξηλ ην άξζξν θαη ην νπνίν αλήθεη ζε απηά. Ζ δηαδηθαζία ηεο δεκηνπξγίαο ηεο θαηεγνξίαο, (Category) ζα αλαθεξζεί παξαθάησ κόιηο θηάζνπκε ζηηο ζπγθεθξηκέλεο θαξηέιεο. Οη ξπζκίζεηο ηνπ θάζε άξζξνπ Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

22 ηειεηώλνπλ κε ηελ αλαθνξά ηνπ δεκηνπξγνύ ηνπ (author), θαζώο θαη κε ηελ εκεξνκελία δεκηνπξγίαο ηνπ, ηνλ αξηζκό ησλ πξνβνιώλ ηνπ θαη κε έλα κνλαδηθό αξηζκό (ID), πνπ πηνζεηεί ην άξζξν θαηά ηελ δηαδηθαζία θαηαζθεπήο ηνπ. ηελ θνξπθή ηνπ παξαζύξνπ ππάξρνπλ θνπκπηά γηα βαζηθέο ιεηηνπξγίεο ζηελ δεκηνπξγία αιιά θαη ηξνπνπνίεζε ηνπ θάζε άξζξνπ. Απηά είλαη ηα «publish» θαη «unpublished» γηα ηελ δεκνζίεπζε ή όρη ηνπ θάζε άξζξνπ, ην «copy», γηα ηελ αληηγξαθή ελόο άξζξνπ, ην «Trash», γηα ηελ δηαγξαθή, ην «edit», γηα ηελ ηξνπνπνίεζε ηνπ πεξηερνκέλνπ ηνπ, ην «parameters», γηα ηελ αιιαγή παξακέηξσλ ηνπ, θπξίσο γηα ην αλ ζα εκθαλίδνληαη θάπνηα εηθνλίδηα επεμεξγαζίαο ζηνπο απινύο επηζθέπηεο ηνπ «site»- θαη ηέινο θαη πην ζεκαληηθό ην θνπκπί «New». Παηώληαο ηελ επηινγή «New» δεκηνπξγνύκε έλα λέν άξζξν κε ηελ εκθάληζε κηαο θαηλνύξηαο ζειίδαο. Σνπνζεηώληαο ην επηζπκεηό όλνκα γηα ην άξζξν, νξίδνληαο ηελ θαηεγνξία(category), πνπ έρνπκε θηηάμεη ήδε θαη γξάθνληαο ην πεξηερόκελν πνπ ζέινπκε λα εκθαλίδεηαη ζην «site», έρνπκε ζρεδόλ νινθιεξώζεη ηελ δηαδηθαζία δεκηνπξγίαο ηνπ. Γηα ηελ θαηαρώξεζε απηώλ πνπ έρνπκε δεκηνπξγήζεη απιά παηάκε ηελ επηινγή «save», ζην πάλσ κέξνο ηνπ παξαζύξνπ. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

23 Δικόνα 1.7 Σν άξζξν όπσο πξναλαθέξακε απνηειείηαη από θείκελν, εηθόλα, ή ζπλδπαζκό θαη ησλ δύν ή αθόκε κπνξνύκε λα παξνπζηάζνπκε θαη ην πεξηερόκελν θάπνηνπ πξόζζεηνπ(module) ηεο «Joomla», γξάθνληαο ζε γιώζζα «Html» ηνλ απαξαίηεην θώδηθα. Δίπακε παξαπάλσ όηη γηα ηελ δεκηνπξγία ελόο άξζξνπ ζα πξέπεη πξώηα λα έρνπκε θηηάμεη κηα θαηεγνξία (Category).Δπόκελν ζηνηρείν είλαη ην (Category) όπνπ ζην ζπγθεθξηκέλν «παξάζπξν» μεθηλάκε λα θηηάρλνπκε κηα θαηεγνξία από ηελ αξρή κε ην θνπκπί «New». Ξεθηλώληαο ηελ παξαπάλσ δηαδηθαζία γηα ηελ θαηαζθεπή ηεο θαηεγνξίαο καο δεηείηαη έλα όλνκα, επηιέγνπκε αλ ζα είλαη δεκνζηνπνηεκέλε ή όρη, νξίδνπκε ηνλ βαζκό πξνζβαζηκόηεηαο, αλ είλαη «Public», «Registered»,ή «Special», ηελ εηθόλα (image),θαζώο θαη ηελ ζέζε ηεο,πνπ κπνξνύκε λα ηνπνζεηήζνπκε θαη ηέινο θάπνην θείκελν πνπ ζέινπκε λα γξάςνπκε. Γηα ηελ θαηαρώξεζε ηεο όιεο δηαδηθαζίαο πνπ έρνπκε θάλεη νκνίσο κε πξηλ παηάκε ηελ επηινγή «save» θαη επηζηξέθνπκε ζηελ πξνεγνύκελε θαξηέια. Ζ επεμεξγαζία κηαο ήδε ππάξρνπζαο θαηεγνξίαο γίλεηαη κέζα από ηελ εληνιή «edit», όπνπ καο επηζηξέθεη ην παξάζπξν επεμεξγαζίαο ηεο. Ζ θαηεγνξία «media manager» είλαη ππεύζπλε γηα ηε δηαρείξηζε αξρείσλ θα ηύπνπ «media» όπσο είλαη νη εηθόλεο, νη ήρνη θαη ηα βίληεν. Απηό πξαγκαηνπνηείηαη δείρλνληάο καο ηελ δηαδξνκή ηνπ θαθέινπ «media» ηεο «Joomla» ζηνλ server θαη ηνπο ππνθαθέινπο πνπ πεξηιακβάλνληαη ζε απηόλ, δίλνληάο καο ηελ δπλαηόηεηα λα δεκηνπξγήζνπκε θαηλνύξηνπο ππνθαθέινπο, λα ηνπο δηαγξάςνπκε θαζώο επίζεο θαη λα «αλεβάζνπκε» δεδνκέλα ηύπνπ media ζηνλ θάθειν επηινγήο καο. Ανάπηςξη και πεπιγπαθή καπηέλαρ Component Δπόκελν ζηνηρείν πξνο κειέηε είλαη ε θαξηέια ζρεδηαζκνύ θαη δηαρείξηζεο ηεο «Joomla» «Component» ζην νπνίν πεξηιακβάλεηαη έλαο κεγάινο αξηζκόο ιεηηνπξγηώλ. Σα βαζηθά ζηνηρεία πνπ ηελ απνηεινύλ είλαη ην «Banners», ην «contacts», ην «News Feeds», ην «Polls», ην «Search» θαη ην «Web Links». Δδώ εκθαλίδνληαη επίζεο θαη νπνηαδήπνηε πξόζζεηα έρνπκε Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

24 εγθαηαζηήζεη ζηελ «Joomla», πνπ έρνπκε «θαηεβάζεη», από ην επίζεκν «Site» « Ζ εγθαηάζηαζε θαη ρξήζε απηώλ ησλ πξόζζεησλ δίλεη ηελ δπλαηόηεηα γηα θαηλνύξηεο ιεηηνπξγίεο πνπ βνεζνύλ ζηελ επηζπκεηή παξνπζίαζε ηνπ πεξηερνκέλνπ ηνπ ηζηόηνπνπ, ελώ κε ηελ εγθαηάζηαζή ηνπο, ην παξάζπξν ηεο παξακεηξνπνίεζεο ηνπο εκθαλίδεηαη κέζα ζηελ θαξηέια «Component». Σν πώο αθξηβώο ιεηηνπξγνύλ θαζώο θαη ηελ εγθαηάζηαζήο ηνπο ζα ηελ κειεηήζνπκε παξαθάησ, ελώ ζα έρνπκε θαη ιεπηνκεξή αλαθνξά ζηα πξόζζεηα πνπ ρξεζηκνπνηήζακε γηα ηελ νινθιήξσζε ηεο ζπγθεθξηκέλεο εξγαζίαο. αλ πξώηε επηινγή ζηελ θαξηέια «Component», ζπλαληάκε ην «Banners». Σν «Banner» απνηειεί έλα δηαθεκηζηηθό θνκκάηη θόξκα, ελόο ζπλδέζκνπ(link) ζειίδαο, ηνπ νπνίνπ ην πεξηερόκελν κπνξεί λα είλαη, κηα θσηνγξαθία, έλα θείκελν, έλαο ζπλδπαζκόο θαη ησλ δύν ή αθόκα θαη έλα ζύλνιν θηλνύκελσλ εηθόλσλ. Μπνξεί λα ππνζηεξηρηεί θαη ήρνο, ελώ ζπλήζσο ηα πεξηζζόηεξα (banners) πεξηέρνπλ θνπκπί γηα ηελ αλά δξνκνιόγεζε ηνπ ρξήζηε ζε θάπνηνλ άιινλ ζύλδεζκν «link». Παηώληαο ηελ επηινγή ηνπ ζηνηρείνπ «banner», εκθαλίδνληαη ηξεηο επηινγέο ην «banners», «clients» θαη «categories». Σν «banners» εκθαλίδεη έλα παξάζπξν ζην νπνίν ππάξρνπλ όια ηα «banners» πνπ έρνπκε δεκηνπξγήζεη κε βάζε ηα ζηνηρεία ηνπο, όλνκα, πειάηεο (client), ηελ θαηεγνξία πνπ αλήθεη(category), ην αλ είλαη δεκνζηνπνηεκέλα ή όρη(published) θαζώο θαη ηνλ κνλαδηθό αξηζκό ηνπο(id). Ζ δεκηνπξγία θαη ε επεμεξγαζία ελόο «banner» είλαη παξόκνηα κε απηήλ ελόο άξζξνπ όπσο έρνπκε πξναλαθέξεη. Αληίζηνηρα θαη εδώ ζην πάλσ κέξνο ηνπ παξαζύξνπ έρνπκε ηα ίδηα θνπκπηά, «New», «Edit», «Delete», «Copy» θαη «Parameters». Γηα ηελ δεκηνπξγία θαη ηνπνζέηεζε ελόο λένπ «banner», πξέπεη πξώηα λα έρνπκε δεκηνπξγήζεη έλαλ πειάηε(client) θαη κία θαηεγνξία(category). Έηζη κεηαβαίλνπκε ζηελ επηινγή (clients) όπνπ θαη νξίδνπκε ζηα πεδία έλα όλνκα πειάηε, έλα όλνκα επαθήο «contact name», θαη κηα δηεύζπλζε ειεθηξνληθήο αιιεινγξαθίαο( ) πνπ αληηζηνηρεί ζηνλ πειάηε. Αθνινύζσο κεηαβαίλνπκε ζηελ επηινγή «categories», θαη δεκηνπξγνύκε κηα θαηεγνξία, -ζηελ νπνία ζα αλήθεη ην «banner»-, δίλνληαο έλα όλνκα, νξίδνληαο αλ ζα είλαη δεκνζηεπκέλε θαζώο θαη ην βαζκό πξνζβαζηκόηεηαο ζε απηήλ, ελώ ηέινο εηζάγνπκε θάπνην θείκελν ή εηθόλα. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

25 Οινθιεξώλνληαο ηα παξαπάλσ βήκαηα επηζηξέθνπκε ζηελ ζειίδα «banners» θαη επηιέγνπκε ην θνπκπί «New». Καηαγξάθνπκε έλα όλνκα γηα ην «banner», επηιέγνπκε αλ ζα είλαη νξαηό από ηνπο επηζθέπηεο, ηνπνζεηνύκε ηνλ ζύλδεζκν ή ππέξ ζύλδεζκν πνπ ζα αλά -δξνκνινγεί ηνλ ρξήζηε ελώ ζηελ ζπλέρεηα κπνξνύκε λα εηζάγνπκε ηνλ πξνζσπηθό θώδηθα «Html», πνπ έρνπκε νη ίδηνη θηηάμεη ζην πεδίν «Custom Banner Code». Έρνπκε ηελ δπλαηόηεηα επίζεο λα γξάςνπκε θαη θάπνηα πεξηγξαθή ζην ακέζσο επόκελν πεδίν «description» θαζώο θαη λα εηζάγνπκε εηθόλα από ην «banner image selector», ηελ νπνία έρνπκε ηνπνζεηήζεη πξνεγνπκέλσο ζηνλ ππό θάθειν «banners», ηνπ θύξηνπ θαθέινπ «images» ζηνλ «server». Γηα ηελ πεξάησζε ηεο νινθιήξσζεο βεβαίσο ηνπ «banner» πνπ δεκηνπξγήζακε θαη ηελ εκθάληζή ηνπ ζηνλ ηζηόηνπν, ζα πξέπεη λα κεηαβνύκε ζε έλα άιιν ζηνηρείν,ην νπνίν ζα δνύκε ζηελ ζπλέρεηα θαη ιέγεηαη «module manager», ζηελ θαηεγνξία «extensions». Δικόνα 1.8 Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

26 Δικόνα 1.9 Δλ ζπλερεία ζπλαληάκε ην επόκελν ζηνηρείν ηεο θαηεγνξίαο «Component» πνπ νλνκάδεηαη «Contacts» ή αιιηώο επαθέο, κε ην νπνίν κπνξνύκε λα δεκηνπξγήζνπκε κηα θόξκα επηθνηλσλίαο γηα ηνπο ρξήζηεο ηνπ ηζηόηνπνπ. Ζ θαηαζθεπή ηεο θόξκαο γίλεηαη κε ζρεηηθά απιό ηξόπν θαζώο δεκηνπξγνύκε πάιη κηα θαηεγνξία ζηελ νπνία ζα αλήθεη ε θόξκα, - νκνίσο κε ηα άξζξα θαη ηα «banners»- θαη ζηελ ζπλέρεηα επηιέγνπκε ην θνπκπί «new» αλνίγνληαο έλα παξάζπξν γηα ηελ επηζπκεηή παξακεηξνπνίεζε ηεο. Οη βαζηθέο ξπζκίζεηο πνπ πξέπεη λα νξίζνπκε είλαη έλα όλνκα, λα επηιέμνπκε κηα θαηεγνξία,- απηήλ πνπ δεκηνπξγήζακε πξηλ- θαη λα ηνπνζεηήζνπκε ηα πξνζσπηθά ζηνηρεία πνπ αλαθέξνληαη ζην παξαθάησ πεδίν «information». ην δεμί πιαίζην ηνπ παξαζύξνπ ελεξγνπνηνύκε ή απελεξγνπνηνύκε ηα πεδία, πξνο ζπκπιήξσζε, πνπ ζέινπκε λα εκθαλίδνληαη ζηνλ ρξήζηε. Γηα ηελ πξνβνιή ηεο θόξκαο ζηνλ ηζηόηνπν πξέπεη λα δεκηνπξγήζνπκε έλα θνπκπί- ζύλδεζκν από ηελ θαηεγνξία «menu», -πνπ αλαιύζακε πξηλ-, επηιέγνληαο ην ζηνηρείν «menu item» θαη νξίδνληάο ην ζαλ ηύπν «contacts» θαη δίλνληαο ζηηο ξπζκίζεηο απιά ην όλνκα ηεο. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

27 Δικόνα 1.10 Δπόκελν ζηνηρείν είλαη ην «News Feeds» όπνπ καο παξέρεη ηελ ζπλερόκελε ξνή πιεξνθνξηώλ ζην «site», κε ηελ κνξθή εηδήζεσλ κέζσ ππέξ ζπλδέζκνπ ζε θάπνηνλ άιιν ηζηόηνπν. Γηα ηελ θαηαζθεπή ηνπ θαη ηελ πξνβνιή ηνπ ζηνπο επηζθέπηεο ηεο ζειίδαο εξγαδόκαζηε κε όκνην ηξόπν όπσο ζηα άξζξα αιιά θαη ζηα «banners». Καηαζθεπάδνπκε κία θαηεγνξία από ην «category»,-κέζα ζην πεδία «News Feeds»- θαη ζηελ ζπλέρεηα επηιέγνπκε ην «New» ζην παξάζπξν «Feeds». Πξνβάιιεηαη ε ζειίδα παξακεηξνπνίεζεο ηνπ πξόζζεηνπ, νξίδνπκε ην όλνκα «name» πνπ επηζπκνύκε, ηελ θαηεγνξία «category» πνπ έρνπκε δεκηνπξγήζεη πξνεγνπκέλσο, ηνπνζεηνύκε ηνλ ππέξζύλδεζκν «link» από ηνλ νπνίν ζα εηζέξρνληαη νη πιεξνθνξίεο θαη ηέινο ηνλ ηξόπν εκθάληζήο ηνπο, από ηελ επηινγή «RTL Feed». Γηα ηελ πεξάησζε ηνπ ζπγθεθξηκέλνπ ζηνηρείνπ, δεκηνπξγνύκε έλαλ ζύλδεζκν από ηελ θαηεγνξία «menus» ζην πεδίν «menu item» ηύπνπ «News Feeds», δίλνληαο απιά ή ην όλνκα ηνπ «feed» πνπ νξίζακε ή ην όλνκα ηεο θαηεγνξίαο γηα ηελ εκθάληζε όισλ ησλ «feed» πνπ αλήθνπλ ζε απηήλ. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

28 Δικόνα 1.11 Σν ζηνηρείν «messaging» ζηελ θαηεγνξία «Components» επηηξέπεη ηελ απνζηνιή πξνζσπηθώλ κελπκάησλ κεηαμύ ησλ ρξεζηώλ ή κίαο νκάδαο ρξεζηώλ πνπ δηαρεηξίδνληαη ηελ ζειίδα. Δπηιέγνληαο ην ζπγθεθξηκέλν ην παξάζπξν πνπ αλνίγεη καο επηηξέπεη ηελ δεκηνπξγία κελύκαηνο. Από ην recipient επηιέγνπκε ηνλ παξαιήπηε αλάκεζα ζηνπο ρξήζηεο, ζην subject ζπκπιεξώλνπκε ηελ επηθεθαιίδα ηίηιν πνπ ζα έρεη ην κήλπκά καο θαη ηέινο ζην message γξάθνπκε ην κήλπκα. Παηάκε ηελ εληνιή send Πνπ βξίζθεηαη πάλσ δεμηά ζηελ ζειίδα θαη πεηπραίλνπκε ηελ απνζηνιή πξνζσπηθνύ κελύκαηνο. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

29 Δικόνα 1.12 αλ ηειεπηαίν ζηνηρείν ζηελ θαηεγνξία «Components» ζα κειεηήζνπκε ην ζηνηρείν «Web Links» ζην νπνίν αλήθνπλ νη ζύλδεζκνη ζε κηα ζπγθεθξηκέλε θαηεγνξία ή ζε κία θαηλνύξηα ζειίδα. Ζ πξαγκαηνπνίεζή ηνπ είλαη ζρεηηθά απιή θαη έρεη πνιιά θνηλά κε όια ηα πξνεγνύκελα ζηνηρεία(components). Αξρηθά επηιέγνπκε ην πεδίν δεκηνπξγίαο κηαο θαηεγνξίαο ζηελ νπνία ζα αλήθεη ν ππέξ -ζύλδεζκνο δίλνληαο πάιη έλα όλνκα θαη ζηελ ζπλέρεηα επηζηξέθνπκε ζηελ ζειίδα «Links» γηα λα δεκηνπξγήζνπκε έλα λέν. Σνπνζεηνύκε έλα όλνκα γηα ηνλ ζύλδεζκν θαη επηιέγνπκε ηελ θαηεγνξία πνπ έρνπκε δεκηνπξγήζεη πξνεγνπκέλσο. πλδέζκνπο «Links» κπνξνύκε λα δεκηνπξγήζνπκε θαη κέζα από ην ζηνηρείν «Menu Item» επηιέγνληαο ηνλ ηύπν «Web Links». Πεπιγπαθή καπηέλαρ Extensions Μέζα από ηελ θαξηέια «extensions» γίλεηαη ε βαζηθή δηαρείξηζε πξνζζέησλ ηεο «Joomla» θαζώο πξαγκαηνπνηείηαη ε εγθαηάζηαζε,ε Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

30 απεγθαηάζηαζε, αιιά θαη ε ελεξγνπνίεζε ή απελεξγνπνίεζε ηνπο. αλ πξώηε επηινγή εκθαλίδεηαη ην «extension manager», κέζα από ην νπνίν πξνρσξάκε ζηελ εγθαηάζηαζε ή απεγθαηάζηαζε ησλ πξνζζέησλ. Δδώ εκθαλίδεηαη ην κνλνπάηη «path»,- ζην πεδίν «upload package»-,όπνπ βξίζθεηαη ην πξόζζεην πνπ ζέινπκε λα εγθαηαζηήζνπκε ζε κνξθή «ZIP», -δειαδή ζπκπηεζκέλν-, θαη κε ην θνπκπί «browse» ην εληνπίδνπκε κέζα ζην ηνπηθό κέζσ απνζήθεπζεο πνπ βξίζθεηαη. Σν κνλνπάηη πνπ ππάξρεη ε πξόζζεηε ιεηηνπξγία πξνο εγθαηάζηαζε κπνξεί λα βξίζθεηαη απεπζείαο ζηνλ «server» πνπ έρνπκε «ζεθώζεη» ην «site», θαη λα ην εγθαηαζηήζνπκε άκεζα από ην πεδίν «install from directory». Σέινο απηό κπνξεί λα γίλεη θαη από ππέξ-ζύλδεζκν ζην δηαδίθηπν από ην «install from url». Αλ ε εγθαηάζηαζε είλαη επηηπρήο ηόηε εκθαλίδεηαη ην κήλπκα «installation successfully». Γηα λα απεγθαηαζηήζνπκε έλα «plug in», δηαιέγνπκε από ην πάλσ κέξνο ηεο ζειίδαο ηελ επηινγή manage ηνλ ηύπν ηνπ, - αλ είλαη «plug in», «component», «module», «templates» ή αθόκε θαη γιώζζα «Language»-, ην επηιέγνπκε θαη παηάκε ην «uninstall». Δικόνα 1.13 Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

31 ην «module manager», εκθαλίδνληαη ηα «modules» πνπ έρνπκε θηηάμεη, ελώ κέζα από ηελ επηινγή «new» καο εκθαλίδνληαη όινη νη ηύπνη πνπ κπνξνύκε λα δεκηνπξγήζνπκε. Έρνπκε επίζεο ηελ ηθαλόηεηα λα ηα ελεξγνπνηήζνπκε ή λα ηα απελεξγνπνηήζνπκε, όπσο επίζεο θαη λα ηα δηαγξάςνπκε.μέζα από ην ζηνηρείν «Plug-in Manager» έρνπκε πξόζβαζε ζε όια ηα πξόζζεηα πνπ πξνππήξραλ από ηελ εγθαηάζηαζε ηεο «Joomla», αιιά θαη απηά πνπ εγθαηαζηάζεθαλ κεηά, επηιέγνληαο αλ ζα ελεξγνπνηήζνπκε ή όρη αιιά θαη έρνληαο πξόζβαζε ζε γηα πεξεηαίξσ παξακεηξνπνίεζε κέζα από ηελ επηινγή «edit». Παξαθάησ θαηά ηελ δηαδηθαζία δεκηνπξγίαο ηεο ζπγθεθξηκέλεο εξγαζίαο ζα αλαθεξζνύλ ηα αθξηβή πξόζζεηα πνπ ρξεζηκνπνηήζεθαλ θαζώο θαη ε παξακεηξνπνίεζε ηνπο. Μέζα από ην ζηνηρείν «Template Manager» επηιέγνπκε ην πιαίζην (template) ην νπνίν απνηειεί ηα γξαθηθά ηεο ηζηνζειίδαο,- θόλην, ρξσκαηηζκόο θαη γεληθόηεξα ηελ δνκή ηεο-, πνπ ζα ρξεζηκνπνηήζνπκε, όπνπ εθηόο από ηα έηνηκα πνπ ππάξρνπλ, κπνξνύκε εηζάγνπκε θαη δηθά καο. Γηαιέγνληαο απηό πνπ ζέινπκε, κε ην θνπκπί «edit» έρνπκε πξόζβαζε ζην «template» βιέπνληαο ηηο ζέζεηο πνπ πξνζθέξεη γηα ηελ εηζαγσγή «banner», αιιά θαη έρνληαο ηελ δπλαηόηεηα επεμεξγαζίαο ηνπ πεγαίνπ θώδηθα ηεο ζειίδαο ζε «Html» θαη ζε «Css». Σειεηώλνληαο ηελ θαξηέια «Content» θηάλνπκε ζηελ δηαρείξηζε ηεο γιώζζαο ζηελ νπνία εκθαλίδεηαη ην «site», θαζώο ππάξρεη ε δπλαηόηεηα εγθαηάζηαζεο πξόζζεηεο γιώζζαο θαη επηινγήο ηεο. Δπέκηαζη Λειηοςπγιών Joomla Έρνληαο ήδε αλαθέξεη παξαπάλσ, ην ζρεδηαζηηθό πξόγξακκα ηεο Joomla έρεη ηε δπλαηόηεηα πξνζζήθεο λέσλ ιεηηνπξγηώλ, γηα ηε δηεπθόιπλζε ηόζν ηνπ ρξήζηε όζν θαη ηνπ δηαρεηξηζηή όζνλ αθνξά ζηελ επίηεπμε ηνπ επηζπκεηνύ απνηειέζκαηνο. Ζ επέθηαζε ησλ ιεηηνπξγηώλ αθνξά ζηελ εγθαηάζηαζε ηξηώλ δηαθνξεηηθώλ πξνζζέησλ, ηα νπνία είλαη ηύπνπ «plug-in», ηύπνπ «component» θαη ηύπνπ «modules». Ζ ηνπνζέηεζή ηνπο ζηελ Joomla θαη Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

32 ησλ ηξηώλ απηώλ ηύπσλ γίλεηαη κέζα από ηελ θαηεγνξία extensions θαη ην πεδίν install- uninstall, όπνπ κέζα από ηηο επηινγέο upload package file, install from directory θαη install from URL πξαγκαηνπνηείηαη ε ελ ιόγσ ελέξγεηα. Έλα «plug-in» απνηειεί έλα είδνο επέθηαζεο ηεο Joomla. Σν ζπγθεθξηκέλν πξόζζεην παξέρεη ιεηηνπξγίεο πνπ ζρεηίδνληαη κε γεγνλόηα αληίδξαζεο. Όηαλ έλα ζπγθεθξηκέλν γεγνλόο εθηειείηαη, όιεο νη ιεηηνπξγίεο απηέο εθηεινύληαη κε δηαδνρηθή ζεηξά. Δπίζεο, πξέπεη λα ζεκεησζεί όηη ηα plugins απνηεινύλ κέζα επηθνηλσλίαο κεηαμύ δηαθνξεηηθώλ πξνζζέησλ. Ζ αξρηηεθηνληθή ηνπο βαζίδεηαη ζηνλ πξόηππν ζρεδηαζκό observer. Μέζα ζε θάζε ζρέδην εξγαζίαο, ζπλππάξρνπλ πνιιά δηαθνξεηηθά κεηαμύ ηνπο «plug-ins», ηα νπνία εθηεινύληαη, όπσο έρνπλ πξνγξακκαηηζηεί, όηαλ ελεξγνπνηεζεί ην ηξέρσλ ζελάξην. Με ηελ πξνζζήθε κηαο επέθηαζεο, αλάινγα κε ηνλ ηύπν ηεο (component, plug- in ή module), πξνζηίζεληαη ζην δηαθνκηζηή καο, ζηε δηαδξνκή httpdocs/ptyxiaki, νη αληίζηνηρνη θάθεινη (components, plug-ins, modules), κέζα ζηνπο νπνίνπο πεξηιακβάλνληαη ηα εθάζηνηε αξρεία ηύπνπ.php θαζώο θαη.html, ηα νπνία απνηεινύλ ιεηηνπξγηθό θνκκάηη θάζε πξόζζεηνπ. Αλ ην πξόζζεηό καο ρξεζηκνπνηείηαη γηα ηε δηαρείξηζε αληηθεηκέλνπ ηύπνπ media, ηόηε κέζα ζηνπο ζπγθεθξηκέλνπο ππνθαθέινπο, εκθαλίδεηαη θαη ν αληίζηνηρνο θάθεινο ηύπνπ media, κέζα ζηνλ νπνίν ηνπνζεηνύκε ηα ζπγθεθξηκέλνπ ηύπνπ αξρεία, κε ηε ρξήζε πξσηνθόιινπ κεηαθνξάο αξρείσλ ( FTP) ή - αλ ππάξρεη δπλαηόηεηα- κέζσ ηνπ πίλαθα δηαρείξηζεο media manager ηεο Joomla, ζηελ θαξηέια site. Αλ έρνπκε ηε δπλαηόηεηα δηαρείξηζεο αληηθεηκέλσλ κέζσ ηνπ media manager, ηόηε εκθαλίδνληαη όια ηα πξόζζεηα πνπ ππνζηεξίδνπλ απηό ην είδνο αξρείσλ, θαζώο θαη νη δηαδξνκέο ησλ ππό-θαθέισλ, ζηνπο νπνίνπο πξέπεη λα ηνπνζεηεζνύλ. Πξέπεη λα ηνλίζνπκε, πσο ζηελ πεξίπησζε πνπ δνπιεύνπκε ζε απνκαθξπζκέλν server ηύπνπ web, γηα ηελ εγθαηάζηαζε ησλ πξνζζέησλ, επηβάιιεηαη ε αιιαγή ησλ δηθαησκάησλ ησλ θαθέισλ components, plug- ins, modules, administrator, languages θαζώο θαη ησλ ππνθαθέισλ ηνπο, ζε πιήξε πξνζβαζηκόηεηα. Σν παξαπάλσ ζε έλα server ηύπνπ linux, πξαγκαηνπνηείηαη αιιάδνληαο ηα δηθαηώκαηα ζε δηθαηώκαηα ηύπνπ 777, γεγνλόο ην νπνίν Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

33 θαηαδεηθλύεη όηη νπνηνζδήπνηε κπνξεί λα έρεη ην δηθαίσκα λα ηξνπνπνηήζεη, λα δηαγξάςεη θαη λα δεκηνπξγήζεη νπνηνδήπνηε αξρείν ή θάθειν. Δλ θαηαθιείδη, εάλ δνπιεύνπκε ζε ηνπηθό επίπεδν, δελ έρνπκε θαλέλα πξόβιεκα κε ηελ εγθαηάζηαζε ησλ πξνζζέησλ, αιιηώο, όπσο πξναλαθέξζεθε, πξέπεη λα ηξνπνπνηήζνπκε ηα δηθαηώκαηα ησλ θαθέισλ πνπ αθνξνύλ ζηα πξόζζεηα, ζηνλ εθάζηνηε server. ΚΔΦΑΛΑΙΟ 2 Καηαζκεςή ιζηόηοπος Online κπαηήζεων δωμαηίων ζε ξενοδοσειακέρ μονάδερ. Δρνληαο αλαθέξεη θάπνηα βαζηθά πξάγκαηα γηα ηελ «Joomla», πξνρσξάκε ζηελ πεξηγξαθή ηεο δεκηνπξγίαο κηαο εθαξκνγήο online θξαηήζεσλ δσκαηίσλ κε βάζε ην παξαπάλσ πξόγξακκα, θαζώο θαη κε ηελ βνήζεηα ηνπηθνύ «server» (wamp) αιιά θαη ηελ ρξήζε βνεζεηηθώλ πξνγξακκάησλ ζρεδίαζεο, «artisteer 2.0» θαη «Flash Banner Creator». Μεηά ηελ εγθαηάζηαζε ηεο «Joomla» ζε ηνπηθό δηαθνκηζηή κε ηνλ ίδην αθξηβώο ηξόπν πνπ πεξηγξάςακε παξαπάλσ, δίλνπκε ζαλ θσδηθό όλνκα εηζόδνπ(username) ην «admin» θαη ζαλ θσδηθό εηζόδνπ(password) ηνλ θσδηθό test1. Ο ηξόπνο εγθαηάζηαζεο ζε απνκαθξπζκέλν «server» γίλεηαη κε έλαλ ζρεηηθά παξόκνην ηξόπν. Μεηά ηελ δηαδηθαζία θαηνρύξσζεο ηνπ επηζπκεηνύ όλνκαηνο γηα ην «site» από ηνλ αληίζηνηρν πάξνρν, θαζώο θαη ηνλ απαηηνύκελν «ρώξν» ζηνλ «server», πξαγκαηνπνηνύκε κία αληηζηνίρεζε νλόκαηνο θαη ρώξνπ(domain), ελώ ζηελ ζπλέρεηα έρνληαο απνθηήζεη πξόζβαζε ζηoλ «server», εγθαζηζηνύκε ζηνλ θάθειν «httpdocs» ην πεξηερόκελν ηεο «Joomla». Με απηήλ ηελ δηαδηθαζία αλ πιεθηξνινγήζνπκε ζηνλ πεξηεγεηή ην όλνκα ηνπ ηζηόηνπνπ, εκθαλίδεηαη ε ζειίδα εγθαηάζηαζεο όπσο αθξηβώο ζπκβαίλεη θαη ζην ηνπηθό επίπεδν ζηνλ «wamp server», πξνρσξώληαο ηελ εγθαηάζηαζε θαλνληθά. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

34 Μεηά ην ηέινο ηεο εγθαηάζηαζεο ηεο «Joomla» αξρίδνπκε ηελ θαηαζθεπή ηεο ζειίδαο μεθηλώληαο από ηελ επηινγή ηνπ «template», πνπ όπσο πξναλαθέξακε,κπνξνύκε λα δηαιέμνπκε αλάκεζα ζε κηα πνηθηιία δσξεάλ ηα νπνία πξνζθέξνληαη από ηελ επίζεκε ηζηνζειίδα ηεο «Joomla», ή κπνξνύκε λα πξνρσξήζνπκε ζηελ θαηαζθεπή ελόο δηθνύ καο. ε απηό ην ζεκείν ζα εμεγήζνπκε ηελ θαηαζθεπή ηνπ «template» πνπ ρξεζηκνπνηήζακε ζε απηήλ ηελ εξγαζία, κε ηελ βνήζεηα ηνπ ζρεδηαζηηθνύ πξνγξάκκαηνο «Artisteer 2». Παξαδείγκαηα γηα ηελ εγθαηάζηαζε ηεο ζειίδαο καο ζε server θαίλνληαη ζηηο εηθόλεο πνπ αθνινπζνύλ. Δικόνα 2.1 Καηαζκεςή «template» με ηην σπήζη ηος ππογπάμμαηορ Artisteer 2.0 Παξαθάησ ζα κειεηήζνπκε ην «Artisteer» ην νπνίν απνηειεί έλα ζρεδηαζηηθό πξόγξακκα γηα «templates» όρη κόλν γηα ηελ «Joomla», αιιά θαη γηα άιια πξνγξάκκαηα ζρεδηαζκνύ ηζηνζειίδσλ όπσο ην «Word Press», ην «Drupal», ην «ASP.Net» ή αθόκα γηα ηζηνζειίδεο θαηαζθεπαζκέλεο ζε απιή Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

35 «Html». Ξεθηλώληαο ην πξόγξακκα εκθαλίδεηαη ην παξάζπξν κε ηα ππνζηεξηδόκελα πξνγξάκκαηα ζρεδηαζκνύ θαη πξαγκαηνπνηνύκε ηελ επηινγή καο. Γηαιέγνληαο ην «Joomla», πξνρσξάκε ζην ζρεδηαζηηθό ηκήκα, ζην πάλσ κέξνο ηνπ νπνίνπ ππάξρεη ην κελνύ κε ηα θνπκπηά «ideas», «color and fonts», «Layout», «Background», «Sheet», «Header», «Menus», «Articles», «Sidebar», «Vertical Menu», «Buttons» θαη «Footer». Ζ πξώηε θαξηέια πνπ πξνβάιιεηαη, είλαη ε «ideas», ζηελ νπνία ππάξρνπλ έηνηκα «templates» ζαλ πξνηάζεηο, όπνπ παηώληαο ην «suggest design», εκθαλίδεη θαη άιια πξνζρέδηα. Δδώ έρνπκε ηελ δπλαηόηεηα λα αιιάμνπκε ηνλ ρξσκαηηζκό ή αθόκε θαη θάπνηα άιια βαζηθά ζηνηρεία όπσο ηα θνπκπηά ή ηα «menu» ηεο ζειίδαο. Αθνινπζεί ε επηινγή «color and fonts», όπνπ επεμεξγαδόκαζηε ην βαζηθό ρξσκαηηζκό ηνπ πιαηζίνπ, ην κέγεζνο, θαζώο θαη ηνλ ηύπν ηεο γξακκαηνζεηξάο ηεο ζειίδαο. Παξαθάησ ζην «Layout» θαζνξίδνπκε ην πιαίζην ηνπ «template», δειαδή ην πώο είλαη δνκεκέλν κε βάζε ηελ θεθαιίδα ηνπ, ηα κελνύ ηνπ, -ζηα νπνία ζα ππάξρνπλ ηα πιήθηξα πεξηήγεζεο ηνπ ρξήζηε-, θαζώο θαη ην πόζεο θνιώλεο ζα πεξηέρεη, κε ζθνπό ηελ εηζαγσγή ζε απηέο άξζξσλ ή άιισλ πξόζζεησλ κέζα από ηελ «Joomla». Μεηά πξνρσξάκε ζηνλ, θαζνξηζκό ηνπ θόλην (background), πνπ ζα ππάξρεη πίζσ από ην πιαίζην κέζα από ηελ επηινγή «background» πνπ βξίζθεηαη ζην κελνύ. Σν πίζσ κέξνο «background» κπνξεί λα είλαη έλα απιό ρξώκα, ή κηα εηθόλα, ηελ νπνία εηζάγνπκε εκείο,ή καο παξέρεηαη έηνηκε από ην πξόγξακκα. Έρνληαο νινθιεξώζεη θαη ηελ δηαδηθαζία ηνπνζέηεζεο ηνπ «background», επεμεξγαδόκαζηε ην πιάηνο ηνπ πιαηζίνπ «sheet», θαζώο θαη ηελ απόζηαζή ηνπ από ην παξάζπξν ηνπ πεξηεγεηή ηνπ «template». Δπηιέγνληαο ην «Header», ηνπνζεηνύκε ηελ επηζπκεηή θεθαιίδα ε νπνία κπνξεί λα είλαη κία εηθόλα ή έλαο ζπλδπαζκόο θηλνύκελσλ εηθόλσλ ηύπνπ «flash». ηελ θεθαιίδα παξέρεηαη ε δπλαηόηεηα ηνπνζέηεζεο θεηκέλνπ κπνξεί λα είλαη θαη ν ηίηινο ηεο ππό - θαηαζθεπή ηζηνζειίδαο. Να ηνλίζνπκε όηη ζε πεξίπησζε πνπ ηνπνζεηήζνπκε κία θεθαιίδα νπνηνπδήπνηε ηύπνπ, θαηά ηελ δηάξθεηα πεξηήγεζεο ησλ επηζθεπηώλ ζηνλ ηζηόηνπν, ζα παξακέλεη ζε όιεο ηηο ζειίδεο πνπ ζα εηζέξρεηαη, θάηη ην νπνίν κπνξεί λα κπνξεί λα δεκηνπξγήζεη παξακνξθώζεηο ζην πεξηερόκελν νξηζκέλσλ εμ απηώλ. Δπηιέγνληαο ηελ επηινγή «menu», νξίδνπκε ηελ εκθάληζε ηνπ νξηδόληηα ηνπνζεηεκέλνπ «menu», ηεο ζειίδαο, θαζώο θαη Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

36 ηα θνπκπηά πνπ πεξηέρεη κέζα. αλ ξύζκηζε έρνπκε ηνλ ρξσκαηηζκό, ην ζρήκα ησλ θνπκπηώλ πνπ ζα πεξηιακβάλεη, όπσο επίζεο θαη ηνλ ππό- θαηεγνξηώλ ηνπο. Δπόκελν αληηθείκελν πξνο κεέιηε είλαη ηα άξζξα «articles», ζηα νπνία νξίδνπκε ηνλ ηξόπν πνπ ζα παξνπζηάδνληαη ζηνλ ρξήζηε, κε βάζε ησλ ρξσκαηηζκό ηεο γξακκαηνζεηξάο ηνπο, ηελ εηθόλα, -θαζώο θαη ην πιαίζηό ηεο-, δίπια ζε θάζε άξζξν αιιά θαη ηελ ζηνίρηζε ηνπ θεηκέλνπ. ηελ ζπλέρεηα επηιεγνύκε ηνλ ηξόπν εκθάληζεο ηεο θάζε επηθεθαιίδαο ζηηο εθαηέξσζελ θνιώλεο ηεο ζειίδαο από ηελ επηινγή «sidebar», όπσο επίζεο θαη ηνλ ηξόπν πξνβνιήο ηνπ πεξηερνκέλνπ ηνπο, -πνπ κπνξεί λα είλαη θείκελν ή θάπνην άιιν κελνύ-. Γηα λα ηνπνζεηήζνπκε ην θάζεην κελνύ ησλ πιήθηξσλ πεξηήγεζεο επηιέγνπκε ην «vertical menu», όπνπ νξίδνπκε νκνίσο θαη εθεί,- όπσο θαη ζην νξηδόληηα ηνπνζεηεκέλν-, ηνλ ηξόπν εκθάληζήο ηνπο. Γηα λα επεμεξγαζηνύκε ηα θνπκπηά ηεο ζειίδαο,- ηα νπνία ζα βξίζθνληαη ζηνλ θπξίσο θνξκό-, κεηαβαίλνπκε ζην «buttons» θαη από εθεί αιιάδνπκε ην ζρήκα ηνπο όπσο θαη ηνλ ρξσκαηηζκό ηνπο, ελώ γηα ην ππνζέιηδν κεηαβαίλνπκε ζην «footer» όπνπ επηθέξνπκε θπξίσο ρξσκαηηθέο αιιαγέο. Γηα ηελ πεξάησζε ηεο δεκηνπξγίαο ηνπ «template», ην εμάγνπκε κε ηελ κνξθή ζπκπηεζκέλνπ αξρείνπ «ZIP», γηα λα κπνξέζνπκε λα ην εηζάγνπκε ζηελ «Joomla», από ην πεδίν «installation», πνπ εμεγήζακε παξαπάλσ. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

37 Δικόνα 2.2 ηελ πηπρηαθή εξγαζία πνπ δεκηνπξγνύκε ην εμαγόκελν αξρείν ην νλνκάδνπκε πηπρηαθή.zip θαη ην απνζεθεύνπκε ζηνλ θάθειν «Artisteer templates» πνπ δεκηνπξγήζεθε απηόκαηα θαηά ηελ δηάξθεηα εγθαηάζηαζεο ηνπ πξνγξάκκαηνο. Δθόζνλ έρνπκε ηειεηώζεη κε δεκηνπξγία ηνπ «template» πξνρσξάκε ζηελ εηζαγσγή ηνπ θαη εγθαηάζηαζε ηνπ ζηελ «Joomla». Ζ δηαδηθαζία ηνπνζέηεζήο ηνπ είηε ζε ηνπηθό ή θαη ζε δηαδπθηηαθό «server», παξακέλεη ε ίδηα θαζώο απηό πνπ θάλνπκε είλαη λα πάκε ζηελ επηινγή «Extensions», από ην θπξίσο κελνύ, θαη δηαιέγνπκε ην ζηνηρείν «install/uninstall». Παηώληαο ην θνπκπί «browse» εηζάγνπκε ηελ δηαδξνκή,-ζε ηνπηθό επίπεδν-, πνπ βξίζθεηαη ην ζπκπηεζκέλν αξρείν, κε όλνκα πηπρηαθή.zip, όπσο θαίλεηαη ζηελ εηθόλα παξαθάησ θαη παηάκε ην θνπκπί «Upload File and Install». Δικόνα 2.3 Παπαμεηποποίηζη «template» και πποζθέηων. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

38 Έρνληαο ήδε νινθιεξώζεη ην παξαπάλσ βήκα, γηα λα ζέζνπκε ζε ιεηηνπξγία ην «template» κεηαβαίλνπκε ζηελ επηινγή «Extensions» θαη επηιέγνπκε ην «Template Manager». ηελ ζπγθεθξηκέλε επηινγή εκθαλίδνληαη όια ηα «templates» πνπ πξν-ππήξραλ εγθαηεζηεκέλα, θαζώο θαη ην θαηλνύξην πνπ κόιηο εηζήγακε. Γηα λα πξνρσξήζνπκε ζηελ επηινγή ηνπ παηάκε ην «radio button» πνπ βξίζθεηαη δίπια ζηελ νλνκαζία ηνπ θαη ην θνπκπί «default» από ην πάλσ κέξνο ηεο ζειίδαο. Σα απνηειέζκαηα ηεο εθαξκνγήο ηνπ «template», - όπσο θαη νπνηαδήπνηε αιιαγήο πνπ πξαγκαηνπνηνύκε ζην «site»-, εκθαλίδνληαη παηώληαο ην «preview», ην νπνίν νκνίσο βξίζθεηαη ζην πάλσ κέξνο ηεο ζειίδαο. Με ηελ ρξήζε ηνπ ζπγθεθξηκέλνπ εκθαλίδεηαη ε ηζηνζειίδα ηελ νπνία θαηαζθεπάδνπκε ζε έλα θαηλνύξην «παξάζπξν» ζηνλ πεξηεγεηή, κε ηα απνηειέζκαηα λα θαίλνληαη ζηελ εηθόλα πνπ αθνινπζεί. Δικόνα 2.4 Παξαθάησ πξνρσξάκε ζηελ ζηαδηαθή θαηαζθεπή ηεο αξρηθήο ζειίδαο, εηζάγνληαο ηα κελνύ κέζα ζηα νπνία ζα βξίζθνληαη ηα θνπκπηά θαη ζπλάκα «Links» πεξηήγεζεο ηνπ ρξήζηε ζηνλ ηζηόηνπν. Ζ ηνπνζέηεζε ελόο θηλνύκελνπ γξαθηθό ηύπνπ «Flash» πξαγκαηνπνηείηαη αθνύ εγθαηαζηήζνπκε Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

39 έλα δσξεάλ πξόζζεην ηεο «Joomla», κε ηελ νλνκαζία «Plus Slider». Ζ δηαδηθαζία ηεο εγθαηάζηαζήο ηνπ γίλεηαη όπσο θαη πξηλ έρνληαο απιά «θαηεβάζεη» ην ζπκπηεζκέλν αξρείν από ην επίζεκν «site», Δάλ εξγαδόκαζηε ζε έλαλ εηθνληθό εμππεξεηεηή ηνπηθνύ επηπέδνπ, ηόηε ην πξόζζεην εγθαζίζηαηαη θαλνληθά ρσξίο ηελ εκθάληζε κελύκαηνο ιάζνπο, αλ όκσο εξγαδόκαζηε ζε απνκαθξπζκέλν «server», ηόηε πξέπεη λα αιιάμνπκε ησλ ηύπν δηθαησκάησλ ζε νξηζκέλνπο θαθέινπο. Γηα ηελ δηαδηθαζία απηήλ κεηαβαίλνπκε ζηνλ θάθειν «httpdocs» ηνπ εμππεξεηεηή θαη αιιάδνπκε ηα δηθαηώκαηα ησλ θαθέισλ «administrator», «components», «images», «joomla», «language», «media», «modules», «plugins», «templates» θαζώο θαη ζην αξρείν «configuration.php» ζηνλ αξηζκό 777, ν νπνίνο ζεκαίλεη όηη ν ρξήζηεο έρεη πιήξε δηθαηώκαηα πάλσ ζηνπο θαθέινπο πξαγκαηνπνηώληαο νπνηαδήπνηε αιιαγή επηζπκεί.έρνληαο ηειεηώζεη ηηο εξγαζίεο ηα δηθαηώκαηα πξέπεη λα ηα επαλαθέξνπκε ζηελ αξρηθή ηνπο θαηάζηαζε, ώζηε λα απνθηήζνπκε έλα απμεκέλν επίπεδν αζθάιεηαο. Έρνληαο ηειεηώζεη κε ηελ εγθαηάζηαζε ηνπ πξόζζεηνπ κπνξνύκε λα ην ρξεζηκνπνηήζνπκε κέζα από ηελ δηαρείξηζε πξνζζέησλ, από ηελ θαηεγνξία «Extensions», ζην ζηνηρείν «plug in manager». Ζ ηνπνζέηεζε ζηελ αξρηθή ζειίδα ηνπ θηλνύκελνπ γξαθηθνύ γίλεηαη θαζώο επηιέγνπκε ηηο θσηνγξαθίεο πνπ επηζπκνύκε θαη ζηελ ζπλέρεηα ηηο ηνπνζεηνύκε ζε έλαλ ζπγθεθξηκέλν θάθειν ζηνλ ρώξν καο. Παηώληαο ζην παξαπάλσ module κέζα από ηελ δηαρείξηζε module manager επηιέγνπκε ηελ ζέζε ζηελ νπνία ζέινπκε λα εκθαλίδεηαη κέζα από ην position θαη ηηο ζειίδεο ζηηο νπνίεο ζα εκθαλίδεηαη από ηελ επηινγή module assignment. ηελ δεμηά δηάηαμε ηεο ζειίδαο ζηνλ πίλαθα δηαρείξηζεο ηνπ πξόζζεηνπ επηιέγνπκε ην ύςνο θαη ην πιάηνο ηνπ ην νπνίν πξέπεη λα είλαη ην ίδην κέγεζνο κε ηηο θσηνγξαθίεο καο. Ρπζκίδνπκε θαη θάπνηεο άιιεο ιεπηνκέξεηεο ζηελ ζπλέρεηα όπσο ηελ ηαρύηεηα αιιαγήο ησλ εηθόλσλ ελώ ην ζεκαληηθό ζηνηρείν είλαη ε επηινγή slide image όπνπ επηιέγνπκε ηελ δηαδξνκή πνπ βξίζθεηαη ε εηθόλα θαη ην ελεξγνπνηνύκε από ηελ επηινγή activate slide. Οη ξπζκίζεηο θαίλνληαη ζηελ παξαθάησ εηθόλα. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

40 Δικόνα 2.5 Όπσο κπνξνύκε λα δνύκε ζηελ εηθόλα 2.4 παξαπάλσ ζηελ αξρηθή ζειίδα έρνπλ ηνπνζεηεζεί πέληε άξζξα κε εηθόλεο ζρεηηθά κε ην πεξηερόκελν ηνπ θάζε άξζξνπ. Σα άξζξα απνηεινύληαη από έλαλ ηίηιν θαη ηελ επηινγή «read more». Παηώληαο ηελ ζήκαλζε «read more» ε νπνία είλαη κε θόθθηλα γξάκκαηα καο αλνίγεη έλα ππνζέιηδν κέζα ζηελ ίδηα αξρηθή ζειίδα εκθαλίδνληαο κε απηόλ ηνλ ηξόπν όιν ην πεξηερόκελν ηνπ άξζξνπ. Γηα λα επηηεπρζεί απηόο ν ηξόπνο εκθάληζεο ησλ άξζξσλ ρξεηάζηεθε ε ζπκβνιή ελόο δσξεάλ πξνζζέηνπ γηα joomla 2.5 ην νπνίν νλνκάδεηαη «xpertscroller». Ζ δηαρείξηζε θαη παξακεηξνπνίεζε ηνπ παξαπάλσ γίλεηαη κέζα από ηελ δηαρείξηζε πξνζζέησλ (module manager) όπνπ θαη καο επηηξέπεη λα νξίζνπκε ηνλ αξηζκό ησλ άξζξσλ πνπ ζέινπκε λα εκθαλίζνπκε, ηελ ζέζε ζηελ νπνία ζα βξίζθνληαη, θαζώο θαη ηηο ζειίδεο πνπ ζα εκθαλίδνληαη. Δδώ επίζεο δηεπθξηλίδνπκε πνηα άξζξα ζα εκθαλίδνληαη. Όπσο ήδε έρνπκε αλαθέξεη ηα άξζξα θαηά ηελ δεκηνπξγία ηνπο ηνπνζεηνύληαη ζε θαηεγνξίεο ηηο νπνίεο έρνπκε δεκηνπξγήζεη εκείο. Μέζα ινηπόλ από ην ζπγθεθξηκέλν πξόζζεην εκθαλίδνπκε ηα άξζξα κίαο ή πεξηζζνηέξσλ θαηεγνξηώλ. Αμίδεη λα ζεκεηώζνπκε πσο έρνπκε ηελ ηθαλόηεηα λα εκθαλίδνπκε ηα παξαπάλσ άξζξα ζε δύν δηαηάμεηο, θάζεηα ή νξηδόληηα. Δκείο γηα ηελ πεξάησζε ηεο εξγαζίαο Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

41 επηιέμακε ηελ νξηδόληηα δηάηαμε. Σέινο ν πίλαθαο ξπζκίζεσλ ηνπ παξαπάλσ πξόζζεηνπ απεηθνλίδεηαη παξαθάησ. Δικόνα 2.6 Vik Booking 1.4 για Joomla 2.5 To Vik Booking 1.4 απνηειεί ην θπξίσο πξόζζεην κε ην νπνίν έρεη αζρνιεζεί ε ζπγθεθξηκέλε εξγαζία. ίγνπξα ρσξίο ηε ύπαξμή ηνπ ζα ήηαλ αδύλαηε ε πξαγκαηνπνίεζε ηεο ζπγθεθξηκέλεο εξγαζίαο. Σν Vik Booking απνηειεί έλα πξόζζεην επαγγεικαηηθήο θύζεσο γηα ηελ δεκηνπξγία πιαηθόξκαο online θξαηήζεσλ δσκαηίσλ. ηελ νπζία απνηειεί έλα πνιύ δπλαηό εξγαιείν γηα μελνδνρεηαθέο επηρεηξήζεηο αλεμαξηήηνπ κεγέζνπο. Με έλα πνιύ κηθξό ζρεηηθά θόζηνο νπνηαδήπνηε μελνδνρεηαθή επηρείξεζε κπνξεί λα απμήζεη ηηο θξαηήζεηο ηεο θαζώο δελ ρξεηάδεηαη λα έξρεηαη ν ηδηνθηήηεο ζε επηθνηλσλία κε ηνλ εθάζηνηε πειάηε, θαζώο πξόθεηηαη γηα έλα πνιύ απιό θαη απηνκαηνπνηεκέλν ζύζηεκα θξαηήζεσλ όπσο ζα δνύκε θαη παξαθάησ. Ζ θηινζνθία ηνπ ζπγθεθξηκέλνπ πξόζζεηνπ είλαη εμ αξρήο πνιύ απιή θαζώο ν Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

42 πειάηεο επηιέγνληαο από έλα εκεξνιόγην ηηο επηζπκεηέο εκεξνκελίεο άθημεο θαη αλαρώξεζεο ην πξόγξακκα ηνπ εκθαλίδεη απηόκαηα πνηα δσκάηηα θαη ζε πνηα μελνδνρεία είλαη δηαζέζηκα θαη ζε ηη ηηκέο. ηελ ζπλέρεηα επηιέγνληαο ην δσκάηην εκθαλίδνληαη θαη ιεπηνκέξεηεο ζρεηηθά κε απηό όπσο ην ηη αλέζεηο πξνζθέξεη, ελώ κε θάπνηα επηπιένλ ρξέσζε, αλάινγα ην μελνδνρείν θαη ην δσκάηην, ίζσο ππάξρεη ε ηθαλόηεηα γηα επηπιένλ αλέζεηο. Σν vik Booking όκσο δελ είλαη απιό κόλν γηα ηνλ θαηαλαισηή (Front End) αιιά είλαη εμίζνπ απιό θαη γηα ηελ δηαρείξηζε ησλ θξαηήζεσλ από ηνλ ηδηνθηήηε ή ηνλ δηαρεηξηζηή ηεο ζειίδαο(back End). Ο ηδηνθηήηεο ειέγρεη όιεο ηηο θξαηήζεηο ηνπ κέζα από έλαλ πίλαθα (dashboard), νπνίνο απνηειεί θαη ηνλ πίλαθα παξακεηξνπνίεζεο όισλ ησλ θξαηήζεσλ. Ο πίλαθαο απηόο πεξηιακβάλεη ηηο θξαηήζεηο, ηηο γεληθέο ξπζκίζεηο, ηελ επηβνιή ησλ θόξσλ ζε θάζε θξάηεζε, ηνλ ηξόπν πιεξσκήο, ηνλ ηξόπν εκθάληζεο ηνπ εκεξνινγίνπ, ηηο ηηκέο θάζε δσκαηίνπ,ηα ραξαθηεξηζηηθά θάζε δσκαηίνπ θαη πνιιέο άιιεο ξπζκίζεηο πνπ ζα δνύκε αλαιπηηθά παξαθάησ. ηελ εηθόλα 2.7 πνπ αθνινπζεί θαίλεηαη ν πίλαθαο δηαρείξηζεο ηνπ Vik Booking v1.4. Δικόνα 2.7 Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

43 Δγκαηάζηαζη πποζθέηος και παπαμεηποποίηζη βαζικών πςθμίζεων Ζ εγθαηάζηαζε ηνπ πξνζζέηνπ γίλεηαη όπσο πξναλαθέξακε ζε πξνεγνύκελν θεθάιαην. Πξώηα πξέπεη λα πξαγκαηνπνηεζεί ε αγνξά ηνπ από ηελ επίζεκε ηζηό-ζειίδα Με ηα ην πέξαο ηεο αγνξάο ζηέιλεηαη έλα ζπκπηεζκέλν αξρείν ζηελ ειεθηξνληθή δηεύζπλζε αιιεινγξαθίαο πνπ ζπκπιεξώζακε θαηά ηελ αγνξά. ηελ ζπλέρεηα κέζα από ην extension manager επηιέγνπκε ην Upload Package File θαη ηνπνζεηνύκε ηελ δηαδξνκή πνπ βξίζθεηαη ην ζπκπηεζκέλν αξρείν καο ηύπνπ.zip. Δπηιέγνπκε upload and install θαη ζηελ ζπλέρεηα εκθαλίδεηαη ην κήλπκα installation successfully. Μεηά ην πέξαο ηεο παξαπάλσ εξγαζίαο εκθαλίδεηαη ζηελ θαξηέια components κία λέα επηινγή απηή ηνπ VikBooking. Παηώληαο ηελ εκθαλίδεηαη ην παξάζπξν πνπ βιε πνπκε θαη ζηελ εηθόλα 2.7. Οη ξπζκίζεηο ηνπ πξνζζέηνπ ρσξίδνληαη ζε ηέζζεξηο θαηεγνξίεο global, rooms, bookings θαη rates. Global Settings ηελ επηινγή global settings ππάξρνπλ ξπζκίζεηο ρσξηζκέλεο ζε θαηεγνξίεο θαη απηέο είλαη configuration, tax rates, types of price, custom fields θαη payment. Αο ηηο αλαιύζνπκε κία κε ηελ ζεηξά όπσο εκθαλίδνληαη. ηελ πξώηε επηινγή ηνπ configuration έρνπκε ηελ ηθαλόηεηα λα ξπζκίζνπκε ηνλ αλ ζέινπκε λα γίλνληαη θξαηήζεηο από ηνπο ρξήζηεο ή όρη κε ηελ επηινγή enable booking. ηελ εξγαζία απηήλ βέβαηα ην έρνπκε κόληκα ελεξγνπνηεκέλν.δπίζεο ξπζκίδνπκε ηελ ώξα ηνπ check in θαη check out ηνπ πειάηε από ην μελνδνρείν, ηνλ αξηζκό ησλ ειάρηζησλ αξηζκώλ δηαλπρηεξεύζεσλ,ηελ εκεξνινγηαθή Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

44 δηάηαμε ηνπ κεραληζκνύ ησλ θξαηήζεσλ θαζώο επίζεο θαη ηνλ νξηζκό ηεο ειεθηξνληθήο δηεύζπλζεο ηνπ δηαρεηξηζηή (administrator). Δπίζεο ζηελ θαξηέια prices and payments πνπ εκθαλίδεηαη ζην πάλσ κέξνο ηεο ζειίδαο νξίδνπκε ηελ λνκηζκαηηθή δηάηαμε ησλ πιεξσκώλ θαζώο θαη ηα αλ ζηελ ηηκή πεξηιακβάλεηαη ν θόξνο πνπ ζα νξίζνπκε παξαθάησ ζε άιιν ζεκείν ηεο παξνπζίαζεο. ηελ ζπλέρεηα ζπλαληάκε ην layout ε παξακεηξνπνίεζε ηνπ νπνίνπ επεξεάδεη ηνλ ηξόπν εκθάληζεο ηνπ πξνζζέηνπ ζηνλ ρξήζηε. Σέινο ζηελ θαηεγνξία company and orders καο παξέρεηαη ε δπλαηόηεηα εηζαγσγήο ηνπ ινγόηππνπ ηεο εηαηξίαο. Δπηζηξέθνληαο από ηελ επηινγή configuration ζα εξεπλήζνπκε ηνλ ηξόπν εηζαγσγήο ηνπ θόξνπ πξνζηηζέκελεο αμίαο ζηελ ηηκή ελνηθίαζεο. Γηα λα ην πεηύρνπκε απηό θαη γηα λα θάλεη απηόκαηα ηνπο ππνινγηζκνύο ην πξόγξακκα πξέπεη λα νξίζνπκε απηό ην πνζό. Απηό νξίδεηαη από ηελ επηινγή tax rates παηώληαο ην εηθνλίδην new tax rate. Παηώληαο ην καο δεηείηαη έλα όλνκα γηα ηνλ θόξν θαη ην επί ηεο εθαηό ηνπ θόζηνο. ην ζπγθεθξηκέλν παξάδεηγκα ν θόξνο πξνζηηζέκελεο αμίαο είλαη 21%. Έηζη ινηπόλ νξίδνληαο ηελ ηηκή δηαλπθηέξεπζεο ηνπ θάζε δσκαηίνπ ζηελ ζπλέρεηα ζα ππνινγίδεηαη απηόκαηα θαη ην πνζνζηό ηνπ θόξνπ ζηελ ηηκή απηή. ηελ ζπλέρεηα ζα νξίζνπκε ηνπο ηύπνπ ησλ ηηκώλ πνπ ζα έρνπκε. ην ζπγθεθξηκέλν παξάδεηγκα έρνπκε ηελ ηηκή ρσξίο επηζηξνθή ρξεκάησλ θαη ηελ ηηκή κε δσξεάλ πηζαλή αθύξσζε θξάηεζεο. Γειαδή δεκηνπξγήζακε δύν ηύπνπο ηηκώλ γηα ηελ πεξίπησζε πνπ θάπνηνο θαηαλαισηήο αθπξώζεη ηελ θξάηεζή ηνπ. Σν πεδίν απηό ιεηηνπξγεί ζαλ αζθάιεηα θξάηεζεο γηα ηελ επηρείξεζε θπξίσο. Ζ επόκελε θαηεγνξία ε νπνία είλαη ε (custom fields) είλαη ππεύζπλε γηα ηα ππνρξεσηηθά ή κε ζηνηρεία πνπ ζπκπιεξώλεη ν ρξήζηεο. Γηα παξάδεηγκα γηα λα πξνρσξήζεη ζηελ θξάηεζε ζα πξέπεη λα ζπκπιεξώζεη θάπνηα ππνρξεσηηθά πξνζσπηθά ζηνηρεία. Από εδώ ινηπόλ ν δηαρεηξηζηήο παξακεηξνπνηεί ηα πεδία ζπκπιήξσζεο πξνζσπηθώλ ζηνηρείσλ αλάινγα κε ηελ αζθάιεηα πνπ επηζπκεί ν ίδηνο, θαζώο έρεη ηελ δπλαηόηεηα νξηζκνύ ηνπο ζαλ ππνρξεσηηθά πεδία ζπκπιήξσζεο από ηνλ ρξήζηε. Αλ ν ρξήζηεο δελ ηα ζπκπιεξώζεη δελ ζα είλαη θαη δπλαηή ε επηβεβαίσζε ηεο θξάηεζεο. ην δηθό καο παξάδεηγκα ηα ππνρξεσηηθά ζηνηρεία ζπκπιήξσζεο είλαη ην όλνκα, ην επίζεην ε δηεύζπλζε ειεθηξνληθήο αιιεινγξαθίαο θαη ε εκεξνκελία γέλλεζεο. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

45 Πξνρσξάκε ηώξα ζε έλα από ηα ζεκαληηθόηεξα πεδία παξακεηξνπνίεζεο πνπ βξίζθεηαη ζηελ επηινγή payments. Ζ επηινγή payment αθνξά ηνλ ηξόπν κε ηνλ νπνίν κπνξεί λα πιεξώζεη ν ππνςήθηνο πειάηεο. Μεηά ηελ ζπκπιήξσζε ηεο θόξκαο ησλ ππνρξεσηηθώλ πεδίσλ ζηνλ πειάηε εκθαλίδεηαη ε ζειίδα γηα ηνλ ηξόπν πιεξσκήο. ηελ ζπγθεθξηκέλε εξγαζία ε πιεξσκή ζα γίλεηαη ζηνλ ρώξν ηνπ μελνδνρείνπ. Αο αλαιύζνπκε όκσο πσο ζα κπνξνύζακε λα ην πξαγκαηνπνηήζνπκε κέζσ κεηαθνξάο ησλ ρξεκάησλ ζε ηξαπεδηθό ινγαξηαζκό, κέζσ πηζησηηθήο θάξηαο ή αθόκε θαη κέζσ Pay Pal. Αλνίγνληαο ηελ επηινγή payments εκθαλίδνληαη ήδε ηξεηο θαηαρσξίζεηο. Απηέο είλαη Bank Transfer, Offline Credit Card θαη Pay Pal. ηελ δεμηά πιεπξά θαη ηνλ ηξηώλ ππάξρεη ε θαηάζηαζε ζηελ νπνία βξίζθνληαη αλ δειαδή είλαη published ή όρη. ην παξάδεηγκά καο δελ είλαη δεκνζηνπνηεκέλεο θακία από ηηο ηξεηο. Γηα λα δεκηνπξγήζνπκε ηνλ ηξόπν ηνπ bank transfer θαηόπηλ ζπλελλνήζεσο κε θάπνηα ηξάπεδα καο παξέρεηαη έλα αξρείν ηύπνπ php, από ηελ ίδηα θαη επηιέγνπκε απηό αληί απηνύ πνπ πξνϋπάξρεη ήδε κέζα ζην πξόζζεην vik booking. Οξίδνπκε επίζεο θαη ην πξόζζεην πνζό πνπ κπνξεί λα ζέιεη ε ηξάπεδα ζαλ πξνκήζεηα ζπλαιιαγήο ζην ηκήκα charge. Γηα ηελ επηινγή ηεο πιεξσκήο κε πηζησηηθή θάξηα απαηηείηαη αθξηβώο ε ίδηα δηαδηθαζία. Γηα ηελ πιεξσκή κε ηελ ρξήζε Pay Pal απαηηείηαη έλαο ινγαξηαζκόο γηα pay-pal πάιη θαηόπηλ ζπλελλόεζεο κε θάπνηα ηξάπεδα. Οη παξαπάλσ ηξόπνη πιεξσκήο ιόγσ ηνπ απμεκέλνπ βαζκνύ αζθαιείαο πνπ απαηηνύλ πξέπεη λα παξακεηξνπνηεζνύλ κε ηελ βνήζεηα ηνπ ηκήκαηνο κεραλνγξάθεζεο ηεο ηξάπεδαο κε ηελ νπνία επηζπκνύκε λα ζπλεξγαζηνύκε. Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

46 Δικόνα 2.8 Rooms Αιιάδνληαο θαηεγνξία ξπζκίζεσλ πάκε ζηελ δεκηνπξγία θαη ηελπαξακεηξνπνίεζε ησλ δσκαηίσλ πνπ είλαη πξνο ελνηθίαζε. Πξώην ζπλαληάκε ην πεδίν categories. ην ζπγθεθξηκέλν ηκήκα δεκηνπξγνύκε ηηο θαηεγνξίεο ζηηο νπνίεο ζα ππάγνληαη ηα δσκάηηα. Μπνξνύκε λα δεκηνπξγήζνπκε όζεο θαηεγνξίεο επηζπκνύκε αλάινγα κε ηα είδε ησλ δσκαηίσλ πνπ ζέινπκε λα θαηαρσξίζνπκε. ην παξάδεηγκά καο ηα είδε απηά είλαη δύν, ηα δσκάηηα (rooms) θαη νη ζνπίηεο (suites). Γηα λα ηηο δεκηνπξγήζνπκε απιά επηιέγνπκε ην new category από ηελ πάλσ δεμηά γσλία, ηνπνζεηνύκε έλα όλνκα θαη κηα πεξηγξαθή ζην πεδίν description. Ακέζσο κεηά βιέπνπκε ηελ επηινγή options. Δίρακε αλαθέξεη ζε πξνεγνύκελε παξάγξαθν πσο αλ ζέιεη ν ππνςήθηνο ελνηθηαζηήο κπνξεί λα επηιέμεη θάπνηεο επηπιένλ ππεξεζίεο, αλέζεηο, αλάινγα κε ηηο δπλαηόηεηεο ηνπ μελνδνρείνπ ζην νπνίν αλήθεη ην δσκάηην. ε απηήλ ινηπόλ ηελ ζειίδα παξέρεηαη ε επηινγή δεκηνπξγίαο θαη θαηαρώξεζεο απηώλ ησλ παξαπάλσ ππεξεζηώλ. Δπηιέγνληαο ην new option καο αλνίγεη έλαο πίλαθαο θαηαρώξεζεο ησλ ζηνηρείσλ ηεο ππεξεζίαο πνπ είλαη πξνο δεκηνπξγία. ε απηόλ ηνλ πίλαθα δίλνπκε ην όλνκα Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

47 εκθάληζεο ηεο ππεξεζίαο θαζώο θαη ην θόζηνο ηεο αλά δηαλπθηέξεπζε ή αλά άηνκν, όπσο επίζεο ηνπνζεηνύκε θαη ηελ θσηνγξαθία ηνπ αληηθεηκέλνπ. ην παξάδεηγκά καο έρνπκε πξνζζέζεη ηέζζεξηο ππεξεζίεο απηήλ ηεο ζακπάληαο, ηνπ πξσηλνύ ζην δσκάηην, ηεο θξάηεζεο πξνζσπηθώλ κελπκάησλ θαη ηέινο ππεξεζίεο πνπ αθνξνύλ ηελ ςπραγσγία ηνπ ή ησλ παηδηώλ. Δικόνα 2.9 ηελ ζπλέρεηα νξίδνπκε ηα ραξαθηεξηζηηθά ηνπ δσκαηίνπ ηα νπνία εκθαλίδνληαη ζηνλ ρξήζηε πξηλ θαλ δεη ιεπηνκεξώο ην δσκάηην. ηελ δεκηνπξγία ησλ ραξαθηεξηζηηθώλ ηα κόλα πνπ απαηηνύληαη είλαη έλα όλνκα εκθάληζεο ηνπ ραξαθηεξηζηηθνύ ζηνλ ρξήζηε θαη κία εηθόλα ζύκθσλε κε απηό πνπ ππνδνπιώλεη ην ζπγθεθξηκέλν. ηελ πξνο κειέηε ζειίδα έρνπλ δεκηνπξγεζεί δύν ραξαθηεξηζηηθά απηό ηνπ θιηκαηηζκνύ δσκαηίνπ θαη απηό ηνπ ζπκπεξηιακβαλνκέλνπ πξσηλνύ ζηελ ηξαπεδαξία ηνπ μελνδνρείνπ, ηα νπνία ζπκπεξηιακβάλνληαη ζηελ ηηκή. Ακέζσο επόκελν ζπλαληάκε ην πεδίν ησλ πεξηνξηζκώλ (restrictions). ην ζπγθεθξηκέλν κπνξνύκε λα ηνπνζεηήζνπκε πεξηνξηζκνύ ζε όηη αθνξά ηηο εκεξνκελίεο άθημεο θαη αλαρώξεζεο ησλ Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

48 πειαηώλ. Γηα παξάδεηγκα κπνξνύκε λα νξίζνπκε όηη νη εκέξεο άθημεο είλαη κόλν Γεπηέξα θαη νη κέξεο αλαρώξεζεο κόλν Παξαζθεπή. Απηό ην πεδίν ην αθήζακε θελό γηαηί δελ επηζπκνύζακε θάπνηνλ πεξηνξηζκό. Απηό πνπ ζα κειεηήζνπκε ηώξα απνηειεί έλα πνιύ ζεκαληηθό ζηνηρείν ηνπ vik booking θαζώο αθνξά ζηελ δεκηνπξγία θαη θαηαρώξεζε ησλ δσκαηίσλ ελόο ή πεξηζζνηέξσλ δσκαηίσλ. ηελ επηινγή rooms ινηπόλ επηιέγνπκε new room θαη ηόηε εκθαλίδεηαη ε ζειίδα θαηαρώξεζεο. Πξώην πεδίν πξνο ζπκπιήξσζε είλαη ην πιήξεο όλνκα ηνπ δσκαηίνπ θαη ηνπ μελνδνρείνπ ζην νπνίν αλήθεη. Ακέζσο παξαθάησ ππάξρεη ε επηινγή εηθόλαο πνπ αληηζηνηρεί ζην δσκάηην κε ηελ ρξήζε ηνπ θνπκπηνύ choose file βξίζθνπκε θαη ηνπνζεηνύκε ηελ εηθόλα πνπ βξίζθεηαη ζηνλ ππνινγηζηή θαη απηόκαηα «αλεβαίλεη» ζηνλ server θαη παξάιιεια ηνπνζεηείηαη θαη ζηελ ζειίδα. ηελ ζπλέρεηα νξίδνπκε ηνλ κέγηζην αξηζκό δσκαηίσλ πνπ είλαη πξνο ελνηθίαζε θαζώο θαη ην κέγηζην θαη ειάρηζην αξηζκό αηόκσλ ηα νπνία κπνξεί λα ππνζηεξίμεη. Έρνπκε επίζεο ηελ δπλαηόηεηα ηεο επηπιένλ ή όρη ρξέσζεο ζε πεξίπησζε ελνηθίαζεο από ηνλ ειάρηζην ή κέγηζην αξηζκό αηόκσλ. Γηα ηελ νινθιήξσζε ηεο πξνζζήθεο ηνπ δσκαηίνπ νξίδνπκε ηελ θαηεγνξία αλ δειαδή εληάζζεηαη ζε απιό δσκάηην ή ζνπίηα θαη ηνπνζεηνύκε κηα ζύληνκε πεξηγξαθή θαζώο θαη ηα ραξαθηεξηζηηθά πνπ πεξηιακβάλεη,ελώ θξνληίδνπκε ε επηινγή γηα ην αλ είλαη δηαζέζηκν «available» λα είλαη ελεξγνπνηεκέλε. ε αληίζεηε πεξίπησζε δελ ζα είλαη δηαζέζηκν πξνο ελνηθίαζε. Μεηά ηελ νινθιήξσζε ηεο δεκηνπξγίαο ηνπ δσκαηίνπ εκθαλίδεηαη ην παξάζπξν γηα ηελ εηζαγσγή ηηκώλ αλά λύρηα παξακνλήο. Σν πεδίν απηό νλνκάδεηαη rooms rates θαη κπνξνύκε λα ην παξακεηξνπνηήζνπκε κόιηο καο κεηαθέξεη εθεί ε νινθιήξσζε ηνπ δσκαηίνπ ή θάπνηα άιιε ζηηγκή ζηελ ζπλέρεηα. ηελ πάλσ πιεπξά εκθαλίδεηαη ε θσηνγξαθία ηνπ δσκαηίνπ πνπ θηηάμακε θαζώο θαη ε επηινγή λα δηαιέμνπκε θάπνην άιιν κέζα από ηελ ιίζηα κε ηα ήδε ππάξρνληα δσκάηηα. Αλάινγα κε ην πνην ζα επηιέμνπκε ζηνλ πίλαθα παξαθάησ εκθαλίδνληαη θαη νη ηηκέο ηνπ αλά δηακνλή. Γηα λα νξίζνπκε ηηο ηηκέο επηιέγνπκε ζην πξάζηλν πιαίζην ησλ αξηζκό ησλ δηαλπθεξεύζεσλ «from nights.. to nights» θαη από θάησ αθξηβώο ηνπνζεηνύκε ηελ ηηκή αλά λύρηα ρσξίο αζθάιεηα αθύξσζεο θαη ηελ ηηκή κε Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

49 αζθάιεηα αθύξσζεο. Έηζη παηώληαο ην θνπκπί insert δεκηνπξγείηαη έλαο πίλαθαο κε έθηαζε όζεο είλαη νη κέξεο πνπ είρακε νξίζεη από πάλσ. Ζ δεκηνπξγία ησλ δσκαηίσλ θαζώο θαη ε εηζαγσγή ησλ ηηκώλ θαίλνληαη ζηηο θσηνγξαθίεο πνπ αθνινπζνύλ. Δικόνα 2.10 Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ

50 Δικόνα 2.11 Μεηά ηελ νινθιήξσζε ησλ δσκαηίσλ θαζώο θαη ηελ εηζαγσγή ησλ ηηκώλ καο παξέρεηαη ε δπλαηόηεηα νξηζκνύ «εηδηθώλ ηηκώλ» ζην ηκήκα (special prices). Δδώ κπνξνύκε λα ηνπνζεηήζνπκε ρακειόηεξεο ηηκέο γηα θάπνηεο πεξηόδνπο ηνπ ρξόλνπ πνπ ππάξρεη κεησκέλε δήηεζε, επηιέγνληαο ζην πξώην πεδίν (season ) από ην εκεξνιόγην πνπ εκθαλίδεηαη παξαθάησ. Δπίζεο κπνξνύκε λα θαηαρσξήζνπκε θαη θάπνηεο κέξεο ηεο εβδνκάδαο κε ρακειόηεξεο ηηκέο. Γηα ηελ νινθιήξσζε ηεο ζπγθεθξηκέλεο επηινγήο επηιέγνπκε ην δσκάηην θαη ην πνζνζηό επί ηεο εθαηό πνπ ζέινπκε λα είλαη ε έθπησζε. ηελ ίδηα θαηεγνξία εληάζζεηαη θαη ε επηινγή (coupon) όπνπ ν πειάηεο αλ θέξεη θάπνην θνππόλη έθπησζεο από πξνεγνύκελε θξάηεζε ηόηε αλ ηνπνζεηήζεη ηνλ θσδηθό θαηά ηελ δηάξθεηα ηεο θξάηεζεο έρεη θαη κία ζπγθεθξηκέλε έθπησζε. Καηά ηελ δηάξθεηα ηεο θαηαρώξεζεο ηνπ εηδηθνύ εθπησηηθνύ θνππνληνύ από ηνλ δηαρεηξηζηή ηνπνζεηνύκε έλαλ θσδηθό, ην πνζό επί ηεο εθαηό επί ηεο ζπλνιηθήο ηηκήο,θαζώο θαη ην ρξνληθό πεξηζώξην εμαξγύξσζεο πνπ δηαζέηεη ν ρξήζηεο. Bookings Παπαγξεγνξίνπ Ησάλλεο Α.Μ Αλδξνπιάθεο Θόδσξνο Μηραήι Α.Μ