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

Transcript

1 ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΥΛΟΠΟΙΗΣΗ ΔΙΑΔΙΚΤΥΑΚΗΣ ΠΛΑΤΦΟΡΜΑΣ ΠΑΡΟΧΗΣ ΥΠΗΡΕΣΙΩΝ ΕΙΣΗΓΗΤΗΣ:ΜΠΟΖΑΝΤΖΗΣ ΒΑΣΙΛΕΙΟΣ ΣΠΟΥΔΑΣΤΡΙΑ:ΜΑΡΚΑΝΤΩΝΗ ΑΝΑΣΤΑΣΙΑ 0

2 ΠΕΡΙΕΧΟΜΕΝΑ Εισαγωγικά στοιχεία... ΣΤΟΧΟΣ ΤΗΣ ΠΤΥΧΙΑΚΗΣ... 2 ΕΙΣΑΓΩΓΗ... 3 ΔΟΜΗ ΠΕΡΙΕΧΟΜΕΝΟΥ...4 ΚΕΦΑΛΑΙΟ 1:... ΤΙ ΕΙΝΑΙ ΤΑ CMS...5 ΕΙΔΗ CMS...6 ΑΝΟΙΧΤΟΥ ΚΩΔΙΚΑ... 6 ΠΛΕΟΝΕΚΤΗΜΑΤΑ... 6 ΜΕΙΟΝΕΚΤΗΜΑΤΑ... 6 ΚΛΕΙΣΤΟΥ ΚΩΔΙΚΑ...7 ΠΛΕΟΝΕΚΤΗΜΑΤΑ...7 ΜΕΙΟΝΕΚΤΗΜΑΤΑ...7 ΠΛΕΟΝΕΚΤΗΜΑΤΑ CMS... 8 ΕΠΙΛΟΓΗ ΚΑΤΑΛΛΗΛΟΥ CMS WORDPRESS DRUPAL...10 JOOMLA ΤΙ ΕΙΝΑΙ Η JOOMLA ΚΑΙ ΠΩΣ ΛΕΙΤΟΥΡΓΕΙ...11 ΠΛΕΟΝΕΚΤΗΜΑΤΑ JOOMLA ΜΕΙΟΝΕΚΤΗΜΑΤΑ JOOMLA ΓΙΑΤΙ ΕΠΙΛΕΞΑΜΕ ΤΗΝ JOOMLA...15 ΚΕΦΑΛΑΙΟ 2:... ΛΕΙΤΟΥΡΓΙΑ ΧΑΜΡΡ ΔΗΜΙΟΥΡΓΙΑ ΒΑΣΗΣ ΔΕΔΟΜΕΝΩΝ...18 ΕΓΚΑΤΑΣΤΑΣΗ JOOMLA ΤΙ ΕΙΝΑΙ TO TEMPLATE...22 ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΜΕΙΟΝΕΚΤΗΜΑΤΑ ΚΡΙΤΗΡΙΑ ΕΠΙΛΟΓΗΣ TEMPLATE...23 ΕΙΣΑΓΩΓΗ TEMPLATE ΣΤΗΝ JOOMLA ΚΕΦΑΛΑΙΟ 3:... ΒΑΣΙΚΕΣ ΓΝΩΣΕΙΣ ΠΩΣ ΦΤΙΑΧΝΟΥΜΕ ΚΑΤΗΓΟΡΙΕΣ...26 ΠΩΣ ΦΤΙΑΧΝΟΥΜΕ ΑΡΘΡΑ ΠΩΣ ΑΝΕΒΑΖΟΥΜΕ ΦΩΤΟΓΡΑΦΙΕΣ...28 ΠΩΣ ΦΤΙΑΧΝΟΥΜΕ MODULES...29 ΠΩΣ ΕΓΚΑΘΙΣΤΟΥΜΕ ΠΡΟΣΘΕΤΑ ΕΡΓΑΛΕΙΑ ΠΩΣ ΦΤΙΑΧΝΟΥΜΕ MENU...30 ΠΩΣ ΦΤΙΑΧΝΟΥΜΕ MENU ITEMS ΠΩΣ ΚΑΝΟΥΜΕ ΓΕΝΙΚΗ ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ...32 ΕΠΙΛΟΓΗ «ΑΡΧΙΚΗ ΣΕΛΙΔΑ» ΚΕΝΤΡΙΚΟ ΜΕΝΟΥ BOOKING...36 ΛΟΓΟΤΥΠΟ...40 ΦΩΤΟΓΡΑΦΙΕΣ...41 ΠΛΑΙΣΙΟ WELCOME ΚΛΕΙΣΙΜΟ ΣΕΛΙΔΑΣ...44 ΣΤΟΙΧΕΙΑ ΕΠΙΚΟΙΝΩΝΙΑΣ...44 ΧΡΗΣΙΜΑ LINKS...45 NEWSLETTER...47 SOCIAL MEDIA ΕΠΙΛΟΓΗ «ΑΞΙΟΘΕΑΤΑ» ΕΠΙΛΟΓΗ «ΕΠΙΚΟΙΝΩΝΙΑ»...50 ΠΩΣ ΦΤΙΑΧΝΟΥΜΕ USERS...52 BACK-UP...55 ΒΙΒΛΙΟΓΡΑΦΙΑ

3 ΣΤΟΧΟΣ Ο βασικός στόχος της παρούσας πτυχιακής εργασίας είναι να δείξουμε πως γίνεται ο σχεδιασμός, η υλοποίηση και η παρουσίαση μιας ιστοσελίδας. Αυτό που επιλέξαμε, πιο συγκεκριμένα, είναι ένα τουριστικό site, και αναζητήσαμε ένα εργαλείο το οποίο θα μας έδινε την δυνατότητα να φτιάχνουμε ιστοσελίδες γρήγορα, εύκολα και το οποίο θα μπορούσε να προσαρμοστεί πάνω σε όλες μας τις ανάγκες. Αυτό το πετύχαμε με την χρήση του προγράμματος Joomla, ενός σύγχρονου συστήματος διαχείρισης περιεχομένου (CMS), τον τρόπο λειτουργίας του οποίου θα αναλύσουμε παρακάτω. 2

4 ΕΙΣΑΓΩΓΗ Στην εποχή της πληροφορίας που ζούμε το διαδίκτυο αποτελεί ένα μεγάλο κομμάτι της ζωής μας,όπου καθημερινά απευθυνόμαστε σε αυτό για συλλογή πληροφοριών, εύρεση διαφόρων αντικειμένων, συζητήσεις με φίλους αλλά και άγνωστους από όλο τον κόσμο, καθώς αποτελεί επίσης και έναν τρόπο ψυχαγωγίας με τις διάφορες εφαρμογές που υπάρχουν. Για τους παραπάνω λόγους είναι πολύ χρήσιμο να υπάρχουν εργαλεία τα οποία μας δίνουν την δυνατότητα να φτιάχνουμε ιστοσελίδες γρήγορα, εύκολα και για όλο το εύρος των αναγκών της σύγχρονης ζωής μας. Υπάρχουν πολλά τέτοια εργαλεία. Ένα από αυτά είναι και η Joomla. Η ιστοσελίδα που θα φτιάξουμε θα περιέχει τις απαραίτητες πληροφορίες που θα χρειαστεί κάποιος που πρόκειται επισκεφθεί για πρώτη φορά την Μήλο, είναι δηλαδή ένα τουριστικό site. Τέτοιες πληροφορίες θα είναι για παράδειγμα η επιλογή του κατάλληλου καταλύματος, βοήθεια για τις μετακινήσεις του, ενημέρωση για το ποια μέρη θα άξιζαν να επισκεφθεί, και άλλες τέτοιες χρήσιμες πληροφορίες για έναν επισκέπτη. Ο επισκέπτης θα μπορεί επίσης να κάνει και online κρατήσεις μέσα από το site.το θέμα της συγκεκριμένης εργασίας πιστεύω πως έχει αντίκρισμα στις καθημερινές μας διαδικτυακές αναζητήσεις περισσότερο από ποτέ, καθώς ένα αρκετά μεγάλο ποσοστό του πληθυσμού λόγω της σημερινής οικονομικής κατάστασης επιλέγει πρώτα να κάνει μια έρευνα αγοράς μέσω διαδικτύου και ύστερα να επισκευθεί από κοντά κάποιο μέρος. Η κατασκευή του site είναι τέτοια ώστε να καταστήσει την αναζήτηση αυτών των πληροφοριών όσο το δυνατόν ευκολότερη. Η εφαρμογή έχει σχεδιαστεί και δομηθεί με τέτοιο τρόπο έτσι ώστε ο χρήστης να έχει τη δυνατότητα πρόσβασης σε ταξινομημένη πληροφορία, αλλά να είναι και δυνατή επίσης η δυναμική ενημέρωση του περιεχομένου του. 3

5 ΔΟΜΗ Στο Κεφάλαιο 1 περιλαμβάνεται το θεωρητικό μέρος της εργασίας. Αναλύεται τι είναι γενικά τα CMS και ποια είναι η χρησιμότητά τους στην ζωή μας. Επίσης ποιο CMS επιλέξαμε να χρησιμοποιήσουμε στην παρούσα πτυχιακή και γιατί. Στο Κεφάλαιο 2 δείχνουμε ένα-ένα τα βήματα με τα οποία γίνεται η εγκατάσταση του CMS που έχουμε επιλέξει, δηλαδή της Joomla. Καθώς επίσης και η εισαγωγή του template μέσα σε αυτή. Στο Κεφάλαιο 3 ξεκινήσαμε την δημιουργία του site. Στην αρχή του κεφαλαίου, αναφέρουμε πως γίνονται κάποιες γενικές τροποποιήσεις στην Joomla. Και παρακάτω αναφέρουμε αναλυτικά πως στήσαμε το site βήμαβήμα. 4

6 ΚΕΦΑΛΑΙΟ 1: ΤΙ ΕΙΝΑΙ ΤΑ CMS Για την δημιουργία μίας ιστοσελίδας, ένα χρήσιμο και εύκολο εργαλείο είναι η χρήση κάποιου CMS. Τα CMS (Content Management Systems, Συστήματα Διαχείρισης Περιεχομένου ΣΔΠ) είναι διαδικτυακές εφαρμογές που επιτρέπουν την online τροποποίηση του περιεχομένου ενός δικτυακού τόπου. Αναλυτικότερα, επιτρέπουν στον χρήστη να διαχειρίζεται ο ίδιος το δικτυακό του περιεχόμενο, όπως κείμενα, εικόνες, πίνακες κ.λπ., με εύκολο τρόπο, χωρίς να είναι απαραίτητες ειδικές γνώσεις σχετικές με τη δημιουργία ιστοσελίδων. Με άλλα λόγια, παρέχουν την δυνατότητα διαχείρισης και συντήρησης ενός ιστότοπου χωρίς την εμπλοκή κάποιου προγραμματιστή, καθώς και απλά εργαλεία για την δημιουργία και την επεξεργασία του περιεχομένου, δυνατότητα διαχείρισης της δομής του ιστότοπου, εμφάνιση δημοσιευμένων σελίδων και πλοήγηση σε αυτές. Οι διαχειριστές, απλά, μέσω του διαδικτύου ενημερώνουν το περιεχόμενο στο CMS, το οποίο είναι εγκατεστημένο σε ένα server. Οι αλλαγές αυτές γίνονται αυτόματα διαθέσιμες πάλι μέσω του διαδικτύου, σε όλους τους επισκέπτες και χρήστες του δικτυακού τόπου. Οι αλλαγές του site μπορούν να γίνουν από οποιονδήποτε υπολογιστή που είναι συνδεμένος στο Διαδίκτυο, χωρίς να χρειάζεται να έχει εγκατεστημένα ειδικά προγράμματα επεξεργασίας ιστοσελίδων, γραφικών κ.λπ. Μέσω ενός απλού φυλλομετρητή ιστοσελίδων (browser), ο χρήστης μπορεί να συντάξει ένα κείμενο και να ενημερώσει άμεσα το δικτυακό του τόπο. Τα CMS δίνουν ακόμη στους χρήστες την δυνατότητα ευρετηρίου, διευκολύνοντας τον έλεγχο και την επαναφορά παλαιότερου υλικού της ιστοσελίδας. Το βασικότερο, όμως, χαρακτηριστικό που προσφέρουν είναι η δυνατότητα διαχωρισμού του περιεχομένου από την παρουσίαση της ιστοσελίδας. Αυτό σημαίνει πως κάθε φορά που θέλουμε να τροποποιήσουμε το περιεχόμενο, δεν το κάνουμε μέσα από την σελίδα που εμφανίζεται, αλλά από την βάση δεδομένων όπου κρατάει όλο το περιεχόμενο της σελίδας μας. Τα CMS διακρίνονται σε 2 είδη. Τα ανοιχτού και τα κλειστού κώδικα CMS. 5

7 ΑΝΟΙΧΤΟΥ ΚΩΔΙΚΑ Οι εφαρμογές ανοιχτού κώδικα επιτρέπουν την πρόσβαση και την αλλαγή του πηγαίου κώδικα. Πλεονεκτήματα: Χρειάζονται μόνο τυπικές γνώσεις προγραμματισμού για να στηθούν και να λειτουργήσουν. Η παραμετροποίηση τους είναι αρκετά εύκολη και τα σφάλματα διορθώνονται ταχύτατα. Υποστηρίζονται από μία κοινότητα χρηστών και προγραμματιστών για τυχόν απορίες και προβλήματα. Συνήθως διατίθενται δωρεάν. Ακόμα και αν κάποιος χρειαστεί να τα αγοράσει όμως, μπορεί πρώτα να τα δοκιμάσει. Μειονεκτήματα: Αν θέλει κάποιος να το αγοράσει, συν κάποια εργαλεία που ίσως χρειαστεί, μπορεί να αυξηθεί αρκετά το κόστος του. Η έλλειψη υψηλής ασφάλειας, το οποίο σημαίνει πως είναι εύκολος στόχος για χακερς, καθώς ο πηγαίος κώδικας είναι ανοικτός και η πρόσβαση στο λογισμικό του είναι εύκολη. Επειδή έχει δημιουργηθεί για να εξυπηρετεί διαφορετικών ειδών ιστοσελίδες κουβαλάει functions που δημιουργούν ένα επιπλέον «βάρος» επηρεάζοντας έτσι τη γενικότερη ταχύτητα της ιστοσελίδας. Τέλος, είναι πολύ πιθανό παραπάνω από μία σελίδες να βρεθούν με το ίδιο template, στερώντας έτσι την μοναδικότητα της κάθε μίας. 6

