Σετνολογικό Εκπαιδεσηικό Ίδρσμα Κρήηης ΢τολή Σετνολογικών Εθαρμογών Σμήμα Εθαρμοζμένης Πληροθορικής & Πολσμέζων

Σετνολογικό Εκπαιδεσηικό Ίδρσμα Κρήηης
΢τολή Σετνολογικών Εθαρμογών
Σμήμα Εθαρμοζμένης Πληροθορικής & Πολσμέζων
Πηστιακή εργαζία
Σίηινο: Portal ηζηνρψξνο γηα ηηο δηαθνπέο ησλ θσθψλ ζηελ
Υεξζφλεζζν ηεο Κξήηεο µε ρξήζε ηνπ CMS Joomla
Παληεξκαξάθεο Γηψξγνο Α.Μ. 1426
Δπηβιέπσλ θαζεγεηήο: Μαληθάβαο Υαξάιακπνο
Δπηηξνπή Αμηνιφγεζεο:
Ηκεξνκελία παξνπζίαζεο:
ΠΕΡΙΕΧΟΜΕΝΑ
1.
2.
Ειςαγωγι......................................................................................................................................... 8
1.1
Περιγραφι πτυχιακισ εργαςίασ ............................................................................................. 8
1.2
΢κοπόσ πτυχιακισ εργαςίασ ................................................................................................... 8
Γενικζσ γνώςεισ ............................................................................................................................. 10
2.1
Ιςτοςελίδα ............................................................................................................................ 10
2.2
Ιςτότοποσ .............................................................................................................................. 10
2.3
Web Browsers ....................................................................................................................... 10
2.4
Domain Name ....................................................................................................................... 11
2.5
Web Server............................................................................................................................ 11
2.6
΢τατικζσ Ιςτοςελίδεσ ............................................................................................................. 11
2.7
Δυναµικζσ Ιςτοςελίδεσ ......................................................................................................... 11
2.8
PHP ........................................................................................................................................ 12
2.9
MySQL ................................................................................................................................... 12
2.10
HTML (HyperText Markup Language) ................................................................................... 12
2.11
CSS ......................................................................................................................................... 13
2.11.1
Πλεονεκτιµατα CSS ...................................................................................................... 14
2.11.2
Μειονεκτιµατα CSS ...................................................................................................... 14
2.12
XML (Extended Markup Language) ...................................................................................... 15
2.13
Ελεφκερο Λογιςµικό ............................................................................................................. 15
2.13.1
Άδειεσ ελεφκερου λογιςµικοφ ...................................................................................... 16
2.13.2
Πλεονεκτιµατα & Μειονεκτιµατα του Open Source .................................................. 16
2.14
3.
΢φςτθµα διαχείριςθσ περιεχοµζνου..................................................................................... 17
2.14.1
Χριςθ ενόσ CMS............................................................................................................ 17
2.14.2
Σα είδθ CMS .................................................................................................................. 18
2.14.3
Κατθγορίεσ CMS ............................................................................................................ 19
Εργαλεία ....................................................................................................................................... 22
2
3.1
3.1.1
Xampp ζκδοςθ 1.8.1 ..................................................................................................... 22
3.1.2
Joomla! 3.1.1v ............................................................................................................... 22
3.2
4.
5.
6.
7.
Αναφορά ............................................................................................................................... 22
Οδθγίεσ εγκατάςταςθσ ......................................................................................................... 23
3.2.1
Εγκατάςταςθ Xampp .................................................................................................... 23
3.2.2
Εγκατάςταςθ Joomla! ................................................................................................... 26
Γνωριµία µε τα Δοµικά ςτοιχεία του Joomla ............................................................................... 31
4.1
Δθµόςιο τµιµα και περιοχι διαχείριςθσ (Front-end και Back-end) .................................... 31
4.2
Δικαιώµατα πρόςβαςθσ (Access Rights) .............................................................................. 31
4.3
Περιεχόµενο (Content) ......................................................................................................... 32
4.4
Επεκτάςεισ (Extensions)........................................................................................................ 32
4.5
Εφαρµογζσ (Components) .................................................................................................... 32
4.6
Πρότυπα (Templates) ........................................................................................................... 33
4.7
Πρόςκετα (Plug-ins) .............................................................................................................. 33
4.8
Ενκζµατα (Μodules) ............................................................................................................. 34
4.9
Languages.............................................................................................................................. 34
4.10
Διαµόρφωςθ Ρυκµίςεων (Configuration Settings)............................................................... 35
4.11
Ροι εργαςίασ (Workflow) ..................................................................................................... 35
Δθμιουργία Βάςθσ Δεδομζνων και χριςτθ .................................................................................. 36
5.1
Δθμιουργία Βάςθσ Δεδομζνων ............................................................................................. 36
5.2
Δθμιουργία χριςτθ ............................................................................................................... 36
5.3
Αποδοςθ δικαιωμάτων ςτο χριςτθ anatoli.......................................................................... 37
Γνωριµία µε το περιβάλλον του Joomla! ...................................................................................... 39
6.1
Back-end................................................................................................................................ 39
6.2
Front-end .............................................................................................................................. 47
Δθµιουργία του ιςτοχώρου και τα εργαλεία για τθν υλοποίθςθ του .......................................... 48
7.1
Λογικι ςελίδασ...................................................................................................................... 48
3
8.
7.2
Αλλαγι background (Module) .............................................................................................. 49
7.3
Ειςαγωγι Λογότυπου (Module) ........................................................................................... 50
7.4
Ειςαγωγι Facebook Like Box (Module) ................................................................................ 51
7.5
Δθμιουργία slideshow (plugin) ............................................................................................. 53
7.6
Δθμιουργία event-gallery (plugin, component) ................................................................... 55
7.7
Δθμιουργία τθσ φόρμασ επικοινωνίασ (plugin) .................................................................... 61
7.8
Ειςαγωγι χάρτθ (plugin) ....................................................................................................... 62
7.9
Ειςαγωγι video (plugin) ....................................................................................................... 65
Βιβλιογραφία – Πθγζσ .................................................................................................................. 68
4
ΠΙΝΑΚΑ΢ ΔΙΚΟΝΩΝ
Εικόνα 1: Εγκατάςταςθ XAMPP ............................................................................................................ 24
Εικόνα 2: Extract XAMPP files ............................................................................................................... 24
Εικόνα 3: XAMPP Control Panel ............................................................................................................ 25
Εικόνα 4: Επιτυχισ εγκατάςταςθ του XAMPP ...................................................................................... 26
Εικόνα 5: Εγκατάςταςθ Joomla! - Αρχικι εικόνα ................................................................................. 27
Εικόνα 6: Εγκατάςταςθ Joomla! - Επιλογι ΒΔ...................................................................................... 28
Εικόνα 7: Εγκατάςταςθ Joomla! - Overview ......................................................................................... 29
Εικόνα 8: Εγκατάςταςθ γλώςςασ ......................................................................................................... 30
Εικόνα 9: Δθμιουργία ΒΔ (mydatabase) ............................................................................................... 36
Εικόνα 10: Δθμιουργία χριςτθ ............................................................................................................. 37
Εικόνα 11: ΢φνδεςθ του χριςτθ anatoli με τθ ΒΔ mydatabase ............................................................ 37
Εικόνα 12: Απόδοςθ δικαιωμάτων ςτο χριςτθ anatoli........................................................................ 38
Εικόνα 13: Επιτυχισ απόδοςθ δικαιωμάτων ςτο χριςτθ anatoli ςτθν ΒΔ mydatabase ...................... 38
Εικόνα 14: Log in ςτο Joomla!............................................................................................................... 39
Εικόνα 15: Πρώτθ εικόνα μετά το Log in ςτο Joomla! .......................................................................... 40
Εικόνα 16: Global Configuration ........................................................................................................... 40
Εικόνα 17: Global Configuration - Site .................................................................................................. 41
Εικόνα 18: Global Configuration - Server.............................................................................................. 42
Εικόνα 19: Control Panel - User Manager............................................................................................. 43
Εικόνα 20: User Manager - Users ......................................................................................................... 43
Εικόνα 21: User Manager - Edit Profile ................................................................................................. 44
Εικόνα 22: Edit Profile - Basic Settings.................................................................................................. 44
Εικόνα 23: Επιλογι για τθν δθμιουργία Menu..................................................................................... 45
Εικόνα 24: Δθμιουργία Menu .............................................................................................................. 45
Εικόνα 25: Σο menu που δθμιουργιςαμε ............................................................................................ 46
Εικόνα 26: Create new menu item ....................................................................................................... 46
5
Εικόνα 27: Add new menu item............................................................................................................ 46
Εικόνα 28: Details (options) of sub menu ............................................................................................. 47
Εικόνα 29: Η αρχικι ςελίδα του site μασ.............................................................................................. 48
Εικόνα 30: Background bgMAX............................................................................................................. 49
Εικόνα 31: Δθμοςίευςθ του background.............................................................................................. 50
Εικόνα 32: Logo - Module type - Custom HTML ................................................................................... 50
Εικόνα 33: Επιλογζσ για το logo μασ..................................................................................................... 51
Εικόνα 34: Επιλογι εικόνασ για logo .................................................................................................... 51
Εικόνα 35: Επιλογι του Flike ................................................................................................................ 52
Εικόνα 36: Ρυκμίςεισ του Flike ............................................................................................................. 52
Εικόνα 37: Ειςαγωγι διεφκυνςθσ που κα ςυνδζεται ο χριςτθσ πατώντασ ςτο Facebook ................. 53
Εικόνα 38: Επιτυχισ εγκατάςταςθ του Widgetkit Lite ......................................................................... 53
Εικόνα 39: Πρώτθ εικόνα που μασ εμφανίηεται για το slideshow ....................................................... 54
Εικόνα 40: Δθμιουργία slideshow ........................................................................................................ 54
Εικόνα 41: Ενεργοποίθςθ του slideshow ςαν module ......................................................................... 55
Εικόνα 42: Manage event ..................................................................................................................... 56
Εικόνα 43: New event gallery ............................................................................................................... 56
Εικόνα 44: Δθμιουργία τθσ ςυλλογισ φωτογραφιών rooms ............................................................... 57
Εικόνα 45: Επιλογζσ του event - rooms ................................................................................................ 57
Εικόνα 46: Ανζβαςμα φωτογραφιών (Upload) .................................................................................... 58
Εικόνα 47: Διαχείριςθ των φωτογραφιών (Manage Folder) ................................................................ 58
Εικόνα 48: Menu item για το room ...................................................................................................... 59
Εικόνα 49: Event - Image list επιλογζσ.................................................................................................. 60
Εικόνα 50: ΢τιγμιότυπο τθσ gallery - rooms.......................................................................................... 60
Εικόνα 51: Δθμιουργία φορμασ επικοινωνίασ ..................................................................................... 61
Εικόνα 52: Περιςςότερεσ ρυκμίςεισ για τθ φόρμα επικοινωνίασ ........................................................ 62
Εικόνα 53: Επιλογι Editor – TinyMCE ................................................................................................... 63
6
Εικόνα 54: Prohibited Elements............................................................................................................ 63
Εικόνα 55: Αφαίρεςθ του iframe .......................................................................................................... 64
Εικόνα 56: Η φόρμα επικοινωνίασ που δθμιουργιςαμε (Contact) ..................................................... 65
Εικόνα 57: AllVideos plug-in ................................................................................................................. 66
Εικόνα 58: Ειςαγωγι video από το youtube ........................................................................................ 66
Εικόνα 59: Σο πρώτο video τθσ ιςτοςελίδασ μασ ................................................................................. 67
Εικόνα 60: Σο δεφτερο video τθσ ιςτοςελίδασ μασ .............................................................................. 67
7
1. Ειςαγωγή
΢' απηφ ην θεθάιαην, ζα αλαθεξζνχµε ζπλνπηηθά ζηα “εξγαιεία” πνπ ρξεζηµνπνηήζαµε γηα ηελ
δεµηνπξγία ηνπ ηζηνρψξνο µαο θαη ζε µηα ζχληνµε αιιά φρη αλαθξηβείο πεξίιεςε ηεο φιεο
δνπιεηάο µαο θαη πνπ απνζθνπεί.
1.1 Περιγραφή πτυχιακήσ εργαςίασ
Ο ηζηνρψξνο µαο, είλαη µηα portal ηζηνζειίδα γηα ηηο δηαθνπέο ησλ θσθψλ ζηελ Κξήηε, βαζηζµέλε
ζε δπλαµηθφ ραξαθηήξα θαη ζηεξηδφµελε ζην αλνηρηφ ινγηζµηθφ πνπ µαο πξνζθέξεη ην Web content
management system (Web CMS). Με ηελ ρξήζε ηνπ CMS Joomla 3.1, ην νπoίν “ηξνθνδνηείηαη”
απν έλαλ free and open source cross-platform web server, ζηελ πεξίπησζε µαο ηνλ: Xampp 3.1.0,
πνπ ππνζηεξίδεη ηα εμήο:
 Apache 2.2.14 (IPv6 enabled) + OpenSSL 0.9.8l (εμππεξεηεηήο ηνπ παγθφζµηνπ ηζηνχ)
 MySQL 5.1.41 + PBXT engine (DataBase)
 PHP 5.3.1 (γιψζζα πξνγξαµµαηηζµνχ γηα web εθαξµνγέο µε δπλαµηθφ ραξαθηήξα)
 phpMyAdmin 3.2.4 (open source tool written in PHP intended to handle the administration of
MySQL over the World Wide Web)
 Perl 5.10.1 (αληηθεηµελνζηξαθήο γιψζζα πξνγξαµµαηηζµνχ)
 FileZilla FTP Server 0.9.33 (ftp server)
 Mercury Mail Transport System 4.72 (smtp server)
θαζψο θαη ησλ θαηάιιεισλ εξγαιείσλ ηνπ (Modules, Components & Plugins), δηαρεηξηδφµαζηε
πιήξσο ηελ ηζηνζειίδα µαο, ηεο νπνίαο ην template έρνπµε θαηεβάζεη απφ ππνζηεξηθηηθέο ζειίδεο
ηνπ joomla.
1.2 ΢κοπόσ πτυχιακήσ εργαςίασ
Ο ηζηνρψξνο µαο, ζα απεπζχλεηαη ζηνπο θσθνχο θίινπο καο πνπ επηζπµνχλ λα ελεκεξσζνχλ γηα
ηηο δηαθνπέο ηνπο ζην φκνξθν λεζί καο, θηινμελνχκελνη ζην μελνδνρείν καο ζηελ Υεξζφλεζν.
Μέζα απφ έλαλ πιήξε νδεγφ θαη θαη κηα ζπιινγή θσηνγξαθηθνχ πιηθνχ, κπνξεί θάπνηνο λα ιάβεη
φηη πιεξνθνξίεο επηζπκεί αιιά θαη λα επηθνηλσλήζεη καδί καο είηε ζηέιλνληαο έλα κήλπκα απφ ηε
θφξκα επηθνηλσλίαο είηε κε live skype chat. Η ζπλνκηιία ζην skype, ζα γίλεηαη ζηε λνεκαηηθή
γιψζζα.
8
Ο ηζηνρψξνο ζα πεξηέρεη θαη δχν video ζηε νοημαηική γλώζζα, ψζηε ζηα άηνκα πνπ απεπζχλεηαη
ην site, λα είλαη πην επράξηζην θαη θαηαλνεηφ. Δπίζεο, κε ηε ρξήζε ηνπ Google map, ζα κπνξνχλ λα
πξνζαλαηνιηζηνχλ πην εχθνια θαη λα δνπλ ηη ππάξρεη ζηελ γχξν πεξηνρή.
9
2. Γενικέσ γνώςεισ
2.1 Ιςτοςελίδα
Η ηζηνζειίδα είλαη έλα αξρείν πνπ πεξηέρεη πιεξνθνξίεο πνπ είλαη πξννξηζµέλεο γηα
δεµνζίεπζε ζηνλ Παγθφζµην Ιζηφ (www). Μία ηζηνζειίδα είλαη πξνζβάζηµε απφ έλα
Φπιινµεηξεηή (web browser). Οη πιεξνθνξίεο ηεο είλαη ζπλήζσο γξαµµέλεο µε HTML ή
XHTML.
Μία ηζηνζειίδα µπνξεί λα πεξηέρεη έλα ζχλνιν πιεξνθνξηψλ φπσο θείµελα, γξαθηθά,
θσηνγξαθίεο, video, ήρνπο, ρξψµαηα ή αθφµα θαη δηάθνξα αξρεία. Οη επηζθέπηεο ηεο ηζηνζειίδαο
νλνµάδνληαη web clients.
2.2 Ιςτότοποσ
Ο ηζηφηνπνο είλαη ην ζχλνιν ησλ ηζηνζειίδσλ πνπ είλαη ζπλδεδεµέλεο µεηαμχ ηνπο µε
ππεξζπλδέζεηο (hyperlinks) θαη πεξηγξάθνπλ µηα δξαζηεξηφηεηα. Έλαο ηζηφηνπνο µπνξεί λα είλαη
επαγγειµαηηθφο, πξνζσπηθφο ή λα αλήθεη ζε έλαλ νξγαληζµφ ή µηα νµάδα. Σν ζχλνιν ησλ
ηζηνηφπσλ πνπ ππάξρνπλ απαξηίδνπλ ζηελ νπζία ην παγθφζµην ηζηφ (www).
2.3 Web Browsers
Οη Web Browsers είλαη ηα πξνγξάµµαηα ηα νπνία µαο επηηξέπνπλ λα βιέπνπµε ζειίδεο ζην
internet. Κάζε έλαο web browser έρεη ηηο δηθέο ηνπ δπλαηφηεηεο, επεθηάζεηο, ερζξνχο θαη θίινπο.
Απηή ηε ζηηγµή ππάξρεη µία πιεηάδα απφ web browsers πνπ ηθαλνπνηνχλ ηα γνχζηα θαη ηνπ πην
απαηηεηηθνχ ρξήζηε. Οη πην δεµνθηιείο web browsers είλαη:
 Intenert Explorer
 Mozilla Firefox
 Opera
 Safari
 Google Chrome
 Netscape Navigator (ζηαµάηεζε πιένλ ε ππνζηήξημή ηνπ)
