Επιλογή θέματος δικτυακού τόπου Σχεδίαση δικτυακού τόπου Συλλογή – ανάπτυξη – επεξεργασία παρεχόμενης πληροφορίας Υλοποίηση πολυμεσικής εφαρμογής στο περιβάλλον.

Παρουσίαση με θέμα: "Επιλογή θέματος δικτυακού τόπου Σχεδίαση δικτυακού τόπου Συλλογή – ανάπτυξη – επεξεργασία παρεχόμενης πληροφορίας Υλοποίηση πολυμεσικής εφαρμογής στο περιβάλλον."— Μεταγράφημα παρουσίασης:

1 Επιλογή θέματος δικτυακού τόπου Σχεδίαση δικτυακού τόπου Συλλογή – ανάπτυξη – επεξεργασία παρεχόμενης πληροφορίας Υλοποίηση πολυμεσικής εφαρμογής στο περιβάλλον Joomla Παρουσίαση του δικτυακού τόπου στην ομάδα - σχολιασμός Περιεχόμενα

2 Ανάπτυξη δικτυακού τόπου πολιτιστικού e-μαγκαζίνο

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

4 Σενάρια χρήσης Π.χ. 1)Ο χρήστης διαβάζει άρθρα σε κατηγορίες πολιτιστικών ειδήσεων π.χ. Θέατρο, Σινεμά, Βιβλίο, Εικαστικά, Εκδηλώσεις 2)Ο χρήστης διαβάζει πρώτα τα τελευταία άρθρα σε κάθε κατηγορία 3)Ο χρήστης συμμετέχει ψηφίζοντας για κάποια θέματα 4)Τα γεγονότα εμφανίζονται σε ημερολόγιο 5)Ο χρήστης μπορεί να γράψει μηνύματα σε ένα χώρο συζητήσεων για συγκεκριμένα θέματα ή ελεύθερα

5 Επίσκεψη δικτυακών τόπων πολιτιστικών μαγκαζίνων –Ανεπτυγμένων με Joomla και άλλων Συμπλήρωση πίνακα (grid) λειτουργικότητας των υπό εξέταση περιπτώσεων για σύγκριση, ιδέες κλπ Μελέτη επιλεγμένων δικτυακών τόπων της ίδιας θεματολογίας

6 http://e-politismos.gr/php/ http://www.hridanos.gr/ http://ebdomi.com/ http://www.pyxida.gr/ www.athinorama.gr Αναζήτηση δικτυακών τόπων πολιτιστικών μαγκαζίνων Επιλέξτε έναν ιστότοπο για να πραγματοποιήσετε την έρευνά σας

7 Μελέτη δικτυακών τόπων Δ. Εμφάνιση περιεχομένου  Πρόσφατα άρθρα  Newsflash  Blog style / Λίστα άρθρων  Ταξινόμηση  Αναζήτηση

8 Μελέτη δικτυακών τόπων Ε. Άλλη λειτουργικότητα  Σχόλια στο περιεχόμενο  Δημοσκοπήσεις  Κοινότητα χρηστών  Φωτογραφίες  Άλμπουμ φωτογραφιών  Κατηγορίες συνδέσμων  Φόρμα επικοινωνίας  Ημερολόγιο γεγονότων  Μεταφορτώσεις αρχείων  Forum

9 Ανάλυση απαιτήσεων δικτυακού τόπου προβολής της περιοχής σας Επιλέξτε ( με βάση τις ιδέες που πήρατε και τα σενάρια χρήσης σας) τα χαρακτηριστικά και τη λειτουργικότητα του πιλοτικού δικτυακού τόπου που θα υλοποιήσετε. ΦΥΣΙΚΑ ΣΕ Joomla!

