1. Εγκατάςταςη Xampp Προκειμζνου να γίνει θ εγκατάςταςθ κα πρζπει πρϊτα να κατεβάςετε και εγκαταςτιςετε το XAMPP ωσ ακολοφκωσ. 1.1. Πάμε ςτθν ακόλουκθ διεφκυνςθ https://www.apachefriends.org/download.html και επιλζγουμε τθν κατάλλθλθ ζκδοςθ για κατζβαςμα ανάλογα με το λειτουργικό μασ. 1.2. Στθ ςυνζχεια και αφοφ κατζβει το εκτελζςιμο αρχείο το τρζχουμε και αρχικά εμφανίηεται ζνα ενθμερωτικό μινυμα που μασ λζει να μθν κάνουμε τθν εγκατάςταςθ μζςα ςτον φάκελο Program Files. Πατάμε Ok. 1.3. Στθν επόμενθ οκόνθ που μασ ηθτάει τι να εγκαταςτιςουμε καλό είναι να τα επιλζξουμε όλα για ενδεχόμενο μελλοντικισ χριςθσ. Στα πλαίςια του εργαςτθρίου όμωσ απαραίτθτεσ είναι μόνο οι επιλογζσ που εμφανίηονται ςτθν παρακάτω οκόνθ δθλαδι Apache, MySQL, PHP, phpmyadmin: - 1 -
1.4. Στθν επόμενθ οκόνθ επιλζγουμε τον φάκελο ςτον οποίο κα γίνει θ εγκατάςταςθ και πατάμε Next 1.5. Στθν επόμενθ ενθμερωτικι οκόνθ ξετικάρουμε τθν επιλογι για περιςςότερεσ πλθροφορίεσ και πατάμε Next - 2 -
1.6. Στισ επόμενεσ οκόνεσ ακολουκοφμε τισ οδθγίεσ πατϊντασ Next 1.7. Στθν επόμενθ οκόνθ ξετικάρουμε το κουμπί επιλογισ (μιασ και κα ενεργοποιιςουμε το control panel με τθν διαδικαςία που κα ακολουκοφμε από εδϊ και πζρα) και πατάμε Finish. - 3 -
2. Ενεργοποίηςη Apache και MySQL 2.1. Στθ ςυνζχεια ενεργοποιοφμε τον Apache και τθ βάςθ δεδομζνων MySQL. Για να γίνει αυτό πθγαίνουμε και τρζχουμε το αρχείο c:/xampp15/xampp-control.exe. Φροντίηουμε να μθν τρζχει κάποιο πρόγαμμα torrent ι το teamviewer ςτον υπολογιςτι (αν τρζχει το απενεργοποιοφμε) και επιλζγουμε start για τον Apache και τθ MySQL. Κακϊσ επιλζγετε το Start μόνο τθν πρϊτθ φορά που κα το κάνετε κα εμφανιςτοφν οι παρακάτω οκόνεσ ςτισ οποίεσ απλά κα επιλζξετε Allow access 2.2. Στθ ςυνζχεια ανοίγουμε τον broswer μασ και γράφουμε http://localhost Αν εμφανιςτεί θ παρακάτω οκόνθ όλα ζχουν γίνει ςωςτά - 4 -
3. Δημιουργία Βάςησ Δεδομένων 2.3. Ανοίγουμε το πρόγραμμα διαχείριςθσ βάςεων δεδομζνων μζςω τθσ παρακάτω διεφκυνςθσ http://localhost/phpmyadmin/ και επιλζγουμε ςτο κουμπί Βάςεισ δεδομζνων 2.4. Στθν οκόνθ που εμφανίηεται δίνουμε ςτο αντίςτοιχο πλαίςιο το όνομα τθσ βάςθσ που κζλουμε να δθμιουργιςουμε π.χ. e1 και πατάμε ςτο κουμπί Δθμιουργία - 5 -
2.5. Ακολοφκωσ επιλζγουμε από το μενοφ τα Δικαιϊματα και ςτθ ςυνζχεια Προςκικθ χριςτθ 2.6. Ακολοφκωσ δθμιουργοφμε ζναν χριςτθ με το ίδιο όνομα με τθ βάςθ δεδομζνων π.χ. e1 ςφμφωνα και με τα ςτοιχεία που ζχει θ παρακάτω οκόνθ. Βάηουμε και ζναν κωδικό που κα πρζπει να τον κυμόμαςτε κανονικά με αρικμοφσ γράμματα και ςφμβολα. Στθν περίπτοςι μασ όμωσ βάηουμε το 1234. Τζλοσ πατάμε τζρμα κάτω δεξιά το κουμπί Εκτζλεςθ - 6 -
4. Εγκατάςταςη Joomla 4.1. Κατεβάηουμε τθν τελευταία ζκδοςθ του Joomla από τον παρακάτω ςφνδεςμο https://www.joomla.org/download.html 4.2. Δθμιουργοφμε ζνα φάκελο με το όνομα τθσ ιςτοςελίδασ μασ π.χ. e1 μζςα ςτον φάκελο c:/xampp15/htdocs/ και αφοφ τον δθμιουργιςουμε αποςυμπιζηουμε τα περιεχόμενα του αρχείου που κατεβάςαμε μζςα ςτον νζο φάκελο δθλαδι τον c:/xampp15/htdocs/e1/. 4.3. Ανοίγουμε τον φυλλομετρθτι και πατάμε localhost/e1 (δθλαδι το όνομα του φακζλου που δθμιουργιςαμε και αποςυμπιζςαμε τα περιεχόμενα του ςυμπιεςμζνου αρχείου) και ςυμπλθρϊνουμε τισ πλθροφορίεσ που μασ ηθτάει. Προςοχι για λόγουσ ευκολίασ δθλϊςτε Όνομα χρήςτη: user και κωδικό: 1234 user 1234 1234-7 -
4.4. Στθ ςυνζχεια δθλϊνουμε το όνομα βάςθσ, το όνομα χριςτθ και τον κωδικό που είχαμε δϊςει κατά τθ δθμιουργία τθσ βάςθσ δεδομάνων. Δίνουμε και ζνα πρόκεμα πίνακα το οποίο πρζπει να τελειϊνει με _ ι αφινουμε το υπάρχων ωσ ζχει. Στθ ςυνζχεια πατάμε επόμενο e1 1234 e1 4.5. Στθν επόμενθ οκόνθ επιλζγουμε Προεπιλεγμζνο Ενδεικτικό περιεχόμενο ςτα Αγγλικά και πατάμε εγκατάςταςθ - 8 -
4.6. Σε αυτό το ςθμείο ζχει ολοκλθρωκεί θ εγκατάςταςθ. Για να εγκαταςτιςουμε τθν ελλθνικι γλϊςςα επιλζγουμε Επιπλζον Βιματα: Εγκατάςταςθ γλωςςϊν και ακολουκοφμε τισ οκόνεσ 4.7. Επιλζγουμε Greek και πατάμε Επόμενο 4.8. Δθλϊνουμε ωσ προεπιλεγμζνθ γλϊςςα τα ελλθνικά και πατάμε Επόμενο - 9 -
4.9. Η εγκατάςταςθ ολοκλθρϊκθκε. Για λόγουσ αςφαλείασ κα πρζπει να διαγραφεί ο φάκελοσ installation από τθν ιςτοςελίδα μασ. Αυτό γίνεται επιλζγοντασ το κουμπί «Διαγραφι του καταλόγου με τα αρχεία εγκατάςταςθσ»: - 10 -
4.10. Τζλοσ κάτω αριςτερά ζχουμε δφο επιλογζσ για να επιλζξουμε Ιςτότοποσ. Μασ οδθγεί ςτθν ιςτοςελίδα που κα βλζπει ο κάκε επιςκζπτθσ. Στο εξισ κα μποροφμε να επιςκεφτόμαςτε τθν ιςτοςελίδα μασ ςτθν ακόλουκθ διεφκυνςθ: http://localhost/ex όπου ex το όνομα τθσ ομάδασ εργαςτθρίου π.χ. e1 Ιςτοςελίδα που βλζπει ο επιςκζπτθσ Διαχείριςη. Μασ οδθγεί ςτο διαχειριςτικό τμιμα τθσ ιςτοςελίδασ μασ από όπου μποροφμε να ειςάγουμε πλθροφορίεσ (άρκρα, μενοφ κ.α.) ι να τθν τροποποιιςουμε κατά βοφλθςθ. Στο εξισ κα μποροφμε να επιςκεφτόμαςτε το διαχειριςτικό κομμάτι τθσ ιςτοςελίδασ μασ ςτθν ακόλουκθ διεφκυνςθ διεφκυνςθ: http://localhost/ex/administrator όπου ex το όνομα τθσ ομάδασ εργαςτθρίου π.χ. e1-11 -
Σφνδεςθ ςτθν ιςτοςελίδα διαχειριςτι 4.11. Αφοφ ειςάγουμε ςτθ ςελίδα τθσ διαχείριςθσ το username και τον κωδικό μασ επιλζγουμε «Log in» και εμφανίηεται το κεντρικό μενοφ επιλογϊν τθσ διαχείριςθσ τθσ ιςτοςελίδασ μασ. Κεντρικό μενοφ διαχείριςθσ ιςτοςελίδασ - 12 -
5. Εγκατάςταςη κειμενογράφου JCE 5.1. Από το οριηόντιο μενοφ επιλζγουμε Επεκτάςεισ Διαχείριςη Επεκτάςεων και 5.2. Ακολοφκωσ επιλζγουμε Προςθήκη καρτζλασ «Εγκατάςταςη από το Web» 5.3. Κάνουμε αναηιτθςθ με τον όρο JCE και ςτα αποτελζςματα επιλζγουμε το JCE που κα εμφανιςτεί (λογικά πρϊτο) jce - 13 -
5.4. Επιλζγουμε Install και ςτθ ςυνζχεια εγκατάςταςθ 5.5. Επιλζγουμε από το μενοφ Σφςτθμα Γενικζσ ρυκμίςεισ - 14 -
5.6. Επιλζγουμε ωσ Προεπιλεγμζνο Κειμενογράφο τον Editor JCE και πατάμε Αποθήκευςη Συγχαρθτιρια πλζον μπορείτε να δουλζψετε με το Joomla - 15 -