Σν θχξην ραξαθηεξηζηηθφ φισλ είλαη φηη δηαλέµνληαη δσξεάλ νπφηε ν θάζε ρξήζηεο έπεηηα απφ
δνθηµή µπνξεί λα βξεί πνηνο απ’φινπο έρεη φια ηα ζηνηρεία ψζηε ε πινήγεζε ηνπ ζην internet λα
10
γίλεηαη πην επράξηζηε. Κάπνηνο πνπ αζρνιείηαη µε ηελ θαηαζθεπή ηζηνζειίδσλ πξνηείλεηαη λα ηνπο
έρεη φινπο ψζηε λα ειέγρεη ηελ εµθάληζε ησλ ηζηνζειίδσλ ηνπ απφ δηαθνξεηηθά πξνγξάµµαηα.
2.4 Domain Name
Σα domain names είλαη ζηελ νπζία ε ηαπηφηεηα ησλ ηζηνηφπσλ. Όηαλ ζέινπµε λα θαιέζνπµε µία
ηζηνζειίδα µέζα απφ έλα web browser ζα πξέπεη λα γξάςνπµε ζηε γξαµµή δηεχζπλζεσλ ην φλνµα
ηεο πρ. www.joomla.org. Γξάθνληαο απηφ ην φλνµα ζηελ νπζία ν web browser ςάρλεη λα βξεί ζε
πνην Web server είλαη απνζεθεπµέλε ε ζπγθεθξηµέλε ζειίδα. Δάλ ην Domain Name πνπ
πιεθηξνινγήζαµε είλαη ππαξθηφ ην απνηέιεζµα ζα είλαη ε ηζηνζειίδα λα εµθαληζηεί ζηνλ Web
browser.
2.5 Web Server
Έλαο ηζηφηνπνο γηα λα µπνξέζεη λα ιεηηνπξγήζεη ζα πξέπεη λα είλαη απνζεθεπµέλνο ζε
θάπνην Web Server. Ο Web Server ζηελ νπζία είλαη ν ππνινγηζηήο εθείλνο ν νπνίνο αλαιαµβάλεη
λα δεµνζηεχζεη ηελ ηζηνζειίδα µαο ζην δηαδίθηπν.
Τπάξρνπλ δχν θχξηνη Web Server, o Apache πνπ ζπλήζσο ρξεζηµνπνηεί ιεηηνπξγηθφ ζχζηεµα
Linux θαη ν IIS πνπ ρξεζηµνπνηεί ιεηηνπξγηθφ ζχζηεµα Windows.
Σν Joomla µπνξεί λα «ηξέμεη» ζε νπνηνλδήπνηε Web Server αξθεί λα ππνζηεξίδεη ηε
γιψζζα PHP.
2.6 ΢τατικέσ Ιςτοςελίδεσ
΢ηαηηθέο ηζηνζειίδεο είλαη νη ηζηνζειίδεο πνπ δεµηνπξγνχληαη ηνπηθά ζηνλ ππνινγηζηή µαο
ζπγγξάθνληαο θψδηθα HTML ή ρξεζηµνπνηψληαο θάπνην πξφγξαµµα WYSIWYG(What you see is
what you get) φπσο είλαη ην Adobe Dreamweaver. Οη ζηαηηθέο ηζηνζειίδεο είλαη πνιχ εχθνιεο ζηελ
θαηαζθεπή ηνπο αιιά πνιχ δχζθνιεο ζηελ αλαλέσζή ηνπο. Απηφ ζπµβαίλεη γηαηί φηαλ ζέινπµε λα
πξνζζέζνπµε ή λα αιιάμνπµε ην πεξηερφµελφ ηνπο πξέπεη λα αλνίμνπµε ην θαηάιιειν πξφγξαµµα
λα θάλνπµε ηηο αιιαγέο πνπ ζέινπµε, λα απνζεθεχζνπµε θαη ζηε ζπλέρεηα λα «αλεβάζνπµε» ζην
web server ηηο λέεο ζειίδεο.
Όια απηά πξνυπνζέηνπλ γλψζεηο πεξηζζφηεξεο απφ ην µέζν ρξήζηε θαη θπζηθά πεξηζζφηεξν
ρξφλν. Άιιν παξάδεηγµα είλαη φηη εάλ ζέινπµε λα αιιάμνπµε ην φλνµα ελφο ζηνηρείνπ µελνχ ζε
φιεο ηηο ζειίδεο µαο (ππνζεηηθά 50) ζα πξέπεη λα αλνίμνπµε θαη ηηο 50 ζειίδεο λα αιιάμνπµε ην
φλνµα λα ηηο απνζεθεχζνπµε θαη λα ηηο «αλεβάζνπµε» ζηνλ web server.
2.7 Δυναµικέσ Ιςτοςελίδεσ
΢ε αληίζεζε µε ηηο ζηαηηθέο νη δπλαµηθέο ηζηνζειίδεο δελ δεµηνπξγνχληαη ζηνλ ππνινγηζηή µαο
11
αιιά απ’ επζείαο ζηνλ web server. Γίλνληαο ηηο θαηάιιειεο εληνιέο νη ηζηνζειίδεο µαο µπνξνχλ λα
αιιάμνπλ, δηαγξαθνχλ ή λα πξνζηεζνχλ λέεο. Καη φια απηά ρξεζηµνπνηψληαο µηα θηιηθή ζην
ρξήζηε πεξηνρή δηαρείξηζεο ηφζν απιή φζν µηα εθαξµνγή επεμεξγαζίαο θεηµέλνπ φπσο ην Microsoft
Word.
Σν Joomla ινηπφλ είλαη µηα εθαξµνγή πνπ θάλεη απηφ αθξηβψο. Υεηξίδεηαη δπλαµηθά ην
πεξηερφµελν ησλ ηζηνζειίδσλ.
2.8 PHP
Η PHP είλαη µηα γιψζζα πξνγξαµµαηηζµνχ πνπ ζρεδηάζηεθε γηα ηε δεµηνπξγία δπλαµηθψλ
ζειίδσλ ζην δηαδίθηπν θαη είλαη επηζήµσο γλσζηή σο: HyperText preprocessor.
Δίλαη µηα server-side (εθηειείηαη ζην δηαθνµηζηή) scripting γιψζζα πνπ γξάθεηαη ζπλήζσο
πιαηζησµέλε απφ HTML, γηα µνξθνπνίεζε ησλ απνηειεζµάησλ. Αληίζεηα απφ µηα ζπλεζηζµέλε
HTML ζειίδα, ε ζειίδα PHP δε ζηέιλεηε άµεζα ζε έλαλ πειάηε (client), αλη’ απηνχ πξψηα
αλαιχεηαη θαη µεηά απνζηέιιεηαη ην παξαγφµελν απνηέιεζµα.
Σα ζηνηρεία HTML ζηνλ πεγαίν θψδηθα µέλνπλ σο έρνπλ, αιιά ν PHP θψδηθαο εξµελεχεηαη θαη
εθηειείηαη. Ο θψδηθαο PHP µπνξεί λα ζέζεη εξσηήµαηα ζε βάζεηο δεδνµέλσλ, λα δεµηνπξγήζεη
εηθφλεο, λα δηαβάζεη θαη λα γξάςεη αξρεία, λα ζπλδεζεί µε απνµαθξπζµέλνπο ππνινγηζηέο , θ.ν.θ.
΢ε γεληθέο γξαµµέο νη δπλαηφηεηεο πνπ µαο δίλεη είλαη απεξηφξηζηεο.
Αξρηθά ε νλνµαζία ηεο ήηαλ PHP/FI απφ ην Forms Interpreter ε νπνία δεµηνπξγήζεθε ην 1995
απφ ηνλ Rasmus Lerdorf σο µηα ζπιινγή απφ Perl scripts πνπ ηα ρξεζηµνπνηνχζε ζηελ πξνζσπηθή
ηνπ ζειίδα. Γελ άξγεζε λα ηα εµπινπηίζεη µε ιεηηνπξγίεο επεμεξγαζίαο δεδνµέλσλ µε SQL, αιιά
ηα ζεµαληηθά βήµαηα πνπ έθεξαλ θαη ηε µεγάιε απνδνρή ηεο PHP ήηαλ αξρηθά ε µεηαηξνπή ηνπ
ζε C θαη µεηέπεηηα ε δσξεάλ παξνρή ηνπ πεγαίνπ θψδηθα µέζσ ηεο ζειίδαο ηνπ ψζηε λα
επσθειεζνχλ φινη απφ απηφ πνπ είρε θηηάμεη, αιιά θαη λα ηνλ βνεζνχλ ζηελ πεξαηέξσ αλάπηπμή
ηεο.
2.9 MySQL
H MySQL είλαη βάζε δεδνµέλσλ µέζα ζηελ νπνία µπνξνχµε λα θαηαρσξνχµε, επεμεξγαδφµαζηε,
αλαδεηνχµε θαη λα ηαμηλνµνχµε δεδνµέλα. Παξέρεη ηε δπλαηφηεηα ιεηηνπξγίαο απφ πνιιαπινχο
ρξήζηεο µε αζθάιεηα αθνχ µφλν νη θαηνρπξσµέλνη σο ρξήζηεο έρνπλ πξφζβαζε ζηα
δεδνµέλα ηεο. Υξεζηµνπνηεί γιψζζα SQL πνπ είλαη ε πην δηαδεδνµέλε γιψζζα ζηηο βάζεηο
δεδνµέλσλ.
2.10 HTML (HyperText Markup Language)
Η HTML δελ είλαη γιψζζα πξνγξαµµαηηζµνχ, γηαηί δελ έρεη ηα ζηνηρεία πνπ ρξεηάδνληαη γηα λα
12
ραξαθηεξηζηεί έηζη. Γε µπνξεί λα παίξλεη απνθάζεηο, δε µπνξεί λα παξεθθιίλεη ηε ξνή ηεο, θαη
άιια πνιιά πξάγµαηα ηα νπνία δελ ηα θάλεη γηαηί δελ είλαη ζρεδηαζµέλε γηα θάηη ηέηνην.
Η HTML είλαη µηε πεξηγξαθηθή γιψζζα πνπ θάζε έθδνζή ηεο νξίδεηαη απφ έλα Document Type
Definition (DTD) ηνπ Standart Generalized Markup Language (SGML).
Η HTML µαο βνεζάεη λα πεξηγξάςνπµε, µε ηα δηάθνξα ζηάληαξη tags πνπ πεξηιαµβάλεη, ην πψο
ζέινπµε λα εµθαλίδεηαη ην θείµελν µαο µέζα ζην World Wide Web θαη ηα νπνία ν web browser ηνπ
επηζθέπηε αλαιαµβάλεη λα ηα µεηαηξέςεη ζηελ επηζπµεηή µνξθή.
Κάζε HTML αξρείν απνηειείηαη απφ έλα ζηνηρείν <html> ην νπνίν ρσξίδεηαη ζε δχν µέξε ην
<head> θαη ην <body> θψδηθαο:
<html>
<head>
<title> ΣΙΣΛΟ΢ </title>
</head>
<body>
ΣΟ ΚΔΙΜΔΝΟ ΜΑ΢
</body>
</html>
Απηφο είλαη ν ζθειεηφο γηα θάζε HTML αξρείν.
2.11 CSS
Σα αξρηθά CSS πξνέξρνληαη απφ ην Cascading Style Sheets. Σα CSS ζαο επηηξέπνπλ λα
δηαρσξίζεηε ην πεξηερφµελν ηεο ηζηνζειίδαο ζαο απφ ην ζρεδηαζηηθφ θνµµάηη. Απηφ είλαη πνιχ
ζεµαληηθφ αθνχ ηα ζηνηρεία ζρεδίαζεο ηεο ηζηνζειίδαο µαο ζα είλαη ζε έλα μερσξηζηφ αξρείν ην
νπνίν ζα ηξνθνδνηεί ηηο ππφινηπεο ζειίδεο.
Έηζη, εάλ ρξεηαζηεί λα θάλνπµε θάπνηα αιιαγή, φπσο λα αιιάμνπµε ην θφλην ησλ ζειίδσλ µαο,
ην µφλν πνπ έρνπµε λα θάλνπµε είλαη λα επέµβνπµε ζην αξρείν CSS θαη απηνµάησο νη αιιαγέο
ζα επεξεάζνπλ θαη φια ηα αξρεία ηα νπνία ζπλδένληαη µε απηφ.
13
Η HTML ρξεζηµνπνηείηαη γηα λα δνµήζεη ην πεξηερφµελν ελψ ηα CSS γηα λα ην
µνξθνπνηήζνπλ. Αο πνχµεγηα παξάδεηγµα ηελ εηηθέηα πνπ δειψλεη ηηο επηθεθαιίδεο επηπέδνπ
έλα. ΢ηελ HTML ζα γξάςνπµε <h1>Δπηθεθαιίδα</h1> ελψ ε µνξθνπνίεζή ηεο ζα έξζεη απφ
ην CSS:h1{color:red} πνπ ζεµαίλεη φηη ην ρξψµα ηεο επηθεθαιίδαο ζα είλαη θφθθηλν.
΢ε απηφ ην ζεµείν λα πνχµε φηη ηα CSS δε ρξεζηµνπνηνχληαη µφλν ζηηο ηζηνζειίδεο. Styles
βξίζθνπµε θαη ζην Word, µε ηε δηαθνξά φηη απηά ηα styles µπνξνχλ θαη µνξθνπνηνχλ µφλν
θείµελν.
2.11.1 Πλεονεκτήµατα CSS
Μεξηθά απφ ηα πιενλεθηήµαηα ησλ CSS είλαη:
 Γηαρσξηζµφο ηνπ πεξηερνµέλνπ απφ ηελ ζρεδίαζε.
 Διαρηζηνπνίεζε ηνπ ρξφλνπ γηα ηηο αιιαγέο ζηελ ζρεδίαζε αθνχ φια ηα ζηνηρεία πεξηέρνληαη
ζε έλα αξρείν.
 Πην θαζαξφο θψδηθαο HTML, αθνχ ε κνξθνπνίεζε γίλεηαη ζην CSS
 Πξνζβαζηµφηεηα απφ φινπο ηνπο Web Browsers
 Πηζηνπνίεζε απφ ηελ W3C ην µεγαιχηεξν νξγαληζµφ Web Standards
 Αχμεζε ηαρχηεηαο ηεο εµθάληζεο ηεο ηζηνζειίδαο
 Μηθξφηεξν µέγεζνο αξρείσλ
 Καιχηεξε ζέζε ζηηο µεραλέο αλαδήηεζεο ιφγσ θαζαξφηεξνπ θψδηθα.
 Οµνηφµνξθε εµθάληζε φισλ ησλ ηζηνζειίδσλ πνπ ζπλδένληαη µε ην CSS αξρείν αθνχ ηα
ζηνηρεία δελ αιιάδνπλ.
2.11.2 Μειονεκτήµατα CSS
 Πνιππινθφηεηα ζε ζπζηήκαηα δεκηνπξγίαο ηζηνζειίδσλ κε templates. Η δηαδξνκή γηα ηελ
πξφζβαζε ζε έλα αξρείν, κπνξεί λα αιιάμεη, κε απνηέιεζκα ν server λα κε κπνξεί λ’
αλνημεη απην ην αξρείν.
 Γηαθνξεηηθή ζχληαμε απφ ηελ HTML. Απηφ έρεη ζαλ απνηέιεζκα, ν πξνγξακκαηηζηήο ζα