8 ΚΛΕΙΣΤΟΥ ΚΩΔΙΚΑ Στα ΟΜβ κλειστού κώδικα, πρόσβαση στον πηγαίο κώδικα έχει μόνο ο διαχειριστής της σελίδας. Πλεονεκτήματα: Διαθέτουν εμπορική υποστήριξη, κάτι το οποίο μας παρέχει ασφάλεια, αφού η εταιρία γνωρίζει ποιοι έχουν πρόσβαση στο λογισμικό. Διαθέτουν ταχύτητα στις μηχανές αναζήτησης Μειονεκτήματα: Απαιτούν περισσότερες προγραμματιστικές γνώσεις, και συνήθως την εμπλοκή κάποιου προγραμματιστή. Το κόστος τους τις περισσότερες φορές μπορεί να είναι αρκετά μεγάλο. Κάνοντας λοιπόν μία μικρή σύγκριση στα πλεονεκτήματα και τα μειονεκτήματα και των 2 τύπων ΟΜβ, στην παρούσα εργασία θα χρησιμοποιήσουμε κάποιο ΟΜβ ανοιχτού κώδικα. Παρακάτω αναφέρουμε αναλυτικότερα τα πλεονεκτήματα ενός ΟΜβ ανοιχτού κώδικα. 7

9 ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΟΜ8 ΑΝΟΙΧΤΟΥ ΚΏΔΙΚΑ 1. Δεν απαιτούνται ειδικές γνώσεις προγραμματισμού και σχεδίασης ιστοσελίδων. Την δημιουργία του ιστότοπου, και τις όποιες αλλαγές χρειαστούν, μπορεί να τις διαχειριστεί ο ίδιος ο χρήστης και όχι κάποιος προγραμματιστής, εφόσον τα ΟΜβ διαθέτουν εύχρηστα και απλά εργαλεία τόσο για την δημιουργία όσο και για την επεξεργασία του ιστότοπου, ικανά να μας δώσουν εντυπωσιακά αποτελέσματα. 2. Η σύνδεση και οι αλλαγές μπορούν να γίνουν οποιαδήποτε ώρα απαιτηθούν,μέρα η νύχτα, και από οποιονδήποτε υπολογιστή, με την μοναδική προϋπόθεση να είναι συνδεδεμένος στο διαδίκτυο. Αυτό είναι πολύ σημαντικό πλεονέκτημα γιατί η επιχείρηση μπορεί να βασίζεται στην ιστοσελίδα ως ένα σημαντικό δίαυλο επικοινωνίας με τους πελάτες της. 3. Διαθέτει βελτιωμένο σύστημα πλοήγησης, ώστε κάποιος να μπορεί να περιπλανηθεί εύκολα στις σελίδες αλλά και να αναζητήσει κάποια συγκεκριμένη πληροφορία. Καθώς επίσης και μειωμένη επανάληψη ίδιων πληροφοριών, έτσι ώστε ο χρήστης να μην βλέπει την ίδια πληροφορία ξανά και ξανά. 4. Το κόστος των εξόδων δημιουργίας, διαχείρισης και συντήρησης είναι εξαιρετικά χαμηλό, αφού δεν υπάρχει ανάγκη για κάποιον εξειδικευμένο τεχνικό, ή προγραμματιστή όπως αναφέραμε ήδη. Επίσης, όλα τα 0Μ8 διατίθενται και δωρεάν. 8

10 5. Μπορεί να γίνει εύκολα επέκταση των δυνατοτήτων τους, ανάλογα με τις απαιτήσεις του χρήστη ή του πελάτη, με την προσθήκη διαφόρων ειδών plugins και modules. 6. Το σύστημα επιτρέπει σε οποιονδήποτε να διαχειριστεί και να ενημερώνει τον ιστότοπο, με αποτέλεσμα η σελίδα να διαθέτει πλούσιο περιεχόμενο. Ταυτόχρονα όμως, το σύστημα επιτηρεί τον έλεγχο των σταδίων που θα ακολουθήσει η πληροφορία για να δημοσιευτεί, αποφεύγοντας έτσι πιθανές, μη επιθυμητές καταστάσεις λάθους. 9

11 ΕΠΙΛΟΓΗ ΚΑΤΑΛΛΗΛΟΥ CMS Κάθε CMS έχει προτερήματα και μειονεκτήματα που το καθιστούν λιγότερο ή περισσότερο κατάλληλο για την περίπτωσή που το χρειαζόμαστε. Επιπλέον παίζει ρόλο όχι μόνο το περιεχόμενο που έχουμε σκεφτεί για την ιστοσελίδα μας, αλλά και το είδος της σχέσης που θέλουμε να έχουμε με το εν λόγω περιεχόμενο. Μια πλατφόρμα είναι πιο φιλική στο χρήση για παράδειγμα, κάποια άλλη λιγότερο αλλά πολύ πιο ευέλικτη στα κατάλληλα χέρια. Πριν από οτιδήποτε άλλο λοιπόν, καλό είναι να αναρωτηθούμε τι εμείς χρειαζόμαστε και τι δυνατότητες έχουμε να ανταποκριθούμε σε αυτό. Στην αγορά κυριαρχούν 3 CMS. To Wordpress, η Drupal, και η Joomla.Εμείς θα δούμε τα βασικά χαρακτηριστικά από το καθένα και θα κάνουμε μία μικρή σύγκριση, ώστε να επιλέξουμε αυτό που μας ταιριάζει. Wordpress: Πολύ απλά, το WordPress στηρίζει το μεγαλύτερο αριθμό ιστοσελίδων παγκοσμίως. Δεν ξεκίνησε τόσο ως CMS, όσο ως πλατφόρμα για blogging, αλλά με τον καιρό άρχισε να βρίσκει το δρόμο του και σε πιο σύνθετους ρόλους και εφαρμογές. Έχει το φιλικότερο σύστημα διαχείρισης, mobile-apps, και είναι εύκολο στη χρήση του. Η Sony και το CNN είναι παραδείγματα τεραστίων ιστοσελίδων που έχουν προτιμήσει την πλατφόρμα WordPress. Ειδικά για περιπτώσεις όπου το blogging είναι προτεραιότητα, η επιλογή του WordPress τείνει να είναι αυτονόητη. Drupal: Σε διάφορα επίπεδα η Drupal είναι το αντίθετο του WordPress. Μπορεί να κάνει σχεδόν τα πάντα αλλά απαιτεί περισσότερη τριβή και εκμάθηση. Όσοι έχουν επαφή με προγραμματισμό σε οποιοδήποτε επίπεδο, τείνουν να λατρεύουν το εν λόγω CMS. Με την κατάλληλη ενασχόληση και αφοσίωση μπορεί να αναλάβει μεγάλο εύρος εργασιών, ρόλων και χαρακτηριστικών ενώ, στη βασική του μορφή, προσφέρει αρκετές λειτουργίες για τις οποίες τα άλλα CMS απαιτούν τη χρήση πρόσθετων "εφαρμογών. Η Drupal λοιπόν είναι η επιλογή για τους πιο περιπετειώδεις, για όσους έχουν βάλει στόχο πολύπλοκες λειτουργίες και περιεχόμενο. Αποτελεί τη βάση για σελίδες όπως εκείνες του Linux και του Λευκού Οίκου. ίο

12 Joomla: Σε πολλά επίπεδα η Joomla είναι η μέση λύση, η οποία μπορεί να τροποποιηθεί σε μεγάλο βαθμό ώστε να καλύπτει ακριβώς τις ανάγκες μας. Είναι κατά κανόνα φιλικότερο από την Drupal και καταλληλότερο για εφαρμογές που ξεφεύγουν από το απλό blogging, όπως η δημιουργία e- Shops, το στήσιμο και η διατήρηση online κοινοτήτων, η κατασκευή εφαρμογών και πολλά, πολλά άλλα. Αναβαθμίζεται με πιο γοργούς ρυθμούς από οποιοδήποτε άλλο CMS ενώ δεν είναι τυχαίο ότι βρίσκεται πολλά χρόνια στην αγορά. Παρότι, τεχνικώς, θεωρείται το νεότερο CMS μεταξύ των τριών, η Joomla αποτελεί παραλλαγή του Mambo, που σε συνδυασμό με διορθώσεις κάποιων σφαλμάτων στο περιβάλλον διαχείρισης και στον κώδικα της ασφαλείας, έχουμε την Joomla (1.0.0),που δημιουργήθηκε το Η Joomla χρησιμοποιείται από ιστοσελίδες όπως αυτή του Harvard University αλλά και του αμερικανικού Καπιτωλίου. ΤΙ ΕΙΝΑΙ Η JOOMLA ΚΑΙ ΠΩΣ ΛΕΙΤΟΥΡΓΕΙ Η Joomla είναι μία εφαρμογή συστήματος διαχείρισης περιεχομένου (CMS) ανοιχτού κώδικα με σκοπό τη διαχείριση και τη δημοσίευση περιεχομένου στο διαδίκτυο. Είναι γραμμένη σε γλώσσα ΡΗΡ και τα δεδομένα αποθηκεύονται σε μια βάση δεδομένων MySQL. Το όνομα Joomla, είναι μια φωνητική γραφή της γλώσσας Σουαχίλι, στην οποία η λέξη "jumla" σημαίνει "όλοι μαζί" ή "ως σύνολο". Το βασικό χαρακτηριστικό της είναι ότι οι σελίδες που εμφανίζει είναι δυναμικές. Τέτοιες σελίδες χρησιμοποιούμε όταν κάνουμε συχνή ανανέωση του περιεχομένου τους, καθώς και όταν προσφέρουν υπηρεσίες αλληλεπίδρασης με τους χρήστες. Η χρήση της είναι απολύτως δωρεάν και οποιοσδήποτε μπορεί να την χρησιμοποιεί, να την τροποποιεί και να διερευνά τις δυνατότητές της χωρίς να πρέπει να πληρώσει κάποια άδεια χρήσης. Εγκαθίσταται σε έναν κεντρικό υπολογιστή, τον web server και ο χρήστης έχει πρόσβαση στο περιβάλλον διαχείρισης μέσω ενός browser. (Internet Explorer, Firefox, ή Google-Chrome). i l

13 Είναι ικανή να ενσωματώσει διάφορα πρόσθετα εργαλεία, διευρύνοντας έτσι τις δυνατότητες και τις λειτουργίες της, κάνοντάς την μια εφαρμογή αξιόπιστη για την ανάπτυξη σοβαρών εταιρικών δικτυακών τόπων. Η Joomla χρησιμοποιεί μια ισχυρή templating engine που δίνει τη δυνατότητα να χρησιμοποιήσει ο καθένας το δικό του, εξατομικευμένο template. Μπορεί επίσης κάποιος να δημιουργήσει από την αρχή το δικό του template. Όταν επιλεγεί κάποιο template, το περιεχόμενο του παρουσιάζεται αυτόματα. Μπορεί ακόμη και να επιλεγούν διαφορετικά templates για διαφορετικά μέρη του ίδιου δικτυακού τόπου. Μπορεί οποιοσδήποτε να προσθέσει περιεχόμενο στον ιστότοπό του, από οποιονδήποτε υπολογιστή αρκεί να διαθέτει σύνδεση στο διαδίκτυο. Απλά, πληκτρολογεί το κείμενο, ανεβάζει τις φωτογραφίες και τα δημοσιεύει. Ακόμα, είναι δυνατή η δημοσίευση απεριόριστων σελίδων, χωρίς να υπάρχει κάποιος περιορισμός από την εφαρμογή. Επίσης, υποστηρίζει διαφημιστικά banners, που σημαίνει πως μπορεί κάποιος να προωθήσει τα δικά του προϊόντα και υπηρεσίες. Τέλος, μπορούν να προστεθούν forum, photo galleries, βιβλιοθήκες αρχείων, βιβλία επισκεπτών, φόρμες επικοινωνίας, και άλλα πρόσθετα εργαλεία. Η Joomla εξελίσσετε και βελτιώνετε διαρκώς χάρη στη δυναμική διεθνή κοινότητα που αναπτύσσει τον κώδικά της, αλλά και στην Ελληνική που το προσαρμόζει στις ανάγκες της ελληνικής γλώσσας. 12

14 ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΤΗΣ JOOMLA S Είναι μία εφαρμογή ανοιχτού κώδικα, το οποίο σημαίνει ότι μπορεί να την χρησιμοποιεί ο καθένας ελεύθερα, καθώς και να την τροποποιεί για να διευρύνει τις δυνατότητες της. S Δίνει τη δυνατότητα πρόσβασης στο περιβάλλον διαχείρισής από οποιονδήποτε υπολογιστή μέσω ενός browser. Οπότε, μπορεί πολύ εύκολα κάποιος να ανεβάσει κείμενα ή εικόνες από όπου και αν βρίσκετε, με μία απλή σύνδεση στο internet. S Διατίθεται εντελώς δωρεάν και μπορεί οποιοσδήποτε να την κατεβάσει από το ίντερνετ. S Διαθέτει ένα εύκολο και πλήρες επεξεργάσιμο περιβάλλον διαχείρισης, ούτως ώστε να είναι εύκολο στην χρήση, από οποιονδήποτε διαθέτει βασικές γνώσεις. ν' Ο χρήστης μπορεί εύκολα να προσαρμόσει τα διάφορα templates,τα οποία είναι πάρα πολλά, στις επιθυμίες και στην αισθητική του πελάτη, ώστε να έχουμε ένα άρτιο εικαστικό αποτέλεσμα. Μπορεί επίσης να φτιάξει τα δικά του. ν' Μπορεί να εμπλουτιστεί εύκολα με επιπλέον εργαλεία. Κάποια από αυτά διανέμονται δωρεάν και άλλα επί πληρωμή. Τα διάφορα plugins και modules μπορούν να μετατρέψουν την Joomla σε ένα σύστημα με απεριόριστες δυνατότητες. Κάποια από αυτά είναι photo galleries, video, forum,φόρμες επικοινωνίας, δημοσκοπήσεις, blog, στατιστικά χρήσης, δυνατότητα κατασκευής e-shop, δυνατότητα προβολής διαφημίσεων, βιβλιοθήκες αρχείων, κ.α. S Παρέχει τη δυνατότητα ενός ενσωματωμένου προγράμματος επεξεργασίας κειμένου. Όταν δημιουργείται νέο περιεχόμενο, ένας επεξεργαστής κειμένου επιτρέπει απλές αλλαγές χωρίς γνώση της HTML.Τα σύγχρονα CMS διαθέτουν έναν on-line επεξεργαστή Κειμένου, τον WYSIWYG ("What You See Is What You Get"). Δίνει στους χρήστες την δυνατότητα online επεξεργασίας και μορφοποίησης των κειμένων, με πάρα πολύ απλό τρόπο, καθώς και εμφάνιση του τελικού αποτελέσματος. 13