10 Σχεδίαση του δικτυακού σας τόπου Περιεχόμενο Αριθμός γλωσσών Ενότητες περιεχομένου:  Νέα/Ανακοινώσεις  Σινεμά  Θέατρο  Βιβλίο  Εικαστικά  Άλλες εκδηλώσεις –Υποενότητες περιεχομένου:  Ελληνικές ταινίες  Ξένες ταινίες  Εκθέσεις ζωγραφικής,  Ελληνικό βιβλίο

11 Δημιουργία του περιεχομένου σας Δημιουργήστε το περιεχόμενό σας στις ενότητές σας

12 Σχεδίαση του δικτυακού σας τόπου Επιλογή επιπλέον λειτουργικότητας  Δημοσκοπήσεις  Σύνδεσμοι  Δημιουργία κατηγοριών συνδέσμων: …  Φόρμα επικοινωνίας  Άλμπουμ φωτογραφιών  Κατηγορίες άλμπουμ φωτογραφιών: …  Κοινότητα χρηστών  Κατηγορίες χρηστών: …  Ημερολόγιο γεγονότων  Μεταφορτώσεις αρχείων  Forum συζητήσεων  Θέματα …

13 Πρώτη σχεδίαση της διεπαφής του ιστοτόπου σας Πρώτη σελίδα –Ποια άρθρα θα φαίνονται στην πρώτη σελίδα; Μενού επιλογών του χρήστη Διάταξη σελίδων –Λογότυπο Μέγεθος και θέση Θέση του μενού επιλογών

14 Πρώτη σχεδίαση της διεπαφής του ιστοτόπου σας Σχεδιάστε την διεπαφή (οθόνες) του ιστοτόπου σας

15 Πρώτη σχεδίαση της διεπαφής του ιστοτόπου σας Δημιουργήστε το λογότυπο του ιστοτόπου σας με κάποιο απλό πρόγραμμα γραφικών Π.χ. inkscape

16 Παρουσίαση της σχεδίασής σας

17 Ανάπτυξη του ιστοτόπου σας

18 Δημιουργία του δικτυακού τόπου Εγκατάσταση περιβάλλοντος για τη λειτουργία του Joomla –Προτεινόμενα: Πολυπλατφρμική εγκατάσταση σε ένα βήμα: XAMPP Lite από το http://www.apachefriends.org/en/xampp- windows.html XAMPP Lite 1.6.8http://www.apachefriends.org/en/xampp- windows.html –Εναλλακτικά: PHP 4.4.9 http//php.nethttp//php.net MySQL 5.0 Community Server http://dev.mysql.com/downloads/mysql/5.0.html http://dev.mysql.com/downloads/mysql/5.0.html Apache HTTP server 1.3 (2.2) http://httpd.apache.orghttp://httpd.apache.org mod_mysql, mod_xml, mod_zlib

19 XAMPP Lite XAMPP Lite 1.6.8: –Apache 2.2.9 –PHP 5.2.6 –MySQL 5.0.67 –phpMyAdmin 2.11.9.2 –OpenSSL 0.9.8i –SQLite 2.8.15 –Μεταφόρτωση, εγκατάσταση, εκτέλεση

20 XAMPP Lite

21

22

23

24 Βάση δεδομένων Δημιουργία της βάσης δεδομένων MySQL –Command line mysql client mysql –u root –p –phpMyAdmin ή http://localhost/phpmyadmin –MySQL Administrator / MySQL Query Browser

25 Βάση δεδομένων Δημιουργία της βάσης δεδομένων MySQL –!! Utf8 collation Collation = κανόνες για τη σύγκριση χαρακτήρων Utf8 = κωδικοποίηση UTF-8 του Unicode character set (1-3 bytes ανά χαρακτήρα) utf8_unicode_ci είναι το πιο ακριβές collation για όλες τις γλώσσες

26 Βάση δεδομένων CREATE DATABASE myjos_db default collate=utf8_unicode_ci; GRANT ALL PRIVILEGES ON myjos_db.* to ‘myjos_user’@’localhost’ identified by ‘pwd’;

27 Βάση δεδομένων