πξέπεη λα γλσξίδεη δχν δηαθνξεηηθνχο ηξφπνπο κνξθνπνίεζεο.
 Γελ παξέρεη ηε δπλαηφηεηα ρξεζηκνπνίεζεο απιψλ εθθξάζεσλ. Π.ρ. δε κπνξνχκε λα
γξάςνπκε margin-left: 5% + 10px;
14
 Γελ παξέρεη πνιιά Background αλα ζηνηρείν (element). Οη ζρεδηαζηέο ζπρλά
ρξεζηκνπνηνχλ πνιιέο εηθφλεο ζην background θάζε ζηνηρείνπ, ην Joomla φκσο κπνξεί
λα ππνζηεξίμεη κφλν έλα.
 Σν CSS δε δνπιεχεη ην ίδην ζε φινπο ηνπο browsers. Γηα παξάδεηγκα, νη IE θαη OPERA
έρνπλ δηαθνξεηηθή ινγηθή εκθάληζεο ηεο ηζηνζειίδαο.
2.12 XML (Extended Markup Language)
Η XML είλαη µηα γιψζζα γηα ηε δφµεζε δεδνµέλσλ. Με ηελ έλλνηα δνµεµέλα δεδνµέλα
ελλννχµε µηα ζπιινγή ζηνηρείσλ δεδνµέλσλ φπσο είλαη γηα παξάδεηγµα ηα ινγηζηηθά θχιια, νη
θαηάινγνη δηεπζχλζεσλ, νη παξάµεηξνη δηαµφξθσζεο, νη νηθνλνµηθέο ζπλαιιαγέο θαη ηα ηερληθά
ζρέδηα.
Η XML είλαη, δειαδή, έλα ζχλνιν θαλφλσλ (ή δηαθνξεηηθά έλα παθέην θαηεπζπληήξησλ
γξαµµψλ ή ζπµβάζεσλ) γηα ην ζρεδηαζµφ µνξθψλ θεηµέλνπ νη νπνίεο δηεπθνιχλνπλ ηε δφµεζε
ησλ δεδνµέλσλ ζαο.
Η XML δελ είλαη γιψζζα πξνγξαµµαηηζµνχ. Γε ρξεηάδεηαη, επνµέλσο, λα είζηε πξνγξαµµαηηζηήο
γηα λα ηε ρξεζηµνπνηήζεηε ή λα ηε µάζεηε. Η XML δηεπθνιχλεη ηνλ ππνινγηζηή λα πξάγεη
δεδνµέλα, λα δηαβάδεη δεδνµέλα θαη λα εμαζθαιίδεη ηε ζαθήλεηα ηεο δνµήο ησλ δεδνµέλσλ.
Η XML απνθεχγεη ηηο ζπλήζεηο παγίδεο ηνπ ζρεδηαζµνχ γισζζψλ: είλαη επεθηάζηµε, αλεμάξηεηε
ζπζηήµαηνο πιηθνχ θαη µπνξεί λα ππνζηεξίμεη δηεζλείο θαη ηνπηθέο πξνζαξµνγέο. Δίλαη πιήξσο
ζπµβαηή µε Unicode.
2.13 Ελεύθερο Λογιςµικό
Σν ειεχζεξν ινγηζµηθφ φπσο νξίδεηαη απφ ην Ίδξπµα Διεχζεξνπ Λνγηζµηθνχ (Free Software
Foundation), είλαη ινγηζµηθφ πνπ µπνξεί λα ρξεζηµνπνηεζεί, αληηγξαθεί, µειεηεζεί, ηξνπνπνηεζεί
θαη αλαδηαλεµεζεί ρσξίο πεξηνξηζµφ. Η ειεπζεξία απφ ηέηνηνπο πεξηνξηζµνχο είλαη βαζηθφ
ζηνηρείν ζηελ ηδέα ηνπ «ειεχζεξνπ ινγηζµηθνχ», έηζη ψζηε ην αληίζεην ηνπ ειεχζεξνπ ινγηζµηθνχ
λα είλαη ην ηδηφθηεην ινγηζµηθφ, θαη φρη ην ινγηζµηθφ πνπ πσιείηαη γηα θέξδνο, φπσο ην εµπνξηθφ
ινγηζµηθφ.
Σν ειεχζεξν ινγηζµηθφ νξηζµέλεο θνξέο αλαθέξεηαη θαη ζαλ αλνηρηφ ινγηζµηθφ ή ινγηζµηθφ
αλνηρηνχ θψδηθα, αιιά νη δχν έλλνηεο δελ είλαη ηαπηφζεµεο. ΢χµθσλα µε ηνλ Richard Stallman
δελ είλαη θάζε ινγηζµηθφ ειεχζεξν µφλν θαη µφλν επεηδή είλαη αλνηρηνχ θψδηθα.
15
2.13.1 Άδειεσ ελεύθερου λογιςµικού
Δλ γέλεη, ζχµθσλα µε ηελ ηζρχνπζα λνµνζεζία πεξί πλεπµαηηθήο ηδηνθηεζίαο, ε ειεχζεξε
αληηγξαθή, δηαλνµή θαη ηξνπνπνίεζε ηνπ ινγηζµηθνχδελ επηηξέπεηαη. Γηα ην ιφγν απηφ, νη
εθδφζεηο ειεχζεξνπ ινγηζµηθνχθάλνπλ ρξήζε εηδηθήο άδεηαο (free software license) ζχµθσλα µε
ηελ νπνία, παξαρσξείηαη ην δηθαίσµα αληηγξαθήο, ηξνπνπνίεζεο θαη αλαδηαλνµήο ηνπ
ινγηζµηθνχ, ζηνπο ρξήζηεο.
΢χµθσλα µε ην Ίδξπµα Διεχζεξνπ Λνγηζµηθνχ, νη άδεηεο ρξήζεο ειεπζέξνπ ινγηζµηθνχ πξέπεη
λα πεξηιαµβάλνπλ ηηο εμήο ειεπζεξίεο:
 Διεπζεξία ρξήζεο ηνπ πξνγξάµµαηνο γηα νπνηνλδήπνηε ζθνπφ.
 Διεπζεξία µειέηεο θαη ηξνπνπνίεζεο ηνπ πξνγξάµµαηνο.
 Διεπζεξία αληηγξαθήο ηνπ πξνγξάµµαηνο.
 Διεπζεξία βειηίσζεο ηνπ πξνγξάµµαηνο θαη επαλέθδνζήο ηνπ, πξνο ην ζπµθέξνλ ηεο
θνηλφηεηαο ησλ ρξεζηψλ
2.13.2 Πλεονεκτήµατα & Μειονεκτήµατα του Open Source
Πλεονεκηήμαηα
Σν µέιινλ αλήθεη ζην Open Source - Σν 49% ησλ Δπξσπαίσλ CIOs (Chief Information Officers)
δειψλεη φηη ζα πηνζεηήζεη εθαξµνγέο Open Source ζηελ επηρείξεζή ηνπ (Φεβξνπάξηνο 2002) ιφγσ
ραµειφηεξνπ θφζηνπο ιεηηνπξγίαο (54%), ραµειφηεξεο δαπάλεο αγνξάο (24%), µεγαιχηεξνπ
ειέγρνπ (22%) θαη πςειφηεξεο αζθάιεηαο δεδνµέλσλ (22%).
Μειονεκηήμαηα
Δλδνεηαηξηθφο θαηαινγηζµφο επζπλψλ - Όπσο ιέεη έλα γλσζηφ αµεξηθάληθν ξεηφ "Καλείο δελ
απνιχζεθε επεηδή αγφξαζε IBM". Έλα πξντφλ ηεο Microsoft ή ηεο Oracle µπνξεί λα θνζηίδεη πνιχ
πεξηζζφηεξα ρξήµαηα θαη λα πξνζθέξεη ιηγφηεξα απ' φζα µηα εθαξµνγή Open Source, αιιά φπνην
πξφβιεµα θαη αλ παξνπζηαζηεί, ην ζηέιερνο πνπ εηζεγήζεθε ηελ αγνξά ηνπ µπνξεί πάληνηε λα
ηζρπξηζηεί πσο "έθαλα µηα επψλπµε επηινγή ελφο µεγάινπ νλφµαηνο γηα λα έρνπµε ην θαιχηεξν".
Αλ φµσο πάεη ζηξαβά ην παξαµηθξφ ζε µηα εθαξµνγή Open Source (θαη ζηελ πιεξνθνξηθή
πάληα θάηη ζα ιεηηνπξγήζεη ζηξαβά) ε µνµθή "γηαηί εµπηζηεπζήθαµε θάηη θηεληάξηθν;" δχζθνια
µπνξεί λα απαληεζεί µε επηηπρία, εηδηθά αλ ν εξσηψλ είλαη ν άζρεηνο απφ ππνινγηζηέο
πξντζηάµελνο φπσο ζπµβαίλεη ζπλήζσο. Σα πξάγµαηα ζα ήηαλ θαιχηεξα αλ ππήξραλ θαη ζηε ρψξα
µαο εηαηξείεο εμεηδηθεπµέλεο ζηελ ππνζηήξημε open source εθαξµνγψλ, αιιά απ' φζν γλσξίδσ απηφ
δελ ζπµβαίλεη.
16
2.14 ΢ύςτηµα διαχείριςησ περιεχοµένου
Σν ζχζηεµα δηαρείξηζεο πεξηερνµέλνπ (΢ΓΠ) είλαη µηα εθαξµνγή πνπ ρξεζηµνπνηείηαη γηα λα
δεµνζηεχζεη ηζηνζειίδεο ζην δηαδίθηπν. Σν πεξηερφµελν πνπ µπνξεί λα ρξεζηµνπνηεζεί
πεξηιαµβάλεη θείµελα, εηθφλα, ήρνπο, video, ειεθηξνληθά αξρεία θαη γεληθά νηηδήπνηε µπνξεί λα
δηαλεµεζεί µέζσ ηνπ δηαδηθηχνπ.
Γεµηνπξγείηαη θαη εγθαζίζηαηαη απφ ηνπο ζρεδηαζηέο ηζηνζειίδσλ, αιιά πξννξίδεηαη γηα ρξήζε
απφ ηειηθνχο ρξήζηεο. Αξρηθά, πξνζθέξεη έλαλ εχθνιν, εχρξεζην ηξφπν ελεµέξσζεο πεξηερνµέλνπ.
Απηφ ζπλήζσο γίλεηαη µε ηε ρξήζε ελφο ζπζηήµαηνο πινήγεζεο (browser).
Ο ρξήζηεο απιά εηζάγεη ην λέν θείµελν θαη ην απνζεθεχεη. Η ηζηνζειίδα ελεµεξψλεηαη αµέζσο!
Σν ίδην απιφ είλαη λα πξνζηεζνχλ λέεο ζειίδεο, λα δηαγξαθνχλ παιαηέο, ή λα αλαδηαµνξθσζεί µηα
ηζηνζειίδα ψζηε λα ζπµβαδίδεη µε λέεο απαηηήζεηο ή πξνδηαγξαθέο.
Σν ΢χζηεµα Γηαρείξηζεο Πεξηερνµέλνπ απηνµαηνπνηεί δηάθνξεο δηαδηθαζίεο φπσο ε δηαηήξεζε
ηεο εµθάληζεο ησλ ζειίδσλ ζε φιν ην, ηζηνρψξν θαζψο θαη ε δεµηνπξγία ησλ ζρεηηθψλ µελνχ,
ζπλδέζµσλ θιπ. Δπίζεο, ε χπαξμε θαη αξθεηψλ άιισλ εξγαιείσλ δηαρείξηζεο, επηηξέπεη ηελ
εζηίαζε ζηηο ιέμεηο θαη φρη ζηελ ηερλνινγία.
Έλα ΢ΓΠ πξέπεη λα ππνζηεξίδεη ηηο παξαθάησ δπλαηφηεηεο:
 Δχθνιε δηαρείξηζε πεξηερνµέλνπ µέζσ ελφο browser.
 Γηαθνξεηηθνχο ξφινπο θαη επίπεδα γηα ηνπο ρξήζηεο ηνπ.
 Γπλαηφηεηα δεµνζίεπζεο πεξηερνµέλνπ απφ ρξήζηεο έπεηηα απφ έγθξηζε ηνπ δηαρεηξηζηή.
 Γπλαηφηεηα θαηεγνξηνπνίεζεο ηνπ πεξηερνµέλνπ ψζηε λα είλαη επθνιφηεξε ε δηαρείξηζή
ηνπ.
 Γηαρσξηζµφο πεξηερνµέλνπ θαη εµθάληζεο (γηα παξάδεηγµα λα µπνξνχµε νπνηδήπνηε ζηηγµή
λα αιιάμνπµε ην θφλην ή ην ζηπι ηεο γξαµµαηνζεηξάο µηα θνξά θαη λα εθαξµνζηεί ζε φιεο
ηηο ζειίδεο).
2.14.1 Χρήςη ενόσ CMS
Σν Content Management System (΢ΓΠ: ΢πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ) είλαη νπζηαζηηθά
ε δηαρείξηζε ηνπ πεξηερνµέλνπ (φπσο απηφ νξίζηεθε πξνεγνπµέλσο) µε ηελ ρξήζε θαλφλσλ,
δηαδηθαζηψλ θαη / ή πξνδηαγεγξαµµέλσλ ξνψλ εξγαζίαο (workflows), µε ηέηνην ηξφπν ψζηε
δηαρεηξηζηέο ηζηνρψξσλ, πξνγξαµµαηηζηέο θαη ζπγγξαθείο πεξηερνµέλνπ λα δεµηνπξγνχλ,
ηξνπνπνηνχλ, δηαρεηξίδνληαη θαη λα εθδίδνπλ φιν ην πεξηερφµελν µηαο ή πεξηζζφηεξσλ ηζηνζειίδσλ
17
ππαθνχνληαο πάληα ζε έλα ζπγθεθξηµέλν πιαίζην απαηηήζεσλ.
Έλα ηέηνην ζχζηεµα βνεζάεη ζηελ νξγάλσζε θαη απηνµαηνπνίεζε ηεο ζπιινγήο δηαρείξηζεο θαη
έθδνζεο ηνπ πεξηερνµέλνπ. Υξεηάδεηαη φηαλ:
 Τπάξρεη µεγάινο φγθνο πιεξνθνξίαο ψζηε λα µελ είλαη πξαθηηθή ε ρεηξσλαθηηθή
επεμεξγαζία
 Η πιεξνθνξία ηξνπνπνηείηαη πνιχ γξήγνξα ψζηε λα µελ είλαη πξαθηηθή ε ρεηξσλαθηηθή
επεμεξγαζία
 Απφ µηα ζεηξά πιεξνθνξίαο πξέπεη λα δεµηνπξγεζνχλ πνιιαπιέο µνξθέο πεξηερνµέλνπ
 Ο ζρεδηαζµφο ηεο εµθάληζεο ηεο έθδνζεο (π.ρ. ηεο ηζηνζειίδαο) ζα πξέπεη λα δηαρσξηζηεί
απφ ην πεξηερφµελν έηζη ψζηε αιιαγέο ζηελ δνµή ηεο παξνπζίαζεο λα µελ πξέπεη λα
γίλνπλ ζε θάζε ζειίδα ηνπ site.
Σα ΢ΓΠ κπνξνχλ λα ρξεζηκνπνηεζνχλ γηα:
 Δηδήζεηο (εθεκεξίδεο, πεξηνδηθά, πξαθηνξεία εηδήζεσλ θ.ιπ.)
 Παξνπζηάζεηο εηαηξηψλ θαη πξνζσπηθνχ
 Καηαιφγνπο πξντφλησλ
 Παξνπζηάζεηο πξντφλησλ
 Online ππνζηήξημε
 Αγγειίεο θαη αλαθνηλψζεηο
 Παξνπζηάζεηο θαη πξνβνιή γεσγξαθηθψλ πεξηνρψλ
 Γηαθεκίζεηο
 Γειηία Σχπνπ
 Όξνπο θαη ζπκβφιαηα
 Υάξηεο, θαηεπζχλζεηο, νδεγίεο
 Image Galleries
2.14.2 Τα είδη CMS
Τπάξρνπλ δχν είδε ΢πζηεκάησλ Γηαρείξηζεο Πεξηερνκέλνπ: θιεηζηνχ θψδηθα θαη αλνηρηνχ
θψδηθα.
΢ηα θιεηζηνχ θψδηθα, ν ρξήζηεο δε κπνξεί λα έρεη πξφζβαζε ζηνλ πεγαίν θψδηθα, αιιά νχηε
θαη λα θάλεη αιιαγέο. Παξέρεηαη εκπνξηθή ππνζηήξημε θαη κεγαιχηεξε αζθάιεηα. ΢πλήζσο, ην
θφζηνο ελφο ηέηνηνπ CMS είλαη αξθεηά πςειφ.
CMS θιεηζηνχ θψδηθα:
 Vignette Content Management
