2. Τι είναι το CMS (Content Management System);
Τα CMS ή Συστήματα Διαχείρισης Περιεχομένου χρησιμοποιούνται για τη δημιουργία δυναμικών ιστοσελίδων. Το
περιεχόμενό ενός CMS μπορεί να αποτελείται από (ή ένα συνδυασμό από) κείμενο, φωτογραφίες, μουσική, βίντεο,
έγγραφα ή σχεδόν ότι μπορούμε να φανταστούμε. Ένα από τα μεγάλα πλεονεκτήματά του είναι ότι δεν χρειάζονται
ιδιαίτερες γνώσεις για να το διαχειριστούμε. Επίσης, έχουμε την δυνατότητα να αλλάζουμε την εμφάνιση του δικού μας
CMS κάνοντας το μοναδικό.
Γενικά, οι δυνατότητες μιας ιστοσελίδας φτιαγμένης με κάποιο CMS εξαρτώνται από:
Τις εφαρμογές (components)
Τα ενθέματα (modules)
Τα πρόσθετα (plug-ins)
Τα πρότυπα (templates)
3. Τα πιο δημοφιλή Content Management Systems (CMS)
Συστήματα Διαχείρισης Περιεχομένου
Wordpress
ΔΩΡΕΑΝ
Joomla!
ΔΩΡΕΑΝ
Drupal
ΔΩΡΕΑΝ
Magento
ΕΜΠΟΡΙΚΟ
Ξεκίνησε ως εφαρμογή για
δημιουργία ιστολογίων και έχει
εξελιχθεί σε ένα πολύ ευέλικτο
CMS
Εξελίχθηκε από το πετυχημένο
Mambo και όπως και τα άλλα
δύο δωρεάν CMS έχει μια πολύ
μεγάλη κοινότητα χρηστών.
Για κάποιους το καλύτερο CMS.
Υστερεί έναντι των δύο
προηγούμενων CMS στην
ευκολία χρήσης.
Εξειδικευμένο εμπορικό CMS
που χρησιμεύει αποκλειστικά
στη δημιουργία e-shop.
7. Το Joomla! χρησιμοποιείται ευρέως στο διαδίκτυο
κάτι το οποίο δεν είναι τυχαίο μιας και έχει πολλά
πλεονεκτήματα τα οποία με κάθε καινούρια
έκδοση γίνονται όλο και περισσότερα.
Πολυγλωσσικές ιστοσελίδες
Μεγάλη κοινότητα υποστήριξης
Εύκολη αναβάθμιση
Τι είναι το Joomla!
Το Joomla! είναι ένα
βραβευμένο CMS που μας
δίνει την δυνατότητα να
φτιάξουμε ιστοσελίδες και
διαδικτυακές εφαρμογές.
Μερικά πλεονεκτήματα
Μεγάλος αριθμός επεκτάσεων
Δυνατότητα συνεργασίας χρηστών
Σχεδόν άπειρες δυνατότητες αλλαγής εμφάνισης
8. MTV
UK Ministry of
Defence
Υπουργείο Άμυνας
Ηνωμένου Βασιλείου
Υπουργείο
Πολιτισμου,
Πιαδειας και
θρησκευμάτων
General Electric IKEA
Orange TelecomPizza Hut
9. Πριν κάνουμε οτιδήποτε άλλο,
σιγουρευόμαστε ότι έχουμε δίπλα μας
το όνομα χρήστη και τον κωδικό
εκπαιδευτικού για το Π.Σ.Δ.
Πηγαίνουμε στην σελίδα
του Π.Σ.Δ.
http://www.sch.gr
Κάνουμε κλικ στο σύνδεσμο
«Συνδεση» στο μενού που
βρίσκεται στο επάνω μέρος της
σελίδας.
Εγκαταστάση Joomla
Στο Π.Σ.Δ.
10. Συμπληρώνουμε το όνομα χρήστη και τον κωδικό μας στα αντίστοιχα πεδία και πατάμε είσοδος. Σε
περίπτωση που έχετε ήδη εγκαταστήσει το ψηφιακό πιστοποιητικό του ΠΣΔ στον φυλλομετρητή σας,
επιλέξτε την επιλογή που βρίσκεται στο δεξιό μέρος της σελίδας.
11. Θα βρεθείτε πάλι στην αρχική σελίδα του ΠΣΔ. Αυτή τη φορά όμως στο μενού στο επάνω μέρος της σελίδας
θα υπάρχει και η επιλογή «MySch”. Κάντε κλικ εκεί.
13. Εδώ θα χρειαστεί να εισάγετε ξανά τον κωδικό σας και να πατήσετε «Είσοδος».
14. Στον πίνακα ελέγχου κάνουμε κλικ στο εικονίδιο «Δημιουργία/Διαχείριση ιστοσελίδων».
15. Κάνουμε κλικ στο εικονίδιο που βρίσκεται δίπλα στη επιλογή “Ιστοσελίδα Joomla”.
16. • Συμπληρώνουμε όλα τα πεδία με τα στοιχεία που επιθυμούμε και δίνουμε ένα όνομα (όνομα ιστότοπου) για τη σελίδα μας.
ΠΡΟΣΟΧΗ: το όνομα χρήστη και το συνθηματικό πρέπει να είναι με λατινικούς χαρακτήρες. Επίσης το Π.Σ.Δ. απαιτεί για λόγους
ασφάλειας το συνθηματικό να περιέχει τουλάχιστον ένα μικρό και ένα κεφαλαίο γράμμα και να έχει μήκος 8 χαρακτήρων το
λιγότερο.
• Στην επιλογή πακέτου επιλέγουμε “Joomla 2.5 - Προδιαμορφωμένη εγκατάσταση για σχολεία”.
18. Η εγκατάσταση έχει ολοκληρωθεί. Εδώ έχουμε δύο επιλογές: να επισκεφθούμε το δημόσιο τομέα ή τον
τομέα διαχείρισης του ιστοτόπου μας κάνοντας κλικ στην αντίστοιχη επιλογή.
Δημόσιος τομέας: http://users.sch.gr/το _όνομα_χρήστη/autosch/joomla15/
Τομέας διαχείρισης: http://users.sch.gr/το _όνομα_χρήστη/autosch/joomla15/administrator
19. Τομέας διαχείρισης: http://users.sch.gr/το _όνομα_χρήστη/autosch/joomla15/administrator
Εισάγουμε το όνομα χρήστη και τον κωδικό που δώσαμε κατά τη δημιουργία της σελίδας μας και πατάμε
“Σύνδεση”.
20. Στην οθόνη που θα εμφανισθεί επιλέγουμε την εγκατάσταση αναβάθμισης στην έκδοση 2.5.8
21. Στην επόμενη οθόνη, κάνουμε κλικ στη επιλογή Εγκατάσταση ενημέρωσης και περιμένουμε να
ολοκληρωθεί η ενημέρωση.
22. Δημόσιος τομέας & Τομέας διαχείρισης
Frontpage & Administration page
Δημόσιος Τομέας &
Τομέας Διαχείρισης
Τα δύο μέρη του Joomla!
Το Joomla! αποτελείται από δύο μέρη: το Δημόσιο Τομέα (Frontpage) και τον Τομέα Διαχείρισης (Administration). Ο Δημόσιος
τομέας είναι αυτός όπου εμφανίζονται αυτόματα τα νεότερα άρθρα μαζί με όποιες άλλες πληροφορίες (σε μορφή κειμένου,
εικόνας, βίντεο, κλπ.) έχουμε επιλέξει εμείς ως διαχειριστές. Στο δημόσιο μέρος έχουν πρόσβαση όλοι όσοι γνωρίζουν τη
διεύθυνση του ιστότοπου (εκτός και αν επιλέξουμε να περιορίσουμε την πρόσβαση σε αυτό). Στο Διαχειριστικό τομέα
υπάρχουν τα εργαλεία με τα οποία μπορούμε να ελέγξουμε τις λειτουργίες τις ιστοσελίδας. Για να μπούμε στο διαχειριστικό
μέρος, απλά προσθέτουμε στο τέλος της διεύθυνσης του ιστοτόπου μας το “/administrator”.
23. Γνωριμία με τον δημόσιο τομέα
Οι πρώτες εικόνες μετά την εγκατάσταση
24. Ο Δημόσιος Τομέας- Frontpage
01 Μενού
02 Φόρμα εισόδου
08 Αλλαγή μεγέθους
γραμματοσειράς
04 Υποσέλιδο
05 Breadcrumbs
06 Κυρίως σώμα
07 Κεφαλίδα
03 Πανό
09 Αναζήτηση
25. Εφαρμογές Ενθέματα Πρόσθετα Πρότυπα
ΕΝΘΕΜΑΤΑ
Οι εφαρμογές του Joomla! αποτελούν βασικά
στοιχεία της λειτουργικότητας του Joomla!
Συνήθως εμφανίζονται στο κυρίως σώμα μιας ιστοσελίδας
του Joomla! και μπορούμε να τις συμπεριλάβουμε σε κάποιο
μενού.
Το Joomla! έρχεται με κάποιες βασικές εφαρμογές π.χ., πανό
(banners), φόρμες επικοινωνίας (contacts) ,ροές ειδήσεων
(news feeds/rss), web συνδέσμους (links).
ΕΦΑΡΜΟΓΕΣ
Οι εφαρμογές του Joomla! αποτελούν βασικά
στοιχεία της λειτουργικότητας του Joomla!
Συνήθως εμφανίζονται στο κυρίως σώμα μιας
ιστοσελίδας του Joomla! και μπορούμε να τις
συμπεριλάβουμε σε κάποιο μενού.
Το Joomla! έρχεται με κάποιες βασικές
εφαρμογές π.χ., πανό (banners), φόρμες
επικοινωνίας (contacts) ,ροές ειδήσεων (news
feeds/rss), web συνδέσμους (links).
ΠΡΟΣΘΕΤΑ
Τα πρόσθετα είναι ένα διαφορετικό είδος
επέκτασης του Joomla. Συνήθως παρέχουν
επιπλέον δυνατότητες είτε στις εφαρμογές
του Joomla είτε δίνουν κάποιες παραπάνω
δυνατότητες στον ιστότοπο, όπως για
παράδειγμα η ενσωμάτωση κάποιου αρχείου
pdf μέσα σε κάποιο άρθρο, η ενσωμάτωση
κάποιου αρχείου ήχου, η δημιουργία
αναδυόμενων παραθύρων κ.ά.
ΠΡΟΤΥΠΑ
Τα πρότυπα του Joomla! είναι ένα
είδος επεκτάσεων που αλλάζει τον
τρόπο που εμφανίζεται ο ιστότοπος.
Υπάρχουν δύο ειδών πρότυπα. Αυτά
του δημόσιου μέρους (που είναι και
τα πιο διαδεδομένα) και αυτά του
διαχειριστικού. Στις ρυθμίσεις των
προτύπων υπάρχει συνήθως η
δυνατότητα αλλαγής κάποιων
χαρακτηριστικών όπως ο συνδυασμός
χρωμάτων, η διάρθρωση των θέσεων
την ενθεμάτων κ.ά.
Χωρίζονται σε 4 κατηγορίες
26. Οι εφαρμογές του Joomla!
αποτελούν βασικά στοιχεία της
λειτουργικότητας του Joomla!
ΕΦΑΡΜΟΓΕΣ
Components Συνήθως εμφανίζονται στο κυρίως σώμα μιας ιστοσελίδας του
Joomla! και μπορούμε να τις συμπεριλάβουμε σε κάποιο
μενού.
Το Joomla! έρχεται με κάποιες βασικές εφαρμογές π.χ., πανό
(banners), φόρμες επικοινωνίας (contacts), ροές ειδήσεων
(news feeds/rss), web συνδέσμους (links).
Μπορείτε να χρησιμοποιήσετε και εφαρμογές τρίτων (3rd
party joomla components) που αναπτύσσονται από τα μέλη
της Joomla! κοινότητας. Κάποιες διατίθενται δωρεάν και
κάποιες πωλούνται. Η πιο συχνά χρησιμοποιούμενη, είναι η
εφαρμογή περιεχομένου (content component).
Χρησιμοποιείται για τη δημιουργία, διαχείριση και
κατηγοριοποίηση άρθρων.
27. PORTFOLIO WORK 1
Cupcake ipsum dolor sit amet pudding wafer.
Chocolate bar tiramisu cake topping dessert ice
cream.
Education Pages
PORTFOLIO WORK 3
Cupcake ipsum dolor sit amet pudding wafer.
Chocolate bar tiramisu cake topping dessert ice
cream.
28. PORTFOLIO WORK 1
Cupcake ipsum dolor sit amet pudding wafer.
Chocolate bar tiramisu cake topping dessert ice
cream.
Commercial Pages
PORTFOLIO WORK 3
Cupcake ipsum dolor sit amet pudding wafer.
Chocolate bar tiramisu cake topping dessert ice
cream.
29. Joomla official page Joomla extensions directory Themesbase
Freshjoomla Joomla 24
Χρήσιμοι σύνδεσμοι
Ιστότοποι με χρήσιμο υλικό για επέκταση του Joomla!
30. THANK YOU FOR LISTENING!
Time for Discussion & Questions
http://www.joomla.org/
31. Στον Πίνακα Ελέγχου που θα εμφανισθεί, Κάντε κλικ στο εικονίδιο με τίτλο «Ρυθμίσεις βάσης δεδομένων
MySQL».
32. Αντιγράψτε τα παρακάτω στοιχεία: Όνομα χρήστη, Κωδικός πρόσβασης MySQL, όνομα βάσης δεδομένων.
Τέλος κάντε πάλι κλικ στην επιλογή «Πίνακας ελέγχου».
33. Στο παρακάτω παράδειγμα θα εγκαταστήσουμε τον
επεξεργαστή κειμένου JCE Editor. Πρόκειται για ένα freeware
επεξεργαστή κειμένου που επεκτείνει τις δυνατότητες του
κειμενογράφου του Joomla!.
Πηγαίνουμε στη σελίδα
https://www.joomlacontenteditor.net/
Downloads -> Editor – Joomla! 2.5
Κατεβάζουμε την νεότερη διαθέσιμη
έκδοση του JCE Editor και την
αποθηκεύουμε στον υπολογιστή μας. Τα
αρχεία είναι συνήθως της μορφής .zip ή
.tar.
Εγκατάσταση εφαρμογής (Component)*
Επιστρέφουμε στον τομέα διαχείρισης του
Joomla! και στο μενού «Επεκτάσεις» επιλέγουμε
«Διαχείριση Επεκτάσεων».
* Η ίδια διαδικασία ισχύει για την εγκατάσταση οποιουδήποτε είδους επέκτασης.
34. Πατάμε το πλήκτρο αναζήτηση και
βρίσκουμε το αρχείο που έχουμε
αποθηκεύσει στον υπολογιστή μας.
Στην περίπτωσή μας πρόκειται για το
αρχείο com_jce_250rc2.zip.
Κάνουμε κλικ στο πλήκτρο
Μεταφόρτωση &
Εγκατάσταση.
Μετά από λίγη ώρα θα εμφανισθεί
το μήνυμα που μας λέει ότι η
εγκατάσταση ήταν επιτυχής.
Editor's Notes
Click on the placeholder icon to add your image. After that Right Click on the image and choose -> Send to Back
Choose Format -> Send Backward if your image is over lapping the mobile phone. You might need to click it several times to get it where you need it to be.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.
Don’t forget to add a backroung a image and send it backward.