15 S Επιτρέπει την διαχείριση και κατηγοριοποίηση μεγάλου αριθμού σελίδων. Μπορεί κάποιος να κάνει ανάρτηση και δημοσίευση άρθρων χωρίς κανένα περιορισμό στον αριθμό τους ή στο μέγεθος τους. ν' Δίνεται η δυνατότητα ττολυγλωσσικού περιεχομένου. Αυτό σημαίνει ότι ο χρήστης μπορεί να ενσωματώσει ξενόγλωσσες εκδόσεις στον δικτυακό του τόπο με πολύ εύκολες και απλές διαδικασίες. ν' Λόγω μίας μεγάλης κοινότητας χρηστών αλλά και προγραμματιστών που βρίσκεται στο και στο η αντιμετώπιση αποριών σχετικά με την εγκατάσταση ή την λειτουργία του ϋοοιπίθ,αλλά και τυχόν προβλημάτων που ίσως παρουσιαστούν, είναι άμεση και αποτελεσματική. ν' Δίνεται στον κατασκευαστή η δυνατότητα προεπισκόπησης της ιστοσελίδας ή τμημάτων της, πριν δημοσιευθούν online. Επίσης, κατά την κατασκευή του site, μπορεί η σελίδα μας να είναι offline. ν' Υποστηρίζει την δυνατότητα λήψης αντιγράφου ασφαλείας (back up) του site, αλλά και την δυνατότητα κάδου ανακύκλωσης για τα αντικείμενα περιεχομένου που θέλουμε να διαγράψουμε. (Τα άρθρα που δεν χρειαζόμαστε μπορούν να τοποθετηθούν σε αρχείο αντί να διαγραφούν εντελώς). ν' Δίνει στον διαχειριστή την δυνατότητα ενός πλήρη μηχανισμού διαχείρισης της βάσης δεδομένων του site. ν' Εμπεριέχει την δυνατότητ3 RSS (Really Simple Syndication), η οποία είναι μια τεχνολογία που μπορεί και συλλέγει τα τελευταία νέα από τους δικτυακούς τόπους που έχουμε επιλέξει, αμέσως μόλις αυτά γίνουν διαθέσιμα. Μπορούμε δηλαδή να έχουμε άμεση και διαρκή ενημέρωση στον υπολογιστή μας, λαμβάνοντας σε τίτλους ή περιλήψεις το νέο περιεχόμενο (RSS feeds). Έτσι, δε χρειάζεται να επισκεπτόμαστε καθημερινά τους δικτυακούς τόπους της προτίμησής σας, αναζητώντας τυχόν ανανεώσεις και προσθήκες περιεχομένου. 14

16 ΜΕΙΟΝΕΚΤΗΜΑΤΑ ΤΗΣ JOOMLA S Υπάρχουν αρκετά προβλήματα ως προς την φιλικότητα των Joomla sites στις μηχανές αναζήτησης. Τα προβλήματα αυτά είναι σοβαρά και επίσης εξαιρετικά δύσκολο να λυθούν χωρίς την βοήθεια ενός επαγγελματία συμβούλου SEO. S Για να ξεκινήσει ένας χρήστης να δημιουργεί ένα Joomla site χρειάζεται, σε αντίθεση με το WordPress, κάποιες ειδικές γνώσεις. Όμως αυτό λύνεται εύκολα με τα tutorials που διατίθενται στην επίσημη ιστοσελίδα, και βοηθούν ακόμα και τον αρχάριο χρήστη να μάθει να στήνει και να διαχειρίζεται ένα Joomla site, αλλά χρειάζεται κάποιο διάστημα για να εξοικειωθεί πλήρως. ΓΙΑΤΙ ΕΠΙΛΕΞΑΜΕ ΤΗΝ JOOMLA Για όλους λοιπόν τους παραπάνω λόγους, η κατασκευή της διαδικτυακής πλατφόρμας που θα δημιουργήσουμε θα βασίζεται στην JOOMLA. Όπως αναφέραμε ήδη, μας προσφέρει πολλά πλεονεκτήματα. Μπορεί να την διαχειριστεί οποιοσδήποτε απλός χρήστης με μοναδικό εφόδιο κάποιες απλές γνώσεις προγραμματισμού, διατίθεται δωρεάν, προσφέρει πολλές δυνατότητες ακόμα και για τον πιο απαιτητικό πελάτη και επιπλέον, μία πληθώρα πρόσθετων εφαρμογών. 15

17 ΚΕΦΑΛΑΙΟ 2: ΛΕΙΤΟΥΡΓΙΑ ΧΑΜΡΡ Ένας ιστότοπος για να μπορέσει να λειτουργήσει θα πρέπει να είναι αποθηκευμένος σε κάποιον Web Server. O Web Server στην ουσία είναι o υπολογιστής εκείνος ο οποίος αναλαμβάνει να δημοσιεύσει την ιστοσελίδα μας στο διαδίκτυο. Υπάρχουν δύο είδη Web Server: O Apache, που συνήθως χρησιμοποιεί λειτουργικό σύστημα Linux, και o IIS που χρησιμοποιεί λειτουργικό σύστημα Windows. Η Joomla μπορεί να «τρέξει» σε οποιονδήποτε Web Server, αρκεί να υποστηρίζει τη γλώσσα ΡΗΡ, ή σπανιότερα την PERL. Εμείς θα χρησιμοποιήσουμε το ΧΑΜΡΡ, το οποίο λειτουργεί σαν προσομοιωτής ενός server, για να δημιουργήσουμε το site μας και να κάνουμε όποιες αλλαγές θέλουμε, ενώ η σελίδα μας θα βρίσκεται offline. Το ΧΑΜΡΡ είναι ακρωνύμιο και αναφέρεται στα παρακάτω αρχικά: X (αναφέρεται στο «cross-platform» που σημαίνει λογισμικό ανεξάρτητο πλατφόρμας) Apache HTTP εξυπηρετητής. MySQL. PHP Perl Το ΧΑΜΡΡ είναι ένα ελεύθερο λογισμικό, ανοιχτού κώδικα και ανεξαρτήτου πλατφόρμας(μπορεί να τρέξει σε διαφορετικά λειτουργικά συστήματα). Περιέχει ένα εξυπηρετητή ιστοσελίδων http Apache (Όποτε ένας χρήστης επισκέπτεται έναν ιστότοπο, ο browser επικοινωνεί με έναν server μέσω του πρωτοκόλλου HTTP, ο οποίος παράγει τις ιστοσελίδες και τις αποστέλλει στο πρόγραμμα πλοήγησης), μία βάση δεδομένων MySQL και έναν διερμηνέα για κώδικα γραμμένο σε γλώσσες προγραμματισμού ΡΗΡ και Perl. Έτσι μπορεί να εξυπηρετεί και δυναμικές ιστοσελίδες. Μπορεί να τρέξει σε Microsoft, Windows, Linux, Solaris, και Mac OS X. 16