18
 IBM Workplace Web Content Management
 Jalios JCMS
 Powerfront CMS
Αληίζεηα, ζηα αλνηρηνχ θψδηθα, ν ρξήζηεο κπνξεί λα παξέκβεη ζηνλ πεγαίν θψδηθα θαη λα ηνλ
πξνζαξκφζεη αλάινγα κε ηηο εθάζηνηε αλάγθεο ηνπ.
CMS αλνηρηνχ θψδηθα:
 Joomla! CMS
 Drupal CMS
 WordPress CMS
 SilverStripe
 Cushy CMS
 Frog CMS
 MODx
 TYPOlight
 dotCMS
 Expression Engine
 Radiant CMS
 concrete5
2.14.3 Κατηγορίεσ CMS
Τπάξρνπλ έμη θαηεγνξίεο ΢πζηεκάησλ Γηαρείξηζεο Πεξηερνκέλνπ:
 Web CMS (WCMS)
 Enterprise CMS (ECMS)
 Document management system (DMS)
 Mobile content management system (MCMs)
 Component content management system (CCMS)
 Media content management system
 Learning Content Management System (LMS)
19
Web CMS (WCMS)
To WCMS είλαη έλα ΢χζηεκα Γηαρείξεζεο Πεξηερνκέλνπ ην νπνίν ρξεζηκνπνηείηαη γηα ηελ
απινχζηεπζε ηεο δεκνζηνπνίεζεο θαη ηνλ έιεγρν δπλακηθνχ πεξηερνκέλνπ (HTML έγγξαθα,
εηθφλεο θηι), ρσξίο λα απαηηείηαη ε γλψζε ηεο HTML.
Enterprise CMS (ECMS)
Υξεζηκνπνηείηαη απφ νξγαληζκνχο, γηα ηελ νξγάλσζε, απνζήθεπζε θαη άιινπ πεξηερνκέλνπ
ζρεηηθά κε ηνλ νξγαληζκφ απηφ.
Document management system (DMS)
Δίλαη έλα ζχλνιν ππνινγηζηηθψλ πξνγξακκάησλ πνπ ρξεζηκνπνηνχληε γηα ηελ παξαθνινχζεζε
θαη απνζήθεπζε ειεθηξνληθψλ εγγξάθσλ. Μπνξεί λα παξέρεη ηζηνξηθφ παξαθνινχζεζεο
(history tracking) απν δηαθνξεηηθνχο ρξήζηεο πνπθάλνπλ δηάθνξεο ηξνπνπνηήζεηο. ΢πρλά,
απνηειεί ζηνηρείν ηνπ Enterprise CMS.
Mobile content management system (MCMs)
Υξεζηκνπνηείηαη γηα ηελ απνζήθεπζε θαη κεηαθνξά πεξηερνκέλνπ θαη ππεξεζηψλ ζε θηλεηέο
ζπζθεπέο, φπσο ηα θηλεηά ηειέθσλα, ηα smart phones θαη ηα PDAs. Μπνξεί λα ππάξρεη ζαλ
δηαθξηηφ ζχζηεκα, ζαλ module, ζαλ ραξαθηεξηζηηθφ (feature) ή ζαλ add-on ζε θάπνην ΢ΓΠ.
Component content management system (CCMS)
Αλαθέξεηαη ζε θάπνην ζπζηαηηθφ ελφο εγγξάθνπ, φπσο γηα παξάδεηγκα ζε έλαλ πίλαθα, ζε
θάπνηα εηθφλα ή ζε θάπνηα δηαδηθαζία. Μπνξεί λα είλαη κεγάιν ζε κέγεζνο, φπσο έλα νιφθιεξν
θεθάιαην, ή κηθξφ, φπσο κία ιέμε. ΢πλήζσο, βαζίδεηαη ζε XML.
Learning Content Management System (LMS)
Δίλαη κηα εθαξκνγή γηα ηελ δηαρείξεζε ηεο εμ-απνζηάζεσο κάζεζεο. Σα παλεπηζηήκηα
κπνξνχλ λα ηελ ρξεζηκνπνηήζνπλ γηα ηελ online παξάδνζε καζεκάησλ.
20
Σα ΢πζηήκαηα Γηαρείξηζεο Δγγξάθσλ κπνξνχλ λα παξέρνπλ θάπνηα εξγαιεία φπσο:
 Metadata (Μεηαδεδομένα): πεξηιακβάλνπλ πιεξνθνξίεο γηα ην έγγξαθν, φπσο ηελ
εκεξνκελία απνζήθεπζήο ηνπ, ηνλ ρξήζηε πνπ ην απνζήθεπζε θαη λα δψζεη ηελ επθαηξία
ν ρξήζηεο λα πξνζζέζεη Metadata
 Integration (Ενοποίηζη): ε δηαρείξεζε ησλ εγγξάθσλ κπνξεί λα ελζσκαησζεί
απεπζείαο ζε άιιεο εθαξκνγέο, ρσξίο ν ρξήζηεο λα ρξεηάδεηαη λα θιείζεη ηε κία
εθαξκνγή κεηά ηελ ηξνπνπνίεζε θαη απνζήθεπζε ελφο εγγξάθνπ
 Indexing (Δημιουργία ευρεηηρίου): ρξεζηκνπνηείηαη γηα ηελ παξαθνινχζεζε
ειεθηξνληθψλ εγγξάθσλ. Μέζσ ηνπ επξεηεξίνπ κπνξεί λα γίλεη ε αλάθηεζε ησλ
εγγξάθσλ
 Capture (Καηαγραθή): αθνξά ηελ επεμεξγαζία ησλ εηθφλσλ ησλ αξρείσλ πνπ
πξνέξρνληαη απφ scanner ή εθηππσηέο πνιιαπιψλ ιεηηνπξγηψλ
 Security (Αζθάλεια): θάπνηα έγγξαθα κπνξνχλ λα είλαη πξνζβάζηκα κφλν απφ θάπνηνπο
ζπγθεθξηκέλνπο ρξήζηεο
 Versioning (Ιζηορικό: ην ΢χζηεκα Γηαρείξεζεο Δγγξάθσλ απνζεθεχεη ηα έγγξαθα,
ψζηε νη ρξήζηεο λα κπνξνχλ λα ηα αλαθηήζνπλ πξνεγνχκελεο εθδφζεηο θαη λα ηα
επεμεξγαζηνχλ απφ θάπνην ζεκείν θαη κεηά
Αλαθνξηθά, ππάξρνπλ θαη ηα εμήο εξγαιεία: Storage (Υψξνο απνζήθεπζεο), Retrieval
(Αλάθηεζε εγγξάθσλ), Distribution (Γηαλνκή), Workflow(Ρνή εξγαζηψλ), Collaboration
(΢χκπξαμε), Searching (Αλαδήηεζε), Publishing (Γεκνζίεπζε) θαη Reproduction
(Αλαπαξαγσγή).
21
3. Εργαλεία
3.1 Αναφορά
΢ε απηφ ην θεθάιαην, ζα θάλνπµε µηα αλαθνξά ζηα 3 εξγαιεία, ηα νπνία ρξεζηκνπνηήζεθαλ γηα
ηελ δεκηνπξγία ηνπ ηζηφρψξνπ µαο: Xampp, cms Joomla θαη Photoshop CS.
3.1.1 Xampp έκδοςη 1.8.1
Σν XAMPP είλαη έλα ρξήζηµν βνήζεµα πνπ µαο δίλεη ηελ δπλαηφηεηα λα θάλνπµε ηνλ
ππνινγηζηή µαο έλαλ web server θαη φρη µφλν. Δµείο ζα ρξεζηµνπνηήζνπµε ηελ έθδνζε 1.8.1 γηα
windows γηα ηελ εγθαηάζηαζε ηνπ Joomla..
Σν XAMPP γηα Windows πεξηέρεη:
 Apache 2.4.3 (HTTP εξςπηπεηηηήρ)
 MySQL 5.5.27 (DataBase)
 PHP 5.4.7 (γλώζζα ππογπαµµαηιζµού για web εθαπµογέρ µε δςναµικό σαπακηήπα)
 phpMyAdmin 3.5.2.2 4 (open source tool written in PHP intended to handle the
administration of MySQL over the World Wide Web)
 FileZilla FTP Server 0.9.41 (ftp server)
 Tomcat 7.0.30 (with mod_proxy_ajp as connector)
 Mercury Mail Transport System v4.62 (smtp server)
 XAMPP Control Panel 3.1.0 (from hackattack142)
Απφ απηά ζα ρξεηαζηνχµε θπξίσο ηνλ Apache, ηελ MySQL ηελ PHP θαη ην Mercury Mail
Transport System.
Θα ρξεζηµνπνηήζνπµε θαη ηελ phpMyAdmin (έλα ζχλνιν απφ php scripts µε ηελ νπνία
δηαρεηξηδφµαζηε ηηο βάζεηο δεδνµέλσλ πνπ έρνπµε µέζσ web) θπξίσο γηα ηνλ έιεγρν εηζαρζέλησλ
δεδνµέλσλ.
3.1.2 Joomla! 3.1.1v
Σν Joomla! είλαη εθαξµνγή αλνηθηνχ θψδηθα. Ση ζεµαίλεη απηφ;
Σν Joomla CMS είλαη έλα βξαβεπµέλν ζχζηεµα δηαρείξηζεο πεξηερνµέλνπ, αλνηθηνχ θψδηθα. Η
ρξήζε ηνπ είλαη απνιχησο δσξεάλ. Δίζηε ειεχζεξνη λα ην ρξεζηµνπνηήζεηε, λα ην ηξνπνπνηήζεηε
22
θαη λα δηεξεπλήζεηε ηηο δπλαηφηεηέο ηνπ ρσξίο λα πξέπεη λα πιεξψζεηε ηελ άδεηα ρξήζεο ζε
θαλέλαλ.
Με άµµεζε µείσζε ησλ δαπαλψλ ζαο, γηα ηελ αλάπηπμε ελνο δπλαµηθνχ ηζηνηφπνπ. Η µφλε ζαο
ππνρξέσζε, είλαη λα µελ αθαηξέζεηε ή αιινηψζεηε ηα ινγφηππα, ή λα νηθεηνπνηεζείηε ηελ
εθαξµνγή.
Πώς λειηοσργεί;
Σν Joomla! εγθαζίζηαηαη ζε έλαλ θεληξηθφ ππνινγηζηή, ηνλ web server. Ο ρξήζηεο, εζείο
δειαδή, έρεηε πξφζβαζε ζην πεξηβάιινλ δηαρείξηζεο µέζσ ελφο browser, φπσο είλαη ν Internet
Explorer ή ν Firefox.
Απφ ηε ζηηγµή πνπ είζηε εζείο ν δηαρεηξηζηήο, µπνξείηε λα πξνζζέζεηε νπνηνδήπνηε θείµελν ή
γξαθηθφ,θαη έηζη λα δεµηνπξγήζεηε ηηο ηζηνζειίδεο ζαο.
Σι επίπεδο γνώζεων πρέπει να έτω ώζηε να µπορέζω να προτωρήζω;
Σν πεξηβάιινλ δηαρείξηζεο µπνξεί λα είλαη ζηελ Αγγιηθή ή Διιεληθή γιψζζα. Δάλ γλσξίδεηε
ηε ρξήζε ελφο επεμεξγαζηή θεηµέλνπ, βξίζθεζηε ζε θαιφ δξφµν.΢ε γεληθέο γξαµµέο, εμαξηάηαη
απφ ην ηη ζέιεηε λα θάλεηε µε ην Joomla! Θα ππάξμνπλ θαη πεξηπηψζεηο πνπ ζα ρξεηαζηείηε ηελ
ππνζηήξημε ελφο επαγγειµαηία, φηαλ ρξεηάδεζηε λα αμηνπνηήζεηε εμεηδηθεπµέλεο θαη πξνεγµέλεο
δπλαηφηεηεο ηνπ Joomla! ΢ε θάζε πεξίπησζε πάλησο, έρεηε ηνλ έιεγρν: δεµνζηεχεηε φ,ηη θαη πφηε
εζείο ζέιεηε, µε ην πάηεµα ελφο θνπµπηνχ.
΢ηελ EasyLogic ζαο παξέρνπµε πέξα απν ηνλ ρψξν θηινμελίαο, θαη ηελ ππνζηήξημε φπνπ απηφ
θξηζεί απαξαίηεην, ψζηε λα αηζζάλεζηαη αζθαιείο, γηα ηελ απξφζθνπηε θαη αζθαιή ιεηηνπξγία
ηνπ ηζηνρψξνπ ζαο.
3.2 Οδηγίεσ εγκατάςταςησ
3.2.1 Εγκατάςταςη Xampp
Καη'αξρήλ θαηεβάδνπµε ην παθέην Installer ηνπ XAMPP γηα Windows απφ ην site:
http://www.joomla.org/download.html
Μφιηο ην θαηεβάζνπµε πάµε θαη ην εγθαζηζηάµε ρξεζηµνπνηψληαο ηηο θαλνληθέο ξπζµίζεηο πνπ
µαο πξνηείλεη.
23
Μαο εµθαλίδεηε ε παξαθάησ νζφλε:
Εικόνα 1: Εγκατάςταςθ XAMPP
Εικόνα 2: Extract XAMPP files
Δδψ µαο δεηάεη λα επηιέμνπµε ην θάθειν ζηνλ νπνίν ζα απνζεθεχζεη ηα απαξαίηεηα αξρεία γηα
ηελ ιεηηνπξγία ηνπ.
Απηφ δελ αληαπνθξίλεηαη ζηα δηθά µαο δεδνµέλα. Όηαλ νινθιεξσζεί ε εγθαηάζηαζε ηνπ
XAMPP ζα επηζθεθηνχµε ην link:
24
http://us2.php.net/manual/en/timezones.europe.php
γηα λα δνχµε πσο νξίδεη ηε δψλε ψξαο γηα ηελ Διιάδα. Βιέπνπµε φηη ε δψλε ψξαο αλαθέξεηαη σο
Europe/Athens. Πεγαίλνπµε ζην C:\xampp\php\php.ini λα αιιάμνπµε ηo αξρείν "php.ini".
Αλνίγνπµε ην αξρείν µε έλα notpad (text editor) θαη ςάρλνπµε γηα ην ζεµείν πνπ ζα βξνχµε ηνλ
παξαθάησ θψδηθα:
Κώδικας
[Date]
; Defines the default timezone used by the date functions
; http://php.net/date.timezone
date.timezone = Europe/Berlin
Αιιάδνπµε απηφ ην θνµµάηη θψδηθα ζχµθσλα µε ην παξαθάησ:
Κώδικας
[Date]
; Defines the default timezone used by the date functions
; http://php.net/date.timezone
date.timezone = Europe/Athens
΢ψδνπµε ηηο αιιαγέο θαη θάλνπµε επαλεθθίλεζε ηνλ Apache γηα λα αλαγλσξίζεη ηηο αιιαγέο.
Εικόνα 3: XAMPP Control Panel
25
Καη µφιηο νινθιεξψζνπµε, δνθηµάδνπµε αλ ε εγθαηάζηαζε έγηλε ζσζηά, πιεθηξνινγψληαο
ζηνλ browser µαο ηελ ηνπηθή δηεχζπλζε: http://localhost/xampp θαη πξέπεη λα πάξνπµε ηελ
παξαθάησ εηθφλα:
Εικόνα 4: Επιτυχισ εγκατάςταςθ του XAMPP
3.2.2 Εγκατάςταςη Joomla!
Σν πξψην πξάγµα πνπ έρoπµε λα θάλνπµε είλαη λα θαηεβάζνπµε ην αξρείν απφ
http://www.joomla.org/download.html
Σν αξρείν είλαη ζπµπηεζµέλν, άξα πξέπεη λα ην απνζπµπηέζνπµε µε ην θαηάιιειν πξφγξαµµα
(π.ρ. 7zip) π.ρ. ζην θάθειν joomla.
26
Εικόνα 5: Εγκατάςταςθ Joomla! - Αρχικι εικόνα
΢ηελ αξρηθή εηθφλα, εκθαλίδνληαη δηάθνξα πεδία κε ηηο πξνεπηιεγκέλεο ηηκέο:






Site Name: ην φλνκα πνπ ζέισ λα έρεη ην site
Description: αλ ζέινπκε λα δψζνπκε θάπνηα πεξηγξαθή
Admin Email Address: ην email ηνπ δηαρεηξηζηή (admin)
Admin Username: ην φλνκα ηνπ admin, ν νπνίνο είλαη ν super user
Admin Password: ν θσδηθφο ηνπ admin
Site Offline: επηιέγσ NO ή YES. Όηαλ νινθιεξψζσ ην site πξέπεη λα ην ζέζσ ζην
frontend
Έπεηηα, επηιέγσ NEXT. Μαο εκθαλίδεηαη ε παξαθάησ εηθφλα:
27
Εικόνα 6: Εγκατάςταςθ Joomla! - Επιλογι ΒΔ
Τπάξρνπλ ηα εμήο πεδία:
 Database Type: ν ηχπνο ηεο ΒΓ πνπ ζα ρξεζηκνπνηήζσ
 Hostname: πνπ βξίζθεηαη ε ηζηνζειίδα καο
 Username: ην φλνκα ην νπνίν ζα ρξεζηκνπνηψ γηα λα ζπλδεζψ ζηε βάζε
 Password: ην ν θσδηθφο ηεο βάζεο
 Database Name: ην φλνκα ηεο βάζεο
 Table Prefix: δίλεηαη απηφκαηα απν ην Joomla!, αιιά κπνξψ λα ην αιιάμσ. Πξέπεη λα
βάισ θαη κηα θάησ-παχια (underscore) ζην ηέινο ηνπ νλφκαηνο
 Old Database Process: αλ ζα θξαηήζνπκε αληίγξαθν (Backup) ή ζα δηαγξαθνχλ (Remove)
νη πίλαθεο πνπήδε ππάξρνπλ κε ηνπο λένπο πνπ ζα δεκηνπξγεζνχλ θαηά ηελ εγθαηάζηαζε
Παηάκε NEXT θαη έρνπκε ηελ παξαθάησ εηθφλα:
28
Εικόνα 7: Εγκατάςταςθ Joomla! - Overview
Install Sample Data
Μπνξνχκε λα έρνπκε ήδε θάπνην δείγκα θεηκέλνπ, ην νπνίν ζα βνεζήζεη ηνλ αξράξην ρξήζηε ηνπ
Joomla!.
Email Configuation
Οη αξρηθέο ξπζκίζεηο πνπ θάλακε θαηά ηελ εγθαηάζηαζε ηνπ Joomla!, κπνξνχλ λα ζηαινχλ ζην
email καο.
Όιεο νη ξπζκίζεηο πνπ πεξηγξάθεθαλ παξαπάλσ, κπνξνχκε λα ηηο αιιάμνπκε αθφηνπ θάλνπκε
login, ζηελ επηινγή Global Configuration (πεξηγξάθεηαη ζην Κεθάιαην 6, ιεπηνκεξψο).
Αλ ζέινπκε λα πξνζζέζνπκε ηα ειιεληθά ζα ρξεηαζηεί λα θαηεβάζνπκε απφ ην site
http://extensions.joomla.org/extensions/languages/translations-for-joomla, ην αξρείν πνπ αθνξά ηελ
Διιεληθή γιψζζα γηα ηελ αληίζηνηρε έθδνζε Joomla! πνπ έρνπκε. Αθνχ παηήζνπκε download,
ζηνλ ππνινγηζηή καο ζα έρνπκε έλα ζπκπηεζκέλν αξρείν.
Αθνχ θάλνπκε log in ζην Joomla! (Δηθφλα 14), πεγαίλνπκε Extensions Manager θαη επηιέγνπκε
ην αξρείν zip, πνπ κφιηο θαηεβάζακε (Upload zip file). Έπεηηα, πεγαίλνπκε Extensions/Language
manager θαη επηιέγνπκε ηελ πξνθαζνξηζκέλε γιψζζα πνπ ζέινπκε γηα ην Site θαζψο θαη ηνλ
Administrator.
Έλαο άιινο ηξφπνο γηα λα εγθαηαζηήζνπκε κηα γιψζζα είλαη ν εμήο:
29
Αθνχ θάλνπκε Log in ζην Joomla!, πεγαίλνπκε Extensions - Language Manager. Δδψ ζα δνχκε
πνηέο γιψζζεο έρνπκε εγθαηαζηήζεη. Γηα λα πξνζζέζνπκε κηα θαηλνχξγηα, επηιέγνπκε Install
Language. Δδψ ζα καο εκθαληζηνχλ φιεο νη γιψζζεο θαη κπνξνχκε λα επηιέμνπκε πνηά ζέινπκε.
Έπεηηα, παηάκε install ψζηε λα εγθαηαζηαζεί απηή πνπ επηιέμακε.
Εικόνα 8: Εγκατάςταςθ γλώςςασ
30
4. Γνωριµία µε τα Δοµικά ςτοιχεία του Joomla
΢ε απηφ ην θεθάιαην, ζα θάλνπµε αλαθνξά ζηα δνµηθά ζηνηρεία ηνπ joomla γηα λα µπνξνχµε λα
θαηαιαβαίλνπµε ζε επφµελα θεθαιαία, ην ηί αλαιχνπµε.
4.1 Δηµόςιο τµήµα και περιοχή διαχείριςησ (Front-end και Backend)
Έλα web cms απνηειείηαη απφ έλα Front-end θαη έλα Back-end. Σν δεµφζην ηµήµα (Front-end)
είλαη ζηελ νπζία απηφ πνπ βιέπνπλ νη επηζθέπηεο θαη νη ζπλδεδεµέλνη ρξήζηεο ζην site, δειαδή
νη ηειηθνί ρξήζηεο. Μέζα ζην δεµφζην ηµήµα βξίζθνληαη ηα άξζξα, ηα µελνχ θαη γεληθά φια ηα
ζηνηρεία πνπ ζέινπµε λα εµθαλίδνληαη ζηελ ηζηνζειίδα µαο.
Η πεξηνρή δηαρείξηζεο ζα µπνξνχζαµε λα πνχµε φηη είλαη ην "εξγαζηήξην" ηνπ Joomla. Πεξηέρεη
ην administration layer ηνπ δηθηπαθνχ ηφπνπ γηα ηνπο δηαρεηξηζηέο.
Η δηαµφξθσζε, ε ζπληήξεζε, ν θαζαξηζµφο, ε παξαγσγή ησλ ζηαηηζηηθψλ, θαζψο θαη ε
δεµηνπξγία λένπ πεξηερνµέλνπ γίλνληαη φια ζην Back-end απφ εμνπζηνδνηεµέλα άηνµα. Σν Backend βξίζθεηαη ζε δηαθνξεηηθή δηεχζπλζε URL απφ ηελ ηζηνζειίδα.
Γεληθά, ην front-end είλαη ε ηζηνζειίδα καο (public web) θαη κπνξνχκε λα έρνπκε πξφζβαζε
πιεθηξνινγψληαο ζηνλ browser καο http://www.onomasite.com. ΢ην back-end (administrator
web) κπνξνχκε λα έρνπκε πξφζβαζε πιεθηξνινγψληαο
http://www.onomasite.com/administrator
Παξφιν πνπ ε δηαρείξηζε ηνπ site γίλεηαη ζην back-end, κπνξεί λα γίλεη θαη ζην front-end
ρξεζηκνπνηψληαο θάπνηα extensions.
4.2 Δικαιώµατα πρόςβαςησ (Access Rights)
Κάζε θνξά πνπ µηιάµε γηα δηαρείξηζε, µηιάµε γηα ηελ έμππλε δηαρείξηζε ησλ πθηζηάµελσλ
πφξσλ. ΢ε web cms, ηα νλφµαηα ρξεζηψλ απνδίδνληαη ζηα ελδηαθεξφµελα άηνµα θαη θάζε έλα απφ
απηά έρεη δηαθνξεηηθά δηθαηψµαηα πξφζβαζεο. Απηφ µπνξεί λα θπµαίλεηαη απφ έλα απιφ
εγγεγξαµµέλν ρξήζηε µέρξη ηνλ «ππέξ-δηαρεηξηζηή», ν νπνίνο έρεη ηνλ πιήξε έιεγρν ηνπ ηνµέα.
΢ηε ζπλέρεηα µε βάζε ηα δηθαηψµαηα, ε ηζηνζειίδα, εµθαλίδεη δηαθνξεηηθφ πεξηερφµελν.
Τπάξρεη δηαζέζηµε επηινγή γηα λα γίλεη επεμεξγαζία ηνπ πεξηερνµέλνπ απεπζείαο ζην Frontend ή
ν ρξήζηεο έρεη ην δηθαίσµα λα εξγάδνληαη ζην Back-end.
31
Οη ρξήζηεο ηνπ site πνπ έρεη θηηαρηεί κε Joomla, ρσξίδνληαη ζε δχν θαηεγνξίεο:
 Δπηζθέπηεο (Quests)
 Δγγεγξακκέλνη Υξήζηεο (Registered Users)
