Εισαγωγή στα συστήματα διαχείρισης περιεχομένου (CMS) με το Joomla! Ευάγγελος Τριπολιτάκης Ηλεκτρονικός Μηχανικός & Μηχανικός Η/Υ, MSc

Τί είναι CMS; Σύστημα διαχείρισης περιεχομένου (Content Management System) Λογισμικό το οποίο χρησιμοποιείται για τη δημιουργία της υποδομής πάνω στην οποία θα στηθεί ένας δυναμικός δικτιακός τόπος Δημοφιλής λύση για τη δημιουργία custom portals

Γιατί χρειαζόμαστε ένα CMS; Αποδοτική οργάνωση εταιρικής πληροφορίας Διαμοιρασμός περιεχομένου τόσο ενδοεταιρικά όσο και στο Internet Ευέλικτη λύση αρχειοθέτησης Διευκόλυνση στη δημιουργία συνεργατικών (collaborative) δικτιακών τόπων

Δυνατότητες των CMS Δημιουργία δικτιακού τόπου με ελάχιστο κόπο και σχεδόν μηδενικό κώδικα σε μικρό χρονικό διάστημα Ευκολία στη διαχείριση των λειτουργιών του δικτιακού τόπου Ασφάλεια πρόσβασης της πληροφορίας

Δυνατότητες των CMS Δημιουργία ομάδων χρηστών και content contributors Συνεργασία με εφαρμογές CRM/ERP Μεγάλη εγκατεστημένη βάση χρηστών και ενεργή κοινότητα προγραμματιστών και γραφιστών Επέκταση λειτουργικότητας με χρήση plugins

Δυνατότητες των CMS Πολυγλωσσικότητα και διεθνοποίηση (Multi-language support – Internationalization) Ανοικτό API για τη δημιουργία custom εφαρμογών πάνω από αυτά

Διαθέσιμα CMS Δεκάδες διαθέσιμα CMS Πλήθος δυνατοτήτων Ανοικτού κώδικα (Open Source) Κλειστού κώδικα (Closed Source) Πλήθος δυνατοτήτων Ανάγκη να μπει τάξη στο χάος για να αποφασίσουμε ποιό είναι το καλύτερο. Λύση: http://www.cmsmatrix.org

Διαθέσιμα CMS Ανοικτό Λογισμικό Διαθέσιμος πηγαίος κώδικας – ΔΩΡΕΑΝ Χρέωση υπηρεσίας εγκατάστασης / τεκμηρίωσης / παραμετροποίησης και όχι του λογισμικού αυτού καθεαυτού ΟΧΙ ΣΤΙΣ ΠΑΤΕΝΤΕΣ ΛΟΓΙΣΜΙΚΟΥ Άδειες χρήσης GPL (v2/v3) LGPL (v2/v3) MIT PHP Qt (KDE) Sun Public License IBM Public License Intel Open Source License

Διαθέσιμα CMS Δημοφιλή Open Source CMS Joomla! http://www.joomla.com Drupal http://www.drupal.org Typo3 http://www.typo3.org Xoops http://www.xoops.org Wordpress (Blog και όχι CMS) http://www.wordpress.org

Διαθέσιμα CMS Δημοφιλή Closed Source CMS Vignette Content Management IBM Workplace Web Content Management Jalios JCMS Powerfront CMS

Εγκατάσταση Ελληνικής Διανομής Joomla! Download απαραίτητων αρχείων Ρύθμιση server Δημιουργία και ρύθμιση βάσης δεδομένων Ιδιαιτερότητες αγγλικής εγκατάστασης Πρότυπο χαρακτήρων UTF-8

Εγκατάσταση: Download Απαραίτητων αρχείων Έχουμε στημένο Apache Server με PHP, MySQL ; ΝΑΙ: Προχωράμε στην επόμενη διαφάνεια ΟΧΙ: Κατεβάζουμε το XAMPP Lite από το http://www.apachefriends.org (προτιμάται η έκδοση .exe ~17ΜΒ)