18 Όταν το ΧΑΜΡΡ εγκατασταθεί στον τοπικό υπολογιστή, διαχειρίζεται τον localhost ως ένα απομακρυσμένο κόμβο, ο οποίος συνδέεται με το πρωτόκολλο μεταφοράς αρχείων FTP. Η σύνδεση στον localhost μέσω του FTP μπορεί να γίνει με το όνομα χρήστη «newuser» και τον κωδικό «ννβπιρρ». Για την βάση δεδομένων MySQL υπάρχει ο χρήστης «root» χωρίς κωδικό πρόσβασης. Αφού έχουμε εγκαταστήσει λοιπόν το ΧΑΜΡΡ, πληκτρολογούμε σε έναν browser την διεύθυνση localhost για να μεταφερθούμε στην κεντρική σελίδα του σελίδα. ψ [ 3 ΧΑΜΡΡ SA Ï * Ύ θ * 0 χ * ή ^ C ; C localhost/xampp/ Εφαρμον«; Ο 111 ΚΠΟΜΠΗ UH.. :em9 t*nlo em U Î* te m l2 ^ P#keyp< *«2 Q ^» V P nfu Ü φ β -β λ^,χ^α 5 W βφλνγοω+αύ Q βφχ^οαφ,α7 S Ε ] ΧΑΜΡΡ for Windows Try oui tl»e new ΧΑΜΡΡ welcome page Engfah Cwtxh FnncM ******* PaU< Itafone Norv.«gi»r * S PortuguM (lfm.1) = r f i We are sorting or a new Welcome page for XAMPP and we need vour helpl You car you can see the current version at - We are improving our current 'FAQs' and adcfing new How to' guides. We posted some suggestions for new guides at ; If you have any comments or suggestions for the new wrfcome page, please dor t hestate to post ir the fteum. Your feedback wfl help us improve XAMPP!. If you have any comments or suggestions for the new welcome page, please don't hesitate to post In the forum. Your feedback wfl help us improve XAMPP! Welcome to XAMPP for Windows! You have successfully installed XAMPP on this system! Sow you can start using Apache and Co. You should fest try «Status* on the U t navigation to make sure everything works fine. For Opens S t support please use the test certificate with or https,.locafrcst Good fade Kay vogeigesarg + nai Oswald Seider Install applications on XAMPP using Bitnami Apache Friwds and Mtrami are cooperating to make downs of open source appkabons available on XAMPP. far free «nami-oeckaged appfccabons indude wortfcress. Dmpal, Joomla* and downs of others and car be deployed w*h one-cfck Instaiers. visit the Lfrrari far derate or the currently avaiable apps. 9XAMPP Hosting XAMPP provides an ideal local development environment, but is not meant far production deployments. We want to make hosting PHP appfccabons created w*h XAMPP as easy as possme. VWt «U, for reacfing our documentation. Από την στήλη Tools στα αριστερά, θα επιλέξουμε phpmyac^in, και θα μεταφερθούμε στην παρακάτω σελίδα, όπου θα δημιουργήσουμε την βάση δεδομένων μας. 17

19 ΔΗΜΙΟΥΡΓΙΑ ΒΑΣΗΣ ΔΕΔΟΜΕΝΩΝ Επιλέξαμε την αντίστοιχη εντολή από την γραμμή εργαλείων, και δημιουργήσαμε την βάση μας, με το όνομα που εμείς θέλουμε. *oe**o«1n & û. 'é. I p t * Α Χ Ρ' 4 - C localhost IRL-lseiver_databases.php?db=&table=&seiver=liV d3?.'- Εφαρμογ«1X1 ΕΚΠΟΜΠΗ semlc * n U U. > : &ίλσγα**α2 0 B UH_. tem9 & O W **voo*o3 W W l«yoow a6 O Μλγοαφβ7 p h p M ija d m in Τ^ΛιακομίίΠής 12«0 0 1 j Βόοτις δεδομένων J Κώδικας SQL M Κατασταση» Χρήστες Εξαγωγή Εισαγωγή f Ρύθμισης Περισσότερα δ «Πρόσφατο Αγαπημένοι * H Βάσεις δεδομένων 0 Δημιουργία βάσης δεδομένων $ Ιύνάισπ * Δημιουργία Σημείωση Η ενεργοποίηση στατιστικών μπορεί να προκαλέσει μεγάλη μεταφορά δεδομένων μεταξύ ταυ δβκαμισιη ιστού και του δβκομκπή Μ, SQL Βάση «cdcoí infcxmabonsc hema Ci1 loomlaû joomlal (OomU2 (oomia 336 joomla336 nrvsql perfonnanc e s c huma phpmyadrnin Σύνθεση utini_eenerdi_a Έλεγχος Δικαιωμάτων vtfe_gew»i_ci Έλεγχος Δικαιωμάτων ΐΛ Μ ΐ_ **ώ ΐ» '_ «Έλεγχος Δικαιωμάτω. I*ttni_ïvedtsti_cl a Έλεγχος Δικαιωμάτων lattni_swedlsn_cl a Έλεγχος Δικαιωμάτων l*tlni_wejîsti_cl a Έλεγχος Δικαιωμάτω.1 l*tiri_s«eiiisn_ci a Έλεγχος Δικαιωμάτων uum _**eiisn_ci a Έλεγχος Δικαιωμάτων vtfe_fenec»l_ci a Έλεγχος Δικαιωμάτων u trtb in a Έλεγχος Δκαιωμάτω. L. test latini_s»edtsn_ci * Έλεγχος Δικαιωμάτων Aebauth latini_gener»i_cl a Έλε γχος Δικαιωμάτων U Επιλογή άλων Ut τους (πλεγμένους [ J Διαγραφή g, Ξ Με αυτό τον τρόπο η βάση δεδομένων είναι έτοιμη και καταχωρείται. Εμείς την ονομάσαμε ίο ο ιπ ^. 18

20 ΕΓΚΑΤΑΣΤΑΣΗ JOOMLA Το επόμενο βήμα που κάναμε, ήταν να μπούμε στον φάκελο εγκατάστασης του ΧΑΜΡΡ. Επιλέξαμε τον φάκελο htdocs, και εκεί μέσα δημιουργήσαμε έναν νέο φάκελο, στον οποίο βάλαμε μέσα το αρχείο της Joomla, αποσυμπιεσμένο. Ύστερα, από έναν browser πληκτρολογήσαμε την διεύθυνση localhost/joomla2, και μας μετέφερε στην παρακάτω σελίδα εγκατάστασης της Joomla. c.. 1 «- C local host joomlal/installation/index.php ft 2 4 J o o m l a! Joom la!* o v a μια ta iw tφερη εφαρμογή ττου διανεμιται ctto GNU Γ ενκη Δημόσια Αδαα. Ο Ρυθμίσεις φ Βάση Διδόμενων φ Εττκτκότηση Επιλογή γλωσσάς (Ελληνκό) Βασικές Ρυθμίσεις Όνομα ίστοσελίδος Εισάγεται το όνομα της Joomla στοσελλος σας Ηλεκτρονικό ταχυδρομείο Δβχεκττκττή * Εισσγεται μια διεύθυνση ηλεκτρονικού ταχυδρομείου Αυτή θα είναι η διεύθυνση του υπερδιαχερστή της Ιστοσελβος Εισάγεται μια συνολική περιγραφή της Ιστοσελίδας σας που θα χρησιμοποιηθεί από πς μηχανές αναζήτησης Γενικά προτείνεται η χρήση ενός μεγίστου ορίου 20 λέξεων Ονομα χρήστη Δβχορκττή Κωόκός Διαχειριστή Ορίστε το όνομα χρήστη για το λογαριασμό του Υπέρ Δκιχαριστή Ορίστε τον κωδικό πρόσβασης του λογαριασμού υπερδιαχειριστή και επιβεβαιώστε τον στο παρακάτω πεδίο Συμπληρώσαμε τα πεδία και επιλέξαμε την δυνατότητα να είναι εκτός λειτουργίας η σελίδα μας όσο θα την τροποποιούμε (επιλογή κάτω αριστερά). Πατώντας επόμενο, βρεθήκαμε στο δεύτερο στάδιο εγκατάστασης. 19

21 C kxra l^o sfjo o m L a l/in sta lla tio rt /îrxle x^h p # * Joomla! s * Joom la'* o v a μια ελευεβιρη ιφαρμσγη no«δια ν ι μ* τα ano GNU Γενική Δημοσία Αδεια. Ρυθμίσεις Q Βάση Διδόμενων ) Εττισκοποη Ρυθμίσεις Βάσης Δεδομένων «Προηγούμενο» Επόμενο Είδος βοσης δεδομένων * MySQU Πιθανό να u va T^ySQLT Ονομα διακομιστή * locamos! Συνήθως ε κ α "tocamosr Ονομα χρήστη * Anastasia Συνήθως είναι Τ οογ ή το όνομα χρήστη αϊτό τον κεντρικό υπολογιστή Κωδκός Είναι απαραίτητο για την ασφάλεια της ιστοσελίδας να χρηεπμοποιεγτε κωδκό προσβοσης για τη βάση δεδομένων Ονομα Βάσης ροπ ιϋΐ Δεδομένων * Ορισμένα δοκομκπές ετπτρέπουν μόνο συγκεκρμένα ονόματα βάσεων δεδομένων για κάθε ιστοσελίδα Χρησμοποιήστε σε αυτή την περίπτωση προθέματα πινάκων για ξεχωριστές ιστοσελίδες ϋοοπτίβ! * W lë * β Γ Τ,Έί X - - ' Αυτό είναι το στάδιο που συνδέεται η ϋοοιπιθ με την βάση δεδομένων μας. Συμπληρώσαμε και εδώ τα αντίστοιχα πεδία και πατήσαμε ξανά επόμενο. Στο τρίτο στάδιο, γίνεται μία προεπισκόπηση των επιλογών μας. Αφού είναι όλα εντάξει, πατήσαμε εγκατάσταση. Και εγκαταστήσαμε επιτυχώς την ϋοοπιΐθ. Τώρα μπορούμε να εισέλθουμε σαν διαχειριστές. Τ & ucruoitfl ίψοομο/η ry»r f C localhost loomlal/installation/indexphp# - = Joomla! είναι μ α ιλεύεθιρη εφαρμογή πο«διανέμεται ano GNU Γενική Δημόσια Α δ εια Συγχαρητήρια! Εγκαταστήσατε το Joomla!. ΠΑΡΑΚΑΛΩ ΘΥΜΗΘΕΙΤΕ ΝΑ ΔΙΑΓΡΑΨΕΤΕ ΤΟΝ ΦΑΚΕΛΟ INSTALLATION Δ ι θα μπορέσετε να προχωρήσετε πέρα σπο αυτό το σημεο της εγκατάστασης μέχρι να σπομακρυνετε εντελώς το φ & ελο n sta ia tn n Πρόκεπαι για μ η δικλείδα ασφαλείας του Joomla' fi Διαχειριστής Λεπτομέρειες σύνδεσης διαχειριστή Ηλεκτρονκό ταχυδρομείο Ονομα χρήστη ^ J S S E S i S S S l S E O Ε Π Ε Η 20

22 Βάλαμε το username και το password που ορίσαμε νωρίτερα, και πατήσαμε Log in για να εισέλθουμε. <- C localhost joomlal/adminisuator/ = r* Go to sec home page jt f 201S Tixnsm 1» / Π Ιε ο - -. t *«* 1*. 251 Και τώρα μπήκαμε στο Control Panel της Joomla. Από εδώ θα κάναμε όλες τις ρυθμίσεις και αλλαγές στο site μας. f C localhost joomla 1/administrator/index.php t % p = H System - Users * Menus - Content - Components - Extensions» Help * Tourism a 0» H O C o n tr o l P a n e l ^ J o o m l a! ' 1 CONTENT / Add New Article Q Article Manager G i Category M anager You have post-installation messages There are important post-installation messages tha requre your attention To vie* those messages please d u ll on the Review Messages button below You can review the messages at any time by clicking on the Components Post-mstaBatior messages menu item of you- site's administrator section Thra information area wont appear when you have hriden ah messages Review Messages Q Media Manager STRUCTURE :Ξ Menu Manager LOGGED-M USERS Super User K m w B 2 ) A Module M anager USERS POPULAR ARTICLES 4. user M anager COM KiUHAIION 0 Global Configuration Template M anager ^ Language Manager EXTENSIONS RECENTLY ADDED ARTICLES No Mafchng ResiAs Λ * instal Extensions 21

23 ΤΙ ΕΙΝΑΙ TO TEMPLATE Μετά την εγκατάσταση της Joomla, εττιλέξαμε και το κατάλληλο template. Το template στην ουσία είναι μία προσχεδιασμένη σελίδα, σχεδιασμένη να δέχεται αντικείμενα σε συγκεκριμένες θέσεις. Τέτοια αντικείμενα μπορεί να είναι κάποιο μενού, κάποιο αντικείμενο διαχείρισης φωτογραφιών ή άρθρων, και πολλά άλλα. Κάθε template λοιπόν μπορεί να έχει συγκεκριμένη μορφή, αλλά υπάρχουν τόσα πολλά template για να επιλέξει κάποιος, συν το γεγονός ότι μπορεί να προσθέσει πάρα πολλά εργαλεία, που το καθιστούν μία εύκολη επιλογή, η οποία μπορεί όμως να ανταποκριθεί ακόμα και στις πιο δύσκολες απαιτήσεις μας. ΠΛΕΟΝΕΚΤΗΜΑΤΑ Μπορούμε να στήσουμε πολύ γρήγορα και εύκολα την σελίδα μας. Το κόστος δημιουργίας, τροποποίησης και συντήρησης μπορεί να είναι ακόμα και μηδενικό. Μπορούν να καλύψουν όλες μας τις ανάγκες με τις επιλογές που μας δίνουν. Το αποτέλεσμα φαίνεται επαγγελματικό. ΜΕΙΟΝΕΚΤΗΜΑΤΑ Ακόμα και αν έχουν πολλές δυνατότητες, έχουν κάποιους περιορισμούς. Οι σελίδες φτιαγμένες με template δεν είναι ιδιαίτερα γρήγορες. Έχουν κάποια προβλήματα συμβατότητας με plugin. Έχουν κάποιους περιορισμούς όσον αφορά τον εικαστικό σχεδίασμά της σελίδας. 22

24 ΚΡΙΤΗΡΙΑ ΕΠΙΛΟΓΗΣ TEMPLATE Υπάρχουν κάποια ακόμη πράγματα που θα πρέπει να σκεφτούμε προκειμένου να κάνουμε την σωστή επιλογή template για την σελίδα μας. Στυλ: Το πρώτο πράγμα που πρέπει να προσέξουμε είναι το στυλ του template, διότι επηρεάζει άμεσα και το στυλ του site. Ένα όμορφο template δεν σημαίνει πως ταιριάζει σε όλα τα site. Θα πρέπει να δούμε επίσης, τις θέσεις στο template που είναι προκαθορισμένες για συγκεκριμένα αντικείμενα, για να δούμε και αν ταιριάζει με την εικόνα της επιχείρησης. Χρώματα: Το αμέσως επόμενο που θα πρέπει να προσέξουμε είναι τα χρώματα, στον δρόμο προς την αναζήτηση του κατάλληλου template. Πρέπει να έχουμε υπόψη όμως, και ότι τα χρώματα σε ένα template συνήθως είναι παραμετροποιήσιμα, ιδίως αν το έχουμε αγοράσει. Μηγανές αναζήτησην Κάτι ακόμη που ίσως να μην ερχόταν τόσο εύκολα στο μυαλό μας σαν κριτήριο για την επιλογή template, είναι αν είναι επαρκώς βελτιστοποιημένο για τις μηχανές αναζήτησης (SEO). Για να το διαπιστώσουμε αυτό, χρειάζονται πολλές τεχνικές γνώσεις, όμως υπάρχουν κάποια απλά πράγματα που μπορούμε να κάνουμε, τα οποία καθιστούν το template φιλικότερο. Αν υπάρχει σημαντικό περιεχόμενο σε φωτογραφίες, οι μηχανές αναζήτησης δεν θα το βρουν. Αν χρησιμοποιούμε εικόνες και γραφικά για links, οι μηχανές αναζήτησης δεν θα καταλάβουν την ουσία της σύνδεσης και δεν θα δώσουν βαρύτητα σε αυτό. Απλό στην γρήση: Και κάτι τελευταίο, είναι το template που θα επιλέξουμε να μας δίνει την δυνατότητα να δημιουργήσουμε ένα φιλικό στην χρήση site, όπου ο επισκέπτης να μπορεί να βρει αυτό που ψάχνει εύκολα. Δηλαδή θα πρέπει το template, και κατ επέκταση το site μας να μοιάζει και με άλλα, διαδεδομένα συστήματα πλοήγησης που υπάρχουν στο internet. Για παράδειγμα, όσο ωραίο και να είναι ένα template, αν τα κουμπιά επιλογών είναι κάτω δεξιά, οι περισσότεροι επισκέπτες δεν θα το καταλάβουν αμέσως, θα απογοητευτούν και θα φύγουν από το site. 23

25 ΕΙΣΑΓΩΓΗ TEMPLATE Αφού επιλέξαμε το κατάλληλο template σύμφωνα με τα παραπάνω κριτήρια, προχωρήσαμε στην ένταξή του, μέσα στην Joomla. Από την γραμμή εργαλείων επιλέξαμε Extension, και από τις επιλογές που μας ανοίγει, επιλέξαμε Extension Manager. Μας μετέφερε στην παρακάτω σελίδα, όπου επιλέξαμε το template που κατεβάσαμε και πατήσαμε Install για να ενσωματωθεί μέσα στην Joomla. btenacn manaqe< - Ins? «- C I< x a lh o s t'io o m la l/a d m in i5 tia to r/i',a e x.p n p op tio n c o n. installer S i? ' Efoppoycc %- Γpovrra μί οοκολοτ^. DracJi (201Î) Δβττ_ Ο U l BCDOMTH ΜΗ.. VmNET.gr - *o(c «_ ΤΕΛΕΙΟ ΝΤΪΤ ΠΑ _ tom yrooupttou iuvray < : Ντο» fa r. Q üght luvtoytç frn~» fi System - Users - Menus - Content * Components - Extensions - Help * Tounsm U 0 * * Extension Manager Install ή J o o m la! ' Help 0 Optons Install Update Manage Discover Joomlal Extensions Directory (JED) no«available *rth Install from Web on this page By c he lung 'Add Install from Web tab beta* you agree to the JED Terms of Service and all applicable third party license terms Add 'Install from Web" tab Warnings Install languages Upload Package File Install from Directory Install from URL Install from Directory Install Directory C \xamppihtdocsjoomla 1 tmp c 2*1^ la T5 Αφού το template προστέθηκε επιτυχώς, πήγαμε στο Extension και επιλέξαμε Template Manager, για να το βρούμε. 24

26 4» C localhost ioomlal/administrator/ir>dexphp?option=com templates Ε^ορμον««Γρανιτα pi oo«o>m_- DracuU Í2JLT) Δβτ*. O U 1 ΕΚΠΟΜΠΗ M i.. \κο Τψ - ο ε ^ ΤΕΛΒΟ ΝΤΪ1ΠΑ i f, Zwvtayn N w ty «- Q bght&e/tayecmn. Η System - Users * Menus * Contení Componente - Extensons * Help * 'ounsmtf 0 Φ Template Manager Styles * J o o m la! ' Oe&uft 0 Edit ^Duplicate X Delete h«p 0 Options 20 * Style Templete - D F l t t r 0 Beez3 - Default Bmc3 4 Select Template - 0 OgitalMarket - Default O^aerwtet 9 - Select Location - 0 Hathor - Default t e t a S 0 «is - Default 0 protos tar - Default T Ü T 1 3 ' i co T5 ''V. ie 1 H Joomla διαθέτει από μόνη της κάποια template και ανάμεσα σε αυτά, βρήκαμε αυτό που είχαμε επιλέξει, και πατήσαμε Default. Τώρα είμαστε έτοιμοι να αρχίσουμε να επεξεργαζόμαστε το site μας. 25

27 ΚΕΦΑΛΑΙΟ 3: Σε αυτό το σημείο, θα πούμε πως γίνονται κάποια βασικά πράγματα στην Joomla, έτσι ώστε να είναι πιο εύκολη η ανάλυση του site που θα κάνουμε παρακάτω. Πως φτιάχνουμε κατηγορίες: Πηναίνουμε στο Content, Category Manager και Add New Category. Δίνουμε τον τίτλο της κατηγορίας, το alias (ένα εναλλακτικό όνομα που ορίζεται σε έναν υπολογιστή, ένα αρχείο, μια διεύθυνση, ή μια ομάδα σχετικά με ένα δίκτυο. Το ψευδώνυμο, όπως συνήθως ονομάζεται), γονέα αν είναι υποκατηγορία, και κοιτάμε το status να είναι Published. 1* - Admmrctrjoc «4 C Lj localhost juomla2/administrator/index.php?option=com_categories&view=category&layout=edit&extension=coni_content λ "ù Εφαρμον«O u i «ΠΟΜΠΗ MR.»m9»m iß temu J * tem!2 β4λογοα*ω : ν'13ψ>^οας»α2 Q βφλονοαρια3 ßtfiX^vpo^.ai 0 W Μ λογρβφββ Q βψλλνοολίτ Category Manager Add A New Articles Category V Save & Close + Save & Ne«O Cancel Q Category Publishing Permissions Options Θ Description Ed# - insert - M ew - Format» Table» Tools» B 7 y & = = ^ = Paragracn - i= E m m # 8 h <> S x.x'ii Tags Select some options Access Public s. "ΈΓ Πως φτιάγνουυε άρθρα:πηγαίνουμε στο Content, Article Manager και Add New Article. Συμπληρώνουμε και εδώ τον τίτλο, το alias και το status, καθώς και την κατηγορία στην οποία ανήκει το άρθρο. Αν επιλέξουμε Content μέσα στο άρθρο, μπορούμε να εισάγουμε κείμενο. Ενώ αν επιλέξουμε Images and links, μπορούμε να εισάγουμε εικόνα. Στην πρώτη θέση μπαίνει η μικρογραφία της φωτογραφίας, ενώ στην δεύτερη θέση η φωτογραφία που θα δει κάποιος αν μπει μέσα και διαβάσει ολόκληρο το κείμενο. 26

28 r & Piradse - Admmistraac * ^ 0 Ac*u<ri f C _ Iocalhost joomla2/administrator/indexphp?option=com_content&view=article&layout=edit f t 'Ci 5 eyopmaya: O 1H BtPOMftt» MH- tem9 ^ amlq temll & «m l2 fr^o yoa ^a l Q g^xoypa»a3 Q frgx^yqoyai Q \ r ^o yo a o ia â O MJwvPa»fl7» Paradeea O * S Article Manager Add New Article B Save Save & Close + Save «Ne«O Cancel ^ Joom la!' Heip Alias Autogenerate fr Content ^P u b lish in g Images and links Options Corrigée Edit Screen Permissions Categiïy * Tags Select some options ct View 3de isild-s Q Admn Log out» ^ Per»d<se Adminittrenc" x T 0 Aoiwi f C localhost comla2/administrator/inde>c.php?option=coni_c:ontent&view=article&layout=edit 6pappo**c o 111 BUTOMTIH MH._ *m9 4 temlc»m il Jfc *ml2 fitfiaiaypeapuil Z 0tÿAioyc<apia2 Q ß^AoypoipiaJ Ê<>l>3yOC**aA Q ß^kioypavusS VI &^öypae<a6 Q 5 # Article Manager: Add New Article V Save & Close + Save & Ne«O Cancel Title Alias Auto-generale from title Contera Publishing ^Images and links jppttons Configure Edrt Screen Permissions Intro Image «Select X ^ Link A Image Float Use Global * 1 Link A Text Alt text URL Target Window Use Global 1 Caption Link B Full article image Select X 4 " - 1 Link 6 Text Image Root Use Global z m IR L Target Window Use Global 1 27

29 Πως ανεβάζουμε φωτογραφίες: Επιλέγουμε τις φωτογραφίες που θέλουμε, φτιάχνουμε έναν φάκελο μέσα στην Joomla, και τις τοποθετούμε εκεί. Πατώντας Select (εικόνα πάνω), θα ανοίξει ένα μενού, από το οποίο θα επιλέξουμε τον φάκελο με τις φωτογραφίες μας (εικόνα κάτω). Θα επιλέξουμε την φωτογραφία που θέλουμε και θα πατήσουμε Insert. Οι φωτογραφίες γενικά, εμπεριέχονται μέσα στα άρθρα. 28

30 Πως φτιάχνουμε modules: Πηγαίνουμε στο Extension, Module Manager, και πατάμε New. Μας ανοίγεται μία καρτέλα για να επιλέξουμε τον τύπο του module, και ανάλογα κάνουμε τις απαραίτητες τροποποήσεις. ίκ>- 4 - C C loca>k»t/joomla2/administratof/indgxphp?option=com_modulgs&vigw=select Si Q S : β η ΐ«Π Ο Μ Π Η Μ Η _ *m 9 * MHO m i l k *«12.0 Q W -> r W a 3 Q XT βφλ<*οαφ~6 O l M n w ' h System - Users» Menus - Content» Components * t x tensions» Η φ» Paradise ts Ö* ft Module Manager Modules * Joomla!' X Cancel Select a Module Type: AS Menu <*ng v : - enodule$rmrt_aa_iner«j/e«tensinnjhrtna*pi'g' AcyMailtng Module Sutter*«'unautacrtoeMMufc tor At ymatog Ar chived Articles Tha Module tioe-t a tor of»e.-sentor more* eorcanng V tlw u Jvaeln Uler you Aitides - Newsflash ^ Nee-Mtasti Mooue adaspto/ a*eenur*er ofartefes tar speck category Articles Related Articles The u Articles Categories Thu mooije aapw, a a M of e aegorm from one parère : «te-jor, Articles Category Tha maoutoasptoy» a at of article» from one or more : art joncs Breadcrumbs the uo a je «p a,t me areaocrura* Custom HTML Ttw Module atom you to create, our oan HTW. Module uaaig a A'i SrA.G K W Feed Display Th rvxjuiea»» me»pttyrq of i,r>aceee *e«j ««. Μ Ο «β ^ ' β - 1 Κάθε Module διαθέτει την επιλογή Menu Assigment η οποία καθορίζει σε ποια ή σε ποιες σελίδες θα εμφανίζεται το module, καθώς και position, για να ορίσουμε που ακριβώς στο site θα εμφανίζεται το module. ^ C l: Iocalho*t/joomla2/administrator/index.php?option=com_mt>dules&view=module&layout=edit8tid=94 i:' Εφαρμογ«; O U l ΕΚΠΟΜΠΗ MH... tem9 temlfl tem ll ßifAioyoapa: ^ PfhoypamZ Q βφλογραρuü W K Ê Ê Ê Ê B Ê Ê H Ê r mmmw Ê T m^ Ê Ê Ê B ^ ^ j! ^ s & ù s ß#L*yeaf*l 0 Μλ,ονοοφ,αό W M h e g p a fh t Ο β φ ^το ο ψ ^ H Paradise ef 0 f t Module Manager Module Articles - Newsflash * J o o n -ιιαγ ^SaveAC iose + Save & He* Q) Store as Copy O ciose Tale paradise3 Module Module Permissions Advanced Module Assignment Only on the pages selected Menu Selection Select a& None Expert -4 None o K Αρχική laiaa home) Ο αττηρτσύς a i upaeswt Ο Διαμονή imaa aar-v C ξ ί. οδοχηα I Alas here* l_ δωμίηα A*a* roons, &αμιμσμαια i-ats «æs Ο μοακίνηοη <**m mentons» L αυτοκίνητα imascarai 29

31 Πως ενκαθιστούυε πρόσθετα εργαλεία: Είτε πρόκειται για κάποιο plugin, module ή template, ο τρόπος που το εντάσσουμε στην Joomla είναι ίδιος. Πηγαίνουμε στο Extension, Extension Manager, και επιλέγουμε το πρόσθετο εργαλείο που έχουμε κατεβάσει το εγκαθιστούμε. B H H H H H H Wê ê ê ê êu f C lo ca lh o s t o o m '.i. /a d m in is tr jto i in d e.p h p 'o p tio n - r, -..! ί.τ S«1 = Epappoyec a u i»πομπη MH. te-r9 MmlC temu J* semi2 PlAoypaptal 3φλΛγοαφ»α2 O frpu>ypa*ux3 ejuovoo»u»a 0 ßi^kidypapiaS W 34*oyoa*ua6 Ο 4Φ* ογι>ο*α7» H System * U s e s - Menus» Content - Components - Extensions - Help - Pararte«? tí O - A E xtension M anager: Install ^ J o o m la! O ne «O Optons Update Manage Discover Database Joomla1Extensions D iet tor, (JED) no* a.alable *rth Install from Web or this page By clicking 'Add Insta* from Web tab" below you agree to the JED Terms of Ser. ce and a* applicable tfwd part, license terms Add "Insta* from Web' tab Insta* languages Upload Package Fie Install from Directory install from URL Upload & Install Joomla Extension ν Extension package file ' I iu ετηαίχθπμ κανένα αρχοο Πως φτιάχνουμε μενού: Πηναίνουυε στο Menus, Menu Manager επιλέγουμε Add New Menu και συμπληρώνουμε τον τίτλο του και τον τύπο του. VParadí«- Administrase χ Y F l Aoÿ»n x Paradis-n C C k>calhost/joomla2/administrator/index.php?option=com_menus8fview-menu&layout=edit " φορμθν*< O ΕΚΠΟΜΠΗ MH.. MlLoyocM*a: Μλ=ονο*φΐ32 Q &^A^yoa^a3 ûju jy o ^ 0 ßijltaypcupuiS W Wk«ïyp*pa6 Q 0<0λ.ογοαφ»α7 ι»ς 3φλ«3γooauaâ Ih Paradise ef 0 - : E M e n u M a n a g e r: A d d M e n u * J o o r r J a! B V Save & Close + Save 4 Ne* O Cancel «H ep Menu Details Title ' Menu type* «V O t T& Γ Ώ?. co T5 30

32 Πακ φτιάγνουμε menu items: Πηγαίνουμε στο Menus, διαλέγουμε το μενού που θέλουμε και πατάμε Add New Menu Item. Δίνουμε τον τίτλο, το alias και επιλέγουμε τον τύπο του αντικειμένου αυτού. Αν κάποιο item είναι υπομενού κάποιου άλλου, θα το ορίσουμε από την επιλογή Parent. 31

33 Πακ κάνουμε γενική παραυετροττοίηση: Μέσα από το System και Global Configuration μπορούμε να κάνουμε παραμετροποίηση η οποία θα αφορά το σύνολο της λειτουργίας του site μας. Με αυτό τον τρόπο καθορίσαμε τις προεπιλεγμένες παραμέτρους εμφάνισης, παραδείγματος χάριν των άρθρων. Αυτό σημαίνει ότι όταν δημιουργούμε ένα νέο άρθρο, σε όποιες παραμέτρους η τιμή είναι Global θα πάρει την προεπιλεγμένη επιλογή που εμείς ορίσαμε πριν (στο Global Configuration), εκτός και αν αλλάξουμε την τιμή χειροκίνητα. Κάτι αντίστοιχο κάναμε και για τις κατηγορίες. 4 P**»1* - AAneietrabc * ^ 0 Α ο χ ι«η 4- C Ù Iocalho5t/joomla2/administrator/index.php?option -com_config&view=component&component comjrontent & *? 5 Γ Εφβομον«ο 111 ΟΓΟΜΠΗ ΜΗ. tem9 & temlo tem ll J4 * * 1 2 ^ ο γο β ρ *» Ο ί4λβγοα*α2 Q W ^ o o + a ) οοψ Μ 0 &4*ογοο*α5 W βφλογοαφνό Q «λλγρβ^ατ a P aradb eei 0 SI Article Manager Options * Joomlaf V Save & Close Cancel SY STB«Global Configuration Articles Edrting Layout Category Categories Blog / Featured Layouts List Layouts Shared Options Integration Permissions These settings apply for article layouts unless the, are changed for a specific menu item Choose a layout Oetajtt * Installation Manager J 00m la' Update Language Manager Mecfaa Manager Menus Manager Messagmg Module Manager News feeds Show Category Lmk Category Show Parent Link Parent «* «O O * *» O - la 32

