Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε

Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε

Εισαγωγή στα συστήματα διαχείρισης περιεχομένου (CMS) με το Joomla!

Παρόμοιες παρουσιάσεις


Παρουσίαση με θέμα: "Εισαγωγή στα συστήματα διαχείρισης περιεχομένου (CMS) με το Joomla!"— Μεταγράφημα παρουσίασης:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

18 Eγκατάσταση: Εκκίνηση του XAMPP Lite
Πηγαίνουμε στη δ/νση:

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

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

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

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

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

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

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

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

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

28 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 identified by ‘joomla_user_password’; Στη συνέχεια μπορούμε να διαχειριστούμε τη βάση μπαίνοντας ως joomla_user mysql –u joomla_user –p SELECT DATABASE joomla_test; ...

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

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

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

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

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

34 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/

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

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

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

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

39 Σετ Χαρακτήρων και collations
Σετ χαρακτήρων: Σύνολο από σύμβολα και κωδικοποιήσεις (encodings) Collation: Σύνολο από κανόνες για τη σύγκριση χαρακτήρων ενός σετ. ‘α’ > ‘β’ ; ‘Α’ = ‘α’ ; ‘Ö’=‘OE’ ;

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

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

42 Εγκατάσταση 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 μας στη διεύθυνση (εάν δεν λειτουργήσει σε Windows Vista δοκιμάστε

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

70 RS Gallery

71 RSGallery

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

113 Χρήστες (Users)

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

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

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

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

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

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

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

121 Πρότυπα (Templates)

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

123 Πρότυπα (Templates)

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

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

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

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

128 Joomfish

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

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

131 Joomfish

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

152 RS Gallery

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

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

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

156 Components (Base)

157 Components (Controller)

158 Components (View)

159 Components (Template)

160 Components (XML)

161 Components Links για πιο πολύπλοκα components:

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

163 Modules Προφανώς μπορούμε να δημιουργήσουμε πιο πολύπλοκα modules


Κατέβασμα ppt "Εισαγωγή στα συστήματα διαχείρισης περιεχομένου (CMS) με το Joomla!"

Παρόμοιες παρουσιάσεις


Διαφημίσεις Google