Eγκατάσταση: Download Απαραίτητων αρχείων Χρειαζόμαστε έναν editor με δυνατότητα χρήσης UTF-8 αρχείων καθώς και syntax highlighting Notepad++ (http://notepad-plus.sourceforge.net/uk/download.php) Εύχρηστος και ιδιαίτερα δυνατός editor για Windows. Για τους σκληροπυρηνικούς ( ;-) ) συστήνουμε το Netbeans ή το Eclipse με το Zend PHP plugin

Eγκατάσταση: Setup του XAMPP Lite Κάνουμε διπλό κλικ στο αρχείο που κατεβάσαμε !! Στο extract path δίνουμε C:\ ή D:\ To XAMPP Lite θα εγκατασταθεί στο directory C:\xampplite Μπαίνουμε στον φάκελο C:\xampplite και εκτελούμε το αρχείο setup_xampp.bat

Eγκατάσταση: Setup του XAMPP Lite

Eγκατάσταση: Εκκίνηση του XAMPP Lite Προσοχή ! Να μην τρέχει Skype το μηχάνημα σας! (Το Skype δουλεύει στην TCP πόρτα 80) Εκκίνηση: Εκτελούμε το C:\xampplite\xampp_start.exe

Eγκατάσταση: Εκκίνηση του XAMPP Lite Πατάμε Unblock όταν ξεκινήσουμε για πρώτη φορά το XAMPP !

Eγκατάσταση: Εκκίνηση του XAMPP Lite Πηγαίνουμε στη δ/νση: http://localhost/xampp/index.php

Eγκατάσταση: Εκκίνηση του XAMPP Lite Για να ελέγξουμε την σωστή λειτουργία της MySQL κάνουμε κλικ αριστερά στην επιλογή CD collection. Εάν όλα πάνε καλά θα έχουμε την παρακάτω εικόνα:

Eγκατάσταση: Τερματισμός του XAMPP Lite Τερματισμός: Εκτελούμε το C:\xampplite\xampp_stop.exe Θα πρέπει να βγεί ένα μήνυμα SHUTDOWN COMPLETE χωρίς σφάλματα. Δεν θα πρέπει να υπάρχουν διεργασίες mysqld.exe και apache.exe Setup full

Eγκατάσταση: Δημιουργία Βάσης Δεδομένων Δύο τρόποι Μέσω γραμμής εντολών (MySQL client) Μέσω PHPMyAdmin

Eγκατάσταση: Δημιουργία Βάσης Δεδομένων Ανοίγουμε τερματικό ή command prompt (Start ->Run->CMD) (Μόνο για Windows) Πηγαίνουμε στο φάκελο εγκατάστασης του XAMPPLite (π.χ. C:\xampplite\mysql\bin) Εκτελούμε τον MySQL client ως παρακάτω: mysql –u root –p

Eγκατάσταση: Δημιουργία Βάσης Δεδομένων

Eγκατάσταση: Δημιουργία Βάσης Δεδομένων Στο command prompt της MySQL δίνουμε: create database όνομα_βάσης default collate=utf8_unicode_ci; Αν όλα πήγαν καλά πρέπει να πάρουμε το παρακάτω μήνυμα: Query OK, 1 row affected (0.00 sec)

Eγκατάσταση: Δημιουργία Βάσης Δεδομένων Εναλλακτικά μπορούμε να χρησιμοποιήσουμε το εργαλείο PHPMyAdmin το οποίο βρίσκεται στη διεύθυνση: http://localhost/phpmyadmin

Eγκατάσταση: Δημιουργία Βάσης Δεδομένων 3. Κλικ ! 1. Όνομα 2. utf8_unicode_ci

Eγκατάσταση: Δημιουργία Xρηστών Όπως και πριν Command Line PHPMyAdmin Στο command line του client (αφού έχουμε εισέλθει ώς root) δίνουμε: GRANT ALL PRIVILEGES ON ΟΝΟΜΑ_ΒΑΣΗΣ.* TO ‘ONOMA_ΧΡΗΣΤΗ’@’LOCALHOST’ IDENTIFIED BY ‘TO_PASSWORD’;

Eγκατάσταση: Δημιουργία Xρηστών Συνοπτικά για να φτιάξουμε μια βάση με όνομα joomla_test και έναν χρήστη joomla_user δίνουμε τα παρακάτω mysql –u root –p (Μπαίνουμε ως διαχειριστές) CREATE DATABASE joomla_test default collate=utf8_unicode_ci; GRANT ALL PRIVILEGES ON joomla_test.* to ‘joomla_user’@’localhost’ identified by ‘joomla_user_password’; Στη συνέχεια μπορούμε να διαχειριστούμε τη βάση μπαίνοντας ως joomla_user mysql –u joomla_user –p SELECT DATABASE joomla_test; ...

Eγκατάσταση: Δημιουργία Xρηστών 1. Κλικ!

Eγκατάσταση: Δημιουργία Xρηστών 2. Κλικ!

Eγκατάσταση: Δημιουργία Xρηστών

Eγκατάσταση: Δημιουργία Xρηστών ΠΡΟΣΟΧΗ ΣΤΑ PERMISSIONS!

Eγκατάσταση: Ρυθμίσεις PHP Οι ρυθμίσεις της PHP αλλάζουν από server σε server Για να λειτουργήσει σωστά το Joomla πρέπει να έχουμε μερικά πράγματα υπόψη Register Globals OFF (Θέματα ασφάλειας) Memory Size 32MB (προβλήματα με Plugins) File Upload size (2ΜΒ ή περισσότερο)

Eγκατάσταση: Ρυθμίσεις PHP Μπορούμε να κάνουμε ρυθμίσεις της PHP μέσω του αρχείου /etc/php.ini σε Unix συστήματα και c:\xampplite\apache\bin\php.ini σε XAMPP Lite σε Windows XP ή VISTA Σε πραγματικούς servers εμπορικού χαρακτήρα έχουμε δύο επιλογές ανάλογα την έκδοση της PHP. Μέσω του αρχείου php.ini στο /home/user/public_html/ Μέσω του αρχείου .htaccess στο /home/user/public_html/

Eγκατάσταση: Ρυθμίσεις PHP5 Τυπικό php.ini register_globals = Off memory_limit = 32M upload_max_filesize = 10M

Eγκατάσταση: Ρυθμίσεις PHP4 Τυπικό .htaccess php_flag register_globals off php_value memory_limit 32M php_value upload_max_filesize 10M

Eγκατάσταση: Ρυθμίσεις PHP phpinfo(); ?> Φτιάχνουμε ένα αρχείο phpinfo.php και μας δίνει όλες τις πληροφορίες της εγκατεστημένης PHP

Σετ Χαρακτήρων και collations Ιδιαίτερα συνηθισμένο πρόβλημα στις βάσεις δεδομένων. Λάθος κωδικοποίηση των χαρακτήρων στη βάση του Joomla θα έχει μεγάλες συνέπειες στη λειτουργικότητα του συστήματος (π.χ. Εμφάνιση «ιερογλυφικών», αδυναμία αναζήτησης κτλ) Συστήνεται ανεπιφύλακτα το πρότυπο Unicode UTF-8 και βάσεις MySQL με utf8_unicode_ci collation.

Σετ Χαρακτήρων και collations http://dev.mysql.com/doc/refman/5.0/en/internationalization-localization.html Σετ χαρακτήρων: Σύνολο από σύμβολα και κωδικοποιήσεις (encodings) Collation: Σύνολο από κανόνες για τη σύγκριση χαρακτήρων ενός σετ. ‘α’ > ‘β’ ; ‘Α’ = ‘α’ ; ‘Ö’=‘OE’ ; http://www.collation-charts.org/

Σετ Χαρακτήρων και collations Ιδιαίτερα συνηθισμένο πρόβλημα στις βάσεις δεδομένων. Λάθος κωδικοποίηση των χαρακτήρων στη βάση του Joomla θα έχει μεγάλες συνέπειες στη λειτουργικότητα του συστήματος (π.χ. Εμφάνιση «ιερογλυφικών», αδυναμία αναζήτησης κτλ) Συστήνεται ανεπιφύλακτα το πρότυπο Unicode UTF-8 και βάσεις MySQL με utf8_unicode_ci collation.

Σετ Χαρακτήρων και collations UTF-8 (RFC 3629) 1 έως 3 bytes ανά χαρακτήρα (2 για τα ελληνικά) Επαρκεί για όλους τους χαρακτήρες στις σημαντικότερες γλώσσες Έχει κανόνες με τη μορφή collations Για τα ελληνικά μπορούμε να χρησιμοποιήσουμε το utf8_unicode_ci ή το utf8_general_ci Το general_ci είναι γρηγορότερο από το unicode_ci σε πράξεις σύγκρισης. Δεν υποστηρίζει όλες τις γλώσσες εξίσου καλά με το unicode_ci. (Στα ελληνικά δεν υφίσταται πρόβλημα)

Εγκατάσταση Joomla στο XAMPP Αποσυμπιέζουμε το αρχείο Joomla_1.5.7-Stable-Full_Package.zip στο φάκελο c:\xampplite\htdocs Μετονομάζουμε το φάκελο c:\xampplite\htdocs\Joomla_1.5.7-Stable-Full_Package σε c:\xampplite\htdocs\joomla_test Πηγαίνουμε τον Browser μας στη διεύθυνση http://localhost/joomla_test (εάν δεν λειτουργήσει σε Windows Vista δοκιμάστε http://127.0.0.1/joomla_test)

Εγκατάσταση Joomla στο XAMPP Επιλέγουμε el-GR και πατάμε στο Επόμενο

Εγκατάσταση Joomla στο XAMPP Πρέπει να είναι όλα πράσινα

Εγκατάσταση Joomla στο XAMPP Επιλέγουμε Επόμενο

Εγκατάσταση Joomla στο XAMPP Εισάγουμε τις κατάλληλες πληροφορίες και πατάμε Επόμενο Βάση : mysql Όνομα διακομιστή : localhost (ή 127.0.0.1) Όνομα χρήστη / password: (το όνομα/password που δημιουργήσαμε) Βάση: Η Βάση που δημιουργήσαμε

Εγκατάσταση Joomla στο XAMPP Επιλέγουμε Επόμενο

Εγκατάσταση Joomla στο XAMPP Εισάγουμε το όνομα της σελίδας. Eισάγουμε τη δ/νση email καθώς και τον κωδικό διαχειριστή. Πατάμε «Εισαγωγή ενδεικτικού περιεχομένου» Τέλος, πατάμε «Συνέχεια»

Εγκατάσταση Joomla στο XAMPP Προσοχή στο τελευταίο βήμα. Πρέπει να αφαιρέσουμε τον φάκελο joomla_test/installation

Εγκατάσταση Joomla στο XAMPP Εάν όλα πήγαν καλά πρέπει να δούμε στη διεύθυνση http://localhost/joomla_test κάτι αντίστοιχο με την παραπάνω εικόνα

Ολοκλήρωση εγκατάστασης Joomla Αρχεία Ελληνικής γλώσσας Το Joomla 1.5 δεν έχει ελληνική διανομή σε αντίθεση με το 1.0.x Πρέπει να εγκαταστήσουμε το αρχείο υποστήριξης ελληνικών Editor Component (JCE) Αν και εξελιγμένος σε σχέση με τον προκάτοχό του, ο προεπιλεγμένος editor (TinyMCE 2.0) δεν προσφέρει επαρκή υποστήριξη όσον αφορά το ανέβασμα εικόνων. Συνίσταται η εγκατάσταση του Joomla Content Editor (JCE)

Διαχείριση του Joomla http://domain/joomla_dir/administrator π.χ. http://localhost/joomla_test/administrator

Εγκατάσταση ελληνικής γλώσσας Αφού μπούμε στο administration panel κάνουμε click στο μενού Extensions -> Install

Εγκατάσταση ελληνικής γλώσσας Επιλέγουμε το αρχείο ελληνικών (el-GR.site.joomla157-v1.0.0.tar.gz) και πατάμε upload file & install

Εγκατάσταση ελληνικής γλώσσας Στη συνέχεια αφού γίνει επιτυχώς η εγκατάσταση της γλώσσας πηγαίνουμε στο μενού Extensions-> Language Manager, κάνουμε κλικ στα Ελληνικά και πατάμε το πλήκτρο Default

Εγκατάσταση JCE Editor Αφού μπούμε στο administration panel κάνουμε click στο μενού Extensions -> Install

Εγκατάσταση JCE Editor Επιλέγουμε το αρχείο (plg_jce_151.zip) και πατάμε upload file & install

Εγκατάσταση JCE Editor Επιλέγουμε το αρχείο (com_jce_150.zip) και πατάμε upload file & install

Εγκατάσταση JCE Editor Αφού μπούμε στο administration panel κάνουμε click στο μενού Site -> Global Configuration

Εγκατάσταση JCE Editor Ρυθμίζουμε το Default WYSIWYG Editor σε JCE 1.5.1 και πατάμε Save

Αναζήτηση κειμένου Αναζήτηση κειμένου Απλή αναζήτηση Στο αριστερό μενού εισάγουμε τη λέξη/εις που μας ενδιαφέρουν και πατάμε Enter Εκτεταμένη αναζήτηση Στο αριστερό μενού επιλέγουμε την αναζήτηση. Από εκεί μεταφερόμαστε στην παρακάτω εικόνα:

Αναζήτηση κειμένου

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

Δημοσκοπήσεις

Άρθρα στο Joomla Άρθρα Μονοσέλιδα (Εισαγωγή) Δισέλιδα (Εισαγωγή – Κυρίως σελίδα) Πολυσέλιδα (Εισαγωγή – Κυρίως σελίδες με σελιδοποίηση) Ελεύθερη ή περιορισμένη πρόσβαση Πολλαπλοί τρόποι παρουσίασης στην πρώτη και επιμέρους σελίδες

Επικοινωνία με τους χρήστες Επικοινωνία με τη συντακτική ομάδα του site Έτοιμη φόρμα επικοινωνίας ανά επαφή της συντακτικής ομάδας Επικοινωνία μέσω ειδικής φόρμας επικοινωνίας (facile forms) Αποστολή αρχείων Πολυσέλιδες φόρμες επικοινωνίας

Φόρμα επικοινωνίας

Φόρμα επικοινωνίας (RS Forms)

RS Gallery Λογισμικό διαχείρισης πολυμέσων για Joomla Ποικιλία τύπων αρχείων (jpg, jpeg, gif, png,) Ψηφιακές galleries με δυνατότητα ψηφοφορίας Σχόλια χρηστών και περιγραφές με δυνατότητα αναζήτησης

RS Gallery

RSGallery

Οργάνωση πληροφορίας στο Joomla Ενότητες (Νέα) Κατηγορίες (Αθλητικά) Άρθρα (Νέο παγκόσμιο ρεκόρ στο μήκος) Φαινομενικά αποτελούν πρόβλημα τα δύο μόνο επίπεδα Στην πράξη δεν είναι μεγάλο πρόβλημα μιας και στη μεγάλη πλειοψηφία των περιπτώσεων δύο επίπεδα αρκούν

Ενότητες (Sections) Κύρια ομάδα οργάνωσης άρθρων Εμπεριέχει πολλές κατηγορίες Για να δημιουργήσουμε μια νέα ενότητα πηγαίνουμε στο μενού Content, επιλέγουμε Section Manager και στη συνέχεια πατάμε στο εικονίδιο New

Ενότητες (Sections) Σύντομος Τίτλος Εναλλακτικός τίτλος Δημοσίευση ; Επίπεδο πρόσβασης Φωτογραφία ενότητας Περιγραφή

Ενότητες (Sections) Όταν τελειώσουμε τη δημιουργία της ενότητας πατάμε το πλήκτρο Save πάνω δεξιά.

Κατηγορίες (Categories) Δευτερεύουσα ομάδα οργάνωσης άρθρων Εμπεριέχει πολλά άρθρα Για να δημιουργήσουμε μια νέα κατηγορία πηγαίνουμε στο μενού Content, επιλέγουμε Category Manager και στη συνέχεια πατάμε στο εικονίδιο New

Κατηγορίες (Categories) ΣύντομοςΤίτλος Εναλλακτικός τίτλος Δημοσίευση ; Ενότητα Επίπεδο πρόσβασης Φωτογραφία ενότητας Περιγραφή

Κατηγορίες (Categories) Όταν τελειώσουμε τη δημιουργία της κατηγορίας πατάμε το πλήκτρο Save πάνω δεξιά.

Άρθρα (Articles) Εμπεριέχει μία ή περισσότερες σελίδες Για να δημιουργήσουμε μια νέα ενότητα πηγαίνουμε στο μενού Content, επιλέγουμε All Content Items και στη συνέχεια πατάμε στο εικονίδιο New

Άρθρα (Articles) Κατηγορία Ενότητα Σύντομος Τίτλος Εναλλακτικός τίτλος Κυρίως κείμενο

Άρθρα (Articles) Εικονίδια επιλογών Καρτέλες επιλογών δημοσίευσης / εικόνες / παραμέτρων άρθρου / πληροφοριών meta / σύνδεσης με menu

Άρθρα (Categories) Όταν τελειώσουμε τη δημιουργία του άρθρου πατάμε το πλήκτρο Save πάνω δεξιά.

Άρθρα (Articles) Μπορούμε πολύ εύκολα να αλλάξουμε το περιεχόμενο ενός άρθρου. Για να αλλάξουμε το περιεχόμενο ενός άρθρου πηγαίνουμε στο μενού Content, επιλέγουμε All Content Items και στη συνέχεια πατάμε στο εικονίδιο Edit Τα υπόλοιπα βήματα είναι όπως προηγουμένως

Άρθρα (Articles) Για την εισαγωγή εικόνας στο Joomla πατάμε το πλήκτρο εισαγωγής και παραβλέπουμε το υπάρχον σύστημα του Joomla. Ο JCE είναι πλήρης δυνατοτήτων όσον αφορά την βασική επεξεργασία εικόνων. Στην περίπτωση όπου θέλουμε περισσότερες λειτουργίες όπως τη δημιουργία thumbnails χρειάζεται να χρησιμοποιήσουμε το εμπορικό extension Image Manager Extended του JCE

Άρθρα (Articles) Νέος Φάκελος Επιλογές εικόνας Ανέβασμα Αρχεία εικόνων Πληροφορίες Αρχείου Φάκελοι εικόνων Εισαγωγή εικόνας στο άρθρο

Άρθρα (Articles) Εύρεση αρχείου στο δίσκο Αλλαγή μεγέθους Περιστροφή Δημιουργία thumbnail

Άρθρα (Articles) Για τη μεταφορά ενός κειμένου από το Word με Copy & Paste προσέχουμε να μην το αντιγράψουμε απευθείας μιας και ενσωματώνει κώδικα με πλήθος άχρηστα html tags. Αντί αυτού μπορούμε να πατήσουμε το πλήκτρο με το σήμα του Word στη μπάρα εργαλείων του editor και στο κενό παράθυρο που θα εμφανιστεί να επικολλήσουμε το κείμενο Word.

Άρθρα (Articles) Για τη μεταφορά ενός κειμένου από κάποια ιστοσελίδα, εάν δεν θέλουμε να κρατήσουμε την υπάρχουσα μορφοποίηση πρέπει να το αντιγράψουμε ως αμορφοποίητο κείμενο (plain text). Συνεπώς πρέπει να πατήσουμε το πλήκτρο με το σήμα του “T” στη μπάρα εργαλείων του editor και στο κενό παράθυρο που θα εμφανιστεί να επικολλήσουμε το κείμενο από την ιστοσελίδα.

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

Μενού (Μενού) Οργάνωση της παρουσίασης των σελίδων και των θεματικών ενοτήτων του ιστοτόπου. Το Joomla υποστηρίζει περισσότερα του ενός μενού καθώς και σε κάθε μενού περισσότερα του ενός επίπεδα οργάνωσης.

Μενού (Μενού) Στα μενού μπορούμε να βάλουμε συνδέσμους προς: Άρθρα URL εκτός ή εντός σελίδας Κεντρικές σελίδες components (π.χ. Docman ή Gallery) Παρουσιάσεις ενοτήτων (section blog) Παρουσιάσεις κατηγοριών (category blog) Πίνακες άρθρων, ενοτήων και κατηγοριών

Μενού (Μενού) Στα μενού μπορούμε να βάλουμε συνδέσμους προς: Άρθρα URL εκτός ή εντός σελίδας Κεντρικές σελίδες components (π.χ. Docman ή Gallery) Παρουσιάσεις ενοτήτων (section blog) Παρουσιάσεις κατηγοριών (category blog) Πίνακες άρθρων, ενοτήτων και κατηγοριών

Μενού (Μενού) Η έννοια του main menu και της αρχικής σελίδας. Κάθε εγκατάσταση Joomla θα πρέπει να έχει οπωσδήποτε ένα βασικό μενού με όνομα mainmenu.

Μενού (Μενού) Σε αυτό το μενού κατ’ ελάχιστο πρέπει να υπάρχει μια εγγραφή. Το περιεχόμενο αυτής της εγγραφής θα είναι αυτό το οποίο θα εμφανίζεται στην πρώτη σελίδα. Συστήνεται ανεπιφύλακτα αυτό να είναι το FrontPage Component. Προφανώς αυτό δεν είναι δεσμευτικό. Στην περίπτωση όπου έχουμε παραπάνω από μία εγγραφές, στην πρώτη σελίδα θα φαίνεται το περιεχόμενο της πρώτης δημοσιευμένης εγγραφής.

Μενού (Μενού) Για να δημιουργήσουμε ένα μενού πηγαίνουμε: Menu Menu Manager New Εισάγουμε όνομα μενού και τίτλο module (θα εξηγηθεί στη συνέχεια) Πατάμε Enter

Μενού (Μενού)

Μενού (Μενού) Για να δημιουργήσουμε μια εγγραφή σε ένα μενού πηγαίνουμε: Menu Όνομα μενού (π.χ. Mymenu) New Επιλέγουμε τον τύπο της εγγραφής μενού που θέλουμε να προσθέσουμε και πατάμε Next. Εισάγουμε τις εκάστοτε λεπτομέρειες Πατάμε Save

Μενού (Μενού)

Παρουσίαση πληροφορίας Υπάρχουν διάφοροι τρόποι παρουσίασης πληροφορίας Προβολή άρθρου Προβολή blog κατηγορίας (σελιδοποιημένη παρουσίαση των άρθρων της κατηγορίας) Προβολή blog ενότητας (σελιδοποιημένη παρουσίαση των άρθρων της ενότητας) Πίνακας κατηγοριών Πίνακας ενοτήτων

Παρουσίαση πληροφορίας Για να επιλέξουμε το πως θα παρουσιαστεί η πληροφορία με την μορφή άρθρων θα πρέπει να κάνουμε την κατάλληλη εγγραφή σε κάποιο μενού. Εκεί μπορούμε στη συνέχεια να επιλέξουμε παραμέτρους όπως: Σελιδοποίηση (άρθρα ανά σελίδα) Ταξινόμηση (π.χ. Ανα κατηγορία, αλφαβητικά, βάσει εσωτερικής ταξινόμησης, βάσει χρονολογικής σειράς εισαγωγής) Στοιχεία τα οποία θα παρουσιάζονται (π.χ. Θα εμφανίζονται ή όχι εικόνες από τα εισαγωγικά κείμενα;)

Μενού (Μενού)

Modules (Αρθρώματα) Τα modules είναι κομμάτια εφαρμογών, αυτόνομες εφαρμογές ή ακόμα και απλό κείμενο φορμαρισμένο σε HTML. Τα modules τοποθετούνται σε ειδικές θέσεις-υποδοχές της σελίδας, οι οποίες ονομάζονται module positions. Σε κάθε module position μπορούν να τοποθετηθούν, με συγκεκριμένη σειρά, παραπάνω από ένα modules.

Modules (Αρθρώματα) Για να εγκαταστήσουμε ένα module πηγαίνουμε στο μενού Extensions και επιλέγουμε Install Στη συνέχεια επιλέγουμε το package file του Module Πατάμε το πλήκτρο Upload File & Install.

Modules (Αρθρώματα)

Modules (Αρθρώματα) Μετά την εγκατάσταση του Module πρέπει να το δημοσιεύσουμε και να επιλέξουμε τη θέση (module position) στην οποία αυτό θα εμφανίζεται. Για να το κάνουμε αυτό πάμε στο μενού Extensions και επιλέγουμε Module Manager

Modules (Αρθρώματα)

Modules (Αρθρώματα) Στον Module manager έχουμε τις δυνατότητες : Να αλλάξουμε τις παραμέτρους του (edit) Να το δημοσιεύσουμε (publish) (ενεργό) Να το αποδημοσιεύσουμε (unpublish) (εγκατεστημένο αλλά ανενεργό). Να το διαγράψουμε (delete) Να δημιουργήσουμε ένα αντίγραφο (copy) Να δημιουργήσουμε ένα νέο HTML Module

Modules (Αρθρώματα) Στην επεξεργασία ενός module έχουμε τις γενικές δυνατότητες : Να αλλάξουμε το module position Να αλλάξουμε τη μορφοποίηση του (χρησιμοποιώντας custom CSS κώδικα) Να αλλάξουμε τη σειρά εμφάνισης Να επιλέξουμε τις σελίδες στις οποίες θα εμφανίζεται Να το δημοσιεύσουμε (publish) (ενεργό) Να το αποδημοσιεύσουμε (unpublish) (εγκατεστημένο) Οι ειδικές επιλογές αλλάζουν ανάλογα με το module

Modules (Αρθρώματα)

Χρήστες (Users) Το Joomla είναι πολυχρηστικό περιβάλλον (Multi-user) Δίνει τη δυνατότητα ταυτόχρονης πρόσβασης σε πολλούς εγγεγραμμένους χρήστες για: Πρόσβαση σε περιορισμένο περιεχόμενο ή λειτουργίες Προσθήκη άρθρων Διαχείριση ιστοτόπου

Χρήστες (Users) Το Joomla επιτρέπει τη δημιουργία χρηστών είτε αυτόματα είτε χειροκίνητα. Στην αυτόματη δημιουργία, οι επισκέπτες μπορούν να εγγραφούν μέσω της ειδικής φόρμας Login και ειδικότερα της επιλογής «Εγγραφή» Στην χειροκίνητη λειτουργία, από το backend, ο διαχειριστής προσθέτει ένα-ένα τους χρήστες που επιθυμεί.

Χρήστες (Users) Για να δημιουργήσουμε έναν χρήστη πηγαίνουμε από την αρχική σελίδα (Control Panel) της διαχείρισης του Joomla στον User Manager. Εκεί πατάμε New και έχουμε την εικόνα της επόμενης διαφάνειας. Συμπληρώνουμε τα πεδία κατάλληλα Πατάμε Save

Χρήστες (Users)

Χρήστες (Users) Προσφέρονται πολλαπλά επίπεδα ιεραρχικής διαβάθμισης των χρηστών. Χωρίζονται σε δύο κύριες κατηγορίες: Frontend Registered Author Editor Publisher Backend Manager Administrator Super Administrator

Χρήστες (Users) Υπάρχει δυνατότητα επιμέρους αποστολής μηνυμάτων σε κάποιο χρήστη Πηγαίνουμε στο μενού Tools->Read Messages Πατάμε New και αφού δημιουργήσουμε το μήνυμα που θέλουμε το αποστέλλουμε. Υπάρχει δυνατότητα μαζικής αποστολής μηνυμάτων σε χρήστες Πηγαίνουμε στο μενού Tools->Mass Mail Αποστέλλουμε το μήνυμα που επιθυμούμε

Χρήστες (Users) Για να αλλάξουμε τα στοιχεία ενός χρήστη πηγαίνουμε στον user manager και κάνουμε κλικ πάνω στο όνομά του. Για να διαγράψουμε έναν χρήστη κάνουμε κλικ στο κουτάκι δίπλα στο όνομά του και στη συνέχεια πατάμε το Delete πάνω δεξιά.

Πρότυπα (Templates) Τα templates καθορίζουν την αισθητική και τη λειτουργικότητα του ιστοτόπου μας. To Joomla διαθέτει templating engine που επιτρέπει τη μετατροπή της οπτικής απεικόνισης ενός ιστοτόπου με ελάχιστες κινήσεις. Κάθε εγγεγραμένος χρήστης μπορεί, εφόσον το επιθυμεί, να επιλέξει ένα πρότυπο της αρεσκείας του.

Πρότυπα (Templates) Διατίθενται δωρεάν αλλά και εμπορικά πρότυπα. Μπορούμε πάνω σε ένα δωρεάν (ή και εμπορικό) να δημιουργήσουμε το δικό μας πρότυπο. Τα πρότυπα καθορίζουν εκτός από την αισθητική και την τυπογραφία του ιστοτόπου και τις module positions.

Πρότυπα (Templates) Για να εγκαταστήσουμε ένα template (είναι σε μορφή zip αρχείων έτοιμα προς προσθήκη) πρέπει να πάμε στο μενού Extensions και στη συνέχεια Install Διαλέγουμε το αρχείο που επιθυμούμε και στη συνέχεια πατάμε upload file & install Το template που έχουμε ανεβάσει δεν είναι ενεργό.

Πρότυπα (Templates) Για να ενεργοποιήσουμε το πρότυπο πρέπει να πάμε στο μενού Extensions, Template Manager, Site Templates. Επιλέγουμε το πρότυπο που μας ενδιαφέρει (πατώντας αριστερά του) και στη συνέχεια πατάμε το Default.

Πρότυπα (Templates)

Πρότυπα (Templates) Για να δούμε τις διαθέσιμες module positions πάμε στο μενού Extensions,Template Manager, κάνουμε click στο template και στη συνέχεια πατάμε Preview Στην εικόνα που βλέπουμε στη συνέχεια εμφανίζεται το πρότυπο με τις modules positions. Υπάρχει η δυνατότητα επέμβασης στον κώδικα του template και της προσθήκης επιπλέον module positions. Συνήθως οι προσφερόμενες module positions από το πρότυπο επαρκούν.

Πρότυπα (Templates)

Components Εφαρμογές που προσφέρουν πρόσθετη λειτουργικότητα στο Joomla Τεράστια ποικιλία που καλύπτει ευρύ πεδίο αναγκών και κάνει το Joomla βάση για πολύπλοκες εφαρμογές To Joomla ώς Open Source εφαρμογή δίνει προγραμματιστικό Interface για τη δημιουργία components αλλά και Modules

Joomfish Δημιουργία πολυγλωσσικών site με το Joomfish Υποστηρίζει απεριόριστο αριθμό γλωσσών. Προσφέρει διεπαφή (Interface) μετάφρασης τόσο για άρθρα όσο και για μενού, ενότητες, κατηγορίες, επαφές χρηστών, για άλλα components κ.α.

Joomfish Για να εγκαταστήσουμε το Joomfish, κατεβάζουμε από το www.joomfish.org Στη συνέχεια πάμε στο μενού Extensions, Install, επιλέγουμε το αρχείο το οποίο περιέχει το Joomfish component και πατάμε upload file & Install

Joomfish Έχοντας επιτυχώς εγκαταστήσει το Joomfish, πρέπει να ενεργοποιήσουμε τις γλώσσες του ιστοτόπου. Για να το κάνουμε αυτό πάμε στο μενού Components, Joomfish, Language configurationκαι κάνουμε κλικ στο Active tick box που είναι δίπλα στο όνομα κάθε γλώσσας που θέλουμε ενεργή. Επίσης μπορούμε να αλλάξουμε την ιεράρχηση των γλωσσών.

Joomfish

Joomfish Για να κάνουμε μια μετάφραση αρκεί να πάμε στο menu Components, Joomfish, Translation. Δεξιά στο μενού Content Elements διαλέγουμε: Contents για τα άρθρα Categories για τις κατηγορίες Sections για τις ενότητες Contact για τις επαφές Menus για τα μενού Users για τους χρήστες

Joomfish Επιλέγουμε τη γλώσσα στην οποία θελουμε να μεταφράσουμε Στη συνέχεια κάνουμε κλικ στο άρθρο που θέλουμε να μεταφράσουμε. Η σελίδα που θα μας εμφανιστεί θα αποτελείται από το υπάρχον π.χ. Άρθρο και τα επιμέρους στοιχεία του όπως τον τίτλο, το εισαγωγικό κείμενο και το κυρίως κείμενο. Κάτω από κάθε κύριο στοιχείο υπάρχει κενός χώρος στον οποίο τοποθετούμε τη μετάφραση. Πάνω δεξιά, όταν έχουμε τελειώσει με τη μετάφραση, επιλέγουμε τη γλώσσα για την οποία μόλις κάναμε τη μετάφραση και κάνουμε κλικ στο κουτί Published και τέλος πατάμε το Save.

Joomfish

RS Forms Δημιουργία πολύπλοκων σελίδων επικοινωνίας (forms) Δυνατότητα αποστολής αρχείων Φιλικό στο χρήστη περιβάλλον σχεδιασμού φόρμας Αποστολή e-mail Πολυγλωσσική υποστήριξη

RS Forms Για να εγκαταστήσουμε το RS Forms, κατεβάζουμε από το http://www.rsjoomla.com Στη συνέχεια πάμε στο μενού Extensions, Install, επιλέγουμε το αρχείο το οποίο περιέχει το Facile Forms component και πατάμε upload file & Install Στη συνέχεια, στο μενού Components εμφανίζεται μια νέα επιλογή, με τίτλο RS Forms.

RS Forms Για να δημιουργήσουμε μια νέα φόρμα πατάμε Components -> RS Forms και επιλέγουμε Forms Manager Στη συνέχεια πατάμε New

RS Forms Μήνυμα που εμφανίζεται μετά την αποστολή Ε-mail και στοιχεία αποστολής απαντήσεων Τίτλος φόρμας Όταν συμπληρώσουμε τα στοιχεία αριστερά πατάμε το Apply για να αρχίσουμε να δημιουργούμε τη φόρμα Όνομα φόρμας

RS Forms Πατάμε το New Field για να προσθέσουμε ένα νέο πεδίο στη φόρμά μας

Τελειώνοντας κάνουμε κλικ στο Save RS Forms Όνομα (π.χ. Username) Περιγραφή που μπαίνει δίπλα στο πεδίο Κείμενο βοήθειας Validation (π.χ. Υποχρεωτικό πεδίο) Τελειώνοντας κάνουμε κλικ στο Save Τύπος πεδίου

RS Forms Προσθέτουμε τα πεδία της επιλογής μας Όταν τελειώσουμε προσθέτουμε άλλο ένα πεδίο του οποίου ο τύπος θα είναι submit button και άλλο ένα του οποίου ο τύπος θα είναι reset button, για την αποστολή και καθαρισμό της φόρμας αντίστοιχα.

RS Forms Όταν τελειώσουμε με τον σχεδιασμό της φόρμας πρέπει: Να την ενεργοποιήσουμε ώστε να είναι διαθέσιμη Να την τοποθετήσουμε ως σύνδεσμο σε ένα μενού για να έχουν πρόσβαση σε αυτή οι χρήστες

RS Forms Για να ενεργοποιήσουμε τη φόρμα κάνουμε click στην επιλογή Forms Manager και κάνουμε click στο εικονίδιο published.

RS Forms Για να εισάγουμε τη φόρμα ως σύνδεσμο σε ένα από τα μενού της ιστοσελίδας πρέπει να σημειώσουμε τον αριθμό της (στην περίπτωσή μας 1)

RS Forms Στη συνέχεια πηγαίνουμε στο Menus και επιλέγουμε το μενού της επιλογής μας Αμέσως μετά πατάμε New και επιλέγουμε Components -> RS Form

RS Forms Πατάμε Save 2. Συμπληρώνουμε τον κωδικό της φόρμας που σημειώσαμε στο προηγούμενο βήμα 1. Συμπληρώνουμε τίτλο και εναλλακτικό τίτλο

RS Forms Εξαγωγή σε αρχείο CSV Επιλογή φόρμας Πέραν των email που λαμβάνει ο διαχειριστής του ιστότοπου το RS Forms δίνει τη δυνατότητα προβολής των εισαχθέντων από τους χρήστες στοιχείων Πηγαίνουμε στο μενού Components - >RS Form και επιλέγουμε View Data Εξαγωγή σε αρχείο CSV Επιλογή φόρμας

RS Gallery Δημιουργία φωτογραφικών εκθέσεων (galleries) Δυνατότητα αποστολής αρχείων από χρήστες Βαθμολόγηση και σχολιασμός εκθεμάτων Θεματική κατηγοριοποίηση εκθεμάτων Δυνατότητα περιορισμένης πρόσβασης για συγκεκριμένες κατηγορίες ή μεμονωμένα εκθέματα

RS Gallery Για να εγκαταστήσουμε το RS Gallery, κατεβάζουμε από το: http://rsgallery2.net/ Στη συνέχεια πάμε στο μενού Extensions, Install, επιλέγουμε το αρχείο το οποίο περιέχει το Zoom Gallery component και πατάμε upload file & Install

RS Gallery Διαχείριση εκθέσεων Παράμετροι συστήματος Εισαγωγή φωτογραφιών

RS Gallery Ο τίτλος της έκθεσης Περιγραφή Για να εισάγουμε μια νέα έκθεση πατάμε στο Manage Galleries και στη συνέχεια πατάμε στο New. Όταν συμπληρώσουμε τα στοιχεία της διπλανής φόρμας πατάμε Save.

RS Gallery Για να προσθέσουμε εικόνες πάμε στην επιλογή Upload και στη σελίδα που θα φορτώσει επιλέγουμε την έκθεση στην οποία θέλουμε οι εικόνες να τοποθετηθούν. Προαιρετικά μπορούμε να εισάγουμε και περιγραφή και τίτλο για την εικόνα. Όταν τελειώσουμε πατάμε το πλήκτρο Upload

RS Gallery Επιλογή gallery Αποθήκευση Περιγραφή εικόνας Τίτλος εικόνας Αρχείο εικόνας

RS Gallery Για να εισάγουμε σύνδεσμο προς τις εκθέσεις μας πηγαίνουμε στο Menus και επιλέγουμε το μενού της επιλογής μας Αμέσως μετά πατάμε New και επιλέγουμε RS Gallery2

RS Gallery

Components Τα components στο Joomla αποτελούνται από ένα zip αρχείο το οποίο εμπεριέχει μια σειρά από αρχεία, χρήσιμα τόσο στο frontend όσο και στο backend. Για να γίνει επιτυχώς η εγκατάσταση η λίστα των αρχείων, σε συνδυασμό με πιθανές προσθήκες στη βάση δεδομένων, είναι αναγκαία η ύπαρξη ενός XML αρχείου το οποίο θα καθορίζει τα παραπάνω.

Components Θα φτιάξουμε το αντίστοιχο του Hello World για το Joomla και θα το ονομάσουμε HelloWorld. Στο Joomla το component θα ονομάζεται com_helloworld. Σε πρώτη φάση θα επιστρέφει ένα hello world μήνυμα μαζί με την τρέχουσα ημερομηνία.

Components Θα φτιάξουμε το αντίστοιχο του Hello World για το Joomla και θα το ονομάσουμε hello. Στο Joomla το component θα ονομάζεται com_hello. Το component αυτό θα επιστρέφει ένα hello world μήνυμα.

Components (Base)

Components (Controller)

Components (View)

Components (Template)

Components (XML)

Components Links για πιο πολύπλοκα components: http://docs.joomla.org/Developing_a_Model-View-Controller_Component_-_Part_1 http://docs.joomla.org/Developing_a_Model-View-Controller_Component_-_Part_2_-_Adding_a_Model http://docs.joomla.org/Developing_a_Model-View-Controller_Component_-_Part_3_-_Using_the_Database http://docs.joomla.org/Developing_a_Model-View-Controller_Component_-_Part_4_-_Creating_an_Administrator_Interface

Modules Στην απλούστερη περίπτωση ένα module μοιάζει με μικρό άρθρο. Για να δημιουργήσουμε ένα Hello World module αρκεί να πάμε στο μενού Extensions, Module Manager και να πατήσουμε New Στη συνέχεια εισάγουμε τα στοιχεία που μας ενδιαφέρουν και πατάμε Save Το module μας είναι έτοιμο.

Modules Προφανώς μπορούμε να δημιουργήσουμε πιο πολύπλοκα modules http://dev.joomla.org/component/option,com_jd-wiki/Itemid,/id,modules:hello_world/ http://www.mambodemo.com/joomla_1.5/create_a_module.html