Οη επηζθέπηεο αθνξνχλ απηνχο πνπ απιά βιέπνπλ ηελ ηζηνζειίδα καο. Αλάινγα κε ηηο ξπζκίζεηο
πνπ έρεη θάλεη ν ππεξδηαρεηξηζηήο (super user), θάπνηα πεξηερφκελα κπνξνχλ λα εκθαληζηνχλ κφλν
ζε εγγεγξακκέλνπο ρξήζηεο ή λα εκθαλίδνληαη ζε φινπο.
Οη εγγεγξακκέλνη ρξήζηεο έρνπλ θάλεη εγγξαθή ζην site θαη έρνπλ απνθηήζεη φλνκα θαη
θσδηθφ πξφζβαζεο. Απηά ρξεζηκνπνηνχληαη γηα λα θάλνπλ log in ζην site ψζηε λα απνθηήζνπλ
θάπνηα πξνλφκηα ζε ζρέζε κε ηνπο επηζθέπηεο.
4.3 Περιεχόµενο (Content)
Σν πεξηερφµελν µπνξεί λα έρεη δηάθνξεο µνξθέο. ΢ηελ απινχζηεξε πεξίπησζε, είλαη θείµελν.
Ωζηφζν, ην πεξηερφµελν µπνξεί επίζεο λα είλαη µηα εηθφλα, µηα ζχλδεζε, έλα µνπζηθφ θνµµάηη,
έλα απφζπαζµα απφ µηα εθαξµνγή φπσο ην Google Maps ή έλαο ζπλδπαζµφο φισλ απηψλ. Γηα λα
δψζνπµε µηα γεληθή άπνςε ηεο έλλνηαο πεξηερφµελν, µπνξεί λα ελζσµαηψλεηαη ζε δνµέο, γηα
παξάδεηγµα, ηα θείµελα ησλ δηαθφξσλ θαηεγνξηψλ απνηεινχλ πεξηερφµελν. Οη θαηεγνξίεο,
θπζηθά, είλαη επίζεο πεξηερφµελν ην νπνίν πξέπεη λα δηαρεηξηζηεί.
4.4 Επεκτάςεισ (Extensions)
Σα ζπζηαηηθά µέξε, νη ελφηεηεο, ηα πξφηππα θαη ηα πξφζζεηα (plugins) αλαθέξνληαη φιεο σο
επεθηάζεηο (extensions). Πξνζθέξνπλ επηπιένλ ιεηηνπξγίεο νη νπνίεο δελ πεξηέρνληαη ζηνλ ππξήλα
ηνπ Joomla.
Τπάξρνπλ πέληε ηχπνη ζην Joomla: Components, Modules, Plugins, Templates θαη Languages. Κάζε
έλα απφ απηά ηα extensions είλαη ζρεδηαζκέλν λα θάλεη κία ζπγθεθξηκέλε ιεηηνπξγία (function).
4.5 Εφαρµογέσ (Components)
Σν Joomla ζαλ web cms πξέπεη λα είλαη επεθηάζηµν θαη ζε ζέζε λα αλαπηπρζεί αλάινγα µε ηηο
απαηηήζεηο. Οη επεθηάζεηο πνπ πξνζθέξνπλ επηπιένλ ιεηηνπξγίεο θαη ζπλήζσο έρνπλ ην δηθφ ηνπο
ρψξν ζηε δηαρείξηζε ηνπ Joomla νλνµάδνληαη εθαξµνγέο (components). Γηα παξάδεηγµα, ηππηθέο
εθαξµνγέο ησλ ηειεπηαίσλ εηψλ είλαη γηα έλα online θαηάζηεµα, γηα µηα gallery θσηνγξαθηψλ,
θαζψο θαη γηα elearning ή forum. ΢ήµεξα ηα πξάγµαηα φπσο ε βειηηζηνπνίεζε µεραλψλ
32
αλαδήηεζεο, ηα δηθαηψµαηα ησλ ρξεζηψλ, πνιιαπιέο µνξθέο ζειίδσλ θαη πνηθίιεο δνµέο
πεξηερνµέλνπ γίλνληαη φιν θαη πην ζεµαληηθά.
Οη εθαξµνγέο (components) πεξηέρνπλ ηελ επηρεηξεµαηηθή ινγηθή ηνπ site ηνπο θαη απεηθνλίδνπλ
ην πεξηερφµελν ζην "θχξην ζψµα" ηεο ηζηνζειίδαο. Σν Joomla πεξηέρεη πνιιά components, φπσο
γηα παξάδεηγκα ην Content Management System, ηελ θφξκα επηθνηλσλίαο θαη ηα Web Links.
4.6 Πρότυπα (Templates)
Έλα πξφηππν είλαη έλα είδνο νπηηθήο απεηθφληζεο πνπ ηνπνζεηείηαη ζηελ θνξπθή ηνπ
πεξηερνµέλνπ.
Καζνξίδεη ρξψµαηα, γξαµµαηνζεηξέο, µεγέζε γξαµµαηνζεηξψλ, εηθφλεο θφληνπ, απνζηάζεηο θαη
δηαρσξηζµφ ηεο ζειίδαο, µε άιια ιφγηα, φ, ηη έρεη λα θάλεη µε ηελ εµθάληζε µηαο ζειίδαο. Έλα
πξφηππν απνηειείηαη απφ ηνπιάρηζηνλ έλα αξρείν HTML γηα ηε δνµή ηεο ζειίδαο θαη έλα αξρείν
CSS γηα ηνλ ζρεδηαζµφ.
Μπνξεί, επίζεο, λα έρεη µηα πνιχ πην εθηεηαµέλε δνµή, ψζηε λα πξνεηνηµάζεη ην
πεξηερφµελν ηνπ Joomla γηα έλα ηειείσο δηαθνξεηηθφ ζθνπφ. Μπνξνχκε λα έρνπκε δηαθνξεηηθά
templates γηα θάζε ζειίδα ηνπ site καο.
Τπάξρνπλ δχν είδε template:
 Front-end Templates: απηά αιιάδνπλ ηελ εκθάληζε ηνπ site. Σν Joomla παξέρεη εμ αξρήο ηξία
template.
 Back-end Templates: επηηξέπνπλ λα αιιάμνπκε ηνλ ηξφπν πνπ εκθαλίδεηαη ην interface ησλ
δηαρεηξηζηψλ ηνπ site.
4.7 Πρόςθετα (Plug-ins)
Σα πξφζζεηα (plug-ins) είλαη έλα θνµµάηη θψδηθα πξνγξαµµαηηζµνχ πνπ είλαη πξνζαξηεµέλα ζε
νξηζµέλα ζεµεία ηνπ πιαηζίνπ ηνπ Joomla γηα λα αιιάδνπλ ηε ιεηηνπξγηθφηεηά ηνπ. Έλα plug-in
µπνξεί, γηα παξάδεηγµα, λα ρξεζηµνπνηεζεί ζην εζσηεξηθφ πεξηερφµελν ηνπ θεηµέλνπ γηα λα
νξηψζεη ην πεξηερφµελν ελφο ελζέµαηνο (module) ζην θείµελν. Σα plugins ρξεζηµνπνηνχληαη επίζεο
ζε µηα νινθιεξσµέλε ηζηνζειίδα αλαδήηεζεο, πξνθεηµέλνπ λα ελζσµαηψζνπλ πξφζζεηα
εθαξµνγέο (components).
Σν Joomla παξέρεη δηάθνξα events, νξγαλσκέλα ζηα εμήο γθξνχπ:
33
 Authentication (π.ρ. onAuthenticate, onAuthenticateFailure)
 Captcha (π.ρ. onInit, onDisplay, onCheckAnswer)
 Content (π.ρ. onAfterDisplay, onAfterContentSave, onContentSearch,
onContentChangeState)
 Contact (π.ρ. onSubmitContact, onValidateContact)
 Editors (π.ρ. onSave, onDisplay, onGetContent)
 Extensions (π.ρ. onExtensionAfterInstall, onExtensionAfterUninstall,
onExtensionAfterUpdate)
 Finder (π.ρ. onFinderCategoryChangeState, onFinderChangeState, onFinderAfterDelete)
 Quick Icons (π.ρ. onGetIcons)
 Search (π.ρ. onSearch, onSearchAreas)
 System (π.ρ. onAfterInitialise, onAfterDispatch, onGetWebServices)
 User (π.ρ. onUserLogin, onUserLogout, onUserAuthorisation)
 XML-RPC (π.ρ. onGetWebServices)