34 ΑΡΧΙΚΗ ΣΕΛΙΔΑ: Σε αυτό το σημείο, θα δούμε τι ακριβώς υπάρχει στην αρχική μας σελίδα, και θα περιγράφουμε πως το υλοποιήσαμε. ΚΕΝΤΡΙΚΟ ΜΕΝΟΥ Εδώ περιέχονται όλες οι επιλογές που θέλουμε να εμφανίζονται επάνω στην γραμμή του μενού. Χρησιμοποιήσαμε ένα πρόσθετο εργαλείο (module), το As Menu, και το εντάξαμε μέσα στην Joomla. Στην συνέχεια, φτιάξαμε ένα καινούριο module τύπου As Menu, επιλέξαμε το Main Menu που είναι το προ-δημιουργημένο μενού και του ορίσαμε θέσηφοβίίίοη). r» Paradee - Kàm tntm tàc * ^ Q l Cetegon«i Pared«!- ^ C l ] Iocalho$t/joomla2/administrator/index.php?option=com_modules8iview=module&layout=edit&id=90 &? Εφαρμον«D Β(ΠΟΜΠΗ M H ^ o y p a y ia l ^ ^ À oyo ap iai Ο ό^ο γοαφ ιαί ίφ Χ &,ο α ψ α ί 0 ^ ^ y p» p ie 5 W Μ λογοω ψ αά Q β^λΰνοαφνατ v ριβλογοα«α3 ß MaWuo Keu0<x>«a U Η ParackseEf 0 - H f t Module Manager Module mod_as_menu ' t Joomlaf 1 Save A Close Save & New 03 Save as Copy O Close Tide as menu Module Menu Assignment Module Permissions Basic Options Advanced Options Select Menu Man Menu Start Level J *_ End Level A l * Shoe Submenu Items No Μετά φτιάξαμε τις επιλογές που θέλουμε να εμφανίζονται στο μενού μας, φτιάχνοντας menu items. Παίρνοντας για παράδειγμα την επιλογή αξιοθέατα του μενού, φτιάξαμε το αντίστοιχο menu item με αυτό το όνομα και του ορίσαμε τον τύπο του, ο οποίος είναι List All Categories. 33

35 P*** *«- Adminritrjec x ^ 0 Α β χ β ό Γ «- C ù localhost oomla2/administrator/indexphp?option=com_menus&view=rtem&layout=edit&id=105 r : Ξ ί " Εφοομον«; ο U 1 ΕΚΠΟΜΠΗ Μ Η - *m9 4 te-nic «m il tem^ WLÄioyKnpal &ψλλ>οαφ»α2 Q ßt0taypacpta3 0 β & Λ,ο ζψ α ; W βφλαγοβ*α6 Q βφλ*γοοφ>α7 Ε Pararfceel 0 * 1i Menu Manager Edit Menu Item * Joomla! SaveACiose + Saves Ne* QjSaveasCopy Close η«ρ Menu Tute * α ξ ιο θ έ α τ α Alias airattieata Details Categories Category Blog Layout Let Layouts Options Integration Unk Type Page Display Metadata Module Assignment Menu Item Type * Select a Top Level Category Link List All Categories siteseen index ptip7option=com_contentsvi Menu Location * Mam Menu Parent Item Menu Item Root Target Window Parer* * Template Style - Use Default -» Ordering αξιοθέατα Status Published Default Page Yes No Access Η επιλογή αξιοθέατα που δημιουργήσαμε, θέλαμε να ανοίγει και άλλες επιλογές. Οπότε φτιάξαμε τόσα menu items, όσες και οι επιλογές που θέλαμε να βάλουμε στο μενού μας. Οταν στο site πατήσουμε το αξιοθέατα, θα δούμε πως περιέχονται τα υπομενού παραλίες, χωριά αρχαιολογικοί χώ ροι και μουσεία. Ο χρήστης μπορεί είτε να επιλέξει μέσα από το drop down menu,(η εμφάνιση του μενού σε στυλ drop down υπήρχε στο μενού που εγκαταστήσαμε), είτε να επιλέξει πατώντας στις κεντρικές επιλογές του μενού, οπότε του εμφανίζονται οι αντίστοιχες επιλογές, σε μία νέα σελίδα(αυτός ήταν ο λόγος που επιλέξαμε List All Categories σαν τύπο μενού προηγουμένως). Για να γίνει λοιπόν αυτό, δημιουργήσαμε κατηγορίες, που ακολουθούν την δομή του κεντρικού μενού. Με αυτό τον τρόπο όταν ο χρήστης πατάει στο μενού την επιλογή αξιοθέατα, εμφανίζονται στην σελίδα όλες οι υποκατηγορίες (μέλη της κατηγορίας αξιοθέατα ), και μπορεί να επιλέξει και από εκεί εκτός από το drop down. To ίδιο συμβαίνει και με τις υπόλοιπες επιλογές του μενού. 34

36 Επίσης, δημιουργήσαμε μία κρυφή επιλογή στο μενού, η οποία είναι ορατή μόνο από συγκεκριμένους χρήστες του site. Αν κάποιος από αυτούς τους χρήστες εισέλθει με τα στοιχεία του, θα δει άλλη μία επιλογή, η οποία ανήκει στην επιλογή προσωπικό. Αυτό το κάναμε για να μπορεί κάποιος υπάλλήλος της εταιρίας μας να ανεβάσει κάποιο άρθρο στο site, απευθείας από την σελίδα του site, χωρίς να έχει πρόσβαση σε όλες τις ρυθμίσεις, δηλαδή στο Control Panel. Μπορεί να ανεβάζει άρθρα με μία απλή σύνδεση στο ίντερνετ. Os'ad-se Admin«tr*o<- >1 τ. ~ 4 - C local hosfjoomla2/index.php/eptkoinwr»a/proswpiko/r«w-anicie Εφβρμονβς O U I ΕΚΠΟΜΠΗ MH_ frpwrvpa*a2 Q M hoyi»» a3 0 MXoyoapux5 W itffcovfxmpurf Q ^ ^ ανβαψ άτ K * 5 Paradise α ρ χ ικ ή υ π η ρ ε σ ίε ς α ξιο θ έα τα κ ρ α τή σ ε ις Milos Island 0 save 0 O cancel Editor Publishing Language Mecaeaca Titte* Alias E d it» insert - View * Format * Tadle - Tools - = <>aragrapn - ie E Η ' Χ, Χ ' Ω 3 Π Γ *κ ) Τ ί 5 7/4/2915 Αυτό το πετύχαμε φτιάχνοντας ένα νέο menu item, το οποίο ανήκει στην κατηγορία προσωπικό. Και οι παραμετροποιήσεις που κάναμε ήταν να επιλέξουμε Create Article σαν menu type, και από την επιλογή Access ρυθμίσαμε ποιο group χρηστών θέλουμε να έχει αυτή την δυνατότητα. 35

37 BOOKING Για την υπηρεσία κρατήσεων επιλέξαμε το Check Front Booking, που είναι μία εξωτερική εφαρμογή διαχείρισης κρατήσεων, την οποία καλούμε μέσα από το site μας, μέσω ενός plugin που παρέχει η ίδια η εφαρμογή. Η παραμετροποίηση και η διαχείρηση των κρατήσεων γίνεται μέσω αυτής της εξωτερικής εφαρμογής, έχοντας δημιουργήσει ένα account της εταιρίας μας. Μέσω αυτού του account θα καλούμε την εφαρμογή μέσα στο site. Πως την καλούμε: Αφού εγκαταστήσαμε το plugin μέσα σε αυτό, τα στοιχεία του account μας. στην Joomla, βάλαμε Categories Parsdree «X ^ 4 Parad se - Admimitresc * ^(71 Affirm μ m i, f C Q tocalhost/joomla2/administrator/index.php?option= com_plugins&view= plugin&layout* edit&extension_id = Εφβρμο>«; O U 1 ΕΚΠΟΜΠΗ UH._ * * 9 J * temlc w nu J * *m I2 Q Wkavyoap* % W αφα Q ^Juoyoe»aT * X Parat*se cf 0 - f l t> Plugin Manager: Checkfront Booking Plugin * J o o m la! ' j 0 Save Plugin Description Checkfront Booking Plugin ΕΞ31BSE''" FoHovi us on Twiner Support Library Fork us on Grthub Check front Joomla Setup Gude Checkfront is an onkne AvaiatsHy Reservation and Booking System Tha plugin integrates a real time booking engme into your Joomla site You get the robust Show fuh description Status Enacted Access Public Ordering Checkfront URL 0 Contact Us Form Plu^nType content PlugmFte checkfront e t v«w S te O v - s tors A o n * '1" 36

38 To plugin το καλέσαμε μέσα από το site σαν περιεχόμενο άρθρου, με την εντολή {checkfront}. <- C localhostjck>mla2/administrator/indexphp?option=com_contentfitview=ar1icle&laytxit=edit8tid=34 1 = Βροομον«Ο ILL ΕΚΠΟΜΠΗΜΗ tem9 * *"ilû»mil & SemU S-^Xoypepval MXov0O»a2 O W***<***ai MlTyrwpual 0 ί^χογοαφχιί W Μ»«ιγθ"*«β Ο %4* *θοψα7 K Pansdsee 0 - S Article Manager: Edit Article Joomlaf P Save 4 Close + Save 4 Ne* Qj Save as Copy aversions Clos H«II ΤΊββ booking Content Putotahmg Images and brfcs Options Configure Ertt S o Category * Edit * insert» Vtew - Format - TaWe» Toots» _ - Uncategonsed ~sr -*a Paran-a '" * J *w - * mm E 3 f ö a <» a - \ * Û Tags t checkfront} S elect som e options Featured Ye» Pubbc Language S. 'C 3 B Μετά, πήγαμε στο menu item κρατήσεις, και ορίσαμε ο τύπος του να είναι Single Article και καλέσαμε το άρθρο. ^ K Pxradse Adminrttradc χ ΤΠ Aginen ψ Qj Categories Paradise-f * il ^ <- C! ' Iocalhost''joomla2/administrator/indexphp?option-com_menus&vtew=itefnedayout=edit&id=107 Si Ci S Eeagpoyec a Ul ΕΚΠΟΜΠΗΜΗ_ &φλΰγοαφία1 Ο β^λλγθββκϊ2 Q &^oyoo^a3 ΐ^γοοφ^ 0 ^Ογοοφια5 W 64*<oy»açi3à Q ί^λογοαφοτ rv MaMue KouÿooMί_» 1 Paradise tí 0. 1 Menu Manager: Edit Menu Item * Joomlaf Save 4 Close + Save 4 Ne» % Save as Copy O Close Menu Title * κ ρ α τή σ ε ις Alias kratiseis Details Options U r* Type Page Display Metadata Module Assignment Menu Item Type * Single Article Menu Location * Mar Menu Select Article ' Κρατήσεις U Select Link index ptip?option=cam conten»4vie Target Window Parent»1 Template Style Use Default r Parent Item Menu Item Root Ordering κρατήσεις Status Pubfcshed Default Page No»» * βνλ β β - 1 Access Public Στο site, όταν πατήσουμε λοιπόν την επιλογή κρατήσεις από το μενού, ανοίγει μία νέα σελίδα στην οποία εμφανίζεται ο μηχανισμός των κρατήσεων (booking). 37

39 Από την σελίδα του Checkfront φτιάξαμε μία κατηγορία για κάθε υπηρεσία που μπορεί να χρειαστεί κράτηση, επιλέγοντας Inventory και Categories. Γ B l! P«fao-^-n- * ^ Î 'lîtrjbc» ^ Γ ~1 kciutn <- C D hnps:/ pafadrsemilos-chedcfroot.com n.?ntory/category/ I U 1 ΘΟΤΟΜΠΗ MM- *m 9 in, temlc te m li 4» «12 W>OYOoao^; ^ W Aoyoenoi Q ß >..oyo»*aj P4**vM»io4 VI Ο Ι^ ο ν Μ β α ' 7 d /«evauunn Upgrade. Vionr,- n you t*0*ee»*crt»»«-, P a r a d i s e - m i l o s 0 Dashboard 9 Calendar Β Booking Custurrers Η Reports, ά InverKory J O Manage A P cco ri Categories V " S New Category β Help 3B Columns Export ID Name Items Weight ^ Status 2 Δ ω μάτιο 1 2 Active 3 Δ ια μ ιρ ισ μ α το 1 3 Active 4 Camping 0 4 Active 5 Α υτοκίνητα 0 5 Active 6 Ποδήλατα 0 6 Active 7 Μ ηχανάκια 0 7 Active 8 Π ίζοττο ρια 0 8 Active 9 Kayak 0 9 Active 10 Κ σ τα δύσ ιις 0 10 Active Total: Vtewl -11 o«11 Μέσα σε κάθε κατηγορία, μπορούμε να ορίσουμε την σειρά εμφάνισης της συγκεκριμένης κατηγορίας, από την επιλογή Weight. Category Category Name Δωμάτια D escription Active W eight 2 Dtsptav weight A higher number w * be displayed first 0 tor default * Enabled Active Active Active Active Active Π*ζοττ< Cancel Update Active Kayak Active Active "co Έ 38

40 Μετά φτιάξαμε items, από την επιλογή Inventory, τα οποία ορίσαμε στις αντίστοιχες κατηγορίες. Γ κ Sa-adiK - a -> -'iradc * Aoyixñ x Y Q ["víntory i 0#r»dse-mii: x"^ f C paradisemilos.chedcfrontxom/inventory/ ^ q ; Εψαομον«Ο Ι^ Ε Κ Γ Ο Μ Π Η Μ Η.»m s ^»mlc *'*'-- Î 4 W«12 WltyoatfiaL.0 W&ay<x»ikia2 O &Φ-ογοβφια3 (4 *-0v0a*3 W ß ^ o y o a M i O HUx>y[»eui' bvekatne Sude 6 rtetac tur T.»or** M dey» e* r r u evau ondoiec»» Upgrade Vepo-. ermr, Paradise-milos Anastasia 1 W Ê Ê Ê Ê Ê Ê m n 1 Dashboard Calendar B Boixung id Costumers 3 Répons, Irrrertcxy O Mauge A Accourt Inventory New nem Category Show Enabled * 3 Θ Help Columns Λ Export SKU Name Pile* Qty Category Allocation Type Weight Bookings Default asterias Ée Αστερίας Ξίνοδοχιια f *9hts item 0 1 H P * ' '! nefel 5 Νεφέλη Δωμάτιά rights item 0 0 santamaría 5 Santa Mana Διαμερίσματα Nghts item 0 0 H F " 1 Τέλος, για κάθε επιλογή που ανοίγει από το μενού υπηρεσίες, φτιάξαμε ένα άρθρο, για να φιλτράρουμε τις επιλογές, και βάλαμε μέσα την εντολή [οίτθοί<ίγοηι 03ίθ90Γγ_ίά= 1 ], όπου ο αριθμός είναι το ίά της κάθε κατηγορίας. Η εφαρμογή, μας δίνει την δυνατότητα να την καλούμε και να ανοίγουμε συγκεκριμένη ή συγκεκριμένες κατηγορίες ανάλογα με το ίά. ψ k Pwad«- Admmisoatic χ ^Γ Π Aoîvtr < - C localhost'joomla2/admim<;trato[/ ndex.php?opt on comj:ontent&vievv article&layout=edit& d^35 Εφαρμον«; l i l ΕΚΠΟΜΠΗ MH.. J ^ o y p a in a ; ^ W>.ayoaç»a2 Q βφλ*γο<**α3 W*u3yoa«eu*i Q β<0λϋ>νραφια5 Vf O W *oyo«pio6 O WAiovP * *7 κ &ψλ.ογοοφ^ι3 0 M a lta Κουβαοια U H Paradise a O - ÄÙ Ξ A rtic le M a n a g e r: E d it A rtic le T J o o m l a! ' 1 V Save & Close Save A Me«ijj Save as Copy Aversions O Close Heip Tele ξενοδοχεία Ahas book 1 Content Publishing Images and links Options Configure Edrt Screen Permissions Et» - insert - view - Format - Table - Toots - B / ( / S F?? 1 Paragraph - Ξ E Category Uncategonsed ' m m <? ο a θ - [checkfronc catbgoryjd- ' Π *, V Ω Tags Select some options Status Featured Ym Pubfcc 39

41 ΛΟΓΟΤΥΠΟ Επίσης, πάνω αριστερά στην αρχική σελίδα του site, βλέπουμε το λογότυπο της εταιρίας. Για να το επεξεργαστούμε, μπήκαμε στο Template Manager, και επιλέξαμε το template που έχει η σελίδα μας. Από την επιλογή Logo Configuration Parameters, κάναμε τις τροποποιήσεις που θέλαμε, όπως το σλόγκαν, το μέγεθος του, το χρώμα του, κ.α. ^ C D k)calhost/joornla2/ddmimistr dtut/index.php option -com_templates&view - style&layout=edit&id ~ 9 = H ParatfeetJ 0 - H Template Manager Edit Style * J o o m la f I * Save & Close Save as Copy O Close s ^ ie Name AS002065Free - Default Details General Configuration Parameters Logo Configuration Parameter Sidebars Conhguabon Parameters Template Features Menus assignment Logo size (in columns) Logo Type Image Text Logo Image Logo Text Paradise Logo Font Family Tahorna, Geneva sans-senf * Logo Font Size (px) 46 Logo Font Style * 40

42 ΦΩΤΟΓΡΑΦΙΕΣ Για την παρουσίαση των φωτογραφιών μας στο site, εγκαταστήσαμε ένα module, το Art Slider. Αυτό που κάνει το συγκεκριμένο module είναι να παρουσιάζει φωτογραφίες και κείμενα, από άρθρα συγκεκριμένης κατηγορίας. Οπότε δημιουργήσαμε μία νέα κατηγορία και μέσα φτιάξαμε άρθρα. Μέσα στα άρθα βάλαμε και κείμενο, το οποίο εμφανίζεται επάνω στις φωτογραφίες που εναλλάσσονται στην αρχική σελίδα του site. Λίγο παρακάτω στο site, υπάρχουν 3 στρογγυλές φωτογραφίες με τίτλο, τις οποίες, αν επιλέξει ο επισκέπτης, του εμφανίζεται το αντίστοιχο άρθρο. Για να γίνει αυτό, φτιάξαμε 3 νέα modules τύπου Article-newsflash. Κάθε ένα από αυτά τα modules εμφανίζει το περιεχόμενο(άρθρα) μιας συγκεκριμένης κατηγορίας. Οπότε δημιουργήσαμε 3 κατηγορίες, με ένα άρθρο η κάθε μία, και τις αναθέσαμε στα αντίστοιχα modules. Σε αυτές τις θέσεις επιλέξαμε να βάλουμε άρθρα με φωτογραφίες που θέλαμε να τραβήξουν την προσοχή του επισκέπτη. Δείχνουν τι μπορεί να κάνει κάποιος που θα αποφασίσει να επισκεφθεί την Μήλο. Γιατί αν δεν αρέσει στον επισκέπτη ο προορισμός του, δεν θα μπει στον κόπο να έρθει, και έτσι η εταιρία μας δεν θα μπορέσει να του προσφέρει καμία υπηρεσία, και δεν θα έχει κέρδος. Όταν κάποιος πατήσει σε αυτές τις φωτογραφίες, για να μην ανοίγει το περιεχόμενό τους στην αρχική σελίδα, αλλά σε μία καινούρια, φτιάξαμε ένα δεύτερο μενού και το ονομάσαμε hidden, δηλαδή κρυφό μενού. (Menus, Menu Manager και Add New Menu). Φτιάξαμε 3 menu items τύπου Category Articles, και σε κάθε ένα από αυτά ορίσαμε κατηγορία, την αντίστοιχη κατηγορία (newflashl, newflash2, newflash3) που περιέχει τα articles (paradisel, paradise2, paradise3) που χρησιμοποιούν τα newflash modules. 41

43 r» p«r*d«e - Adm«mejbc * Ε*ορμον«ς a u i «ΠΟΜΠΗ MH... P*M-oyoot»a; ^ Μλ,ον<Μ»α2 Q Βψλ,ογοα*^ hftkioypaeu»* 0 ρφλονοοφοί «&#>oyooe«ï6 Q nç ρφλ^ροψ,αβ Mow*» Ouflooo (_» * Paratfcsr-14 O - :s Menu Manager: Edit Menu Item * J o o m l a f 1 3 V Save & Close + Save Me* OiSaveasCopy O Close Help Menu Tide * p1 Alias p i Details Category Blog Layout Opbons Integration Link Type Page Display Metadata Modiie Assignment Menu Item Type * Category Articles Menu Location Choose a category * ne*flash1 leden menu Parent item Γ Link index php, option=com_content&vie Menu Item Root Target '.Vmdo* Parer«Template Style - Use Default - Ordenng jrt - Status B H H i o ο ο - Μετά, φτιάξαμε ένα καινούριο module τύπου Menu, και από την επιλογή Select Menu, το ορίσαμε στο hidden menu. Δεν του δώσαμε position γιατί δεν θέλουμε να εμφανίζεται. ψ Ü Parad*«Adm «ietr*óc χ ' Λ [Ζ 3 Β! f - C L Iocalhostí joomla2/adm nistrator/indexphp?option=com_modules&view=module&layout=edit&id=101 «e Εφβρμονα; O U 1 «ΠΟΜΠΗ MH_ ^λ<ονραφια: O W *ovo p»a; Q ^ o y iw.a 3 -^L oyo o * : 0 0<0Xu>ypa«ux5 V. & >.Oyoo«a6 Q W **>yoa»a7 r>r MoXUo Kou**M3. H P a ra A s e e 0 - ί ΐ Module Manager: Module Menu * Joomlaf * Save & Cióse + Save 4 Ne * Oí Save as Copy O Close rute hidden module Module Menu Assignment Module Permissions Advanced Menu E 3 This module displays a menu cm the frort end Sho* Tide Position Shew Select Menu Base Item luden menu Current Type or Select a Position Status Published Start Level 1 Start Publishing End Le/el A«Sho* Submenu Items No Fnsh PubhsNng Access S ^ 1* ijjf ^ *ο "ΕΓΈ 42

44 ΠΛΑΙΣΙΟ WELCOME Θέλαμε να γράψουμε ένα μήνυμα καλώς ορίσματος καθώς και μία προεπισκόπηση των υπηρεσιών που προσφέρει η εταιρία, στην Αρχική σελίδα. Έτσι φτιάξαμε ένα νέο module τύπου Custon HTML. Του δώσαμε τίτλο, και στο πλαίσιο, γράψαμε το μήνυμα που θέλαμε. Αν πάμε στο source code, μπορούμε να δούμε τον κώδικά του. < - C localhost oomla2/administrator/indexphp?option=com_modules&view=module&layout=editetid-95 φ s S:" εφαρμογές O U l ΕΚΠΟΜΠΗ ΜΗ... te -9 J * temlo temll J4 wn!2 fcfraeyocvpa: δφλογοαφ»α2 Q βι^λογραιρώ β«λ*νραφμ>4 0 β^λιογραφιαδ W WAoypaeuié Ο Η > **ιθθψ α7» H Paradise d 0 - f t Module Manager Module Custom HTML * J o o m l a f v Save 4 Close + Save S Ne«Ώ Save as Copy O Close O Hep Title welcome Module Menu Assignment Module Permissions Options Advanced Custom HTML E3 Ths Module allows you to create your o* Module using a WYSIWYG edtor Show Titte Ed* - insert - View -» Table - Tools» b I u s w * m! 1 - Ξ E mm s o saç^ x, x1ω Καλώς ορίσατε στο Paradise γ«vo κάνετε ης διακοπές σας στην Μήλο παροδ«τέν*ς Η Μήλος είναι ενός προορισμός κατάλληλος για η ς καλοκαιρινές σας διακοπές είτε ερβετε με την οικογένεια σας είτε με κάποιον φίλο. Για αυτό και η εταιρία μας σας προσφέρει την δυνατότητα να οργανώσετε στην εντέλεια τις διακοπές σας πριν καν ερβετε. φροντίζοντας γ*α την διαμονή, ης μετακινήσεις σας. αλλά και ενημερώνοντας σας για πράγματα που μπορείτε να κάνετε και να δείτε ερχόμενοι στο νησί. Πκ> συγκεκριμένα λοιπόν, σος προσφέρουμε ης παρακάτω υπηρεσίες: No iièvcre κράτηση στο κατάλλυμα της εηλονήςαος Να ενημερωθείτε ηα άλες ης υηάρχουσες προ«*ορέε στο νησί No κλείσετε κότκχο μέσο υετοφοράς της ετηαονής σος το οηοέ> μπορεί να αοςπερκιένει στον τόπο npor^acuurtcooc 43

45 ΚΛΕΙΣΙΜΟ ΣΕΛΙΔΑΣ Στοιχεία επικοινωνίας: Το σημείο αυτό είναι το κλείσιμο της αρχικής σελίδας, δηλαδή το γκρι πλαίσιο κάτω-κάτω. Φτιάξαμε ένα module τύπου Custom HTML, και γράψαμε το κείμενο που θέλαμε να εμφανίζεται στο κάτω μέρος της σελίδας αριστερά. Δηλαδή τα στοιχεία της εταιρίας, την διεύθυνση, τα τηλέφωνά μας, καθώς και τις ηλεκτρονικές μας διευθύνσεις. C _ localhost/joomla2/administrator/inriex.php?option-rom_module :. vie'.v=modiile& layout-edit1^id-96 H Εφαρμονκ O UI ΕΚΠΟΜΠΗMH- ttm9 temlo ternll J* temu β>$λιον<χ μα1 ^ 3ψλιον«*#ια2 Ο W* >VP P i 0t I<oypa«iaS WWXaxyoepvrf O W*-»VOo*ia7 Μ l arad&ee 0 f t Module Manager: Module Custom HTML * Joomlaf H Save &Close + Save &Ne«'à Save as Copy O Close h* p Title Στοιχεία επικοινωνίας Module Menu Assignment Module Permissions Options Advanced Custom HTML E3 This Module allows you to create your own H IM. Module using a WYSIWYG edtor Finish Publishing s Access T m W 44

46 Χρήσιμα links: Το δεύτερο κομμάτι στο κλείσιμο της σελίδας, έχει να κάνει με κάποια links, που ίσως βρει χρήσιμα ο επισκέπτης. Τέτοια μπορεί να είναι links για την πρόγνωση του καιρού, για τα δρομολόγια των πλοίων, κ.α. Πήγαμε στο Componets και επιλέξαμε Weblinks. Από την επιλογή Categories στα αριστερά, φτιάξαμε μία νέα κατηγορία. Puadse - Arknimstradc * < - C localhost -coni_weblinks i = V έφοομον«1u»πομπη * * % a MR. Ο WX.oyoa««i2 Q ϋψχογο.o * a 3 Μ > «* οαφ W /τ,οαφ,αά Ο ης frffaoyoαψαλ MaiMO K a ja a a U X System» Users - Menus Content * Components» F»tensions - Help» Paradsetf 0. tm Category Manager Weblinks Ί Joomlaf * / Publish O unputten a ArtMve H Check* Ϊ Trash I. Barn f'reouiia Hsc O Cotons Web Links Search loots» Clear S * Q Status TMe i ^ Uncalegonsed i«tu iffcaugaacdi I V χρήσιμο tanks ium : iru n M n i Ordering ascenckrg * 20 * Access Language ID oiihk U 6 eueic m 30 ν ' Μετά, από την επιλογή Web Links στα αριστερά, δημιουργήσαμε αντίστοιχα άρθρα και τα ορίσαμε σε αυτή την κατηγορία. Συμπληρώσαμε τον τίτλο, το alias, και την URL διεύθυνση. 45

47 r s Paradse - Admritttrabc- < - C localhos 5 Εφαρμo y K O U I ΒΟΤΟΜΠΗ ΜΗ. ^φλ^νοαφια; _0 WAey*Mpo2 Q frflinypbguü BiM^Vpa*u>4 9 ß4Aovo<*pta5 W ^eyoasxoé Q ρψλλγοβρ.a? ης B MaAfeo Koußopu» U» a Paradise t* 0 - c? Web Links Manager: Web Link * Joomla!' / Save i Cióse + Save & Nee h Save as Copy aversions Ocoee neip nee * δ ρ ο μ ο λ ό γ ια Atos ctomokxja Ed* Web U r* Images Pubhstsng Options URL ' Caiegay http ;/www openseas gr -χρήσιμο M s V Oescnpbon Tags Ed*» insert - view * F orm at» Table * Tools w Select some options B / U S S = he B Paragraph - = E a / β Β ο - Β ' Χ, Χ ' Ω Puto* L a n ^jjg Vernon Note β * β - *Ef W Μετά φτιάξαμε ένα νέο module τυπου Weblinks και ορίσαμε ως κατηγορία, την κατηγορία που φτιάξαμε προηγουμένως, έτσι ώστε να εμφανίζει το περιεχόμενο αυτής της κατηγορίας. fu»»* ^ C localhost ^m_modüles&\ - < φ ϊ b w o v «θ ω «Π Ο Μ Π Η Μ Η _ ß^uoypa»;.0 Ο W *- yoa#o3 0 W ^ L a í W WÂoyp*p«6 O 6ψλονοα*«ι7 M boyoaeal f l MoMai Koufraaa U H : tí 0 - I» Module Manager Module Weblinks * Joomla!'»r S îv s i C ose + Save A Ne* ^ Save as Copy Ocióse rule χρήσιμα links Modiie Menu Assignment Module Permissions A^anced Weblinks E3 This modules dspia, s Λ-ebfinks from a category defined m the Wefafenks component Show Tide Pos*on as-poeiban-30 Category * χροσιμα links» Status C oat Ordering S Tide Stan Publishing Direction Ascending * Fnsh Publishing Target Window Open m parent window * FcBowfNo FoUft.v r F elo *, 7] Access I T 46

48 Newsletter: Πρόκειται για μία υπηρεσία η οποία ενημερώνει τους εγγεγραμένους επισκέπτες για διάφορα καινούρια πράγματα που δημοσιεύουμε ή κάνουμε ή πρόκειται να κάνουμε. Αρχικά, κατεβάσαμε το module AcyMailing. Το παραμετροποιήσαμε βάση των οδηγιών και του ορίσαμε position. Η διαχείρηση αυτού του αντικειμένου γίνεται μέσα από το Componets, επιλέγοντας το AcyMailing. < C... Io c a lh o s t'jo o m la 2 'jd m in i5tra to r in o.>. p h p 'o p tio n - com _acym ailing8tctri-n e w sle tte r» 4 εφαομον«b u x ΕΚΠΟΜΠΗ ΜΗ.. MAoypagia:. O M > e y <Μ»α2 Ο 4»*>γοα*Λ3 S *o>oe*u» ; 0 ^ ^ v o a v ia S V *βλ«*ρα«**6 Ο βιβαιονο«ρ«α7 <K 3 λ.ονοο»*α8 ΜαλΝαΚουβαοαί- Μ System - Users * Menus - Corient - Components * Γ»tensions - Help Par**se tf O - Newsletters ^Joomla!' a Previe«/ Send K E d t XDelete C*Copy Help Dashooara» U sers ' Ε Newsletters * Queue < Statistics'' 4* Configuration' Q. X * u Subject Send Date No record fbuxl 20 * Αναμονή yto avrpwo υπολογιστή loci Έπειτα ο διαχειριστής, φτιάχνοντας ένα νέο Newsletter, από την αντίστοιχη επιλογή (φώτο πάνω), μπορεί να τους στείλει μαζικά . C locajhost : jomla2/administrator/index.php?option=com_acymaiiing&ctrl=newsletter ft φ 3 Εφαρμον««; B U 1 ΚΠΟΜΠΗ ΜΗ... βιβλιογραφία! ^ioyo«p<a2 Q βιβλογραιρια3 e^oypabpma 0 β^>.^νοαψαι5 W βφ-ογοαφιαδ Q &4*v}ype*»a7 nr β^λογοοφυιβ B ΜαλΝα Κουβάρια * K Patacfct- a 0 * Newsletter * J o o r n l a f '«n o ta te % rags % Replace Tags Q P re v ie / Sena ν 'Save A Close Subject Published Usts Attachments Sender Information Metadata Alias Visible Tht' nbnad Ετηλογη opxciou m k tfirp x κανένα opycio Summary This descnphon wilt (tsplayed m the archive zone be Send HTML Version Created Date No f 20 March The Newsletter wdl be sent to the fallowing selected lists List Nam Recipient HTML Version $5 Bjource P ffl a \ b i «s x, x* r, * Q s :: -* s z & m Styles Format - Font - See * 47