28 Database privileges

29 Εγκατάσταση Joomla –Joomla! 1.0.15 (προηγούμενη έκδοση) –Joomla! 1.5 http://www.joomla.org/download.html Μεταφορά και αποσυμπίεση του αρχείου στο φάκελο των αρχείων του web server –htdocs ή … Φάκελος myproject Πρόσβαση μέσω web browser για την παραμετροποίηση (http://localhost/myproject/ ή …)http://localhost/myproject/

30 Εγκατάσταση Joomla

31 Βήματα εγκατάστασης Joomla! Γλώσσα, προληπτικός έλεγχος Αποδοχή άδειας Ρυθμίσεις βάσης Όνομα ιστότοπου Παράμετροι συστήματος Διαγραφή του φακέλου εγκατάστασης Joomla Πρόσβαση στο http://localhost/myproject/administrator http://localhost/myproject/administrator

32 Παράμετροι σύνδεσης στη βάση

33 Δημιουργία του δικτυακού τόπου Αναζήτηση και επιλογή Joomla! Template –Ποια χαρακτηριστικά πρέπει να έχουμε υπόψη μας κατά την επιλογή του template; Να ταιριάζει το template με το θέμα μας Να είναι εύκολα παραμετροποιήσιμο

34 Δημιουργία του δικτυακού τόπου Αναζήτηση, επιλογή και εγκατάσταση Joomla! Template –Joomlashack www.joomlashack.com –RocketTheme www.rockettheme.com –JoomlArt www.joomlart.com –Google it “free joomla template”

35 Δημιουργία του δικτυακού τόπου Παραμετροποίηση του template –Μέγεθος –Επιλογή χρωμάτων –Λογότυπο –Υποσέλιδο

36 Δημιουργία του δικτυακού τόπου Εγκατάσταση γλωσσών –Αν είναι απαραίτητο Εγκατάσταση και παραμετροποίηση Joomfish –http://www.joomfish.net/downloads/http://www.joomfish.net/downloads/ –Εμφάνιση γλωσσών στη διεπαφή

37 Δημιουργία του δικτυακού τόπου Δημιουργία ενοτήτων, κατηγοριών περιεχομένου –Μετάφραση τίτλων ενοτήτων και κατηγοριών περιεχομένου Τοποθέτηση των ενοτήτων και κατηγοριών στο (στα) μενού επιλογών Μορφή blog, λίστας, …? Παραμετροποίηση

38 Δημιουργία του δικτυακού τόπου Δημιουργία των άρθρων ανά ενότητα ή κατηγορία –Δημιουργία (σε καθορισμένη κατηγορία) –Μορφοποίηση –Παραμετροποίηση –Μετάφραση

39 Δημιουργία του δικτυακού τόπου Δημιουργία των κατηγοριών συνδέσμων Δημιουργία συνδέσμων ανά κατηγορία Εμφάνιση συνδέσμων στη διεπαφή –Επιλογή στο μενού

40 Δημιουργία του δικτυακού τόπου Στοιχεία επικοινωνίας –Contacts (categories, contacts) –Εμφάνιση στο μενού –Έλεγχος φόρμας αποστολής email

41 Δημιουργία του δικτυακού τόπου Δημιουργία δημοσκόπησης –Components -> Polls Παράδειγμα θέματος: Σας αρέσει ο ιστότοπός μας; … –Εμφάνιση στην πρώτη σελίδα

42 Δημιουργία του δικτυακού τόπου Αναζήτηση, εγκατάσταση και παραμετροποίηση επιπλέον components και modules –Άλμπουμ φωτογραφιών –Ημερολόγιο –Διαχείριση εγγράφων –Σχόλια χρηστών –http://extensions.joomla.org/http://extensions.joomla.org/

43 Δημιουργία αντιγράφων ασφαλείας Αντιγραφή αρχείων joomla Αντίγραφο της βάσης δεδομένων