4.8 Ενθέµατα (Μodules)
Σα ελζέµαηα (modules) µπνξνχµε λα ηα παξνµνηάζνπµε ζαλ ηα "θνπηηά" µέζα ζηα νπνία
εµθαλίδεηαη ην πεξηερφµελν, νη εθαξµνγέο, ηα πξφζζεηα θαη γεληθά φια ηα αληηθείµελα πνπ
εµθαλίδνληαη ζην δεµφζην ηµήµα.
Έλα module είλαη εχθνιν λα εγθαηαζηαζεί απφ ηνλ Administrator ηνπ site. Μπνξεί λα πεξηέρεη:
Main Menu, Top menu, Template Chooser, Poll, Newsflash ή έλαλ Hit Counter. Η θνηλφηεηα ηνπ
Joomla ζπλερψο δεκηνπξγεί θαηλνχξγηα module κε λέεο δπλαηφηεηεο.
4.9 Languages
Σν Joomla! καο παξέρεη ηε δπλαηφηεηα λα έρνπκε πεξηζζφηεξεο απν κία γιψζζεο εγθαηεζηεκέλεο.
Ο ηξφπνο πνπ γίλεηαη απηφ πεξηγξάθεθε ζην θεθάιαην 3.2.2 Εγκαηάζηαζη Joomla!.
Όηαλ εγθαζηζηνχκε κηα γισζζα, κπνξεί λα ρξεζηκνπνηεζεί θαη ζην site (Front-end) αιιά θαη ζηνλ
administrator.
΢ηελ επηινγή Extensions - Language Manager, κπνξνχκε λα δνχκε πνηέο γιψζζεο έρνπκε
εγθαηαζηήζεη θαη λα δνχκε δηάθνξεο πιεξνθνξίεο. Απηέο νη πιεξνθνξίεο αθνξνχλ ηα εμήο:
Installed
 Num: δίλεηαη απηφκαηα απφ ην Joomla! θαη είλαη κνλαδηθφο αξηζκφο
 Checkbox: κπνξνχκε λα επηιέμνπκε κία ή πεξηζζφηεξεο γιψζζεο, ψζηε λα θάλνπκε
πεξαηηέξσ ξπζκίζεηο ή λα έρνπκε πεξηζζφηεο απφ κία, ψζηε λα κπνξνχκε λα θάλνπκε
34