49 Social media: Εγκαταστήσαμε το module Social Media Icon Links και κάναμε τις απαραίτητες τροποποιήσεις, όπως το να συμπληρώσουμε τις URL διευθύνσεις και να επιλέξουμε το αντίστοιχο εικονίδιο που θα εμφανίζεται. ψ { 4 Ρ«Ί * * - Adnumiwec χ ^ C L localhost/joomla2/administrdtor/index.php?option=com_modules&view=module&layout=edit& id=103 Efociicvtc O 1 U «ΠΟΜΠΗ MH... W ^ o o ^ a. ^ Q βφλ^οα»α3 $ f r f K o W O frp tfv M w a T K fcp u jyo o ^a i 0 MaMuo Kou^ k m U = P a ra d e e ä O - * Save A Close + Save 4 Ne* IJj Sm as Copy O Close Social Media Icons Choose Icon -Use Defaultfacebook png * URL https //ewer facebook com/pages/l Choose Icon twitter png URL www twitter com Choose Icon googtepng URL www google com Choose Icon -U m Default - URL Choose Icon 48

50 ΕΠΙΛΟΓΗ ΑΞΙΟΘΕΑΤΑ Ας πάμε στο μενού, στην επιλογή αξιοθέατα για να περιγράφουμε τα βήματα που ακολουθήσαμε για το αποτέλεσμα της εικόνας του site. Φτιάξαμε μία κατηγορία για κάθε επιλογή του μενού, και βάλαμε μέσα articles, που αφορούν αυτές τις κατηγορίες, και τα εμφανίσαμε πηγαίνοντας στο αντίστοιχο menu ίίβπι(τύπου Category blog). Για παράδειγμα, έστω ότι έχουμε ένα article, που το ονομάσαμε Σαρακίνικο, και το ορίσαμε να ανήκει στην κατηγορία Παραλίες. Προσθέσαμε το κείμενο και κάναμε κλικ στην επιλογή Read more, κάτω, ώστε εκεί που είχαμε αφήσει τον κέρσορα να εμφανιστεί μία κόκκινη διαχωριστική γραμμή, που στην ιστοσελίδα θα φαίνεται μόνο ότι είναι πάνω από αυτή. Για να διαβάσει κάποιος το κείμενο που βρίσκεται κάτω από την γραμμή, θα πρέπει να πατήσει read more. Προσθέσαμε επίσης και τις φωτογραφίες. C Io c a lh o s tjo o m la 2 /a d m in is tra to r/in d e x p h p?o p tio n ^ c o m c o n te n t& v ie w ^ a rtic le &la y o u t-e d it& id -3 1 Ξ Εφοομον«Ο 1U «ΠΟΜΠΗ ΜΗ.. t*m9 t* 10» m il»ml2 βφλογοβφα: ^ &ßtoy0a<pia2 Q 5ψλθν<χκ*α3 βλχονοαφταα % βφλ.ογοαφια5 W Q Μλογοβ«*α7» a Paradise ef 0» 1 S Article Manager: Edit Article Ί Joomlaf J «/Save A Close + Save & N»e 03 Save as Copy Aversions Close H ep T itle ΣΑΡΑΚΙΝΙΚΟ Afa* sanknko Content Pubfcshng Images and fcnks Options Configixe Edit Screen Permissions Categorv - παραλας T «* Select some options Status Pubtehed Access Pubbc Έτσι, γεμίσαμε με κείμενα και εικόνες όλη την επιλογή Αξιοθέατα. 49

51 ΕΠΙΛΟΓΗ ΕΠΙΚΟΙΝΩΝΙΑ Κάνοντας κλικ στην επιλογή Επικοινωνία, μας ανοίγονται δύο υπομενού, το φόρμα επικοινωνίας και το προσωπικό. Θα δούμε πρώτα πως φτιάξαμε την φόρμα επικοινωνίας. To Contact Form όπως λέγεται, είναι ένα plugin το οποίο εγκαταστήσαμε. Αρχικά, φτιάξαμε μία νέα κατηγορία, και έπειτα ένα article, όπου μέσα γράψαμε την εντολή {contactus mailto=anastasiamar#hotmail.com} για να το καλέσουμε. Î 4 - Aekruntsträäc X T QoOuO Π «,/vhk 4 * C localhost oom lai adm i Stator.index pnp?opticn-com _:ontent8iv e.v=aride&lav out=edit& d=33 cpecucv«e U lê m O M n t-u H - ^ senic *< n ii Ο ί*λ.ο νοα α 2 O 0 W**YP«*»a5 W 5Û ^ Article Manager Edit Article Source code Pararfcs. r t O - f Joomla! o.. -o -. r s; co *0 C a n c e l Lan p a je Δημιουργήσαμε επίσης ένα άρθρο με λίγα λόγια για εμάς, το οποίο βάλαμε στην ίδια κατηγορία. Και τα δύο άρθρα τα καλέσαμε μέσα από το menu item Φόρμα επικοινωνίας (τύπου Category articles) 50

52 fs»aradrs«- Administrer*: x T Λ3».'-η *X3ÊÊÊÊÊKr~~WŒr-- 1 < - C D localhostjoomla2/administrator/îndex.php?option=coiti_menus&viev»-iterti&layout=edit&id=127 Si? Εφβρμονβ: O 1U ΕΚΠΟΜΠΗ ΜΗ.. (* λ*ογραφ«>: ν'ριρ>.λγθββιβ2 Ο δφλ ογοα«λα3 βιόλιογ(>α*ια5 W» βφλλνοβφιαδ Q rv. ΙιίίλΛ, oomaâ H Μαλλω ΚουββΛΟ U H Parade.* ti O * :Ξ Menu Manager: Edit Menu Item * J o o m la! ν ' Save & Close + Save 4 Ne* 05 Save as Copy O Close Menu Tine φόρμα επικοινωνίας Alias tom» Details Category Blog Layout Options Integration Link Type Page Display Metadata Module Assignment Menu Item Type' Menu Location * Choose a category * φόρμα ιπικοινωνίας * Patent item Link index php'joption=com_content&vie επικοινωνία Target Window Parert» Ordering φόρμα επικοινωνίας Template Style - Use Default - Default Page v- HD O Lot Η Π Έ ~ e m m * v t j. i. < Η φόρμα επικοινωνίας είναι ένα χρήσιμο εργαλείο το οποίο προσθέσαμε για να μπορεί ο επισκέπτης να επικοινωνεί μαζί μας.όσον αφορά την δεύτερη επιλογή του υπομενού( προσωπικό ), είναι ένα module που δημιουργήσαμε, τύπου Login. Του ορίσαμε θέση, και από το Menu Assignment του είπαμε που ακριβώς να εμφανίζεται. Μετά, φτιάξαμε ένα άρθρο που μιλάει για το προσωπικό της εταιρίας, το οποίο εμφανίζεται δίπλα στην σύνδεση χρηστών, και το οποίο το καλέσαμε μέσα από το αντίστοιχο menu ίΐθπι(τύπου Single Article). fä* Τα < C D localhost'joomla2/administrator/index.php?option=com_menus&view=item&layout=edit&id = L28 Εναρμονκ O 111 ΕΚΠΟΜΠΗ ΜΗ. W W x x ^ a l ^ W A oyoc^a2 Q W * e y»» e 3 frpàioytxxpu* Vf W k«ym *<i6 Q *M*>yoe«*a7 ης 6$>.«jyo *aâ B MaUaa Koußaoia... &Ù = a.v a 0 - H :s Menu Manager: Edit Menu Item * Joomla! 11 Ahas pn»«p*o Details Options ünk Type Page Display Metadata Module Assignment Menu Item Type Single Artete Menu Location Mam Menu Select Article * To προσωπικό μας Seteet 0 EdB Parent Item ü r * index php9option=com contert&vw - επικοινωνία * Target Windo* Parert Ordering προσωπικό» Template Style - Use Default - Default Page Access o o -ok x: Έ r i rnmn] Ψ "

53 Πως (ρτιάγνουυε Users: Αποφασίσαμε να δώσουμε στο site την δυνατότητα να έχει users, γιατί η εταιρία μπορεί να έχει συνεργάτες, ή να απασχολεί κάποιους εργαζόμενους. Έτσι ο καθένας από αυτούς, θα μπορεί να εισάγει το username και το password του για να μπει και να κάνει όποιες αλλαγές του επιτρέπονται. Ο απλός επισκέπτης δεν θα μπορεί να εγγράφει, για αυτό έχουμε απενεργοποιήσει την επιλογή αυτή. Πήγαμε στο System, Global Configuration, επιλέξαμε User Manager από την στήλη στα αριστερά, και φροντίσαμε η επιλογή Allow User Registration να είναι απενεργοποι η μένη. Μ J4'20 - HdTinistraio * ΑοΤ*Π c Q Iocalhost/joomla2/administrator/index.php?option=com_config8fview=component8icomponent=com_users & S Εφαομον«Q 111 ΕΚΠΟΜΠΗ MH~ {κβλιονραφαί νλ ^>oyocepia2 Ο ($<$λ*θγραί>α3 ΐ4& νοοπριβ4 0 βφλαγραφιαί W (^ ϊγοαφ αί Q βφογοαφιατ βφλιβγοοφιαβ 0 ΜαλΑιο ΚουίβΛβ (_» a Paradsed 0» Η S3 Users Configuration 'TJoomtaf I * / Save & Close O Cancel SYSTEM Global Configuration Component User Notes Hstory Mass Marl Permissions component Yes Ac y Mailing Akeeba Backup New User Registration Gnoif» - Regstered Banners Cache Manager Check-in Contacts Guest User Group - Guest * j Send Password H R H No Articles Smart Search New User Account Actuation Self Installation Manager Joomla1Update Notification Mail to Administrators Yes Language Manager Media Manager Menus Manager Captcha - Use Default - Frantend User Parameters Messaging Module Manager Nerrs feeds Frartend Language Show Για να φτιάξουμε έναν καινούριο User, πήγαμε στην επιλογή Users από το μενού, User Manager, Add New User, και όντας στην επιλογή Account βί3ϊΐ3 συμπληρώσαμε τα στοιχεία του. 52

54 C D tecalhosfjoomla2/administrator/index.php?option=com_users&view=user&layout=edit&id=340 ra Ξ BfOWtytc; O H I ΕΚΠΟΜΠΗ MH. ^ o y p a ^ o l Ο ίψλογρβρκώ Ö ^ «y o a» a 3 S^X^ypap^i 0 ßi^oypavtaS W WXoywptaé Q M»»» *««7 «< β^λ-ογοοφυώ g MaMua Κουβοοια(_» a Paradeeef 0 - JL User Manager Edit User i f J o o m l a f K B i Save & Close + Save &Ne* fratzeska Account Detads Assigned User Groups Basic Selbngs Name' fratzeska Login Name" fratzeska Password Confirm Password liofutomriosqhotmail com Registration Date Last Visit Dale Last Reset Date 0 Θ 1 \C S V «» Q IS<I > E3 ^ v - - >- i * Ύστερα, από την επιλογή Assigned User Groups,ορίσαμε σε ποιο User Group θα ανήκει, δηλαδή τι δικαιώματα θα έχει. Εμείς τον ορίσαμε σαν Manager. < C? Û Iocalhostyjoomla2/ddministrator/indexphp?optbn=com_users&view=user&layout=edit&iri= {40 f t φ = Êpeopoytc O H I ΒΟΤΟΜΠΗ MH- ^yuoycwajkol ß<Hwypa»«2 ( j S4*«Jy Wo3 &βλλνθβφΐβί 0 ΜλΛνρβ*ιβ5 W &0λΛ»οβο«β6 Q 0i XioyM«ia7 ne ^pxioyooeias B MoWuo Koufoeo U» a Paradrse Ef O * JL User Manager: Edit User * J o o m l a f V Save 4 Cu m f 3m IN m ο ο μ how fratzeska Account Details Assigned User Groups Basic Settings 0 Public Registered U l -f-a u th o r Ο O -Q - 1 h m e g la J fii *0(9 - «53

55 Αν θέλουμε να δούμε τι δικαιώματα έχει ο συγκεκριμένος User, θα πάμε πίσω στο Global Configuration, στο User Manager και θα μπούμε στην επιλογή Permissions. Θα επιλέξουμε τον τίτλο που του έχουμε δώσει, δηλαδή Manager, και θα μας δείξει με πράσινο χρώμα τι επιτρέπεται να κάνει. ψ~j * Parad*«- Adrwiiïtraùc * T Q C localhostùoomla2/administrator/indejlphp?option-com_configfiiview=componente<componem=com.users an o» rih M H _ ο p^ - ox» * u>î 0 *M-oy«*e«5 MA^yea*ua6 Ο ^Λγο 9«ιΤ ος β φ λ Λ τοο ^ Β MoUtt ftou»<xm> U Γ* 1 Users Configuration J o o m la! I = 1 ν Save & dose O Cancel Help system Global Configuration COMPONENT AcvMailtng Akeeba Backup Banners Cache Manager C heck-in Component User Notes ttstory Mass Mail Permissions D e fa lt permissions used for all contort in (ha component C ontacts A rticles Sm art Search In stalla tio n Manager Joom lal Update Language Manager M edia M anager Menus M anager M essaging M odule Manager News feeds Publia her -S u p e ru se rs -» * < 1Λ17*» Στην συγκεκριμένη περίπτωση, μπορεί να δημιουργεί, να τροποποιεί και να διαγράφει άρθρα. 54