Συστήματα Διαχείρισης Περιεχομένου στον Παγκόσμιο Ιστό Διάλεξη #8 η : Joomla!: Εφαρμογές (components),φόρμες επικοινωνίας, δικαιώματα και διαχείριση χρηστών, εφαρμογή νέων προτύπων (templates) Γαβαλάς Δαμιανός dgavalas@aegean.gr Τι είναι μια Joomla! εφαρμογή (component) Τα Joomla! Components αποτελούν βασικά στοιχεία της λειτουργικότητας του Joomla! Το Joomla! έρχεται με κάποια βασικά joomla components π.χ., πανό (banners), φόρμες επικοινωνίας (contacts), ροές ειδήσεων (news feeds), web συνδέσμους (links) Μπορείτε να χρησιμοποιήσετε και εφαρμογές τρίτων (3rd party joomla components) που αναπτύσσονται από τα μέλη της Joomla! Κοινότητας κάποια διατίθενται δωρεάν και κάποια πωλούνται Το πιο συχνά χρησιμοποιούμενο, είναι η εφαρμογή περιεχομένου (content component) Χρησιμοποιείται για τη δημιουργία, διαχείριση και κατηγοριοποίηση άρθρων 1
Content component Θέλουμε να αλλάξουμε την προκαθορισμένη διάταξη που ορίζει το content component στο front page Παρατηρήστε ότι το άρθρο «About Fresh and Local» εκτείνεται σε όλο το διαθέσιμο πλάτος ενώ τα επόμενα άρθρα (το «About John and Meredith») εμφανίζονται σε στήλες. Επεξεργαστείτε το home page (από το main menu) ώστε όλα τα άρθρα στην αρχική σελίδα καταλαμβάνουν το πλήρες διαθέσιμο πλάτος οθόνης Αν το «John and Meredith» δεν καταλαμβάνει το πλήρες διαθέσιμο πλάτος, επεξεργαστείτε το αντίστοιχο άρθρο για να αναζητήσετε την αιτία Φόρμες επικοινωνίας (contact) Θέλουμε να δώσουμε στους επισκέπτες του site έναν τρόπο να επικοινωνούν με τους administrators Αρχικά, πριν δημιουργήσουμε τη φόρμα επικοινωνίας, θα πρέπει να δημιουργήσουμε μια κατηγορία επαφών (με τίτλο Management ) στην οποία θα εντάξουμε αργότερα τη νέα φόρμα Components > Contacts > Categories Στη συνέχεια δημιουργήστε μια νέα φόρμα με όνομα το δικό σας όνομα που να ανήκει σε αυτή την κατηγορία Συνδέστε τη φόρμα με τον administrator (ώστε τα αυτοματοποιημένα emails να στέλνονται στην email διεύθυνσή του) και αποθηκεύστε τις ρυθμίσεις της φόρμας Προσθέστε στο main menu ένα link ( Contact Us ) προς αυτή τη φόρμα (να εμφανιστεί πάνω από το separator) 2
Φόρμες επικοινωνίας (συνέχεια) Τροποποιήστε τη φόρμα ώστε σε αυτή να εμφανίζονται τα όνομα, email διεύθυνση και η πόλη/χώρα κατοικίας του administrator (η δική σας) Προσπαθήστε να συμπληρώσετε τη φόρμα επικοινωνίας ώστε να αποστείλετε ένα email Σε περίπτωση που συναντήσετε πρόβλημα, αναζητήστε στο web μια λύση για να το διορθώσετε Online ψηφοφορίες (polls) Οι online ψηφοφορίες είναι ένα ενδιαφέρον τρόπος για να προσθέσετε αλληλεπιδραστικότητα στο website σας Προσθέστε μια ψηφοφορία στην οποία οι επισκέπτες να δηλώνουν από που αγοράζουν λαχανικά: Τίτλος: Where do you buy your vegetables? Να μην μπορεί κανείς να ψηφίζει περισσότερες από μία φορά το 24ωρο Επιλογές: γς Supermarket, Producers Stand, Farmers market, I grow my own Το poll δε θα εμφανιστεί αν δε δημιουργήσετε ένα νέο module (με τίτλο Quick vote ) που να το ενσωματώνει και να εμφανίζεται στα δεξιά της σελίδας 3
Δημιουργία μηχανισμού αναζήτησης (search) Θέλουμε να δημιουργήσουμε ένα μηχανισμό αναζήτησης περιεχομένου σε άρθρα του site μας Δημιουργήστε ένα νέο, κατάλληλου τύπου, menu item στο main menu Τίτλος: Search this site Να εμφανίζεται πάνω από το separator Δοκιμάστε κατά πόσο ο μηχανισμός λειτουργεί (π.χ. αναζητήστε μόνο άρθρα που περιέχουν τη λέξη κλειδί pears ) Τροποποιήστε την εμφάνιση της αναζήτησης ώστε να μην εμφανίζονται τα Use Search Areas φίλτρα Ρυθμίστε το Search Component ώστε να μπορούμε να συλλέγουμε στατιστικά στοιχεία σχετικά με τις αναζητήσεις που πραγματοποιούν οι επισκέπτες Κάντε μερικές αναζητήσεις και αναζητήστε τα στατιστικά Δημιουργήστε ένα νέο module Search που να ενσωματώνει το μηχανισμό αναζήτησης και να εμφανίζεται στην κορυφή Δημιουργία χρηστών Δημιουργήστε έναν νέο χρήστη με όνομα Bob Smith, email: bsmith@joomla.org, username/password: bsmith/bsmith Δοκιμάστε να κάνετε login με τα στοιχεία χρήστη που ορίσατε Δοκιμάστε να δημιουργήστε ένα νέο λογαριασμό χρήστη (user account) όχι από τα back end αλλά από το frontend (επιλογή Create an account ) στο Login module 4
Δικαιώματα χρηστών Front end User Groups Registered: αφορά στους χρήστες που έχουν ολοκληρώσει τη διαδικασία εγγραφής (registration) Μπορούν να κάνουν login στο site, να δουν όλο το περιεχόμενο που έχει χαρακτηριστεί Registered Access (πέραν εκείνου που έχει χαρακτηριστεί Public Access Μπορούν να διαμορφώσουν το προφίλ τους (User Profile), να στείλουν (submit) ένα a Web Link, να δουν/βαθμολογήσουν περιεχόμενο Registered Author: έχουν όλα τα δικαιώματα των Registered χρηστών και επιπλέον μπορούν να δημιουργήσουν νέα στοιχεία περιεχομένου (Content Items) για το front end τα οποία όμως πρέπει να εγκριθούν για να δημοσιευθούν. Επίσης, ένας Author δεν έχει τη δυνατότητα να επεξεργαστεί περιεχόμενο που έχει ήδη στείλει (submit) Πρέπει να προστεθεί ένα νέο Menu Item link στα μενού του website για να επιτρέψει στους Author να προσπελάσουν αυτή τη λειτουργία Δικαιώματα χρηστών Front end User Groups (συνέχεια) Editor: έχουν όλα τα δικαιώματα των Author και επιπλέον τη δυνατότητα να επεξεργάζονται όλη τα δημοσιευμένα ( published ) στοιχεία περιεχομένου για το front end του site, αλλά και να ανασκοπούν και επεξεργάζονται (όπου είναι απαραίτητο) στοιχεία περιεχομένου που πρέπει να δημοσιευθούν (επίσης απαιτείται έγκριση για δημοσίευση) Πρέπει να προστεθεί ένα νέο Menu Item link στα μενού του website για να επιτρέψει στους Editor να προσπελάσουν μη δημοσιευμένα στοιχεία περιεχομένου Publisher: έχουν όλα τα δικαιώματα των Editor και επιπλέον τη δυνατότητα να δημοσιεύουν στοιχεία περιεχομένου στο Front end του site. Επιπλέον να καθιστούν μη δημοσιευμένο, υλικό που είναι ήδη δημοσιευμένο Πρέπει να προστεθεί ένα νέο Menu Item link στα μενού του website για να επιτρέψει στους Publisher να προσπελάσουν μη δημοσιευμένα στοιχεία περιεχομένου 5
Δικαιώματα χρηστών Back end User Groups Manager: έχουν όλα τα δικαιώματα των Publisher του front end και επιπλέον τη δυνατότητα να προσπελαύνουν το Administrator Back end (Control Panel) με ξεχωριστό login Στο Control Panel, ένας Manager μπορεί να προσπελάσει τα παρακάτω Administrator Menus/λειτουργίες: Site: Media Manager, Preview, Statistics Menu: προπέλαση/επεξεργασία / υφιστάμενων μενού Content: Περιεχόμενο ανά Section, όλο το περιεχόμενο, Static Content Manager, Section Manager, Category Manager, Front Page Manager, Archives Manager, Page Impressions Help (γενικά), συμπεριλαμβανομένου του System Info Δικαιώματα χρηστών Back end User Groups (συνέχεια) Administrator: έχουν όλα τα δικαιώματα των Manager και επιπλέον τη δυνατότητα για: Site: Trash Manager, User Manager (διαχείριση ί χρηστών στο ίδιο ή κατώτερο επίπεδο, εκτός δηλαδή των Super Administrator) Menu: Menu Manager Modules: Site Modules, Administrator Modules Components: Banners, Contacts, News Feeds, Polls, Syndicate, Web Links Mambots: Site Mambots Installers: Components, Modules, Mambots 6
Δικαιώματα χρηστών Back end User Groups (συνέχεια) Super Administrator: έχουν πρόσβαση σε όλο το φάσμα της back end διαχείρισης και σε όλες τις front end λειτουργίες Συγκεκριμένα, έχουν πρόσβαση σε όλες τις λειτουργίες που προσπελαύνονται από τους Administrator και επιπλέον: Site: Global Configuration, Language Manager, Template Manager (Site, Administration), User Manager (μπορεί ρ να δημιουργήσει/επεξεργαστεί οποιοδήποτε τύπο χρήστη, και να διαγράψει οποιονδήποτε εκτός από άλλον Super Administrator (ένας super admin μπορεί βέβαια να διαγραφεί απευθείας από τη MySQL database) Δικαιώματα χρηστών Back end User Groups (συνέχεια) Αλλάξτε το ρόλο του χρήστη Bob Smith σε Administrator, ώστε να μην μπορεί να προσπελάσει τις καθολικές ρυθμίσεις (global configuration) Κάνετε login στο back end ως Bob Smith και παρατηρήστε αλλαγές στα μενού του Control Panel Προσπαθήστε (ως Bob Smith) να δημιουργήστε έναν νέο χρήστη με επίπεδο Super Administrator. Τι παρατηρείτε; Ενεργοποιήστε το λογαριασμό του χρήστη για τον οποίο συμπληρώσατε πριν λίγο τη φόρμα έγγραφής (registration form) Ελέγξτε (κάνοντας login στο front end ότι ο λογαριασμός όντως ενεργοποιήθηκε) Δείτε τα User settings που μπορείτε να ρυθμίσετε στο Site > Global configuration > System 7
Τροποποίηση στοιχείων χρηστών χωρίς παρέμβαση του admin Δημιουργήστε ένα νέο menu item στο κύριο μενού (τύπου User Form Layout ) με τίτλο Change your details Το νέο menu item θα πρέπει να εμφανίζεται μόνο σε χρήστες που έχουν προηγούμενα κάνει login Κάνετε login ως αυτός ο χρήστης και τροποποιήστε κάποιο από τα στοιχεία του (ελέγξτε στο back end ότι η αλλαγή όντως πραγματοποιήθηκε) Καθολικές ρυθμίσεις (global configuration) O admin μπορεί μέσα από τις καθολικές ρυθμίσεις (site > Global configuration) να παραμετροποιήσει πολλές από τις ρυθμίσεις που ορίστηκαν κατά τη φάση εγκατάστασης του Joomla! Αλλάξτε το description meta tag σε This is the official website of Fresh and Local restaurant και του keywords meta tag σε Fresh and local, restaurant, food, wine, herbs, fruits, dish of the day Αναζητήστε τις νέες τιμές των meta tags tags στον κώδικα των σελίδων του site Δείτε προσεκτικά τις δυνατότητες που έχετε για να αλλάξετε τις καθολικές ρυθμίσεις του Site, System και Server Για παράδειγμα αλλάξτε το time zone του server σας 8
Ιδιωτικά μηνύματα Το Joomla! δίνει τη δυνατότητα ανταλλαγής/διαχείρισης μηνυμάτων που θα παραμένουν ιδιωτικά για το χρήστη στον οποίο ανήκουν Δημιουργήστε ένα νέο μήνυμα (Tools > Write messages) που θα απευθύνεται στο χρήστη Bob Smith, ζητώντας του να ελέγξει ένα νέο άρθρο (π.χ. Bob, please proofread the Seasonal Specialties article. ) Παρατηρήστε ότι από το Tools > Read messages, το νέο μήνυμα φαίνεται μόνο στο χρήστη Bob Smith, εφόσον κάνει πρώτα login στο back end Δοκιμάστε ως Bob Smith να απαντήσετε σε αυτό το μήνυμα ( I will do so shortly ) Μαζική αποστολή μηνυμάτων Το Joomla! παρέχει τη δυνατότητα μαζικής αποστολής μηνυμάτων (mass mail) σε ομάδες χρηστών Πριν αποστείλετε οποιοδήποτε μήνυμα επεξεργαστείτε τις καθολικές θλ ρυθμίσεις θί που αφορούν τα mass mail ώστε το subject κάθε mass mail να αρχίζει από Fresh and Local: και τα μηνύματα να τελειώνουν με το (c) 2011. John and Meredith Στείλτε ένα μαζικό μήνυμα προς όλους τους χρήστες με θέμα Sandwich special και σώμα μηνύματος: Come to Fresh and Local on Wednesday for half off sandwiches! Οι email διευθύνσεις των παραληπτών να μην φαίνονται Προσοχή: ο mail server σας μπορεί να θέτει περιορισμό στον αριθμό των παραληπτών κάθε μηνύματος Αν έχετε mailing lists με > 100 διευθύνσεις, θα πρέπει να αναζητήσετε εναλλακτικούς τρόπους μαζικής επικοινωνίας 9
Media manager O Media Manager επιτρέπει την εύκολη διαχείριση όλων των πολυμεσικών αρχείων του site σας «Ανεβάστε» την εικόνα blueberries.jpg (θα τη βρείτε στο assets.zip που σας δίνεται στη σελίδα του εργαστηρίου του μαθήματος) στο folder με τα γραφικά του site Σε περίπτωση που το Browse files δε δουλεύει δοκιμάστε: Έναν διαφορετικό browser Να χρησιμοποιήστε ένα διαφορετικό FTP client software (θα είχε νόημα κυρίως αν το site σας φιλοξενούνταν σε άλλο server και όχι στο localhost) Να τοποθετήσετε μόνοι σας («χειροκίνητα») το αρχείο της εικόνας στον κατάλληλο folder Να απενεργοποιήστε τον Flash Uploader (Global Configuration >"System" tab) Media manager «Ανεβάστε» και το έγγραφο specialties.doc που σας δίνεται στο ίδιο folder Δημιουργήστε ένα νέο folder specialties Προσθέστε σε αυτόν την εικόνα crab_sw.jpg που σας δίνεται Διαγράψτε το έγγραφο specialties.doc 10
Πρότυπα (templates) Ο τρόπος εμφάνισης (styling) ενός Joomla! site μπορεί να μεταβληθεί αλλάζοντας το πρότυπό του (template) Όταν αλλάζουμε template, τα components, modules και articles/categories/sections που έχουμε δημιουργήσει εξακολουθούν και διατηρούνται ακέραια, ωστόσο επηρεάζονται τα χρώματα και το styling Υπάρχουν εκατοντάδες Joomla! templates δωρεάν διαθέσιμα στο web Τα κατεβάζουμε ως zip αρχεία και εν συνεχεία τα εγκαθιστούμε Κατεβάστε το Sunflower template από τη σελίδα: http://freecmstemplates.com/joomla sheen.php Εγκατάσταση νέου template Επιλέξτε Extensions > Install/Uninstall, επιλέξτε το ziptemplate file και εγκαταστήστε το Για να χρησιμοποιήσετε το νέο template επιλέξτε τον Template Manager Ελέγξτε τη νέα εμφάνιση του site σας Τώρα επιστρέψτε στο προηγούμενο template 11
Εφαρμογή διαφορετικών templates σε διαφορετικές σελίδες Συχνά προκύπτει η σχεδιαστική ανάγκη να εφαρμόσουμε διαφορετικά templates σε διαφορετικά τμήματα του site μας Χρησιμοποιήστε τον Template Manager για να εφαρμόσετε το Sunflower template μόνο στη σελίδα Seasonal specialties Επεξεργασία HTML κώδικα templates Το Joomla! δίνει τη δυνατότητα επεξεργασίας του html κώδικα ενός template ώστε να αλλάξει το styling που εφαρμόζει στις σελίδες του site Για παράδειγμα, έστω ότι θέλουμε να αλλάξουμε τη θέση που εμφανίζεται το search module του site μας, ώστε να μετατοπιστεί κάτω από το breadcrumb Κάνετε Preview το default template ώστε να δείτε τις τωρινές θέσεις των top και breadcrumb modules Επεξεργαστείτε τον html κώδικα του template ώστε να μετατοπίσετε το search module κάτω από το breadcrumb Προσέξτε: κρατήστε ένα backup του html κώδικα που αλλάζετε ώστε να μπορείτε να επανορθώσετε σε περίπτωση σφάλματος 12