ελαιιαγή
Language: πνηά γιψζζα έρνπκε εγθαηαζηήζεη
Language Tag: ν θσδηθφο ηεο γψζζαο
Location: κπνξεί λα είλαη site ή administrator, αλάινγα κε ην πνηά επηινγή έρνπκε επηιέμεη,
Installed - Site ή Installed – Administrator
Default: πνηά γιψζζα έρνπκε ζαλ πξνεπηινγή
Version: πνηά έθδνζε ηεο γιψζζαο έρνπκε εγθαηαζηήζεη
Date: πφηε εγθαηαζηάζεθε ε γιψζζα
Author: πνηφο έθαλε ηε κεηάθξαζε
Author E-mail: ην email ηνπ κεηαθξαζηή
΢ηελ επηινγή Content, κπνξνχκε λα δνχκε πνηέο γιψζζεο κπνξνχκε λα ρξεζηκνπνηήζνπκε ζην
site καο.
4.10 Διαµόρφωςη Ρυθµίςεων (Configuration Settings)
Οη ξπζµίζεηο πνπ ηζρχνπλ γηα ην ζχλνιν ηνπ δηθηπαθνχ ηφπνπ πξνζδηνξίδνληαη ρξεζηµνπνηψληαο
ηε δηαµφξθσζε ξπζµίζεσλ. Απηφ πεξηιαµβάλεη ην θείµελν ηίηινπ ζην παξάζπξν πεξηήγεζεο,
ιέμεηο-θιεηδηά γηα ηηο µεραλέο αλαδήηεζεο, δηαθφπηεο πνπ επηηξέπνπλ ή απαγνξεχνπλ ηε ζχλδεζε
ζην site ή ην δηαθφπηε πνπ ζέηεη νιφθιεξν ην site online ή offline θαη πνιιέο άιιεο ιεηηνπξγίεο.
Απηφ ζην site καο γίλεηαη ζην Global Configuration.
4.11 Ροή εργαςίασ (Workflow)
Η έλλνηα ξνή εξγαζίαο ζπµπεξηιαµβάλεη µηα αθνινπζία εξγαζηψλ. Παξαδείγµαηα ξνψλ εξγαζίαο
µπνξνχµε λα αληιήζνπµε θαη απφ ηελ θαζεµεξηλφηεηα, π.ρ. µηα µαγεηξηθή ζπληαγή είλαη επίζεο µηα
ξνή εξγαζίαο.
Γεδνµέλνπ φηη πνιιά άηνµα εξγάδνληαη µε θάπνην CMS, θαιά νξγαλσµέλεο ξνέο εξγαζίαο είλαη
µηα ηεξάζηηα βνήζεηα. Μηα ξνή εξγαζίαο επίζεο αλαθέξεηαη θαη ζε πινπνίεζε site µε ηε ρξήζε
ελφο web content management εξγαιείνπ (joomla) θαη ε αζθαιήο ζσξάθηζή ηνπ. µηα ιίζηα
δηεξγαζηψλ πνπ έλαο ζπγθεθξηµέλνο ρξήζηεο έρεη λα εθηειέζεη. Γηα παξάδεηγµα, ν ζπληάθηεο
(editor) εληνπίδεη µηα ιίζηα ησλ µε δεµνζηεπµέλσλ παθέησλ εηδήζεσλ, ηα νπνία απηφο ή απηή
πξέπεη λα εμεηάζεη ηελ νξζφηεηά ηνπο.
Μεηά ηελ εμέηαζε απηψλ, µαξθάξεη απηά ηα παθέηα εηδήζεσλ σο νξζά θαη έπεηηα ηα
παθέηα πεξλνχλ ζηελ ιίζηα δηεξγαζηψλ ηνπ εθδφηε (publisher). Ο εθδφηεο απνθαζίζεη ηφηε αλ ζα
δεµνζηεχεη θάζε είδεζε ζηελ πξψηε ζειίδα.
35
5. Δημιουργία Βάςησ Δεδομένων και χρήςτη
΢ην θεθάιαην απηφ, ζα πεξηεγεζνχµε ζην control panel ηνπ joomla θαη ζην preview ηνπ ζαλ
“ζειίδα”. Πξίλ λα γίλεη απηφ ζα πξέπεη λα δεκηνπξγήζνπκε έλαλ ρξήζηε (administrator) ζηε Βάζε
Γεδνκέλσλ καο θαζψο θαη ηελ ίδηα ηε ΒΓ πνπ ζα ρξεζηκνπνηήζνπκε.
΢ηελ γξακκή δηεχζπλζεο ηνπ browser, πιεθηξνινγνχκε http://localhost/phpmyadmin/
5.1 Δημιουργία Βάςησ Δεδομένων
΢ην tab Databases, δίλσ ην φλνκα ηεο βάζεο κνπ (mydatabase) θαζψο θαη ηελ θσδηθνπνίεζε πνπ ζα
ρξεζηκνπνηεζεί (utf8_general_ci) θαη παηάκε CREATE.
5.2 Δημιουργία χρήςτη
Εικόνα 9: Δθμιουργία ΒΔ (mydatabase)
΢ην tab Users, παηάκε Add user θαη καο εκθαλίδεηαη ε παξαθάησ εηθφλα, ζηελ νπνία ζα δψζνπκε ην
φλνκα (anatoli) θαη ηνλ θσδηθν ηνπ ρξήζηε.
36
Εικόνα 10: Δθμιουργία χριςτθ
5.3 Αποδοςη δικαιωμάτων ςτο χρήςτη anatoli
΢ην tab Users, βξίζθνπκε ηνλ ρξήζηε πνπ δεκηνπξγήζακε (anatoli). Μεηά ζπλδένπκε ηε ΒΓ
πνπ δεκηνπξγήζακε κε ην ρξήζηε anatoli (Δηθφλα 11), απφ ην Database-specific privileges.
Έπεηηα, επηιέγνπκε Edit Priviliges θαη ζην Database-specific privileges ην Check All (Δηθφλα
12), ψζηε λα δψζνπκε πιήξε δηθαηψκαηα ζε απηφλ ηνλ ρξήζηε. Παηψληαο ην GO έρνπκε ην
απνηέιεζκα ηεο Δηθφλαο 13.
Εικόνα 11: ΢φνδεςθ του χριςτθ anatoli με τθ ΒΔ mydatabase
37
Εικόνα 12: Απόδοςθ δικαιωμάτων ςτο χριςτθ anatoli
Εικόνα 13: Επιτυχισ απόδοςθ δικαιωμάτων ςτο χριςτθ anatoli ςτθν ΒΔ mydatabase
38
6. Γνωριµία µε το περιβάλλον του Joomla!
6.1 Back-end
Σν Administrator Back-end είλαη ε πξψηε ζειίδα πνπ εµθαλίδεηαη µφιηο ζπλδεζνχµε σο
δηαρεηξηζηέο ή άιινπ είδνπο δηθαησµάησλ ρξήζηεο ζηνλ πίλαθα ειέγρνπ. Μέζα απφ ην control panel
(ζην νπνίν έµεηο ζα αλαιχζνπµε σο anatoli, πνπ είλαη ν administrator πνπ νξίζακε), ζα
δηαρεηξηζηνχµε φρη µφλν ην ηη ζα εµθαλίδεηαη θαη πψο, αιιά θαη ηνπο ρξήζηεο, ηνπο νπνίνπο ζα
δερφµαζηε σο εγγεγξαµµέλνπο.
Πιεθηξνινγνχµε ηελ δηεχζπλζε: http://localhost/joomla/administrator/ θαη ζα µαο εµθαληζηεί ε
παξαθάησ εηθφλα
Εικόνα 14: Log in ςτο Joomla!
΢πµπιεξψλνπµε ηα πεδία σο εμήο:
username: anatoli
password: ***********
θαη παηάµε Login.
Δίµαζηε πιένλ µέζα ζην control panel, µέζσ ηνπ νπνίνπ ζα δηαρεηξηζηνχµε ην site µαο.
39
Εικόνα 15: Πρώτθ εικόνα μετά το Log in ςτο Joomla!
Θα μεθηλήζνπµε ινηπνλ λα πεξηγξάθνπµε φια ηα menu πνπ ζα ρξεζηµνπνηήζνπµε γηα ηελ επηηπρή
θαηαζθεπή ηνπ site µαο.
global configuration
Εικόνα 16: Global Configuration
40
΢ηελ πξψηε θαξηέια, ζα βξνχµε πιεξνθνξίεο ζρεηηθα µε ην site µαο. ΢εµαληηθέο πιεξνθνξίεο
είλαη νη εμήο επηινγέο:
Offline Message: Ση ζα εµθαλίδεη αλ ην site µαο είλαη ππφ θαηαζθεπή
Site Name: Σν φλνµα ηνπ site µαο
Default Editor: Ο editor πνπ ζα ρξεζηµνπνηήζνπµε ζηα άξζξα µαο (default editor: TinyMCE)
Εικόνα 17: Global Configuration - Site
Με ηελ δεχηεξε θαξηέια δελ ζα αζρνιεζνχµε θαη ζα δνχµε ηελ ηξίηε θαξηέια, ζηελ νπνία ζα
βξνχµε πιεξνθνξίεο γηα ην server. ΢ε απηή ηελ θαξηέια, ζα αλαθεξζνχµε ζηα εμήο tables
επηινγψλ:
Database Settings: Δδψ αλαθέξνληαη µεξίθα ζηνηρεία ηεο βάζεο δεδνµέλσλ πνπ δεµηνπξγήζαµε
θαηά ηελ εγθαηάζηαζε ηνπ joomla. Δπηγξαµµαηηθά αλαθέξνληαη:
Database Type: ηί ηχπνο βάζεο είλαη?
Hostname: ην hostname γηα λα µπνχµε ζηελ βάζε µαο
Username: ην username πνπ ρξεζηµνπνηνχµε γηα λα µπνχµε ζηελ βάζε µαο
Database: ην φλνµα ηεο βάζεο µαο
Mail Settings: Δδψ ζα νξίζνπµε πνηφλ smtp server ζα ρξεζηµνπνηήζνπµε γηα ηελ πξνψζεζε ησλ
µελπµάησλ θαηα ηελ εγγξαθή ελφο ρξήζηε ή ηελ πξνζπάζεηα επηθνηλσλίαο ηνπ µαδί µαο.
Δπηγξαµµαηηθά έρνπµε:
Mailer: Απηή ε ξχζµηζε νξίδεη πνηφλ mailer λα ρξεζηµνπνηήζεη γηα λα παξαδψζεη ηα µελχµαηα
41
απφ ηνλ ρψξν.
Mail from: Η δηεχζπλζε ειεθηξνληθνχ ηαρπδξνµείνπ πνπ ρξεζηµνπνηείηαη απφ ην Joomla γηα λα
ζηείινπµε email.
From Name: Σν φλνµα ηεο ηζηνζειίδαο θαηά ηελ αξρηθή ξχζµηζε σο φλνµα ηαπηφηεηαο ζηα
µελχµαηα
Sendmail Path: Η δηαδξνµή φπνπ ην πξφγξαµµα Sendmail βξίζθεηαη. Απηφ ζπλήζσο
ζπµπιεξψλεηαη απφ ην Joomla θαηά ηελ αξρηθή ξχζµηζε. Σν µνλνπάηη απηφ ρξεζηµνπνηείηαη µφλν
αλ Mailer έρεη νξηζηεί ζε Sendmail.
SMTP Authentication: Δάλ ν δηαθνµηζηήο SMTP απαηηεί έιεγρν ηαπηφηεηαο γηα ηελ απνζηνιή
αιιεινγξαθίαο, ην νξίδνπµε ζε Ναη. Γηαθνξεηηθά ην αθήλνπµε ΌΥΙ
SMTP Security: πνηά θξππηνγξάθεζε ζα ρξεζηµνπνήζεη ν mail server γηα ηελ απνζηνιή
µελπµάησλ
SMTP Port: µέζσ πνηάο “πφξηαο” ζα επηθνηλσλεί ν mail server
SMTP Username: Σν φλνµα ρξήζηε πνπ ζα ρξεζηµνπνηεζεί γηα ηελ πξφζβαζε ζηνλ θεληξηθφ
ππνινγηζηή SMTP.
SMTP Password: Ο θσδηθφο πξφζβαζεο πνπ ζα ρξεζηµνπνηεζεί γηα ηελ πξφζβαζε ζηνλ
θεληξηθφ ππνινγηζηή SMTP.
SMTP Host: Η δηεχζπλζε SMTP γηα ρξήζε θαηά ηελ απνζηνιή αιιεινγξαθίαο.
Εικόνα 18: Global Configuration - Server
42
User Manager
΢ην Control Panel ηνπ Joomla!, επηιέγσ User Manager (ή Users: User Manager)
Εικόνα 19: Control Panel - User Manager
Με ην πνπ ην επηιέμνπµε, µαο εµθαλίδεηαη ην παξαθάησ παξάζπξν, µέζα απν ην νπνίν µπνξνχµε
λα δηαρεηξηζηνχµε φινπο ηνπο ρξήζηεο πνπ εγξάθνληαη ζηελ ζειίδα µαο αιιά θαη ηνλ δηθφ µαο
ινγαξηαζµφ, θαζψο επίζεο θαη λα δεµηνπξγήζνπµε έλαλ ή πεξηζζφηεξνπο ρξήζηεο.
Εικόνα 20: User Manager - Users
Θα δνχµε αλαιπηηθά ηηο επηινγέο ζε έλαλ ρξήζηε (anatoli) θαη ζα αζρνιεζνχµε µε θάζε µία
επηινγή μερσξηζηά
43
 Account Details:
 Name (ην φλνµα ηνπ ινγαξηαζµνχ),
 Username (ην θσδηθφ φλνµα ηνπ ρξήζηε γηα λα θάλεη login)
 Password & verify password (δεµηνπξγία ελφο λένπ θσδηθνχ, αλ επηζπµεί ν ρξήζηεο)
 Group (ζε πνηφ ηχπν ρξήζηε αλήθεη θαη απηνµάηνο πνηά είλαη ηα δηθαηψµαηα ηνπ)
 Block Use (µπινθάξεη ηνλ ζπγθεθξηµέλν ρξήζηε απφ ην λα ρξεζηµνπνηήζεη ηνλ
ινγαξηαζµφ ηνπ)
 Receive system emails (δηαιέγνπµε αλ ν ρξήζηεο δηαηνχηαη ή φρη λα ιαµβαίλεη µελχµαηα
απφ ην system (site)
 Register date (πφηε έγηλε ε εγξαθή ηνπ ρξήζηε)
 Last visit date (πφηε επηζθέθηεθε ην site ν ρξήζηεο)
Εικόνα 21: User Manager - Edit Profile
 Basic Settings:
 Backend Template Style (πσο ζα εκθαλίδεηαη ην template ζηνλ administrator)
 Back-end Language (ζε πνηα γιψζζα ζα ηνπ εµθαλίδεηαη ην control panel)
 Front-end Language (ζε πνηά γιψζζα ζα ηνπ εµθαλίδεηαη ην site)
 User Editor (πνηφλ editor ζα ρξεζηµνπνηεί γηα ηα θείµελα ηνπ)
 Help Site (απφ πνπ ν ρξήζηεο µπνξεί λα δεηήζεη ελεµέξσζε)
 Time Zone (ζε πνηά δψλε ηεο γήο βξίζθεηαη)
Εικόνα 22: Edit Profile - Basic Settings
44
Δημιοσργία Menu
Γηα λα δεµηνπξγήζνπµε θάπνην menu ζηελ ηζηνζειίδα µαο, ζε ζηπι θνπµπηψλ ή ζε ζηπι table,
επηιέγνπµε ην menu Menus-->Menu Manager, φπσο δείρλεη ε παξαθάησ εηθφλα θαη ζηελ ζπλέρεηα
ζα δνχµε ηα βήµαηα γηα ηελ δεµηνπξγία ηνπ menu µαο θαη ηηο επηινγέο πνπ έρνπµε.
Εικόνα 23: Επιλογι για τθν δθμιουργία Menu
Σψξα πνπ βξηζθφµαζηε ζην menu manager, µπνξνχµε λα δνχµε πνηά menu έρνπµε δεµηνπξγήζεη
νλνµαζηηθά µφλν. Γηα ηελ δεµηνπξγία ελφο menu, θάλνπµε ηα εμήο βήµαηα:
Δπηιέγνπµε ην θνπµπί New (πάλσ αξηζηεξά) θαη ζα εµθαλίζεη µηα θαξηέια δεµνπξγίαο ηνπ menu
µαο (παξαθάησ εηθφλα).
Εικόνα 24: Δθμιουργία Menu
Δµάο, µαο ελδηαθέξνπλ µφλν νη επηινγέο: Menu Type (ην κνλαδηθφ φλνµα πνπ ζα
ρξεζηµνπνηείηαη απφ ηελ joomla γηα λα νξίδνπµε αξγφηεξα ηα άξζξα µαο, ηα components µαο, θ.η.ι
ζε πνηφ menu ζα αλήθνπλ) & Title (ην φλνµα πνπ ζέινπµε λα δψζνπµε γηα µαο, ζην menu µαο).
Μφιηο δεµηνπξγήζνπµε ηα menu πνπ ζέινπµε, απηφµαηα ζα εµθαληζηνχλ θαη ζην menu: Menus,
ζαλ επηινγέο. Δπηιέγνληαο ηψξα έλα απφ ηα δεµηνπξγεµέλα menu, ζα εµθαληζηεί ε παξαθάησ
θαξηέια
45
Εικόνα 25: Σο menu που δθμιουργιςαμε
Γίπια ζε θάζε δεµηνπξεµέλν menu, ππάξρνπλ δηάθνξεο ζηήιεο, νη νπνίεο θάζε µηα ηνπο δειψλεη
θαη θάηη γηα ην menu, ηα νπνία ζηνηρεία απηά έρνπλ πξνέιζεη απφ ηηο ηδηφηεηεο θάζε menu φηαλ ην
δεµηνπξγνχµε. Γειαδή:
Published/ Unpublished: αλ ηα αληηθείκελα πνπ έρνπκε ζην menu είλαη δεµνζηεπµέλα ή φρη
Trash: πνηά αληηθείκελα είλαη ζηνλ «θάδν αλαθχθισζεο» ηνπ menu
Modules Linked to the Menu: ιίζηα κε αληηθείκελα πνπ είλαη ζπλδεδεκέλα κε ην menu καο
Ιd: ην αλαγλσξηζηηθφ ηνπ, πνπ νξίδεηαη απμεηηθά απφ ην joomla
Αλαιφγσο ηψξα µε ην ηη ζα έρνπµε δεµηνπξγήζεη ζαλ επηινγέο ζην menu πνπ βξηζθνµάζηε,
εµθαλίδνληαη θαη ηα αληίζηνηρα sub-menu. Γηα ηελ δεµηνπξγία απηψλ ησλ sub-menu, αθνινπζνχµε
ηα παξαθάησ βήµαηα:
 Παηάµε ζην menu πνπ ζέινπκε λα δεκηνπξγήζνπκε sub-menu. Δπηιέγνπκε ην θνπµπί New
θαη µαο εµθαλίδεηαη ε παξαθάησ εηθφλα µε ηηο επηινγέο ησλ δηαθφξσλ ηχπσλ sub-menu
πνπ µπνξνπµε λα επηιέμνπµε
Εικόνα 26: Create new menu item
Δπηιέγσ ηνλ ηχπν ηνπ sub-menu (εηθφλα 27).
Menu Details (Sub menu):
Εικόνα 27: Add new menu item
46
 Menu Title: ην φλνµα πνπ ζα εκθαλίδεηαη γηα ην sub-menu καο
 Alias: είλαη ην φλνµα - θσδηθφο πνπ δίλεη ην joomla (κπνξνχκε λα πιεθηξνινγήζνπκε θαη δηθφ
καο)
 Status: αλ ζα εκθαλίδεηαη ην sub-menu καο ή φρη ζην front-end
 Link: ε ηνπηθή δηεχζπλζε απνζήθεπζεο ηνπ sub-menu καο
 Menu Location: ζε πνηφ menu απν απηά πνπ έρνπκε, ζα αλήθεη ην sub-menu καο
 Parent Item: δειψλνπµε αλ ην main menu ζα είλαη ςειά ζηελ ηεξαξρία ή ζα είλαη έλα
αληηθείκελν ζην sub menu
 Ordering: πνπ ζα πξνζηεζεί ην θαηλνχξγην item (default ζην ηέινο ηεο ιίζηαο)
 Access: ζε πνηνχο ζα εκθαλίδεηαη
 Default Page: αλ ζα είλαη ή φρη ε αξρηθή ζειίδα ηνπ site καο
 Target Window: αλ ζα εκθαλίδεηαη ζην ίδην παξάζπξν ηνπ browser ή ζε άιιν
 Template Style : ν ηξφπνο πνπ ζα εκθαλίδεηαη
 Language: ζε πνηά γιψζζα ζα είλαη ην item
 Note: θάπνηα ζεκείσζε πνπ αθνξά απηφ ην item θαη κπνξεί κφλν ν administrator λα ην δεη
 ID: κνλαδηθφο αξηζκφο πνπ δίλεηαη απηφκαηα απφ ην Joomla!
Εικόνα 28: Details (options) of sub menu
6.2 Front-end
Σν Front-end είλαη απηφ πνπ βέπεη ν ηειηθφο ρξήζηεο, ην δεκφζην κέξνο κηα ηζηνζειίδαο. Ο
δηαρεηξηζηήο ηεο ηζηνζειίδαο απνθαζίδεη αλ ζα βιέπνπλ ηα πάληα νη επηζθέπηεο ή φρη. Γηα
παξάδεηγκα, κπνξεί λα δψζεη δηθαηψκαηα ζηνπο εγγεγξακέλνπο ρξήζηεο λα έρνπλ πξφζβαζε ζε
πεξηζζφηεξεο πιεξνθνξίεο ή αθφκα θαη λα δεκνζηέπζνπλ πιεξνθνξηαθφ πιηθφ (θείκελα,
θσηνγξαθίεο θηι). Οηηδήπνηε εκθαλίδεηαη ζην frontend, έρεη δεκηνπξγεζεί ζην backend.
47
7. Δηµιουργία του ιςτοχώρου και τα εργαλεία για την
υλοποίηςη του
΢ε απηφ ην θεθάιαην, ζα αλαθεξζνχµε ζηα extensions, ζηα modules θαη ζηα plugins πνπ
ρξεζηκνπνηήζακε γηα ηελ πινπνηήζε ηεο ηζηνζειίδαο µαο.
7.1 Λογική ςελίδασ
Μηα ηζηνζειίδα, πξηλ ηελ θαηαζθεπή ηεο, πξέπεη λα µειεηεζεί φζν αθνξά ηνλ ηξφπν πνπ ζα
παξνπζηαζηεί. Κάζε αληηθείµελν, θάζε menu θαη γεληθά νηηδήπνηε ρξεζηµνπνηεζεί, έρεη ηελ
δηθή ηνπ ζέζε µε απφηεξν ζθνπφ ηελ εχθνιε γηα ηνλ ρξήζηε ιεηηνπξγία ηνπ. Η επηινγή ησλ
πιεξνθνξηψλ πνπ ζα πξνζηεζνχλ ζην site, πξέπεη λα γίλεη πξνζεθηηθά.
Πώρ επιλέγοςμε όµωρ ηιρ ζηµανηικέρ ή µη πληποθοπίερ?
Γηα λα µπνξέζνπµε λα νξίζνπµε πνηέο πιεξνθνξίεο είλαη ζεµαληηθέο ή µε γηα ηνλ ρξήζηε,
πξέπεη λα εζηηάζνπµε ζην ζε πνηνχο αλαθέξεηαη ε ζειίδα θαη γηα πνηφλ ιφγν θάπνηνο ρξήζηεο ζα
ελδηαθεξζεί λα µαο επηζθεθηεί. ΢ηε δηθή καο πεξίπησζε, πξέπεη ην θείκελν λα είλαη απιφ θαη λα
πεξηέρεη πνιιέο εηθφλεο.
Εικόνα 29: Η αρχικι ςελίδα του site μασ
48
7.2 Αλλαγή background (Module)
Έλαο ηξφπνο λα αιιάμνπκε ην background ελφο template είλαη λα αιιάμνπκε ηα αξρεία css πνπ
νξίδνπλ ηελ εκθάληζε ηνπ. Απηφ έρεη δχν κεηνλεθηήκαηα: ην έλα είλαη φηη απαηηεί ελαζρφιεζε κε
θψδηθα, θάηη πνπ κπνξεί λα απνδεηρηεί επίπνλν θαη ρξνλνβφξν, ελψ ην δεχηεξν είλαη φηη κεηά
απφ update ηνπ template ππάξρεη πεξίπησζε ηα αξρεία css λα αληηθαηαζηαζνχλ κε θαηλνχξηα θαη
λα ραζνχλ νη ξπζκίζεηο.
Ο θαιχηεξνο ηξφπνο είλαη λα εγθαηαζηήζνπκε έλα plug-in. Έλα πνιχ θαιφ θαη ειεχζεξν είλαη
ην bgMAX. Δθηφο απφ ηε δπλαηφηεηα αιιαγήο ρξψκαηνο ζην background, δίλεη ηε δπλαηφηεηα
πξνβνιήο θσηνγξαθίαο. Έρεη πνιιέο επηινγέο φζνλ αθνξά ηνλ ηξφπν πξνβνιήο ηεο νη νπνίεο
γίλνληαη κέζα απφ έλα εχρξεζην πεξηβάιινλ. Οη αιιαγέο πνπ θάλεη εθαξκφδνληαη αλεμάξηεηα
απφ ηηο εκθαληζηαθέο ξπζκίζεηο ηνπ template. Σν κφλν πνπ απαηηεί είλαη ην template λα παξέρεη
κηα ζέζε (position) κε δπλαηφηεηα αιιαγήο ηνπ background.
Μεηά ηελ εγθαηάζηαζε ηνπ εκθαλίδεη θάπνηεο πιεξνθνξίεο πνπ έρνπλ λα θάλνπλ κε ηελ
θπθινθνξία θαη ηε ρξήζε ηνπ. Πνιχ ρξήζηκνο είλαη ν πίλαθαο πνπ δηεπθξηλίδεη ην θαηάιιειν
position γηα δηάθνξα template (εκθαλίδεηαη θαη αξγφηεξα).
Εικόνα 30: Background bgMAX
Γηα λα ην ρξεζηκνπνηήζνπκε, ην εληνπίδνπκε απφ ην Extensions - module manager. Σν
επηιέγνπκε γηα λα εκθαληζηνχλ νη επηινγέο ηνπ. Πξέπεη λα ην θάλνπκε publish (ην default είλαη
unpublished) θαη λα επηιέμνπκε ην θαηάιιειν position αλάινγα κε ην template. Ο πίλαθαο κε ηηο
πιεξνθνξίεο πνπ είδακε θαηά ηελ εγθαηάζηαζε εκθαλίδεηαη θαη πάιη. Αλ ην ζέκα πνπ έρνπκε
επηιέμεη δελ αλαθέξεηαη, πξέπεη λα δνχκε ηα position ηνπ (ζπλήζσο είλαη ην debug).
49
Εικόνα 31: Δθμοςίευςθ του background
Έπεηηα, ζηελ θαξηέια options θάλνπκε ηηο ξπζκίζεηο γηα ην background. Όπσο ηί ρξψκα ή πνηά
εηθφλα ζα εκθαλίδεηαη, κε ηί ηξφπν ζα εκθαλίδεηαη ε εηθφλα θαη άιια.
7.3 Ειςαγωγή Λογότυπου (Module)
Σν ζέκα TK Gen Free II δε δίλεη θάπνην απηνκαηνπνηεκέλν ηξφπν νξηζκνχ ινγνηχπνπ. Έρεη
φκσο κηα ζέζε (position) γηα ηελ ηνπνζέηεζε ηνπ. Γηα λα εηζάγνπκε ινηπφλ ην ινγφηππν πνπ
ζέινπκε πεγαίλνπκε ζην module manager - New - Custom HTML.
Εικόνα 32: Logo - Module type - Custom HTML
50
΢ην Show Title επηιέγνπκε hide θαη ζην position επηιέγνπκε logo (εηθφλα 33). Έπεηηα, ζηελ
θαξηέια custom output φπνπ εκθαλίδεηαη ν επεμεξγαζηήο θεηκέλνπ, δεκηνπξγνχκε έλα άξζξν
κφλν κε ηελ εηθφλα πνπ επηζπκνχκε γηα ινγφηππν (εηθφλα 34).
Εικόνα 33: Επιλογζσ για το logo μασ
Εικόνα 34: Επιλογι εικόνασ για logo
7.4 Ειςαγωγή Facebook Like Box (Module)
Γηα επαθή ηεο ζειίδαο κε ην Facebook ππάξρνπλ αξθεηά plug-in. Έλα φκνξθν θαη πξαθηηθφ
είλαη ην Ultimate Facebook Like Box Slider. Γηα λα ην ελεξγνπνηήζνπκε κεηά ηελ εγθαηάζηαζε
πεγαίλνπκε ζην extentions -> module manager -> New θαη επηιέγνπκε Facebook Slider Likebox.
Δπηιέγνπκε position: Debug θαη show title:Hide (εηθφλα 36). ΢ηελ θαξηέια options βάδνπκε
ζην Page URL ην url ηεο ζειίδαο ζην facebook κε ηελ νπνία ζέινπκε λα επηθνηλσλεί (εηθφλα 37).
Δπηπιένλ αλ ππάξρεη θάπνην άιιν plug-in πνπ ελεξγνπνηεί ην jQuery, πξέπεη λα επηιέμνπκε
jQuery:No, αιιηψο κπνξεί λα ππάξρνπλ πξνβιήκαηα.
51
Εικόνα 35: Επιλογι του Flike
Εικόνα 36: Ρυκμίςεισ του Flike
52
Εικόνα 37: Ειςαγωγι διεφκυνςθσ που κα ςυνδζεται ο χριςτθσ πατώντασ ςτο Facebook
7.5 Δημιουργία slideshow (plugin)
Γηα ηε δεκηνπξγία slideshow έλα πνιχ θαιφ plug-in είλαη ην Widgetkit Lite (ή έθδνζε lite είλαη
δσξεάλ). Μεηά ηελ εγθαηάζηαζε ηνπ εκθαλίδεηαη κηα αλαθνξά, πνπ αθνξά ηελ επηηπρία ηεο
δηαδηθαζίαο εγθαηάζηαζεο.
Εικόνα 38: Επιτυχισ εγκατάςταςθ του Widgetkit Lite
53
Γηα λα δεκηνπξγήζνπκε ην πξψην slideshow (δε ρξεηαζηήθακε δεχηεξν) επηιέγνπκε
Components > Widgetkit > Slideshow > Create your first slideshow (εηθφλα 39).
Εικόνα 39: Πρώτθ εικόνα που μασ εμφανίηεται για το slideshow
Δκθαλίδεηαη ε δηεπαθή δεκηνπξγίαο slideshow ε νπνία βαζίδεηαη ζηνλ επεμεξγαζηή θεηκέλνπ
ηνπ joomla. ΢ην “Enter name here...” εηζάγνπκε ην φλνκα ηνπ slideshow. ΢ην title ην φλνκα ηεο
θσηνγξαθίαο. ΢ην caption ηελ πεξηγξαθή πνπ ζα εκθαλίδεηαη θαη ηέινο ζην content εηζάγνπκε
ηελ εηθφλα. Ο πξνεπηιεγκέλεο επεμεξγαζηήο θεηκέλνπ δπζηπρψο δελ είλαη πνιχ πξαθηηθφο γηα ην
ρεηξηζκφ εηθφλσλ. Πξέπεη λα ηηο έρνπκε αλεβάζεη απφ πξηλ θαη λα μέξνπκε ην link ηνπο. Γηα λα
πξνζζέζνπκε εηθφλα επηιέγνπκε add new item.
Εικόνα 40: Δθμιουργία slideshow
Αθνχ δεκηνπξγήζνπκε ην slideshow πξέπεη λα ην ελεξγνπνηήζνπκε ζαλ module. Πεγαίλνπκε
ινηπψλ ζην extentions - module manager - new - Widgetkit. Δπηιέγνπκε ζέζε εκθάληζεο
(position) θαη Show Title: Hide γηα λα κελ εκθαλίδεηαη ν ηίηινο. Απφ ηελ θαξηέια options
επηιέγνπκε ην slideshow πνπ ζέινπκε λα εκθαληζηεί θαη απφ ην menu assignments ηηο ζειίδεο
ζηεο νπνίεο ζέινπκε λα εκθαλίδεηαη (κφλν ζην home).
54
Εικόνα 41: Ενεργοποίθςθ του slideshow ςαν module
7.6 Δημιουργία event-gallery (plugin, component)
Γηα λα δεκηνπξγήζνπκε κηα ζπιινγή θσηνγξαθηψλ ζην joomla ρξεηάδεηαη λα εγθαηαζηήζνπκε
θάπνην ζρεηηθφ plug-in. Έλα πνιχ θαιφ θαη δσξεάλ είλαη ην eventgallery. Λεπηνκέξεηεο πνπ
αθνξνχλ ηε ιεηηνπξγία ηνπ ππάξρνπλ ζηε ζειίδα http://www.svenbluege.de/joomla-eventgallery/event-gallery-manual θαη ζην κελνχ Documentation ηνπ plug-in.
Γίλεη ηε δπλαηφηεηα δεκηνπξγίαο ζπιινγψλ θσηνγξαθηψλ. Έρεη δηθφ ηνπ uploader θαη αξθεηέο
επηινγέο φζνλ αθνξά ηνλ ηξφπν εκθάληζεο ησλ θσηνγξαθηψλ. Παξέρνληαη, επίζεο, νη επηινγέο
cart θαη checkout πνπ δίλνπλ ηε δπλαηφηεηα ζηνπο ρξήζηεο ηε δπλαηφηεηα λα δεκηνπξγήζνπλ
ζπιινγέο θσηνγξαθηψλ θαη λα βιέπνπλ απηέο.
Γηα λα πξνζζέζνπκε κηα λέα γθαιεξί θσηνγξαθηψλ επηιέγνπκε components - eventgallerymanage events (εηθφλα 27).
55
Εικόνα 42: Manage event
Έπεηηα επηιέγνπκε New θαη ζηε ζειίδα πνπ εκθαλίδεηαη ζηελ επηινγή folder δίλνπκε ην φλνκα
ηεο ζπιινγήο πνπ ζέινπκε λα δεκηνπξγήζνπκε. Σν eventgallery ζα δεκηνπξγήζεη απηφκαηα έλα
θάθειν ζηε ζέζε <joomla folder>/eventgallery/<φλνκα ζπιινγήο>. Μπνξνχκε επίζεο απφ ηελ
επηινγή published λα επηιέμνπκε άκεζα ηελ έθδνζε ηεο, ή λα πξνβνχκε ζε απηφ ην βήκα
αξγφηεξα κέζσ ηνπ manage events. Γίλεηε επηπιένλ ε δπλαηφηεηα εηζαγσγήο ζπιινγήο
απεπζείαο απφ ην picasa. Σέινο, παηάκε save event θαη close, επηζηξέθνληαο ζην manage events.
Εικόνα 43: New event gallery
56
Εικόνα 44: Δθμιουργία τθσ ςυλλογισ φωτογραφιών rooms
Μεηά ηε δεκηνπξγία ηνπ rooms, ζην manage events μερσξίδνπλ ηξεηο επηινγέο (αξηζηεξά απν
ην rooms):
Εικόνα 45: Επιλογζσ του event - rooms
57
Publish: καθοπίζει αν η ζςλλογή θα είναι εμθανίζεηαι ή όσι
Upload: ε θσηνγξαθία πνπ ζέισ λα αλεβάζσ (εηθφλα 46)
Manage Folder: κπνξνχκε λα επηιέμνπκε πνηέο θσηνγξαθίεο ζα εκθαλίδνληαη, πνηεο ζα
εκθαλίδνληαη ζηη ιίζηα ή αθφκα θαη λα δηαγξάςνπκε θάπνηα (εηθφλα 47), απφηελ ζπιινγή πνπ
έρνπκε επηιέμεη
Όηαλ αλεβάζνπκε ηηο εηθφλεο πνπ ζέινπκε, ζα εκθαληζηεί ζρεηηθφ κήλπκα θάησ απφ ηελ θάζε
εηθφλα θαη ηέινο ζα εκθαληζηεί θαη ε ίδηα ε εηθφλα. Όηαλ φιεο νη εηθφλεο εκθαληζηνχλ κπνξνχκε
Εικόνα 46: Ανζβαςμα φωτογραφιών (Upload)
Εικόνα 47: Διαχείριςθ των φωτογραφιών (Manage Folder)
58
Πξνθεηκέλνπ λα γίλεη κηα ζπιινγή πξνζβάζηκε ζην ρξήζηε, πξέπεη λα δεκηνπξγήζνπκε έλα
menu item πνπ λα δείρλεη ζε απηή. Γηα λα γίλεη απηφ επηιέγνπκε menus - <ην κελνχ πνπ
ζέινπκε> - Add New Menu Item. ΢ην Menu Item Type παηάκε Select, eventgalery θαη
επηιέγνπκε ηνλ ηξφπν εκθάληζεο πνπ επηζπκνχκε. Τπάξρνπλ εθηά επηινγέο (εηθφλα 48):
 Οη cart θαη checkout αθνξνχλ εμαηνκηθεπκέλε εκθάληζε εηθφλσλ θαη δελ εμππεξεηνχλ
ζηελ ελ ιφγν ζειίδα.
 Σν Event - Ajax List πξνβάιεη κηθξνγξαθίεο ησλ εηθφλσλ ζε κηα νξηδφληηα ιίζηα, θάησ
απφ ηελ νπνία πξνβάιεηε ζε κεγέζπλζε ε επηιεγκέλε θσηνγξαθία.
 Σν Event - Pageable List εκθαλίδεη κηθξνγξαθίεο ησλ εηθφλσλ ζε φιε ηε ζειίδα, ζε
δηαθνξεηηθά κεγέζε. Η θάζε κηθξνγξαθία είλαη ζχλδεζκνο κε ζηφρν ηελ πιήξε εηθφλα ζε
απιή HTML.
 Σν Event - Image List ζπκπεξηθέξεηαη πεξίπνπ φπσο ην Event - Pageable List, κε ηε
δηαθνξά φηη αληί γηα απιή HTML ε πξνβνιή πιήξνπο κεγέζνπο γίλεηαη κε ηε ρξήζε
javascript (lightbox)
 Events – List πξνβάιεη ιίζηα απφ event, φπνπ θαίλεηαη κία εηθφλα απφ ην θάζε έλα θαη
επηιέγνληαο ηε πξνβάιεηε ην πιήξεο event
 To Events - Simple List είλαη νπζηαζηηθά φπνην κε ην Events – List, αιιά πξνβάιεη
απινχο ζπλδέζκνπο πξνο ηα event, ρσξίο πξνεπηζθφπεζε
Εικόνα 48: Menu item για το room
59
Σέινο, ζην select event επηιέγνπκε ην event πνπ ζέινπκε λα πξνβάιεηε θαη ζην Menu Title
γξάθνπκε ηνλ ηίηιν ηνπ κελνχ (εηθφλα 49).
Εικόνα 49: Event - Image list επιλογζσ
Εικόνα 50: ΢τιγμιότυπο τθσ gallery - rooms
60
7.7 Δημιουργία τησ φόρμασ επικοινωνίασ (plugin)
Ο ηξφπνο πνπ παξέρεη απφ κφλν ηνπ ην joomla γηα εηζαγσγή ζηνηρείσλ επηθνηλσλίαο, δε καο
δίλεη ηε δπλαηφηεηα λ’ αιιάμνπκε πνιιά πξάγκαηα θαη ηαηξηάδεη θαιχηεξα ζε forum ή blog κε
πνιινχο δηαρεηξηζηέο.
Γηα κία ζειίδα επηθνηλσλίαο κε πεξηζζφηεξεο δπλαηφηεηεο, πνπ λα ηαηξηάδεη θαιχηεξα ζηελ
εηθφλα κηαο εηαηξείαο ρξεηαδφκαζηε θάπνην plug-in. Σν Flexi Contact είλαη έλα δσξεάλ θαη πνιχ
θαιφ plug-in. Γίλεη δπλαηφηεηα πξνζαξκνγήο ησλ πεδίσλ πνπ ζα δεηεζνχλ, επηινγή εκθάληζεο
θεηκέλνπ πάλσ θαη θάησ απφ ηε θφξκα θαη άιια ραξαθηεξηζηηθά.
Γηα λα πξνζζέζνπκε κηα θφξκα επηθνηλσλίαο, πεγαίλνπκε Menus - <επηζπκεηφ κελνχ> - Add
New Menu Item. ΢ην Menu Item Type παηάκε Select - FlexiContact - Contact Page. Καη ζην
Menu Title ην φλνκα ηεο θφξκαο επηθνηλσλίαο. ΢ηελ θαξηέια advanced options ζην πεδίν Email,
ζπκπιεξψλνπκε ην email ζην νπνίν ζέινπκε λα απνζηέιιεηε ε θφξκα. Σέινο save & close.
Εικόνα 51: Δθμιουργία φορμασ επικοινωνίασ
Γηα πεξηζζφηεξεο ξπζκίζεηο ζρεηηθά κε ηελ θφξκα επηιέγνπκε Components - FlexiContact configuration. ΢ηα top θαη bottom text κπνξνχκε λα πξνζζέζνπκε θείκελν πάλσ θαη θάησ απφ ηε
θφξκα. Σν θείκελν κνξθνπνηείηαη κε ηνλ πξνεπηιεγκέλν επεμεξγαζηή θεηκέλνπ joomla θαη έηζη
είλαη δπλαηφ λα πεξηέρεη εηθφλεο θαη θψδηθα. Οη άιιεο επηινγέο δίλνπλ ηε δπλαηφηεηα πεξαηηέξσ
επηινγψλ εκθάληζεο, ηελ εκθάληζε ή φρη capcha θαη άιια.
61
Εικόνα 52: Περιςςότερεσ ρυκμίςεισ για τθ φόρμα επικοινωνίασ
7.8 Ειςαγωγή χάρτη (plugin)
΢ην πάλσ κέξνο ηεο θφξκαο επηθνηλσλίαο θαιφ είλαη λα εκθαλίδεηαη έλαο ράξηεο, ψζηε νη
πηζαλνί επηζθέπηεο λα πξνζαλαηνιίδνληαη πην εχθνια. Γηα λα γίλεη απηφ ζε κία ζειίδα
θαηαζθεπαζκέλε κε θψδηθα, επηζθεπηφκαζηε ηε ζειίδα παξνρήο ραξηψλ, ην google maps ζε
απηή ηελ πεξίπησζε θαη ςάρλνπκε ηελ ελζσκάησζε ράξηε. Απηφ ζα καο δψζεη έλα θνκκάηη
θψδηθα (έλα iframe πνπ πξνβάιεη ην επηιεγκέλν θνκκάηη ηνπ ράξηε), ην νπνίν πξέπεη λα
πξνζζέζνπκε ζηνλ θψδηθα ηεο ζειίδαο γηα λα εκθαληζηεί ν ράξηεο. Απηφ φκσο δελ γίλεηαη ζην
joomla, γηαηί απφ πξνεπηινγή ηα iframe αθαηξνχληαη απφ ηνλ θψδηθα γηα ιφγνπο αζθαιείαο.
Τπάξρνπλ ινηπφλ δχν ηξφπνη λα πξνζηεζεί ράξηεο ζην joomla. Ο έλαο είλαη λα πξνζζέζνπκε
έλα θαηάιιειν plug-in. Δίλαη ίζσο ν πξνβιεπφκελνο ηξφπνο, αιιά νη δπλαηφηεηεο ηνπ
πεξηνξίδνληαη απφ ηηο δπλαηφηεηεο ηνπ plug-in. Ο δεχηεξνο είλαη λα θαηαξγήζνπκε ηνλ
πεξηνξηζκφ απφ ηηο ξπζκίζεηο ηνπ πξνεπηιεγκέλνπ επεμεξγαζηή θεηκέλνπ ηνπ joomla, θαη λα
πξνζζέζνπκε ην ράξηε ζην πεδίν HTML ζην επηζπκεηφ ζεκείν.
Ο δεχηεξνο ηξφπνο είλαη ιηγφηεξν αζθαιήο, αιιά ζε κηα ζειίδα πνπ δεκνζηεχεη κφλν ν
δηαρεηξηζηήο απηφ δε θαίλεηαη λα είλαη κεγάιν θελφ αζθαιείαο. Έηζη, δηαηεξνχκε ηελ πιήξε
ιεηηνπξγηθφηεηα ησλ google maps.
Γηα λα απελεξγνπνηήζνπκε ηελ απαγφξεπζε iframe, πεγαίλνπκε ζην Extensions - Plug-in
Manager. Καη απφ ηηο επηινγέο ζηα αξηζηεξά Select Type - editors θαη απφ ηα απνηειέζκαηα πνπ
ζα εκθαληζηνχλ επηιέγνπκε ηνλ Editor – TinyMCE.
62
Εικόνα 53: Επιλογι Editor – TinyMCE
Αθνχ επηιέμνπκε ηνλ editor (TinyMCE), πάκε ζην tab Basic Options. Βξίζθνπκε ην Prohibited
Elements (εηθφλα 54) θαη αθαηξνχκε ην iframe (εηθφλα 55).
Εικόνα 54: Prohibited Elements
63
Εικόνα 55: Αφαίρεςθ του iframe
64
Εικόνα 56: Η φόρμα επικοινωνίασ που δθμιουργιςαμε (Contact)
7.9 Ειςαγωγή video (plugin)
Γηα ηελ εηζαγσγή video εγθαηαζηήζακε ην AllVideos plug-in. Μπνξεί λα αλαπαξάγεη video
απφ πνιιέο δηαθνξεηηθέο ζειίδεο αιιά θαη απεπζείαο απφ αξρείν. Η ρξήζε ηνπ είλαη πνιχ απιή.
Αξρηθά ην εγθαζηζηνχκε κε ην extention manager.
65
Εικόνα 57: AllVideos plug-in
Έπεηηα ην βξίζθνπκε ζην extentions manager -> plugin manager θαη ην θάλνπκε publish. Γηα λα
εηζάγνπκε video απφ ην youtube ζε έλα άξζξν, πξνζζέηνπκε {youtube}<Video key>{/youtube}
ζην θείκελν. Σν <Video key> είλαη ην ηειεπηαίν θνκκάηη ηεο δηεχζπλζεο ηνπ video ζην youtube.
Εικόνα 58: Ειςαγωγι video από το youtube
66
Εικόνα 59: Σο πρώτο video τθσ ιςτοςελίδασ μασ
Εικόνα 60: Σο δεφτερο video τθσ ιςτοςελίδασ μασ
67
8. Βιβλιογραφία – Πηγέσ
 Βηβιίν: «Μάζεηε PHP, MySQL θαη Apache Όια ζε Έλα», Julie C. Meloni, Δθδφζεηο Μ.
Γθηνχξδαο
 ΢εκεηψζεηο ηνπ καζήκαηνο «Αλάπηπμε εθαξκνγψλ Πνιπκέζσλ», απφ ην eclass
 Ιζηνζειίδα: http://spyrestudios.com/free-content-management-systems/
 Ιζηνζειίδα: http://www.apachefriends.org/en/index.html
 Ιζηνζειίδα: http://www.joomla.org
 Ιζηνζειίδα: http://docs.joomla.org/
 Ιζηνζειίδα: http://www.richardbankertwebdesign.com/index.php/blog/entry/what-is-the-frontendback-end-of-joomla
 Ιζηνζειίδα: http://www.aquamandesign.co.uk/
68