Comments
Description
Transcript
Σ Δ Ι ΔΥΝΟΛΟΓΙΚΟ
ΣΔΥΝΟΛΟΓΙΚΟ ΔΚΠΑΙΓΔΤΣΙΚΟ ΙΓΡΤΜΑ ΚΡΗΣΗ ΣΥΟΛΗ ΤΔΥΝΟΛΟΓΙΚΧΝ ΕΦΑΡΜΟΓΧΝ ΤΜΗΜΑ ΕΦΑΡΜΟΜΔΝΗ ΠΛΗΡΟΦΟΡΙΚΗ & ΠΟΛΤΜΔΧΝ δηαδη ΣΙΣΛΟ ΠΣΤΥΙΑΚΗ ΔΡΓΑΙΑ « Ανάπτυξη διαδικτυακοφ τόπου ξενοδοχειακήσ μονάδοσ με χρήςη του Συςτήματοσ Διαχείριςησ Περιεχομζνου (CMS) Joomla » ΟΝΟΜΑΣΔΠΧΝΤΜΟ : ΛΑΜΠΟΤΡΑ ΚΧΝΣΑΝΣΙΝΑ Α.Μ. : 2297 ΔΠΙΒΛΔΠΧΝ ΚΑΘΗΓΗΣΗ : ΦΡΑΓΚΟΠΟΤΛΟΤ ΠΑΡΑΚΔΤΗ i ΔΤΥΑΡΙΣΙΔ Θα ήζεια λα επραξηζηήζω αξρηθά ηελ θ. Φξαγθνπνύινπ πνπ δέρηεθε λα κε αλαιάβεη εμ’ αξρήο, δηεπθνιύλνληαο κε ηδηαίηεξα, δεδνκέλωλ ηωλ ζπλζεθώλ θαη ηεο απόζηαζεο. ηε ζπλέρεηα, ζα ήζεια λα επραξηζηήζω όινπο όζνη ζπληέιεζαλ, ν θαζέλαο κε ηνλ δηθό ηνπ ηξόπν, ζηελ νινθιήξωζε απηήο ηεο εξγαζίαο. ii ABSTRACT This project aims at developing a dynamic website based on the most popular Open Source Content Management System, Joomla. This website hosts a hotel on the island of Corfu. Our aim is to create a user-friendly environment in order to win as many hotel guests as possible. We will try to avoid complicated features to make browsing easy for website visitors. We will, though, enrich our website with multiple applications and additional elements (video, slideshow, forms, maps etc), which will create a pleasant and integrated environment. Our tools include Adobe Photoshop CS5, Adobe Premiere CS5, Adobe Fireworks CS5 & Swish Max 4. iii ΤΝΟΦΗ ηόρνο απηήο ηεο εξγαζίαο, είλαη ε αλάπηπμε κηαο δπλακηθήο ηζηνζειίδαο, κε ηε βνήζεηα ηνπ πιένλ δηαδεδνκέλνπ πζηήκαηνο Γηαρείξηζεο Πεξηερνκέλνπ αλνηθηνύ θώδηθα, “Joomla”. Ο δηαδηθηπαθόο απηόο ρώξνο πξννξίδεηαη γηα κηα μελνδνρεηαθή κνλάδα ζην λεζί ηεο Κέξθπξαο. θνπόο καο ινηπόλ είλαη λα δεκηνπξγήζνπκε έλα πεξηβάιινλ όζν ην δπλαηόλ πην θηιηθό θαη πξνζηηό πξνο ηνπο επηζθέπηεο ηεο ζειίδαο καο, έηζη ώζηε λα πξνζειθύζνπκε όζν ην δπλαηόλ πεξηζζόηεξνπο πειάηεο. Θα γίλεη πξνζπάζεηα λα απνθεπρζνύλ νη πεξίπινθνη ρεηξηζκνί, πξνθεηκέλνπ λα κελ δπζθνιεπηνύλ νη επηζθέπηεο ζηελ πινήγεζή ηνπο, ωζηόζν ε ηζηνζειίδα ζα εκπινπηηζηεί κε όζν ην δπλαηόλ πεξηζζόηεξεο εθαξκνγέο θαη πξόζζεηα ζηνηρεία (video, slideshow, θόξκεο, ράξηεο θιπ), έηζη ώζηε λα δεκηνπξγεζεί έλα πην επράξηζην, θαη άξηην πεξηβάιινλ. Οξηζκέλα από ηα εξγαιεία πνπ ζα ρξεζηκνπνηεζνύλ είλαη ην Adobe Photoshop CS5, Adobe Premiere CS5, ην Adobe Fireworks CS5 θαη ην Swish Max 4. iv ΠΔΡΙΔΥΟΜΔΝΑ Δπραξηζηίεο …………………………………………………………………..…... ii Abstract ………………………………………………………….…………..….… iii ύλνςε ………………………………………………………….………………… iv Πεξηερόκελα …………………………….………………………………………… v Πίλαθαο εηθόλσλ ……………………………………………………………...….. viii Κεθάιαην 1 : Δηζαγσγή 1.1. Πεξίιεςε ………………………………………………….…………………… 1 1.2. Κίλεηξν γηα ηε δηεμαγσγή ηεο Δξγαζίαο ………………….…………………… 1 1.3. θνπφο θαη ζηφρνη Δξγαζίαο …………………………….…………………….. 1 1.4. Γνκή εξγαζίαο ……………………………………….………………………… 1 Κεθάιαην 2 : Σν Web Design γεληθά 2.1. Ο παγθφζκηνο ηζηφο …………………………………………………….……… 3 2.1.1. Ιζηνξηθή αλαδξνκή …………………………………………….…….. 3 2.1.2. Τπεξθείκελν θαη Τπεξκέζα ………………………………...….……. 4 2.1.3. Αλαπαξάζηαζε εγγξάθσλ …………………………………………… 5 2.1.4. Μνξθνπνίεζε θαη αλαπαξάζηαζε εγγξάθσλ HTML ……………..… 5 2.2. Domain Name System ………………………………………………...….……. 6 2.2.1. Ιζηνξηθή αλαδξνκή ……………………………………………...…… 6 2.2.2. Σξφπνο ιεηηνπξγίαο ……………………………………..……….…… 7 2.2.3. Γνκή νλνκάησλ ππνινγηζηψλ …………………….…...…….……….. 7 2.3. Keywords, SEO & Content ………………………………….……..………...… 9 2.4. Γεκνζίεπζε ζην Γηαδίθηπν ……………………………………....…………… 11 2.5. Οη κεραλέο αλαδήηεζεο…… ……………………………….………………… 12 2.5.1. Ιζηνξηθή αλαδξνκή …………………………………..…………...… 12 2.5.2. Search Engine Algorithms ……………………………………..….... 14 2.5.3. Δξγαιεία αλαδήηεζεο …………………………….……..………….. 15 2.6. Γπλακηθέο ηζηνζειίδεο …………………………………………………..…… 18 2.6.1. Γπλακηθή παξαγσγή απφ πιεπξάο δηαθνκηζηή …………………….………. 19 2.6.2. Γπλακηθή παξαγσγή απφ πιεπξάο πειάηε ………………………….……… 20 Κεθάιαην 3 : Παξνπζίαζε ηνπ CMS Joomla! 3.1. Content Management System ………………………………………………… 22 3.2. CMS Joomla ………………………………….…………………………….… 25 3.2.1. Σξφπνο ιεηηνπξγίαο ……………….……………………………...… 25 3.2.2. Πξνέιεπζε …………………………..…………………………..…. 25 3.2.3. Γπλαηφηεηεο ……………………….…………………………..…… 26 3.2.4. Joomla Vs Wordpress ……….…….…....……………………..…… 26 Κεθάιαην 4 : Σνπηθή εγθαηάζηαζε Joomla! 4.1. XAMPP …………………………………………..………..……….………… 28 4.1.1. Δγθαηάζηαζε …………………………...…..………….…………… 29 4.2. Apache HTTP Server …………….……………...……….…………………… 30 4.2.1. Ο Apache …………………………………………………..……….. 30 4.3. Η PHP ………………………………………………...……………….……… 31 v 4.3.1. Ιζηνξηθή αλαδξνκή …………………………...……………………. 32 4.3.2. Έλα απιφ script …………………………….…...………………….. 32 4.4. Η mySQL …………………………………………………..………………… 33 4.4.1. Ιζηνξηθή αλαδξνκή …………………………………...……………. 33 4.4.2. Γεκηνπξγία βάζεο δεδνκέλσλ ……………………….…………….. 34 4.5. Δγθαηάζηαζε Joomla 1.5.23 …………………………………...….…………. 37 4.6. Αλέβαζκα ζε Server ………………………………………..………………… 43 4.7. Πξσηφθνιιν κεηαθνξάο αξρείσλ …………….………….………...…………. 44 4.7.1. FTP …………………………………..……………………………… 44 4.7.2. Filezilla ………………………………..……….………….………… 45 Κεθάιαην 5 : Σν Joomla! Αλαιπηηθά 5.1. Frontend & Backend …………………………………….…………….……… 47 5.2. Γηθαηψκαηα πξφζβαζεο ……………………………….……………………… 48 5.3. Πεξηερφκελν …………………………………………….………….…………. 49 5.4. Δπεθηάζεηο …………………………………………………….……..……….. 49 5.4.1. Δθαξκνγέο ………………………………….…….………….……... 50 5.4.2. Πξφηππα ………………………………….………………….……… 52 5.4.3. Πξφζζεηα ……………………………….……………………...…… 53 5.4.4. Δλζέκαηα ………………………………….………………………… 54 Κεθάιαην 6 : Βαζηθό κελνύ 6.1. Template ……………………………………………………………...…….… 56 6.2. Βαζηθφ Menu ……………………………………………………….………… 58 6.2.1. Home ………………………………………………………..…….… 59 6.2.2. Accommodation ……………………………………..……………… 65 6.2.3. Facilities ………………….……………...……………………….…. 67 6.2.4. Map & Location ……………………….……………….…………… 68 6.2.5. Contact ………………………………………………....…………… 69 6.2.6. Gallery ……………………………………………………………… 70 6.2.7. Corfu ……………………………………..………………….……… 70 6.3. Δπέκβαζε ζε default ξπζκίζεηο ……………………….……………………… 72 6.3.1. Logo ………………………..……………………..………………… 72 6.3.2. Background ………………………………………………….……… 81 6.3.3. Icons ………………………………………………………..……..… 83 6.3.4. Πξνζζήθε εηθφλσλ ζε modules …………………..………………… 84 6.3.5. Κψδηθαο JavaScript ……………………………….………………… 87 Κεθάιαην 7 : Πξόζζεηα εξγαιεία 7.1. Extensions …………………………………………………………….…….… 89 7.1.1. Smart former extension …………………………………...………… 89 7.1.2. Panoramic Image Viewer extension ………………………………… 92 7.1.2.1. Photoshop – Photomerge ………………………..………………… 94 7.1.3. Google maps extension ……………………………………………… 97 7.1.4. Flash gallery extension ……………………………………………… 99 7.1.5. RS Flashion extension ………………………………………….…… 101 vi 7.1.6. Mambweather extension …………………………………..……… 103 7.1.7. AllVideos extension ……………………………………………… 104 7.1.7.1. Adobe Premiere ………………………………………………… 104 7.1.8. Anything tabs extension ……………………………………..…… 106 7.1.9. Artclock extension ……………………………………………...… 108 7.1.10. Flash extension ………………………..………………………… 109 7.1.10.1. Swish max …………………………………..………………… 110 Πεγέο ………………………………………………………..…..……………… 115 Σνπνζεζία Γηαδηθηπαθνύ Σόπνπ ……………………………………………… 116 Παξάξηεκα (Γηαθάλεηεο) .…………………………………….….………….… 117 vii ΠΙΝΑΚΑ ΔΙΚΟΝΩΝ Δηθφλα 1 : Δγθαηάζηαζε XAMPP Δηθφλα 2 : Δγθαηάζηαζε XAMPP Δηθφλα 3 : Μπαίλνληαο ζην phpMyAdmin Δηθφλα 4 : Μπαίλνληαο ζην phpMyAdmin Δηθφλα 5 : Γεκηνπξγία βάζεο δεδνκέλσλ Δηθφλα 6 : Γεκηνπξγία βάζεο δεδνκέλσλ Δηθφλα 7 : Γεκηνπξγία βάζεο δεδνκέλσλ Δηθφλα 8 : Joomla! 1.5.23 download Δηθφλα 9 : Δγθαηάζηαζε Joomla! 1.5.23 Δηθφλα 10 : Δγθαηάζηαζε Joomla! 1.5.23 Δηθφλα 11 : Δπηινγή γιψζζαο Δηθφλα 12 : Πξνιεπηηθφο έιεγρνο Δηθφλα 13 : Πξνιεπηηθφο έιεγρνο Δηθφλα 14 : Άδεηα ρξήζεο Δηθφλα 15 : Βάζε δεδνκέλσλ Δηθφλα 16 : ηνηρεία βάζεο δεδνκέλσλ Δηθφλα 17 : Ρπζκίζεηο FTP Δηθφλα 18 : Βαζηθέο ξπζκίζεηο Δηθφλα 19 : Σέινο εγθαηάζηαζεο Δηθφλα 20 : χλδεζε ζην Filezilla Δηθφλα 21 : Γηαρείξηζε αξρείσλ Δηθφλα 22 : Γηαρείξηζε αξρείσλ Δηθφλα 23 : Frontend Δηθφλα 24 : Login ζην administration layer Δηθφλα 25 : Backend Δηθφλα 26 : Super administrator’s profile Δηθφλα 27 : Joomla! Extensions Δηθφλα 28 : Δγθαηάζηαζε component Δηθφλα 29 : Δγθαηάζηαζε component Δηθφλα 30 : Γεκνζίεπζε component Δηθφλα 31 : Γηαρείξηζε component Δηθφλα 32 : www.bestofjoomla.com Δηθφλα 33 : www.rockettheme.com Δηθφλα 34 : Module positions Δηθφλα 35 : Reflex template Δηθφλα 36 : Default homepage Δηθφλα 37 : Main Menu Δηθφλα 38 : Home menu Δηθφλα 39 : Article “Welcome to Arion” Δηθφλα 40 : Restaurant, Bar, Wi-fi, Offers Δηθφλα 41 : Module “Our Restaurant” Δηθφλα 42 : Module “Edem bar” Δηθφλα 43 : Article “Restaurant” Δηθφλα 44 : Article “Bar” Δηθφλα 45 : Module “Wi-fi” Δηθφλα 46 : Article “Wi-fi” Δηθφλα 47 : Article “Offers” viii Δηθφλα 48 : Photo preview Δηθφλα 49 : Photo preview gallery Δηθφλα 50 : Upload photos Δηθφλα 51 : Photo preview module Δηθφλα 52 : Accommodation article Δηθφλα 53 : “Book a Room” link Δηθφλα 54 : Facilities menu Δηθφλα 55 : “Spa” article Δηθφλα 56 : “Conference” article Δηθφλα 57 : “Pool” article Δηθφλα 58 : “Map & Location” article Δηθφλα 59 : “Press details” module Δηθφλα 60 : Contact menu Δηθφλα 61 : “About Corfu” article Δηθφλα 62 : “Restaurants” article Δηθφλα 63 : “Nightlife” article Δηθφλα 64 : Αξίσλ Δηθφλα 65 : Photoshop – Magic wand tool Δηθφλα 66 : Photoshop – Layer via cut Δηθφλα 67 : Photoshop – Deleting layer Δηθφλα 68 : Photoshop – Cropped image Δηθφλα 69 : Photoshop – Final cropped image Δηθφλα 70 : Paint bucket tool Δηθφλα 71 : Photoshop – Vertical type tool Δηθφλα 72 : Photoshop – Warp text Δηθφλα 73 : Photoshop – Logo with title Δηθφλα 74 : Photoshop – Logo with stars Δηθφλα 75 : Fireworks – Cropping image Δηθφλα 76 : Fireworks – Cropping image Δηθφλα 77 : Fireworks – Glow filter Δηθφλα 78 : Fireworks – Glow filter Δηθφλα 79 : Fireworks – Glow filter (final) Δηθφλα 80 : FileZilla – logo Δηθφλα 81 : Logo Δηθφλα 82 : Original εηθφλα Δηθφλα 83 : Δηθφλα θαηφπηλ επεμεξγαζίαο Δηθφλα 84 : Upload εηθφλαο κε FileZilla Δηθφλα 85 : Default icons Δηθφλα 86 : New icons Δηθφλα 87 : Πξνζζήθε λέσλ icons κε FileZilla Δηθφλα 88 : Πξνζζήθε λέσλ icons ζηα Menu items Δηθφλα 89 : Δηθφλα γηα design Δηθφλα 90 : Module “bottom-a” Δηθφλα 91 : Module “content top-a” Δηθφλα 92 : Δηθφλεο γηα design Δηθφλα 93 : Module “gallery” Δηθφλα 94 : Δηθφλα & θείκελν γηα design Δηθφλα 95 : Γεκηνπξγία “star” module Δηθφλα 96 : Smartformer extension Δηθφλα 97 : Smartformer extension ix Δηθφλα 98 : Δπεμεξγαζία Smartformer Δηθφλα 99 : Γεκηνπξγία Contact form Δηθφλα 100 : Γεκηνπξγία Contact form Δηθφλα 101 : Γεκηνπξγία Reservation form Δηθφλα 102 : Panoramic Image Viewer extension Δηθφλα 103 : Δπεμεξγαζία Panoramic Image Viewer Δηθφλα 104 : Photomerge Δηθφλα 105 : Γηαιέγνληαο ηηο θσηνγξαθίεο Δηθφλα 106 : Merging layers Δηθφλα 107 : Απνηέιεζκα merging Δηθφλα 108 : Σειηθφ απνηέιεζκα Δηθφλα 109 : Google maps extension Δηθφλα 110 : Δπεμεξγαζία Google maps Δηθφλα 111 : Υάξηεο Google maps Δηθφλα 112 : Δπεμεξγαζία Google maps Δηθφλα 113 : Flash gallery extension Δηθφλα 114 : Φηηάρλνληαο κηα gallery Δηθφλα 115 : Φηηάρλνληαο κηα gallery Δηθφλα 116 : Γείγκα ηεο gallery Δηθφλα 117 : RS Flashion extension Δηθφλα 118 : Δπεμεξγαζία RS Flashion Δηθφλα 119 : Γείγκα slideshow Δηθφλα 120 : MambWeather extension Δηθφλα 121 : Δπεμεξγαζία MambWeather Δηθφλα 122 : AllVideos extension Δηθφλα 123 : Δπεμεξγαζία AllVideos Δηθφλα 124 : Γεκηνπξγία λένπ Project Δηθφλα 125 : Γεκηνπξγία λένπ Project Δηθφλα 126 : Υψξνο επεμεξγαζίαο Δηθφλα 127 : Anything Tabs extension Δηθφλα 128 : Anything Tabs extension Δηθφλα 129 : Art clock module Δηθφλα 130 : Art clock module Δηθφλα 131 : Art clock module Δηθφλα 132 : The Flash module Δηθφλα 133 : The Flash module Δηθφλα 134 : “Special Offers” flash Δηθφλα 135 : “Special Offers” flash Δηθφλα 136 : “Contact” flash Δηθφλα 137 : “Corfu” flash Δηθφλα 138 : “Press details” flash Δηθφλα 139 : “Press play” flash x ΚΔΦΑΛΑΙΟ 1 : ΔΙΑΓΩΓΗ 1.1. Πεξίιεςε θνπφο ηεο πηπρηαθήο απηήο, ήηαλ ε κειέηε θαη ε αλάιπζε φισλ ησλ ζηνηρείσλ πνπ ζπλζέηνπλ ηελ νξζή θαη νινθιεξσκέλε αλάπηπμε κηαο ηζηνζειίδαο ζήκεξα, γηα λα θαηαιήμνπκε θαη ζηελ ζρεδίαζε ελφο δηθνχ καο δηαδηθηπαθνχ ηφπνπ. Πην ζπγθεθξηκέλα, αλαπηχμακε κηα δπλακηθή ηζηνζειίδα κε ηε βνήζεηα ηνπ πζηήκαηνο Γηαρείξηζεο Πεξηερνκέλνπ, Joomla, ην νπνίν είλαη ηδηαίηεξα δηαδεδνκέλν ζηηο κέξεο καο. Μειεηήζακε ζε βάζνο ηνπο κεραληζκνχο ιεηηνπξγίαο ηνπ, θαη πξνζπαζήζακε λα εθκεηαιιεπηνχκε ζην έπαθξνλ φιεο ηηο δπλαηφηεηεο πνπ καο πξνζέθεξε, πξνθεηκέλνπ λα δεκηνπξγήζνπκε έλα πιήξεο θαη ιεηηνπξγηθφ site, απφ θάζε άπνςε. Η ηζηνζειίδα πνπ δεκηνπξγήζακε, πξννξίδεηαη γηα ηελ πξνψζεζε κηαο μελνδνρεηαθήο κνλάδαο, ζην λεζί ηεο Κέξθπξαο. Βαζηθφ ζηνηρείν ινηπφλ, ήηαλ λα ζπλζέζνπκε έλα πεξηερφκελν πνπ ζα παξέρεη ζηνλ επηζθέπηε θαη πηζαλφ πειάηε φιεο ηηο απαξαίηεηεο πιεξνθνξίεο, ρσξίο φκσο πεξηηηά ζηνηρεία, πνπ ζα κπνξνχζαλ λα ηνλ θνπξάζνπλ ή λα ηνλ κπεξδέςνπλ. 1.2. Κίλεηξν γηα ηελ δηεμαγσγή ηεο εξγαζίαο Γεδνκέλνπ φηη ν θφζκνο ηεο Πιεξνθνξηθήο νινέλα θαη εμειίζζεηαη, επηιέμακε λα δεκηνπξγήζνπκε ηελ ηζηνζειίδα καο κε έλα εξγαιείν ην νπνίν δελ έρνπκε ρξεζηκνπνηήζεη μαλά, κε ζθνπφ ηελ εμάζθεζε καο ζηελ εθκάζεζε λέσλ εθαξκνγψλ. Σν Content Management System, Joomla, παξέρεη αλαξίζκεηα εξγαιεία γηα ηελ αλάπηπμε, βειηίσζε θαη εκπινπηηζκφ ελφο δηαδηθηπαθνχ ρψξνπ, γεγνλφο πνπ καο έδσζε ηελ επθαηξία λα ςάμνπκε, λα δνθηκάζνπκε θαη λα ηνικήζνπκε πνιιέο εθαξκνγέο ζηε ζειίδα καο. 1.3. θνπφο θαη ηφρνη εξγαζίαο Βαζηθφ ζηφρν απηήο ηεο εξγαζίαο απνηειεί ε δεκηνπξγία ελφο δηαδηθηπαθνχ ηφπνπ, πνπ ζα κπνξνχζε λα ζηαζεί αληάμηνο ζηελ αγνξά. Μηα ηζηνζειίδα δειαδή πνπ ζα έρεη ηε δπλαηφηεηα λα ηθαλνπνηήζεη ηηο αλάγθεο θαη ηα δεηνχκελα ελφο ππνζεηηθνχ ππνςήθηνπ πειάηε, φζνλ αθνξά ηε ιεηηνπξγηθφηεηα, ην design θαη ηελ άξηηα παξνπζίαζε ηεο επηρείξεζεο πνπ θαιείηαη λα πξνσζήζεη. 1.4. Γνκή εξγαζίαο ηε ζπλέρεηα ζα αλαθέξνπκε ελ ζπληνκία, ηα ζέκαηα κε ηα νπνία αζρνιείηαη ην θάζε θεθάιαην ηεο εξγαζίαο καο. Κεθάιαην 2 : ην θεθάιαην απηφ αλαιχνπκε ην Web Design θαη ηα ζηνηρεία πνπ ην απαξηίδνπλ γεληθφηεξα. Αλαθεξφκαζηε ζηνλ Παγθφζκην Ιζηφ, ηελ ηζηνξία θαη ηνλ ηξφπν ιεηηνπξγίαο ηνπ, απαξηζκνχκε ηα βαζηθά ζηνηρεία ζρεδηαζκνχ, πξνρσξάκε ζηε δεκνζίεπζε ζην δηαδίθηπν, αιιά θαη ηηο κεραλέο αλαδήηεζεο, θαη ηέινο θάλνπκε κηα Σελίδα 1 εθηελή αλαθνξά ζηελ δπλακηθή παξαγσγή ηζηνζειίδσλ ηφζν απφ ηε πιεπξά ηνπ δηαθνκηζηή φζν θαη απφ ηελ πιεπξά ηνπ πειάηε. Κεθάιαην 3 : ’ απηφ ην θεθάιαην, αλαθεξφκαζηε ζηα πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ γεληθά, θαηαιήγνπκε ζην εξγαιείν πνπ ζα δνπιέςνπκε εκείο, ην Joomla, θάλνπκε κηα κηθξή ηζηνξηθή αλαδξνκή, αλαιχνπκε ηηο δπλαηφηεηέο ηνπ θαη ηέινο θάλνπκε κηα κηθξή ζχγθξηζε κεηαμχ απηνχ θαη ηνπ CMS Wordpress. Κεθάιαην 4 : ην ζπγθεθξηκέλν θεθάιαην παξαζέηνπκε αλαιπηηθά ηνλ ηξφπν εγθαηάζηαζεο ηνπ Joomla, ηνπηθά ζηνλ ππνινγηζηή καο. Αλαθεξφκαζηε σζηφζν θαη ζε θάζε εξγαιείν πνπ είλαη απαξαίηεην γη’ απηή ηε δνπιεηά μερσξηζηά. Απηά ηα εξγαιεία είλαη ην XAMPP, ν Apache Server, ε PHP θαη ε MySQL. Σέινο, αλαθεξφκαζηε ιίγν θαη ζηα εξγαιεία κε ηα νπνία δηαρεηξηδφκαζηε ην site καο (FTP FileZilla), αθφηνπ ην αλεβάζακε ζε θάπνηνλ online server. Κεθάιαην 5 : ’ απηφ ην θεθάιαην, πεξηγξάθνπκε αλαιπηηθά ην πεξηβάιινλ ηνπ Joomla, θαζψο θαη ηνλ ηξφπν δηαρείξηζεο ησλ δηαθφξσλ επηκέξνπο ζηνηρείσλ ηνπ, κέζα ην “control panel” ηνπ. Κεθάιαην 6 : ην ζπγθεθξηκέλν θεθάιαην αλαθεξφκαζηε ζην Template πνπ ρξεζηκνπνηήζακε, ζηηο αιιαγέο πνπ θάλακε φζνλ αθνξά ηηο πξνεπηιεγκέλεο ηνπ ξπζκίζεηο αιιά θαη ζε θάζε Μελνχ πνπ εκθαλίδεηαη ζην site καο μερσξηζηά. Κεθάιαην 7 : ην ηειεπηαίν θεθάιαην, παξαζέηνπκε φια ηα πξφζζεηα εξγαιεία πνπ ρξεζηκνπνηήζακε θαηά ηελ εμέιημε ηεο εξγαζίαο καο, θαζψο θαη ηνλ ηξφπν κε ηνλ νπνίν ηα δηαρεηξηζηήθακε. Σελίδα 2 ΚΔΦΑΛΑΙΟ 2 : ΣΟ WEB DESIGN ΓΔΝΙΚΑ 2.1. Ο παγθφζκηνο ηζηφο Ο παγθφζκηνο ηζηφο (World Wide Web – WWW), είλαη κηα ειεθηξνληθή απνζήθε πιεξνθνξηψλ κεγάιεο θιίκαθαο, ε νπνία πξνζπειάδεηαη κε ηε βνήζεηα ελφο αιιειεπηδξαζηηθνχ πξνγξάκκαηνο πνπ ιέγεηαη θπιινκεηξεηήο (browser). Οη θπιινκεηξεηέο δηαζέηνπλ κηα δηαζχλδεζε κε θαηάδεημε θαη πάηεκα (point and click) . Έλαο θπιινκεηξεηήο εκθαλίδεη πιεξνθνξίεο ζηελ νζφλε ηνπ ππνινγηζηή θαη επηηξέπεη ζε έλα ρξήζηε λα θηλείηαη ρξεζηκνπνηψληαο ην πνληίθη. Οη πιεξνθνξίεο πνπ εκθαλίδνληαη πεξηιακβάλνπλ θαη θείκελν θαη γξαθηθά, θαη κεξηθέο απφ απηέο είλαη επηιέμηκεο φηαλ ν ρξήζηεο ηνπνζεηήζεη ην δείθηε ηνπ πνληηθηνχ πάλσ απφ έλα επηιέμηκν ζηνηρείν θαη παηήζεη έλα πιήθηξν ηνπ πνληηθηνχ, ν θπιινκεηξεηήο εκθαλίδεη λέεο πιεξνθνξίεο, νη νπνίεο αληηζηνηρνχλ ζην επηιεγκέλν ζηνηρείν. 2.1.1. Ιζηνξηθή αλαδξνκή Ο ηζηφο (γλσζηφο επίζεο σο WWW, απφ ηα αξρηθά ησλ ιέμεσλ World Wide Web) μεθίλεζε ην 1989 ζην CERN, ην Δπξσπατθφ θέληξν ππξεληθήο έξεπλαο. Σν CERN έρεη πνιινχο επηηαρπληέο ζηνπο νπνίνπο κεγάιεο νκάδεο επηζηεκφλσλ απφ ηηο ζπκκεηέρνπζεο Δπξσπατθέο ρψξεο εθηεινχλ έξεπλεο πάλσ ζηε θπζηθή ζσκαηηδίσλ. Οη νκάδεο απηέο έρνπλ ζπρλά κέιε απφ κηζή δσδεθάδα ρψξεο, ή θαη πεξηζζφηεξεο. Σα πεξηζζφηεξα πεηξάκαηα είλαη εμαηξεηηθά πεξίπινθα θαη απαηηνχλ ρξφληα πξνθαηαβνιηθήο ζρεδίαζεο θαη θαηαζθεπήο εμνπιηζκνχ. Ο ηζηφο πξνέθπςε απφ ηελ αλάγθε απηψλ ησλ κεγάισλ δηεζλψλ νκάδσλ απφ δηάζπαξηνπο εξεπλεηέο λα ζπλεξγάδνληαη ρξεζηκνπνηψληαο κηα ζπλερψο κεηαβαιιφκελε ζπιινγή αλαθνξψλ , ηδεψλ, ζρεδίσλ, θσηνγξαθηψλ θαη άιισλ εγγξάθσλ. Η αξρηθή πξφηαζε γηα έλαλ ηζηφ ζπλδεδεκέλσλ εγγξάθσλ πξνήιζε απφ ην θπζηθφ ηνπ CERN Tim Berners Lee, ην Μάξηην ηνπ 1989. Σελίδα 3 Σν πξψην πξσηφηππν (πνπ βαζηδφηαλ ζε θείκελν) βξηζθφηαλ ζε ιεηηνπξγία 18 κήλεο αξγφηεξα. Σν Γεθέκβξην ηνπ 1991 έγηλε κηα δεκφζηα επίδεημε ηνπ ζπζηήκαηνο ζην ζπλέδξην Hypertext ’91, ζην San Antonio ηνπ Texas. Η επίδεημε απηή θαη ε ζρεηηθή δεκνζηφηεηα πξνζέιθπζαλ ηε πξνζνρή άιισλ εξεπλεηψλ, γεγνλφο πνπ νδήγεζε ηνλ Marc Andreessen ζην παλεπηζηήκην ηνπ Illinois λα αξρίζεη λα αλαπηχζζεη ηνλ πξψην θπιινκεηξεηή κέζσ γξαθηθψλ, ηνλ MOSAIC. Σν πξφγξακκα απηφ θπθινθφξεζε ηνλ Φεβξνπάξην ηνπ 1993. Σν MOSAIC ήηαλ ηφζν δεκνθηιέο πνπ έλα ρξφλν αξγφηεξα ν Andreessen έθπγε γηα λα ζρεκαηίζεη κηα εηαηξεία, ηε NETSCAPE Communications Corp, ζηφρνο ηεο νπνίαο ήηαλ ε αλάπηπμε πειαηψλ, δηαθνζκεηψλ θαη άιινπ ινγηζκηθνχ γηα ηνλ ηζηφ. ηαλ ε NETSCAPE κπήθε ζην ρξεκαηηζηήξην ην 1995 νη επελδπηέο ζεσξψληαο πξνθαλψο φηη ήηαλ ε λέα Microsoft πιήξσζαλ 1,5 εθαηνκκχξηα δνιάξηα γηα ηηο κεηνρέο ηεο. Απηφ ην ξεθφξ ήηαλ αθφκα πην εθπιεθηηθφ αλ ζθεθηνχκε φηη ε εηαηξεία δηέζεηε έλα κφλν πξντφλ, ήηαλ βαξηά ρξεσκέλε, θαη είρε αλαθνηλψζεη ζην ελεκεξσηηθφ θπιιάδην ηεο εηζαγσγήο φηη δελ αλέκελε λα έρεη θέξδε ζην εγγχο κέιινλ. Σα 3 επφκελα ρξφληα ν Navigator ηεο NETSCAPE θαη ν Internet Explorer ηεο Microsoft, ελεπιάθεζαλ ζε έλα «πφιεκν θπιινκεηξεηψλ», κε ην θάζε πξφγξακκα λα πξνζπαζεί καλησδψο λα πξνζζέζεη πεξηζζφηεξα ραξαθηεξηζηηθά (θαη θαηά ζπλέπεηα θαη πεξηζζφηεξα ζθάικαηα), απφ ην άιιν. Σν 1998 ε America Online αγφξαζε ηελ Netscape Communication Corp γηα 4,2 δηζεθαηνκκχξηα δνιάξηα ηεξκαηίδνληαο έηζη ηε ζχληνκε δσή ηεο NETSCAPE σο αλεμάξηεηεο εηαηξείαο. Σν 1994 ην CERN θαη ην MIT ππέγξαςαλ ηε ζπκθσλία ίδξπζεο ηεο θνηλνπξαμίαο Παγθφζκηνπ Ιζηνχ (World Wide Web Consortium), πνπ κεξηθέο θνξέο ζπληνκεχεηαη ζε W3C), ελφο νξγαληζκνχ πνπ είλαη αθηεξσκέλνο ζηε πεξαηηέξσ αλάπηπμε ηνπ ηζηνχ, ηελ ηππνπνίεζε ησλ πξσηνθφιισλ θαη ηελ εκθάληζε ηεο δηαιεηηνπξγηθφηεηαο κεηαμχ δηαθφξσλ ηνπνζεζηψλ. Ο Berners-Lee έγηλε δηεπζπληήο ηεο. Απφ ηφηε κέρξη ζήκεξα πνιιέο εθαηνληάδεο παλεπηζηήκηα θαη εηαηξείεο έρνπλ πξνζρσξήζεη ζηελ θνηλνπξαμία. Αλ θαη ππάξρνπλ πηα πεξηζζφηεξα βηβιία γηα ηνλ παγθφζκην ηζηφ απ’ φζα ζα κπνξνχζε θαλείο λα νλεηξεπηεί, ην θαιχηεξν κέξνο γηα λα πάξεη θαλείο ελεκεξσκέλεο πιεξνθνξίεο γηα ηνλ ηζηφ, είλαη θπζηθά ν ίδηνο ν ηζηφο. Η εηζαγσγηθή ζειίδα ηεο θνηλνπξαμίαο βξίζθεηαη ζηε δηεχζπλζε www.w3c.org. 2.1.2. Τπεξθείκελν θαη Τπεξκέζα Απφ ηερληθή άπνςε ν ηζηφο είλαη έλα θαηαλεκεκέλν ζχζηεκα ππεξκέζσλ (Hypermedia), ην νπνίν ππνζηεξίδεη αιιειεπηδξαζηηθή πξφζβαζε. Ο φξνο ππεξκέζα ρξεζηκνπνηείηαη γηα λα δηαρσξίζεη ηνλ παγθφζκην ηζηφ απφ έλα παξαδνζηαθφ ζχζηεκα ππεξθεηκέλνπ (hypertext), ηνπ νπνίνπ ηα έγγξαθα πεξηέρνπλ κφλν πιεξνθνξίεο θεηκέλνπ-ηα έγγξαθα ηνπ ηζηνχ κπνξνχλ λα πεξηέρνπλ ςεθηνπνηεκέλεο θσηνγξαθίεο ή γξαθηθά. Ο φξνο θαηαλεκεκέλν, ν νπνίνο ππνλνεί φηη ν ηζηφο εθηείλεηαη ζε πνιιά ππνινγηζηηθά ζπζηήκαηα, έρεη κηα ζεκαληηθή ζπλέπεηα: δελ ππάξρεη θάπνηα εγγχεζε φηη νη ζχλδεζκνη κεηαμχ ησλ εγγξάθσλ ηνπ ηζηνχ ζα παξακείλνπλ έγθπξνη θαη ζπλεπείο. Γηα παξάδεηγκα αλ Σελίδα 4 έλα έγγξαθν ζε έλαλ ππνινγηζηή πεξηέρεη έλα ζχλδεζκν πξνο ην έγγξαθν D, ελφο άιινπ ππνινγηζηή, ν ζχλδεζκνο ζα παξακείλεη αθφκα θαη αλ ην έγγξαθν D δηαγξαθεί. 2.1.3. Αλαπαξάζηαζε εγγξάθσλ Έλα έγγξαθν ππεξκέζσλ πνπ είλαη δηαζέζηκν ζηνλ ηζηφ ιέγεηαη ζειίδα (page). Η θχξηα ζειίδα ελφο νξγαληζκνχ ή αηφκνπ ιέγεηαη θεληξηθή ή αξρηθή ζειίδα ( homepage). Γηα λα εμαζθαιηζηεί ε ζσζηή εξκελεία ησλ πεξηερνκέλσλ θάζε ζειίδαο απφ ηνπο θπιινκεηξεηέο, ν παγθφζκηνο ηζηφο ρξεζηκνπνηεί κηα θαζηεξσκέλε αλαπαξάζηαζε πνπ νλνκάδεηαη γιψζζα ζήκαλζεο ππεξθεηκέλνπ (hypertext markup language-HTML). Η γιψζζα HTML είλαη κηα γιψζζα ζήκαλζεο (markup language) επεηδή πεξηιακβάλεη κφλν γεληθέο νδεγίεο γηα ηελ εκθάληζε ησλ πιεξνθνξηψλ, ρσξίο λα παξέρεη ιεπηνκεξείο νδεγίεο κνξθνπνίεζεο. Γηα παξάδεηγκα, ν δεκηνπξγφο κηαο ζειίδαο HTML κπνξεί λα θαζνξίζεη ην επίπεδν ζπνπδαηφηεηαο κηαο θεθαιίδαο ρσξίο σζηφζν λα ρξεηάδεηαη λα θαζνξίζεη θάπνηα ζπγθεθξηκέλε γξακκαηνζεηξά ή κέγεζνο ραξαθηήξσλ. ιεο νη ιεπηνκεξείο επηιέγνληαη απφ ηνλ θπιινκεηξεηή. Η ρξήζε κηαο γιψζζαο ζήκαλζεο είλαη ζεκαληηθή, επεηδή επηηξέπεη ζηνλ θπιινκεηξεηή λα πξνζαξκφζεη ηε ζειίδα ζηελ νζφλε ηνπ εθάζηνηε ρξήζηε. Έηζη, ε ίδηα ε ζειίδα κπνξεί λα κνξθνπνηεζεί γηα κηθξέο ή κεγάιεο νζφλεο ππνινγηζηή, γηα πςειέο ή ρακειέο αλαιχζεηο, ή θαη γηα κηθξέο ζπζθεπέο, φπσο έλα PDA. 2.1.4. Μνξθνπνίεζε θαη αλαπαξάζηαζε εγγξάθσλ HTML Κάζε έγγξαθν HTML δηαηξείηαη ζε κηα θεθαιίδα (head), ε φπνηα πεξηέρεη πιεξνθνξίεο γηα ην έγγξαθν θαη ζε έλα ζψκα (body), πνπ πεξηέρεη ηηο πιεξνθνξίεο νη φπνηεο πξφθεηηαη λα εκθαληζηνχλ. Γηα παξάδεηγκα, ε θεθαιίδα κπνξεί λα πεξηέρεη ηνλ ηίηιν ηνπ εγγξάθνπ. Απφ ζπληαθηηθή άπνςε, έλα έγγξαθν HTML, απνηειείηαη απφ έλα αξρείν θεηκέλνπ πνπ πεξηέρεη ελζσκαησκέλεο εηηθέηεο (tags) ζήκαλζεο. Γηα λα είλαη ν θψδηθαο πην επαλάγλσζηνο, έλα έγγξαθν κπνξεί λα πεξηέρεη θελφ ρψξν (δειαδή, επηπιένλ γξακκέο θαη αφξαηνπο ραξαθηήξεο). Απηφο ν θελφο ρψξνο δελ έρεη θακία επίδξαζε ζηε κνξθνπνηεκέλε έθδνζε πνπ εκθαλίδεη ζηελ νζφλε έλαο θπιινκεηξεηήο. Οη εηηθέηεο ηεο HTML παξέρνπλ ζε έλα έγγξαθν δνκή, θαζψο θαη ππνδείμεηο γηα ηε κνξθνπνίεζή ηνπ. Αλ κηα εηηθέηα θαζνξίδεη κηα ελέξγεηα πνπ πξαγκαηνπνηείηαη ακέζσο (πρ αιιαγή γξακκήο ζηελ νζφλε), πξέπεη λα ηνπνζεηεζεί αθξηβψο εθεί φπνπ ζα εθαξκνζηεί ε ελέξγεηα. Μεξηθέο εηηθέηεο ρξεζηκνπνηνχληαη γηα λα θαζνξίζνπλ κηα επηινγή κνξθνπνίεζεο, ε νπνία εθαξκφδεηαη ζε έλα ηκήκα θεηκέλνπ. Οη εηηθέηεο απηέο εκθαλίδνληαη ζε δεχγε, ζε κηα αξρηθή θαη κηα ηειηθή εηηθέηα νη νπνίεο μεθηλνχλ θαη ηεξκαηίδνπλ ηελ θαζνξηζκέλε ελέξγεηα, αληίζηνηρα. Π.ρ. έλα έγγξαθν HTML μεθηλάεη κε ηελ εηηθέηα <HTML> θαη ηειεηψλεη κε ηελ εηηθέηα </HTML>. Σελίδα 5 2.2. Domain Name System Αλ θαη ζεσξεηηθά ηα πξνγξάκκαηα ζα κπνξνχζαλ λα αλαθέξνπλ ηνπο ππνινγηζηέο ππεξεζίαο, ηα γξακκαηνθηβψηηα θαη ηνπο άιινπο πφξνπο ρξεζηκνπνηψληαο ηηο δηεπζχλζεηο δηθηχνπ ηνπο (δειαδή ηηο δηεπζχλζεηο IP), νη δηεπζχλζεηο απηέο είλαη δχζθνιεο ζηελ απνκλεκφλεπζή ηνπο γηα ηνπο αλζξψπνπο. Δπηπιένλ, ε απνζηνιή ειεθηξνληθνχ ηαρπδξνκείνπ ζηε δηεχζπλζε [email protected] ζεκαίλεη φηη αλ ν ISP ή ν νξγαληζκφο ηνπ Νίθνπ κεηαθέξεη ην δηαθνκηζηή ειεθηξνληθνχ ηαρπδξνκείνπ ζε κηα δηαθνξεηηθή κεραλή κε δηαθνξεηηθή δηεχζπλζε ΙΡ, ζα πξέπεη λα αιιάμεη θαη ε δηεχζπλζε ειεθηξνληθνχ ηαρπδξνκείνπ ηνπ Νίθνπ. Δπνκέλσο, ρξεζηκνπνηνχληαη νλφκαηα ASCII, έηζη ψζηε λα απνδεζκεχζνπλ ηα νλφκαηα ησλ κεραλψλ απφ ηηο δηεπζχλζεηο ησλ κεραλψλ. Με απηφ ηνλ ηξφπν ε δηεχζπλζε ηνπ Νίθνπ κπνξεί λα είλαη κηα δηεχζπλζε ηεο κνξθήο [email protected]. Σν ίδην ην δίθηπν φκσο θαηαλνεί κφλν ηηο αξηζκεηηθέο δηεπζχλζεηο, έηζη απαηηείηαη θάπνηνο κεραληζκφο γηα ηε κεηαηξνπή ησλ αιθαξηζκεηηθψλ ASCII ζε δηεπζχλζεηο δηθηχσλ. 2.2.1. Ιζηνξηθή αλαδξνκή ηελ επνρή ηνπ ARPANET, ππήξρε απιψο έλα αξρείν ην host.txt ην νπνίν αλέθεξε φινπο ηνπο ππνινγηζηέο ππεξεζίαο θαη φιεο ηηο ΙΡ ηνπο. Κάζε λχρηα φινη νη ππνινγηζηέο ππεξεζίαο έπαηξλαλ ην αξρείν απηφ απφ ηε ηνπνζεζία ζηελ νπνία γηλφηαλ ε δηαηήξεζε ηνπ. Γηα έλα δίθηπν κε κφλν ιίγεο εθαηνληάδεο ρξνλνκεξηδφκελεο κεραλέο ε πξνζέγγηζε απηή ιεηηνχξγεζε αξθεηά θαιά. ηαλ φκσο ζπλδέζεθαλ ζην δίθηπν ρηιηάδεο ππνινγηζηέο κίλη θαη πξνζσπηθνί ππνινγηζηέο, φινη ζπλεηδεηνπνίεζαλ φηη ε πξνζέγγηζε απηή δε ζα κπνξνχζε λα ιεηηνπξγεί γηα πάληα. Καηαξρήλ ην κέγεζνο ηνπ αξρείνπ ζα γηλφηαλ πνιχ κεγάιν. Αθφκε πην ζεκαληηθφ ήηαλ φκσο ην φηη ζα εκθαληδφηαλ ζπλερψο δηελέμεηο ζηα νλφκαηα ησλ ππνινγηζηψλ ππεξεζίαο εθηφο θαη αλ ε δηαρείξηζε ησλ νλνκάησλ γηλφηαλ θεληξηθά. Κάηη αδηαλφεην γηα έλα ηεξάζηην δηεζλέο δίθηπν ιφγσ ηνπ θνξηίνπ θαη ηεο θαζπζηέξεζεο. Γηα λα ιπζνχλ απηά ηα πξνβιήκαηα, επηλνήζεθε ην χζηεκα Ολνκάησλ Πεξηνρψλ, ή DNS. Η νπζία ηνπ DNS είλαη ε επηλφεζε ελφο ηεξαξρηθνχ ζπζηήκαηνο νλνκαηνινγίαο πνπ βαζίδεηαη ζε πεξηνρέο θαζψο θαη ελφο θαηαλεκεκέλνπ ζπζηήκαηνο βάζεσλ δεδνκέλσλ γηα ηελ πινπνίεζε απηνχ ηνπ ζπζηήκαηνο νλνκαηνινγίαο. Σν DNS ρξεζηκνπνηείηαη θπξίσο γηα ηελ αληηζηνίρεζε ησλ νλνκάησλ ησλ ππνινγηζηψλ ππεξεζίαο θαη ησλ πξννξηζκψλ ηνπ ειεθηξνληθνχ ηαρπδξνκείνπ ζε δηεπζχλζεηο ΙΡ, αιιά κπνξεί λα ρξεζηκνπνηεζεί θαη γηα άιινπο ζθνπνχο. Σελίδα 6 2.2.2. Σξφπνο ιεηηνπξγίαο Πνιχ ζπλνπηηθά, ν ηξφπνο ρξήζεο ηνπ DNS είλαη ν αθφινπζνο. Γηα λα αληηζηνηρηζηεί έλα φλνκα ζε κηα δηεχζπλζε ΙΡ, ην πξφγξακκα εθαξκνγήο θαιεί κηα δηαδηθαζία βηβιηνζήθεο ε νπνία νλνκάδεηαη αλαιπηήο (resolver) , κεηαβηβάδνληάο ηεο ην φλνκα απηφ σο παξάκεηξν. Ο αλαιπηήο ζηέιλεη έλα παθέην UDP ζε έλα ηνπηθφ δηαθνκηζηή DNS, ν νπνίνο αλαδεηεί ην φλνκα θαη επηζηξέθεη ζηνλ αλαιπηή ηε δηεχζπλζε ΙΡ θαη απηφο ηελ επηζηξέθεη κε ηε ζεηξά ηνπ ζηνλ θαινχληα. Οπιηζκέλν κε απηή ηε δηεχζπλζε, ην πξφγξακκα κπνξεί λα εγθαζηδξχζεη ζηε ζπλέρεηα κηα ζχλδεζε TCP κε ηνλ πξννξηζκφ ή λα ηνπ ζηείιεη παθέηα UDP. 2.2.3. Γνκή νλνκάησλ ππνινγηζηψλ Απφ ζπληαθηηθή άπνςε, θάζε φλνκα ππνινγηζηή απνηειείηαη απφ κηα αθνινπζία αιθαξηζκεηηθψλ ηκεκάησλ πνπ ρσξίδνληαη κε ηειείεο. Γηα παξάδεηγκα έλαο ππνινγηζηήο ζην ηκήκα Δπηζηήκεο ησλ Τπνινγηζηψλ ηνπ NYU (N. York University) έρεη ην φλνκα πεξηνρήο: alma.cs.nyu.edu ελψ έλαο ππνινγηζηήο ζηελ εηαηξεία CISCO έρεη ην φλνκα πεξηνρήο : alpha.cisco.com Σα νλφκαηα πεξηνρψλ (domain names) είλαη ηεξαξρηθά , κε ην πιένλ ζεκαληηθφ κέξνο ηνπο ζηα δεμηά (παξφιν πνπ ηφζν ηα νλφκαηα πεξηνρψλ φζν θαη νη δηεπζχλζεηο ΙΡ ρξεζηκνπνηνχλ σο δηαρσξηζηηθφ ηελ ηειεία, δελ ππάξρεη θάπνηα ζρέζε κεηαμχ ηεο ηεξαξρίαο ησλ νλνκάησλ πεξηνρψλ θαη ηεο ηεξαξρίαο ησλ δηεπζχλζεσλ ΙΡ-έλα φλνκα πεξηνρήο κπνξεί λα αληηζηνηρεί ζε κηα ηπραία δηεχζπλζε ΙΡ). Σν αθξαίν αξηζηεξφ ηκήκα ελφο νλφκαηνο (alma, alpha ζηα παξαδείγκαηα καο), είλαη ην φλνκα ελφο κεκνλσκέλνπ ππνινγηζηή. Σα άιια ηκήκαηα ελφο νλφκαηνο πεξηνρήο πξνζδηνξίδνπλ ηελ νκάδα ζηελ νπνία αλήθεη ην φλνκα. Γηα παξάδεηγκα ην ηκήκα nyu πξνζδηνξίδεη ην φλνκα ελφο παλεπηζηεκίνπ , ελψ ην ηκήκα cisco πξνζδηνξίδεη ην φλνκα κηαο εηαηξείαο. ζνλ αθνξά ην πφζα ηκήκαηα ζα έρεη έλα φλνκα θαη πσο απηά απνδίδνληαη, απηφ δελ ην θαζνξίδεη ην ζχζηεκα νλνκάησλ. Σν κφλν πνπ θαζνξίδεη είλαη ην πψο επηιέγεηαη ην πιένλ ζεκαληηθφ ηκήκα, δελ έρεη ζρέζε νχηε κε ηνλ αθξηβή αξηζκφ ησλ ηκεκάησλ πνπ κπνξεί λα έρεη έλα φλνκα, νχηε ην ηη αληηπξνζσπεχνπλ απηά ηα ηκήκαηα. Κάζε νξγαληζκφο κπνξεί λα επηιέμεη πφζα ηκήκαηα ζα ρξεζηκνπνηεί γηα ηνπο ππνινγηζηέο πνπ πεξηιακβάλεη ζην εζσηεξηθφ ηνπ θαη ηη απηά ζα αληηπξνζσπεχνπλ. Σν ζχζηεκα νλνκάησλ πεξηνρψλ θαζνξίδεη ζπγθεθξηκέλεο ηηκέο γηα ην πιένλ ζεκαληηθφ ηκήκα, ην νπνίν ιέγεηαη πεξηνρή θνξπθαίνπ επηπέδνπ (top level domain) ή απιψο TLD. Παξαθάησ θαίλνληαη νη πεξηνρέο ηνπ θνξπθαίνπ επηπέδνπ ηνπ DNS. Όλνκα πεξηνρήο Aero Arpa Biz Com Απνδίδεηαη ζε Βηνκεραλία αεξνπνξηθώλ κεηαθνξώλ Πεξηνρή ππνδνκήο Δπηρεηξήζεηο Δκπνξηθνύο νξγαληζκνύο Σελίδα 7 Coop Edu Gov Info Int Mil Museum Name Net Org pro Κσδηθόο ρώξαο πλεξγαηηθέο ελώζεηο Δθπαηδεπηηθά ηδξύκαηα Κξαηηθνύο νξγαληζκνύο ησλ Η.Π.Α. Πιεξνθνξίεο Γηεζλείο νξγαληζκνύο ζπκβάζεσλ ηξαηησηηθέο ππεξεζίεο ησλ Η.Π.Α. Μνπζεία Φπζηθά πξόζσπα Μεγάια θέληξα δηθηπαθήο ππνζηήξημεο Με θεξδνζθνπηθνύο νξγαληζκνύο Γηαπηζηεπκέλνπο επαγγεικαηίεο Μηα ρώξα Οη πεξηνρέο θνξπθαίνπ επηπέδνπ ειέγρνληαη απφ ηελ εηαηξεία γηα ηελ Δθρψξεζε Ολνκάησλ θαη Αξηζκψλ ηνπ Ιληεξλέη (Internet Corporation for Assigned Names and Numbers, ICANN). Η ICANN νξίδεη έλαλ ή πεξηζζφηεξνπο ιεμηάξρνπο πεξηνρψλ (domain registrars), νη νπνίνη δηαρεηξίδνληαη έλα δεδνκέλν φλνκα πεξηνρήο θνξπθαίνπ επηπέδνπ θαη εγθξίλνπλ ζπγθεθξηκέλα νλφκαηα. Οη πεξηνρέο ηνπ θνξπθαίνπ επηπέδνπ είλαη ζεκαληηθέο, επεηδή θάζε νξγαληζκφο πνπ επηιέγεη λα ζπκκεηάζρεη ζην ζχζηεκα νλνκάησλ πεξηνρψλ πξέπεη λα θάλεη αίηεζε γηα έλα φλνκα θάησ απφ κηα απφ ηηο ππάξρνπζεο πεξηνρέο θνξπθαίνπ επηπέδνπ. Οη πεξηζζφηεξεο εηαηξείεο επηιέγνπλ λα εγγξαθνχλ θάησ απφ ηε πεξηνρή com. Γηα παξάδεηγκα , έλα μελνδνρείν πνπ νλνκάδεηαη “Arion” κπνξεί λα δεηήζεη λα ηνπ απνδνζεί ε πεξηνρή arion θάησ απφ ηελ πεξηνρή θνξπθαίνπ επηπέδνπ com. Αλ ε αίηεζε εγθξηζεί, ζην μελνδνρείν “Arion” ζα απνδνζεί ε πεξηνρή Arion.com ηαλ απνδνζεί ζε έλαλ νξγαληζκφ κηα πεξηνρή, ην ζπγθεθξηκέλν επίζεκα είλαη δεζκεπκέλν γηα ην ζπγθεθξηκέλν νξγαληζκφ, θαη δελ κπνξεί λα απνδνζεί ζε θαλέλαλ άιιν νξγαληζκφ. Γηα παξάδεηγκα, απφ ηε ζηηγκή πνπ απνδνζεί ην arion.com , έλαο άιινο νξγαληζκφο πνπ νλνκάδεηαη επίζεο “Arion” ζα κπνξνχζε λα δεηήζεη ην φλνκα arion.edu ή arion.org, αιιά φρη ην arion.com. Σελίδα 8 2.3. Keywords, SEO & Content Keywords ή Λέμεηο θιεηδηά: Δίλαη νη ιέμεηο ή θξάζεηο πνπ ρξεζηκνπνηεί έλαο ρξήζηεο ζε κηα κεραλή αλαδήηεζεο, πξνθεηκέλνπ λα εληνπίζεη ην αληηθείκελν πνπ ηνλ ελδηαθέξεη. Γηα παξάδεηγκα έζησ φηη ςάρλνπκε ην ηειέθσλν ελφο ζπγθεθξηκέλνπ θαξκαθείνπ ζηελ Κέξθπξα, κπνξνχκε λα παηήζνπκε «Φαξκαθεία Κέξθπξα». Σν πην πηζαλφ είλαη κέζσ θάπνηνπ ηειεθσληθνχ θαηαιφγνπ, λα βξνχκε απηφ πνπ δεηάκε. Σν keyword ινηπφλ ζπλδέεηαη άκεζα κε ηα απνηειέζκαηα πνπ καο επηζηξέθεη ε κεραλή αλαδήηεζεο. πλήζσο ζηελ θνξπθή ησλ απνηειεζκάησλ εκθαλίδνληαη νη ζειίδεο κε ηελ κεγαιχηεξε ζπλάθεηα, σο πξνο απηφ πνπ πιεθηξνινγήζακε. Βειηηζηνπνίεζε θώδηθα ή Search Engine Optimization : Δίλαη κηα ζεηξά απφ ελέξγεηεο, πνπ ζηφρν ηνπο έρνπλ ηελ αλαβάζκηζε ηνπ θψδηθα ηνπ site καο, έηζη ψζηε απηφο λα κπνξεί λα αλαγλσζζεί θαιχηεξα απφ ηηο δηάθνξεο κεραλέο αλαδήηεζεο. Μεξηθέο απφ απηέο ηηο ελέξγεηεο είλαη : H θαηάιιειε νλνκαζία γηα ην θάζε ππνζέιηδφ καο (Friendly URL) H δηφξζσζε ηπρφλ ζθαικάησλ ζηνλ θψδηθά καο H δεκηνπξγία Meta tags (ηξείο εηηθέηεο ηεο HTML, κέζσ ησλ νπνίσλ δειψλνπκε ζηε κεραλή αλαδήηεζεο ηνλ ηίηιν ηεο ζειίδαο καο, κηα ζχληνκε πεξηγξαθή ηνπ πεξηερνκέλνπ ηεο θαη νξηζκέλεο ιέμεηο θιεηδηά). Σελίδα 9 Πεξηερόκελν : Κάηη πνπ πξέπεη λα πξνζέμνπκε ηδηαίηεξα θαηά ηε δεκηνπξγία ηεο ηζηνζειίδαο καο είλαη ε ζσζηή δνκή θαη ηεξάξρεζε ηνπ. Γηα παξάδεηγκα, ην πεξηερφκελν δελ ζα πξέπεη λα έρεη κεγάιν «βάζνο», δειαδή λα ππεξβαίλεη ηα ηξία links, πξνθεηκέλνπ λα αληρλεχεηαη θαιχηεξα απφ ηηο search engines. Δπίζεο, θαιφ ζα είλαη λα ζπκπεξηιακβάλεηαη πάληα θαη έλαο ράξηεο ηεο ζειίδαο καο (site map), γηαηί εθηφο ηνπ φηη βνεζάεη ηνπο επηζθέπηεο λα πινεγεζνχλ επθνιφηεξα, δηεπθνιχλεη θαη ηε ζάξσζή ηνπ απφ ηηο κεραλέο αλαδήηεζεο. Κάηη αθφκα πνπ πξέπεη λα έρνπκε ζην κπαιφ καο, είλαη φηη φζν εληππσζηαθέο θσηνγξαθίεο ή animations βάινπκε ζηε ζειίδα καο, αλ δελ ππάξρεη θάπνην θείκελν λα ηηο πεξηγξάςεη ζα είλαη αφξαηεο γηα ηνπο crawlers ησλ κεραλψλ αλαδήηεζεο. Γη’ απηφ πξέπεη πάληνηε λα δίλνπκε βαξχηεηα ζηα θείκελα πνπ πεξηέρνληαη ζηε ζειίδα καο. Κάηη άιιν πνπ πξέπεη λα πξνζέμνπκε είλαη ε απνθπγή ησλ broken links , ε απνθπγή δειαδή ησλ ζπαζκέλσλ ζπλδέζκσλ πνπ δελ νδεγνχλ πνπζελά, θάηη ην νπνίν θαλεξψλεη πξνθαλή ζεκάδηα εγθαηάιεηςεο. Έλα ηειεπηαίν πνπ νθείιεη θάζε δεκηνπξγφο λα πξνζέμεη είλαη ε δηαζθάιηζε ηεο νξζφηεηαο ηνπ HTML θψδηθα ηεο ζειίδαο ηνπ. Σπρφλ ζθάικαηα ζε απηφλ έρνπλ σο απνηέιεζκα ηελ κε ζσζηή αλάγλσζε ηνπ site απφ ηηο κεραλέο αλαδήηεζεο. Έλα ρξήζηκν εξγαιείν γηα Online έιεγρν ηεο ηζηνζειίδαο καο είλαη ην W3C HTML validator (έιεγρνο εγθπξφηεηαο HTML), κέζσ ηνπ νπνίνπ είλαη δπλαηή ε πηζηνπνίεζε ηνπ HTML θψδηθά καο, ζε ζρέζε κε ηα πξφηππα πνπ έρνπλ θαζηεξσζεί απφ ην W3C. Σελίδα 10 2.4. Γεκνζίεπζε ζην δηαδίθηπν Πνιχ ζπρλά παξαηεξνχκε λα δεκνζηεχνληαη ζην δηαδίθηπν δηάθνξα sites, ηα νπνία δελ είλαη θαλ νινθιεξσκέλα, θαη ραξαθηεξίδνληαη σο «Τπφ θαηαζθεπή» (Under construction). Κάηη πνπ δελ πξέπεη λα μερλάεη πνηέ έλαο Web designer είλαη φηη ζε θακία πεξίπησζε δελ πξέπεη λα δεκνζηεχνπκε κηα ηζηνζειίδα, εάλ απηή δελ είλαη νινθιεξσκέλε. Οθείινπκε λα ηελ θξαηάκε θαη λα ηελ δνπιεχνπκε ηνπηθά ζηνλ ππνινγηζηή καο, καθξηά απφ ηελ ζάξσζε ησλ κεραλψλ αλαδήηεζεο, έσο φηνπ ηειεηψζνπκε ηελ θαηαζθεπή ηεο. ηαλ ινηπφλ έξζεη ε θαηάιιειε ζηηγκή λα «αλεβάζνπκε» ην site καο ζην δηαδίθηπν, ν θαιχηεξνο ηξφπνο γηα λα ην πξνσζήζνπκε ζηνλ θφζκν είλαη ε δεκνζίεπζή ηνπ απφ έλα άιιν ζεκαληηθφ θαη γλσζηφ site. Καιφ ζα είλαη ην site πνπ ζα επηιέμνπκε λα έρεη : Τςειφ PR (Σν Page Rank είλαη κία αξηζκεηηθή ηηκή, ε νπνία αληηπξνζσπεχεη ην πφζν ζεκαληηθή θαη ζπνπδαία είλαη κία ηζηνζειίδα ζην δηαδίθηπν, θαηά ηελ αληηθεηκεληθή θξίζε ηεο κεραλήο αλαδήηεζεο Google. Σν Pagerank επεξεάδεη ζεκαληηθά, καδί κε θάπνηνπο επηπιένλ παξάγνληεο, ηελ θαηάηαμε ζηα απνηειέζκαηα αλαδήηεζεο. Γηα ηνλ ππνινγηζκφ θαη πξνζδηνξηζκφ ηνπ Pagerank, ε Google ρξεζηκνπνηεί έλα πνιχπινθν αιγφξηζκν κε εθαηνκκχξηα κεηαβιεηέο θαη φξνπο θαη ν ππνινγηζκφο ηνπ γίλεηε κε αδηάβιεην απηνκαηνπνηεκέλν ηξφπν) Καιφ Alexa Rank (Σν Alexa Traffic Rankings είλαη έλαο κεραληζκφο ζρεηηθήο θαηάηαμεο ησλ site ζε παγθφζκηα επίπεδν. Έρεη αλαπηχμεη κεξηθά απιά εξγαιεία, (Alexa toolbar) πνπ κπνξνχλ λα εγθαηαζηαζνχλ ζηνπο πην ζπρλά ρξεζηκνπνηνχκελνπο browser φπσο Internet Explorer, Firefox θιπ θαη ηα νπνία Σελίδα 11 toolbars ζηέιλνπλ πιεξνθνξίεο γηα ην πνία site επηζθέθζεθε ν ρξήζηεο, πφζεο ζειίδεο θαη πφζν ρξφλν ζην θάζε έλα. Αξθεηά ρξφληα «δσήο» ζην δηαδίθηπν Κάηη άιιν πνπ θπζηθά κπνξνχκε λα θάλνπκε, είλαη ν «εμαλαγθαζκφο» δεκνζίεπζεο, κέζσ ηνπ Google Adwords. (Γεκηνπξγνχκε δηαθεκίζεηο θαη επηιέγνπκε ιέμεηο-θιεηδηά πνπ είλαη ιέμεηο ή θξάζεηο ζρεηηθέο κε ηελ επηρείξεζή καο ή φηη ηέινο πάλησλ πξνβάιινπκε ζηελ ηζηνζειίδα καο.) ηαλ νη ρξήζηεο πξαγκαηνπνηνχλ αλαδήηεζε ζην Google ρξεζηκνπνηψληαο κία απφ ηηο ιέμεηο-θιεηδηά καο, ε δηαθήκηζή καο ελδέρεηαη λα εκθαληζηεί δίπια απφ ηα απνηειέζκαηα αλαδήηεζεο. 2.5. Οη κεραλέο αλαδήηεζεο 2.5.1. Ιζηνξηθή αλαδξνκή Σελ πξσηαξρηθή ηδέα γηα έλα εξγαιείν αλαδήηεζεο, πνπ ζα βνεζνχζε ηνπο ρξήζηεο λα εληνπίδνπλ επθνιφηεξα αξρεία ζην δηαδίθηπν ηελ είρε ν Alan Emtage, ην 1990. Απηφ πνπ Σελίδα 12 έθαλε, ήηαλ λα θηηάμεη έλαλ απιφ θαηάινγν απφ αξρεία, ηνλ νπνίν θαη νλφκαζε Archie (Archieve). Έλα ρξφλν κεηά, ν Mark McCahill εμέιημε ην δεκηνχξγεκα ηνπ Emtage, θαη δεκηνχξγεζε ην Gopher, κέζσ ηνπ νπνίνπ ν ρξήζηεο κπνξνχζε λα ςάρλεη φρη κφλν αξρεία, αιιά θαη ηα θείκελα απηψλ (απηά πνπ ζηε ζπλέρεηα έγηλαλ νη πξψηεο ηζηνζειίδεο). Με ηνλ θαηξφ, πξνέθππηαλ θαη άιιεο αλάγθεο, φπσο πρ ε αλαδήηεζε πιεξνθνξηψλ κέζα απφ ηνπο θαηαιφγνπο ηνπ Gopher. Έηζη, δεκηνπξγήζεθαλ θαη άιια δχν πξνγξάκκαηα, ην Veronica ( Very Easy Rodent-Oriented Net-wide Index to Computerized Archives) αιιά θαη ην Jughead ( Jonzy’s Universal Gopher Hierarchy Excavation and Display). Χζηφζν, ε πξψηε search engine κε ηελ κνξθή πνπ καο είλαη γλσζηή ζήκεξα δεκηνπξγήζεθε ιίγν κεηά, ην 1993, απφ ηνλ Matthew Gray ν νπνίνο ηελ νλφκαζε Wandex. H Wandex, ήηαλ ην πξψην πξφγξακκα πνπ δελ έθηηαρλε απιά θαηαιφγνπο, αιιά έςαρλε θαη sites ζην δηαδίθηπν. Απφ ην 1993 κέρξη θαη ην 1998 δεκηνπξγήζεθαλ φια ηα δεκνθηιή Search Engines πνπ ρξεζηκνπνηνχκε κέρξη θαη ζήκεξα, σζηφζν κεραλέο αλαδήηεζεο δε έπαςαλ λα δεκηνπξγνχληαη κέρξη θαη ηψξα. Δλδεηθηηθά, θάπνηεο απφ απηέο πνπ δεκηνπξγήζεθαλ ηα πξψηα ρξφληα ήηαλ νη: W3Catalog : 1993 Aliweb : 1993 JumpStation : 1993 WebCrawler : 1994 Go.com : 1994 Σελίδα 13 Lycos : 1994 AltaVista : 1995 Daum : 1995 Magellan : 1995 Excite : 1995 Yahoo! : 1995 Dogpile : 1996 Ask Jeeves : 1996 Yandex : 1997 Google : 1998 MSN search : 1998 ήκεξα, νη κεραλέο αλαδήηεζεο έρνπλ θπζηθά εμειηρζεί απίζηεπηα, δίλνληάο καο ηε δπλαηφηεηα λα ςάμνπκε απφ έγγξαθα θαη αξρεία, κέρξη θσηνγξαθίεο, βίληεν ή αθφκα ιέμεηο, ζηίρνπο θαη θξάζεηο. 2.5.2. Search Engine Algorithms Σα βαζηθά ζηνηρεία απφ ηα νπνία απνηειείηαη κηα search engine είλαη ην Query interface, ηα Search Engine Result Pages (SERP), ηνπο Search Algortihms, ηνπο Crawlers θαη ηελ Database. Χζηφζν, φια βαζίδνληαη ζηνλ Αιγφξηζκν Αλαδήηεζεο (Search Algorithm), ν νπνίνο ζπλδέεηαη άκεζα κε ηνλ ηξφπν πνπ νη ρξήζηεο εληνπίδνπλ ηηο δεηνχκελεο πιεξνθνξίεο. Πην ζπγθεθξηκέλα, έλαο Search algorithm δέρεηαη έλα εξψηεκα, κηα ιέμε δειαδή ή θξάζε, απφ ηνλ ρξήζηε, ςάρλεη ηελ database (βάζε δεδνκέλσλ) ε νπνία πεξηέρεη ζε θαηεγνξίεο ιέμεηο θιεηδηά (keywords) θαη URLs ζρεηηθέο πξνο ηελ αλαδήηεζε, θαη ελ ηέιεη επηζηξέθεη ζειίδεο νη νπνίεο πεξηέρνπλ ηε ιέμε ή ηε θξάζε, ζην θείκελν ή ζην URL ηνπο, πνπ δφζεθε θαηά ηελ αλαδήηεζε. Αμίδεη λα ζεκεησζεί φηη έλαο βαζηθφο ιφγνο πνπ θάζε search engine επηζηξέθεη δηαθνξεηηθά απνηειέζκαηα, είλαη φηη ε θάζε κία απφ απηέο κπνξεί λα ρξεζηκνπνηεί δηαθνξεηηθφ αιγφξηζκν απφ ηελ άιιε. Οη ηξεηο πην βαζηθέο θαηεγνξίεο αιγνξίζκσλ αλαδήηεζεο είλαη νη εμήο : On-page algorithms Whole-site algorithms Off-site algorithms Κάζε κηα απφ ηηο παξαπάλσ θαηεγνξίεο ςάρλεη δηαθνξεηηθά ζεκεία ελφο site, σζηφζν θαη νη ηξεηο απνηεινχλ κέξνο ελφο αξθεηά κεγαιχηεξνπ αιγφξηζκνπ. Σελίδα 14 2.5.3. Δξγαιεία αλαδήηεζεο ηε ζπλέρεηα ζα δνχκε θάπνηα απφ ηα δεκνθηιέζηεξα εξγαιεία αλαδήηεζεο. Μεραλέο Αλαδήηεζεο Μεγάιε ζπιινγή δηθηπαθώλ ηόπσλ θαη γξήγνξε αλαδήηεζε κε δηάθνξεο πξόζζεηεο πνιύ ρξήζηκεο ππεξεζίεο. Η γλσζηή κεραλή αλαδήηεζεο κε κεγάιε ζπιινγή δηθηπαθώλ ηόπσλ, δσξεάλ email , εηδήζεηο, βίληεν θαη άιιεο ππεξεζίεο. Μηα κεραλή αλαδήηεζεο πνπ επηηξέπεη εξσηήζεηο ζηα Αγγιηθά ρσξίο ιέμεηο θιεηδηά Πνιύ θαιή θαη γξήγνξε κεραλή αλαδήηεζεο. Αλαδεηά ζε 36 γιώζζεο (θαη ειιεληθά ) ηζηνζειίδεο, λέα, εηθόλεο, βίληεν, MP3 θαη FTP αξρεία. Δπξεηεξηάδεη όιν ην θείκελν ησλ ηζηνζειίδσλ. Κάλεη αλαδήηεζε κε ιέμεηο θιεηδηά, κε επηινγέο απιήο ή ζύλζεηεο αλαδήηεζεο θαζώο θαη πην αλαιπηηθήο αλαδήηεζεο. Δπίζεο, πξνζθέξεη ηε δπλαηόηεηα επηινγήο ηεο γιώζζαο ζηελ νπνία ζα γίλεη ε αλαδήηεζε. Μεραλή αλαδήηεζεο πνπ επξεηεξηάδεη όιν ην θείκελν. Πεξηέρεη πάλσ από 50 εθαη. ζειίδεο θαη αλαδεηά κε ιέμεηο θιεηδηά. Δπηηξέπεη ηνλ θαζνξηζκό εκεξνκελίαο, ηόπνπ θαη ηύπνπ, κέζνπ θιπ. γηα ηηο πιεξνθνξίεο πνπ ζα αλαδεηήζεη. Δπξεηεξηάδεη όιν ην θείκελν θαη θάλεη ελλνηνινγηθή αλαδήηεζε αιιά θαη κε ιέμεηο θιεηδηά. Δπξεηεξηάδεη ηίηινπο, επηθεθαιίδεο, ζπλδέζκνπο ζε άιιεο ζειίδεο, ηηο πξώηεο 20 γξακκέο ησλ θεηκέλσλ θαη ηηο 100 ζπρλόηεξα εκθαληδόκελεο ιέμεηο. Σν Search Engine Colossus απνηειεί έλα θαηάινγν κεραλώλ αλαδήηεζεο 342 ρσξώλ θαη πεξηνρώλ ζε όιν ηνλ θόζκν. Σελίδα 15 Θεκαηηθνί Καηάινγνη Θεκαηηθόο θαηάινγνο κε 14 θύξηεο θαηεγνξίεο πνπ δίλεη ηε δπλαηόηεηα αλαδήηεζεο θαη κε ιέμεηο θιεηδηά. Φάρλεη επίζεο θαη ζε άιιεο κεραλέο αλαδήηεζεο. Σν Ipl 2 είλαη ην απνηέιεζκα ηεο ζπγρώλεπζεο ηνπ Internet Public Library ( IPL ) θαη ηνπ Librarian ' s Internet Index ( LII ). Αλαδεηήζηκνο ζεκαηηθόο θαηάινγνο κε έγθπξεο πεγέο ζην Web, επηιεγκέλεο από εμεηδηθεπκέλνπο εηδηθνύο πιεξνθόξεζεο / βηβιηνζεθνλόκνπο. Πεξηιακβάλεη online θείκελα, εθεκεξίδεο θαη πεξηνδηθά θαη δηαζέηεη ππεξεζία «Ρσηήζηε έλα Βηβιηνζεθνλόκν» BUBL Information Service: Δπηιεγκέλεο δηαδηθηπαθέο πεγέο (θπξίσο βξεηαληθέο) πνπ θαιύπηεη όια ηα ζέκαηα. Ο θαηάινγνο είλαη νξγαλσκέλνο ζύκθσλα κε ηε δεθαδηθή ηαμηλόκεζε Dewey. Αγγιηθόο ζεκαηηθόο θαηάινγνο κε πεξηζζόηεξνπο από 100.000 ζπλδέζκνπο επηιεγκέλνπο από εηδηθνύο επηζηήκνλεο θαηά θιάδν θαη από βηβιηνζεθνλόκνπο. Απνηειεί ζπλεξγαζία 70 ηνπιάρηζηνλ εθπαηδεπηηθώλ θαη εξεπλεηηθώλ νξγαληζκώλ. Πνιύ θαιόο ζεκαηηθόο θαηάινγνο 2500 πεξίπνπ ηζηνρώξσλ κε ζύληνκε πεξηγξαθή γηα ηνλ θαζέλα. Σν Open Directory Project είλαη ίζσο ν κεγαιύηεξνο ζεκαηηθόο θαηάινγνο ηνπ Παγθόζκηνπ Ιζηνύ ν νπνίνο δεκηνπξγείηαη θαη ζπληεξείηαη από έλαλ ηεξάζηην αξηζκό εζεινληώλ. Μεηακεραλέο Αλαδήηεζεο Γξήγνξε θαη απνηειεζκαηηθή αλαδήηεζε κε θαηεγνξηνπνίεζε ησλ απνηειεζκάησλ. Μεηακεραλή αλαδήηεζεο κε παξάιιειε αλαδήηεζε ζηηο θπξηόηεξεο κεραλέο. Γηαζέηεη πνιινύο ηξόπνπο αλαδήηεζεο κεηαμύ ησλ νπνίσλ κε Boolean ηειεζηέο. Γηαζέηεη Advanced Search. Σελίδα 16 Υξεζηκνπνηεί πνιιέο κεραλέο αλαδήηεζεο όπσο Google, Yahoo, Ask Jeeves, About, FindWhat, LookSmart, θιπ. Γηαζέηεη Advanced Search. Σν Mamma αλαδεηά ζηηο κεγαιύηεξεο κεραλέο αλαδήηεζεο. Σα απνηειέζκαηα ηα παξνπζηάδεη ζε κηα εληαία κνξθή θαηά πεγή θαη πνζνζηό ζπλάθεηαο κε ηελ εξώηεζε. Μεηακεραλή πνπ αλαδεηά κέζσ ηνπ Google, Yahoo!, Ask Jeeves, About, Looksmart θαη άιισλ κεραλώλ αλαδήηεζεο. Μπνξείηε λα ςάμεηε ρσξηζηά γηα εηθόλεο, ήρν, βίληεν θαη εηδήζεηο. Γξήγνξε κεηακεραλή κε δπλαηόηεηα απιήο θαη ζύλζεηεο αλαδήηεζεο. Μεηαμύ ησλ δηαθόξσλ επηινγώλ πνπ έρεη κπνξεί θαλείο λα δεη, ρσξίο λα θύγεη από ηε ζειίδα ησλ απνηειεζκάησλ, κέξνο ηεο ηζηνζειίδαο θάζε ζπλδέζκνπ. Θεκαηηθέο Πύιεο Δθπαηδεπηηθή ζεκαηηθή πύιε Θεκαηηθή πύιε γηα Σέρλε, Design, Αξρηηεθηνληθή, Δθαξκνζκέλεο ηέρλεο, Μνπζεηνινγία, Κηλεκαηνγξάθνο, Φσηνγξαθία, ηειεόξαζε θαη άιια ζρεηηθά ζέκαηα. Δηθαζηηθέο ηέρλεο, αξραηνινγία, ηζηνξία, ινγνηερλία, γιώζζεο θαη γισζζνινγία, ζέαηξν, θηλεκαηνγξάθνο θαη ηειεόξαζε. Biz/ed: Οηθνλνκηθά θαη δηνίθεζε επηρεηξήζεσλ Healthfinder: Ιαηξηθή θαη πγεία Κνηλσληθέο επηζηήκεο Σελίδα 17 Ιαηξηθή πιεξνθόξεζε Αξρηηεθηνληθή, ηέρλεο, νηθνδνκηθέο θαηαζθεπέο, πνιενδνκία, θαηνηθία, κεηαθνξέο θαη άιια. Διιεληθά Δξγαιεία Αλαδήηεζεο Μεραλή αλαδήηεζεο γηα ην ειιεληθό Internet από ην Γεκνζηνγξαθηθό Οξγαληζκό Λακπξάθε. Αλαδήηεζε κέζσ ησλ 18 θαηεγνξηώλ ηνπ θαηαιόγνπ πνπ δηαζέηεη ή κε ιέμεηο θιεηδηά. Διιεληθόο Θεκαηηθόο Καηάινγνο κε πεξηζζόηεξεο από 2.500 θαηεγνξίεο θαη ππνθαηεγνξίεο κε δπλαηόηεηα αλαδήηεζεο. Η ελεκέξσζε ηνπ θαηαιόγνπ κε sites θαη ε ηαμηλόκεζή ηνπο πξαγκαηνπνηείηαη θαζεκεξηλά κε αλζξώπηλν έιεγρν θαη θξνληίδα, από ηνπο ππεύζπλνπο ύιεο. Δπηηξέπεη ηελ αλαδήηεζε κε ιέμεηο θιεηδηά θαζώο θαη κε ζέκα ζε 15 θαηεγνξίεο. Λεηηνπξγεί θαη ζηα ειιεληθά θαη ζηα αγγιηθά. Μεγάιε βάζε δεδνκέλσλ κε πνιινύο δηθηπαθνύο ηόπνπο κε online πιεξνθνξίεο γηα ηελ Διιάδα. Αλαδήηεζε κέζσ 15 ζεκαηηθώλ θαηεγνξηώλ ή κε ιέμεηο θιεηδηά. [Πεγή : http://www.haef.gr] 2.6. Γπλακηθέο ηζηνζειίδεο Σν πξψην θαηξφ ηνπ Ιζηνχ φιν ην πεξηερφκελν ήηαλ πξαγκαηηθά ζηαηηθφ. Ο πειάηεο έζηειλε απιά έλα φλνκα αξρείνπ ζηνλ δηαθνκηζηή, θαη ν δηαθνκηζηήο ζηε ζπλέρεηα επέζηξεθε ην αξρείν. Παξφια απηά ηα ηειεπηαία ρξφληα φιν θαη πεξηζζφηεξα δεδνκέλα γίλνληαη δπλακηθά, δειαδή παξάγνληαη θαηφπηλ αηηήζεσο αληί λα είλαη απνζεθεπκέλα ζε δίζθνπο. Η παξαγσγή πεξηερνκέλνπ κπνξεί λα πξαγκαηνπνηείηαη είηε ζην δηαθνκηζηή είηε ζηνλ πειάηε. Σελίδα 18 2.6.1. Γπλακηθή παξαγσγή απφ πιεπξάο δηαθνκηζηή Γηα λα θαηαιάβνπκε γηαηί απαηηείηαη ε παξαγσγή πεξηερνκέλνπ απφ ηε πιεπξά ηνπ δηαθνκηζηή , αο δνχκε ζπλνπηηθά κηα ρξήζε θνξκψλ. ηαλ έλαο ρξήζηεο ζπκπιεξψλεη κηα θφξκα θαη παηά ην θνπκπί submit, ζηέιλεηαη έλα κήλπκα ζην δηαθνκηζηή ην νπνίν ππνδεηθλχεη φηη πεξηέρεη ηα δεδνκέλα κηαο θφξκαο, καδί κε ηα πεδία πνπ ζπκπιήξσζε ν ρξήζηεο. Σν κήλπκα απηφ δελ είλαη ην φλνκα ελφο αξρείνπ πνπ πξέπεη λα επηζηξαθεί. Απηφ πνπ πξέπεη λα γίλεη είλαη λα δνζεί ην κήλπκα ζε έλα πξφγξακκα ή ζε έλα ζελάξην γηα επεμεξγαζία. πλήζσο «επεμεξγαζία» ζεκαίλεη ρξήζε ησλ πιεξνθνξηψλ πνπ παξέρνληαη απφ ηνλ ρξήζηε γηα ηελ αλαδήηεζε κηαο εγγξαθήο ζηνλ δίζθν ηνπ δηαθνκηζηή θαη ηελ παξαγσγή κηαο εμεηδηθεπκέλεο ζειίδαο HTML πνπ ζα επηζηξαθεί ζηνλ πειάηε. Γηα παξάδεηγκα, ζε κηα εθαξκνγή ειεθηξνληθνχ εκπνξίνπ, φηαλ ν ρξήζηεο παηά ζην θνπκπί «Πξνρψξεζε ζην ηακείν» ν θπιινκεηξεηήο επηζηξέθεη ην cookie κε ηα πεξηερφκελα ηνπ θαιαζηνχ αγνξψλ ηνπ πειάηε. Θα πξέπεη φκσο λα θιεζεί θάπνην πξφγξακκα ή ζελάξην ζην δηαθνκηζηή γηα λα επεμεξγαζηεί ην cookie θαη λα δεκηνπξγήζεη κηα ζειίδα HTML σο απάληεζε. Η ζειίδα HTML κπνξεί λα εκθαλίδεη κηα θφξκα ε νπνία λα πεξηέρεη ηε ιίζηα ησλ αληηθεηκέλσλ ζην θαιάζη θαζψο θαη ηε ηειεπηαία γλσζηή δηεχζπλζε απνζηνιήο πξνο ην ρξήζηε, καδί κε κηα αίηεζε επηβεβαίσζεο ησλ πιεξνθνξηψλ θαη θαζνξηζκνχ ηεο κεζφδνπ πιεξσκήο. Σα βήκαηα πνπ απαηηνχληαη γηα ηελ επεμεξγαζία ησλ πιεξνθνξηψλ κηαο θφξκαο HTML αλαθέξνληαη παξαθάησ: Ο ρξήζηεο ζπκπιεξώλεη ηε θόξκα Η θόξκα επηζηξέθεηαη Η θόξκα παξαδίδεηαη ζην ζελάξην CGI Σν ζελάξην CGI ξσηά ηε βάζε Η εγγξαθή βξέζεθε Σν ζελάξην CGI θηηάρλεη ηε ζειίδα Η ζειίδα επηζηξέθεηαη Η ζειίδα εκθαλίδεηαη Ο παξαδνζηαθφο ηξφπνο ρεηξηζκνχ ησλ θνξκψλ θαη ησλ άιισλ αιιειεπηδξαζηηθψλ ηζηνζειίδσλ είλαη έλα ζχζηεκα πνπ νλνκάδεηαη Κνηλή Γηαζχλδεζε Πχιεο Γηθηχνπ ή CGI (Common Gateway Interface). Σν ζχζηεκα απηφ είλαη κηα ηππνπνηεκέλε δηαζχλδεζε πνπ επηηξέπεη ζε δηαθνκηζηέο ηνπ Ιζηνχ λα επηθνηλσλνχλ κε πξνγξάκκαηα νπηζζνθπιαθήο (backend) θαη ζελάξηα ηα νπνία κπνξνχλ λα δερηνχλ εηζφδνπο (γηα παξάδεηγκα απφ θφξκεο), θαη λα παξάγνπλ ζε απάληεζε ζειίδεο HTML. πλήζσο νη νπηζζνθπιαθέο απηέο είλαη ζελάξηα πνπ γξάθνληαη ζηε γιψζζα ζελαξίσλ Perl, επεηδή είλαη απινχζηεξν θαη ηαρχηεξν λα γξάςεη θαλείο έλα ζελάξην Perl παξά έλα πξφγξακκα. Καηά ζχκβαζε ηα ζελάξηα απηά απνζεθεχνληαη ζε έλαλ θαηάινγν πνπ νλνκάδεηαη cgi bin ν νπνίνο είλαη νξαηφο ζηε δηεχζπλζε URL. Μεξηθέο θνξέο ρξεζηκνπνηείηαη κηα άιιε γιψζζα ζελαξίσλ , ε Python αληί γηα ηελ Perl. Χο παξάδεηγκα ηνπ ζπλεζηζκέλνπ ηξφπνπ ιεηηνπξγίαο ησλ ζελαξίσλ CGI , αο θαληαζηνχκε ηελ πεξίπησζε ελφο πξντφληνο απφ ηελ Δηαηξεία Alpha, ην νπνίν έξρεηαη ρσξίο θάξηα θαηαρψξεζεο ηεο εγγχεζεο. Αληηζέησο, ν πειάηεο θαζνδεγείηαη λα επηζθεθζεί ηελ ηνπνζεζία www.alp.com γηα λα θάλεη ηελ θαηαρψξεζε κέζσ δηθηχνπ. ηε ζειίδα απηή ππάξρεη έλαο ζχλδεζκνο πνπ ιέεη : «Παηήζηε εδψ γηα λα θαηαρσξήζεηε ην πξντφλ ζαο» Ο ζχλδεζκνο απηφο δείρλεη ζε έλα ζελάξην Perl, έζησ ην www.alp.com/cgibin/reg.perl. ηαλ θιεζεί ην ζελάξην απηφ ρσξίο παξακέηξνπο επηζηξέθεη κηα ζειίδα HTML πνπ πεξηέρεη ηε θφξκα θαηαρψξεζεο. ηαλ ζπκπιεξψζεη ν ρξήζηεο ηε θφξκα θαη παηήζεη ην Σελίδα 19 submit, ζηέιλεηαη πίζσ ζην ζελάξην έλα κήλπκα ην νπνίν πεξηέρεη ηηο ηηκέο πνπ ζπκπιεξψζεθαλ. Σν ζελάξην Perl αλαιχεη ηηο παξακέηξνπο, δεκηνπξγεί κηα θαηαρψξεζε γηα ην λέν πειάηε ζηε βάζε δεδνκέλσλ θαη επηζηξέθεη κηα ζειίδα HTML ε νπνία παξέρεη έλαλ αξηζκφ θαηαρψξεζεο θαη έλαλ αξηζκφ ηειεθψλνπ γηα ηελ ππεξεζία εμππεξέηεζεο. Απηφο δελ είλαη ν κνλαδηθφο ηξφπνο ρεηξηζκνχ ησλ θνξκψλ, είλαη φκσο έλαο ζπλεζηζκέλνο ηξφπνο. Σα ζελάξηα CGI δελ είλαη ν κνλαδηθφο ηξφπνο παξαγσγήο δπλακηθνχ πεξηερνκέλνπ απφ πιεπξάο δηαθνκηζηή. Έλαο άιινο ζπλεζηζκέλνο ηξφπνο είλαη ε ελζσκάησζε κηθξψλ ζελαξίσλ κέζα ζε ζειίδεο HTML θαη ε εθηέιεζε ηνπο απφ ηνλ ίδην ην δηαθνκηζηή γηα ηε δεκηνπξγία ηεο ζειίδαο. Μηα δεκνθηιήο γιψζζα γηα ζπγγξαθή ηέηνησλ ζελαξίσλ είλαη ε γιψζζα πξνεπεμεξγαζίαο ππεξθεηκέλνπ ή PHP (Hypertext Preprocessor). Γηα λα ρξεζηκνπνηήζεη απηή ηε πξνζέγγηζε ν δηαθνκηζηήο ζα πξέπεη λα θαηαλνεί ηελ PHP (αθξηβψο φπσο έλαο θπιινκεηξεηήο πξέπεη λα θαηαλνεί ηε γιψζζα XML πξνθεηκέλνπ λα εξκελεχζεη ηηο ζειίδεο πνπ είλαη γξακκέλεο ζε XML). πλήζσο νη δηαθνκηζηέο πεξηκέλνπλ φηη νη ηζηνζειίδεο πνπ πεξηέρνπλ θψδηθα PHP ζα έρνπλ πξνέθηαζε αξρείνπ php, αληί γηα html ή htm. Αλ θαη ε PHP είλαη εχθνιε ζηε ρξήζε , ζηε πξαγκαηηθφηεηα είλαη κηα ηζρπξή γιψζζα πξνγξακκαηηζκνχ πξνζαλαηνιηζκέλε ζηε δηαζχλδεζε αλάκεζα ζηνλ ηζηφ θαη ζε κηα βάζε δεδνκέλσλ ζην δηαθνκηζηή. Παξέρεη κεηαβιεηέο, αιθαξηζκεηηθά, πίλαθεο θαζψο θαη ηηο πεξηζζφηεξεο δνκέο ειέγρνπ πνπ ππάξρνπλ ζηε C, αιιά κε πνιχ ηζρπξφηεξε είζνδν θαη έμνδν απφ ηελ χπαξμε απιψο ηεο ζπλάξηεζεο printf. Η PHP είλαη ινγηζκηθφ αλνηρηνχ πεγαίνπ θψδηθα (open source code) θαη δηαηίζεηαη δσξεάλ. ρεδηάζηεθε εηδηθά γηα λα δνπιεχεη θαιά κε ηνλ Apache , ν νπνίνο είλαη επίζεο ινγηζκηθφ αλνηρηνχ πεγαίνπ θψδηθα θαη είλαη ν πην επξέσο ρξεζηκνπνηνχκελνο δηαθνκηζηήο Ιζηνχ. Έρνπκε ήδε δεη δπν δπλακηθνχο ηξφπνπο παξαγσγήο ζειίδσλ HTML. Σα ζελάξηα cgi θαη ηνλ ελζσκαησκέλν θψδηθα PHP. Τπάξρεη επίζεο θαη κηα ηξίηε ηερληθή ε νπνία νλνκάδεηαη ειίδεο Γηαθνκηζηή Java ή JSP, ε νπνία είλαη παξφκνηα κε ηελ PHP κε ηε δηαθνξά φηη ην δπλακηθφ κέξνο γξάθεηαη ζηε γιψζζα πξνγξακκαηηζκνχ Java αληί ζε PHP. Οη ζειίδεο πνπ ρξεζηκνπνηνχλ απηή ηε ηερληθή έρνπλ πξνέθηαζε αξρείνπ jsp. Μηα ηέηαξηε ηερληθή ε νπνία νλνκάδεηαη ειίδεο Δλεξγνχ Γηαθνκηζηή ή ASP είλαη ε εθδνρή ηεο Microsoft σο πξνο ηηο ζειίδεο PHP θαη JSP. Υξεζηκνπνίεη κηα γιψζζα απνθιεηζηηθήο ρξήζεο ηεο Microsoft, ηε Visual Basic Script, γηα παξαγσγή ηνπ δπλακηθνχ πεξηερνκέλνπ. Οη ζειίδεο πνπ ρξεζηκνπνηνχλ ηε ηερληθή απηή έρνπλ πξνέθηαζε asp. Η επηινγή αλάκεζα ζηελ PHP, ηελ JSP θαη ηελ ASP έρεη ζπλήζσο κεγαιχηεξε ζρέζε κε ζέκαηα πνιηηηθήο (αλνηρηφο πεγαίνο θψδηθαο, έλαληη sun, έλαληη Microsoft) παξά κε ηε ηερλνινγία. Αθνχ νη 3 γιψζζεο είλαη γεληθά ζπγθξίζηκεο. Σν ζχλνιν ησλ ηερλνινγηψλ δπλακηθήο παξαγσγήο πεξηερνκέλνπ κεξηθέο θνξέο νλνκάδεηαη δπλακηθή HTML (dynamic HTML). 2.6.2. Γπλακηθή παξαγσγή απφ πιεπξάο πειάηε Σα ζελάξηα CGI, PHP θαη ASP ιχλνπλ ην πξφβιεκα ηεο δηαρείξηζεο θνξκψλ θαη ησλ αιιειεπηδξάζεσλ κε βάζεηο δεδνκέλσλ ζην δηαθνκηζηή. Μπνξνχλ φια λα δερηνχλ πιεξνθνξίεο εηζφδνπ απφ θφξκεο, λα αλαδεηήζνπλ πιεξνθνξίεο ζε κηα ή πεξηζζφηεξεο βάζεηο δεδνκέλσλ θαη λα δεκηνπξγήζνπλ ζειίδεο HTML κε ηα απνηειέζκαηα. Απηφ πνπ δε κπνξεί λα θάλεη θακία απφ απηέο ηηο κεζφδνπο είλαη λα απνθξίλεηαη ζε θηλήζεηο ηνπ πνληηθηνχ ή λα αιιειεπηδξά άκεζα κε ην ρξήζηε. Γηα ην ιφγν απηφ είλαη απαξαίηεην λα ππάξρνπλ ζελάξηα ελζσκαησκέλα ζε ζειίδεο HTML ηα νπνία λα εθηεινχληαη ζηε κεραλή ηνπ πειάηε, αληί ζηε κεραλή ηνπ δηαθνκηζηή. Η πην δεκνθηιήο γιψζζα ζελαξίσλ γηα ηελ πιεπξά ηνπ πειάηε είλαη ε JavaScript. Σελίδα 20 Η JavaScript είλαη κηα γιψζζα ζελαξίσλ ε νπνία είλαη πνιχ ραιαξά εκπλεπζκέλε απφ θάπνηεο ηδέεο ηεο γιψζζαο πξνγξακκαηηζκνχ Java. αθψο δελ είλαη ίδηα κε ηε Java. πσο ζπκβαίλεη θαη κε άιιεο γιψζζεο ζελαξίνπ, είλαη κηα γιψζζα πςεινχ επηπέδνπ. Γηα παξάδεηγκα, κε κηα κφλν γξακκή JavaScript κπνξνχκε λα εκθαλίζνπκε έλα πιαίζην δηαιφγνπ , λα πεξηκέλνπκε γηα είζνδν θείκελν ζε απηφ , θαη λα απνζεθεχζνπκε ην αιθαξηζκεηηθφ πνπ πξνθχπηεη ζε κηα κεηαβιεηή. Απηά ηα ραξαθηεξηζηηθά πςεινχ επηπέδνπ θάλνπλ ηε JavaScript ηδαληθή γηα ηε ζρεδίαζε αιιειεπηδξαζηηθψλ ηζηνζειίδσλ. Απφ ηελ άιιε πιεπξά, ην γεγνλφο φηη δελ είλαη ηππνπνηεκέλε θαη κεηαιιάζζεηαη ηφζν γξήγνξα, θάλεη εμαηξεηηθά δχζθνιε ηε ζπγγξαθή πξνγξακκάησλ JavaScript ηα νπνία λα ιεηηνπξγνχλ ζε φιεο ηηο πιαηθφξκεο, ίζσο φκσο θάπνηα κέξα ζηαζεξνπνηεζεί. Η JavaScript κπνξεί επίζεο λα παξαθνινπζεί ηελ θίλεζε ηνπ πνληηθηνχ πάλσ απφ αληηθείκελα ζηελ νζφλε. Πνιιέο ηζηνζειίδεο JavaScript έρνπλ ηελ ηδηφηεηα λα πξαγκαηνπνηνχλ δηάθνξα ζπκβάληα φηαλ ν δείθηεο ηνπ πνληηθηνχ θηλείηαη πάλσ απφ θάπνην θείκελν ή εηθφλα. πρλά αιιάδεη ε εηθφλα ή εκθαλίδεηαη μαθληθά έλα κελνχ. Απηφ ην είδνο ζπκπεξηθνξάο είλαη εχθνιν λα πξνγξακκαηηζηεί ζε JavaScript , θαη ρξεζηκνπνηείηαη γηα δεκηνπξγία πην «δσληαλψλ» ηζηνζειίδσλ. Η JavaScript δελ είλαη ν κφλνο ηξφπνο δεκηνπξγίαο αιιειεπηδξαζηηθψλ ηζηνζειίδσλ. Μηα άιιε δεκνθηιήο κέζνδνο είλαη ε ρξήζε κηθξνεθαξκνγψλ (applets). Απηά είλαη κηθξά πξνγξάκκαηα ζε Java ηα νπνία έρνπλ κεηαγισηηηζηεί ζε εληνιέο κεραλήο ελφο εηθνληθνχ ππνινγηζηή πνπ νλνκάδεηαη Δηθνληθή Μεραλή Java ή JVM (Java Virtual Machine). Οη κηθξνεθαξκνγέο κπνξεί λα ελζσκαηψλνληαη ζε ζειίδεο HTML θαη λα εξκελεχνληαη απφ θπιινκεηξεηέο πνπ ππνζηεξίδνπλ ηελ JVM. πλνςίδνληαο, κπνξνχκε λα δεκηνπξγήζνπκε νιφθιεξεο δπλακηθέο ηζηνζειίδεο κε δηάθνξα ζελάξηα ζηε κεραλή ηνπ δηαθνκηζηή. Αθνχ ιεθζνχλ απφ ηνλ παξαιήπηε νη ζειίδεο απηέο αληηκεησπίδνληαη ζαλ θαλνληθέο ζειίδεο HTML θαη εκθαλίδνληαη κε ηνλ ζπλεζηζκέλν ηξφπν. Σα ζελάξηα κπνξεί λα είλαη γξακκέλα ζε Perl, PHP, JSP ή ASP. Η δπλακηθή παξαγσγή είλαη εθηθηή θαη απφ ηε κεξηά ηνπ πειάηε. Οη ηζηνζειίδεο κπνξνχλ λα γξάθνληαη ζε γιψζζα XML θαη ζηε ζπλέρεηα λα κεηαηξέπνληαη ζε HTML ζχκθσλα κε έλα αξρείν XSL. Σα πξνγξάκκαηα JavaScript κπνξνχλ λα εθηεινχλ ηνπο φπνηνπο επηζπκεηνχο ππνινγηζκνχο. Σέινο, κπνξνχλ λα ρξεζηκνπνηεζνχλ ζπλδεφκελεο ππνκνλάδεο θαη βνεζεηηθέο εθαξκνγέο γηα ηελ εκθάληζε πεξηερνκέλνπ ζε δηάθνξεο κνξθέο. Σελίδα 21 ΚΔΦΑΛΑΙΟ 3 : ΠΑΡΟΤΙΑΗ ΣΟΤ CMS JOOMLA! 3.1. Content Management System Σα πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ (CMS) δεκηνπξγήζεθαλ γηα λα ιχζνπλ θάπνηα πνιχ ζπγθεθξηκέλα πξνβιήκαηα. Η πξνζπάζεηα ζπληήξεζεο κηαο ηζηνζειίδαο κε ηελ ρξήζε εθαξκνγψλ φπσο είλαη γηα παξάδεηγκα ην Dreamweaver, κε ηελ πάξνδν ηνπ ρξφλνπ είρε σο απνηέιεζκα νξηζκέλεο δπζιεηηνπξγίεο. ηαλ πξνέθππηε ε αλάγθε αλαλέσζεο ηνπ πεξηερνκέλνπ ελφο site, ιφγσ ηεο παιαηφηεηαο ή ηεο αλαθξίβεηαο ηνπ θιπ ή εάλ ζέιακε λα ειέγμνπκε ηηο πιεξνθνξίεο πνπ παξέρνληαλ ζηελ ηζηνζειίδα πξηλ κηα βδνκάδα ή έλα ρξφλν, απηφ ήηαλ αλέθηθην. Έλα ζχζηεκα δηαρείξηζεο πεξηερνκέλνπ (CMS Content Management System) ππνζηεξίδεη ηε δεκηνπξγία, δηαρείξηζε, δηαλνκή, δεκνζίεπζε θαη ηνλ εληνπηζκφ ηεο πιεξνθνξίαο. Καιχπηεη νιφθιεξε ηε δηάξθεηα δσήο ησλ ζειίδσλ ελφο site, παξέρνληαο εχρξεζηα εξγαιεία πνπ καο βνεζνχλ απφ ηε δεκηνπξγία ηνπ πεξηερνκέλνπ κέρξη ηε δεκνζίεπζε ηνπ θαη ηελ αξρεηνζέηεζε ηνπ. Δπίζεο παξέρεη ηε δπλαηφηεηα λα δηαρεηξηζηνχκε ηε δνκή ηνπ site καο, ηελ εκθάληζε ησλ δεκνζηεπκέλσλ ζειίδσλ θαη ηελ πινήγεζε πνπ πξνζθέξεηαη ζηνπο επηζθέπηεο ηηο ζειίδαο καο. Να επηζεκάλνπκε φηη εδψ αλαιχνπκε ηελ πην απιή κνξθή ελφο Content Management System, ηε Γηαρείξηζε Πεξηερνκέλνπ ελφο site. Απηά ηα ζπζηήκαηα νλνκάδνληαη επίζεο θαη πζηήκαηα Γηαρείξηζεο Websites (WMS - Web Management Systems). Σα ζπζηήκαηα δηαρείξηζεο πεξηερνκέλνπ, γεληθφηεξα, κπνξνχλ λα θαιχςνπλ αθφκα πην ζχλζεηεο αλάγθεο. Σα νθέιε πνπ πξνθχπηνπλ απφ ηελ εθαξκνγή θαη ρξήζε ελφο CMS είλαη πνιιά θαη ζεκαληηθά. Κάπνηα απφ απηά είλαη: θαλνληθνπνίεζε ηεο δηαδηθαζίαο δεκηνπξγίαο ηεο πιεξνθνξίαο ηαρχηεξνη ρξφλνη δεκηνπξγίαο λέσλ ζειίδσλ θαη αιιαγψλ ζε ππάξρνπζεο κεγαιχηεξε ζπλέπεηα ζηελ εκθάληζε βειηησκέλε πινήγεζε ζην site απμεκέλε επειημία ζην site ππνζηήξημε απνθεληξνπνηεκέλνπ ζπζηήκαηνο ελεκέξσζεο απμεκέλε αζθάιεηα κείσζε ηεο επαλάιεςεο ηεο πιεξνθνξίαο απμεκέλε δπλαηφηεηα επέθηαζεο κεησκέλν θφζηνο ζπληήξεζεο Σελίδα 22 Πην ζπγθεθξηκέλα, έλα χζηεκα Γηαρείξηζεο Πεξηερνκέλνπ είλαη ινγηζκηθφ ην νπνίν επηηξέπεη ζηνλ νπνηνλδήπνηε, αθφκα θαη αλ δελ έρεη γλψζεηο πξνγξακκαηηζκνχ ή γιψζζαο HTML, λα δεκηνπξγήζεη θαη λα δηαρεηξηζηεί κε ηξφπν εχθνιν θαη γξήγνξν ηελ ηζηνζειίδα ηνπ. Δίλαη δηαδηθηπαθέο εθαξκνγέο πνπ επηηξέπνπλ ηελ online ηξνπνπνίεζε ηνπ πεξηερνκέλνπ ελφο δηθηπαθνχ ηφπνπ. Δπίζεο, πξνζθέξεη γξαθηθφ πεξηβάιινλ ην νπνίν δίλεη άκεζε πξφζβαζε ζην πεξηερφκελν ηεο ηζηνζειίδαο. Δπηπξφζζεηα, ε ηξνπνπνίεζε ή πξνζζήθε ηνπ πεξηερνκέλνπ (θεηκέλνπ θαη θσηνγξαθηψλ) κπνξεί λα γίλεη κε έλαλ γξαθηθφ editor φκνην κε απηφλ πνπ ρξεζηκνπνηείηαη ζηνπο θνηλνχο επεμεξγαζηέο θεηκέλνπ. Η πιεξνθνξία νξγαλψλεηαη απνδνηηθά ζε θαηεγνξίεο θαη ππνθαηεγνξίεο θαη παξνπζηάδεηαη κε ηξφπν θηιηθφ ζην ρξήζηε αιιά θαη ζην δηαρεηξηζηή. Φπζηθά, ππάξρεη ε δπλαηφηεηα αλαδήηεζεο ζην πιήξεο θείκελν ηνπ ζπλφινπ ηνπ πεξηερνκέλνπ ζηελ ηζηνζειίδα. Έλα CMS αμηνπνηεί ηηο αξρέο ηνπ αληηθεηκελνζηξαθνχο πξνγξακκαηηζκνχ θαη πξνζθέξεη κηα ζεηξά απφ αξζξψκαηα (modules) θαη ζπλνδεπηηθά ινγηζκηθά (plugins) ηα νπνία παξέρνπλ κηα ηεξάζηηα πνηθηιία ιεηηνπξγηθφηεηαο. Παξάιιεια, ε θνηλφηεηα πνπ αζρνιείηαη κε απηφ πξνζθέξεη ζπλερψο θαηλνχξγηεο ιχζεηο πνπ θαιχπηνπλ ζεκαληηθφ κέξνο ησλ αλαγθψλ ζαο. Δλδεηθηηθά ππάξρνπλ εθαξκνγέο ειεθηξνληθνχ θαηαζηήκαηνο (e-shop), δηαδηθηπαθψλ ζπδεηήζεσλ (forums) θαη κεζηηηθνχ γξαθείνπ. Χζηφζν, φπσο θαη θάζε άιιν ινγηζκηθφ πνπ θπθινθνξεί ζηελ αγνξά, έηζη θαη απηφ έρεη “bugs” ηα νπνία εληνπίδνληαη ηαρχηαηα θαη δηνξζψλνληαη, ζπλήζσο εληφο κεξηθψλ σξψλ, απφ ηελ δξαζηήξηα νκάδα πξνγξακκαηηζηψλ πνπ ην ππνζηεξίδεη. Σελ ίδηα ζηηγκή, θάζε λέα έθδνζε βειηηψλεη ηελ αζθάιεηα θαη ηελ ζηαζεξφηεηα ηνπ ζπζηήκαηνο. Σέινο, ην θφζηνο ηνπ είλαη κεδεληθφ. Δίλαη δσξεάλ ινγηζκηθφ αλνηθηνχ θψδηθα θαη κπνξεί ν νπνηνζδήπνηε πνπ δηαζέηεη ρψξν ζε έλαλ εμππεξεηεηή πνπ ππνζηεξίδεη ηε γιψζζα PHP θαη ηε βάζε δεδνκέλσλ mySQL λα ην εγθαηαζηήζεη θαη λα ην ρξεζηκνπνηήζεη. Τπνζηεξηδόκελεο ηερλνινγίεο Drupal Σν Drupal είλαη κία πιαηθόξκα δηαρείξηζεο πεξηερνκέλνπ αλνηρηνύ θώδηθα. Αλαπηύζζεηαη, ρξεζηκνπνηείηαη θαη ππνζηεξίδεηαη από κία ελεξγή θαη δξαζηήξηα θνηλόηεηα πξνγξακκαηηζηώλ ζε όινλ ηνλ θόζκν. Wordpress Σελίδα 23 Σν WordPress είλαη έλα ζύγρξνλν ζύζηεκα δηαδηθηπαθώλ δεκνζηεύζεσλ θαη δηαρείξηζεο πεξηερνκέλνπ. Απνηειεί έλα κέζν γηα λα δεκηνπξγεζεί έλαο ηζηόηνπνο ή ηζηνιόγην κε εύθνιν ηξόπν θαη λα δεκνζηεύεηαη θάζε είδνπο πεξηερόκελν: άξζξα, ζθέςεηο, θσηνγξαθίεο, βίληεν, πιεξνθνξίεο γηα πξντόληα θαη ππεξεζίεο. Γηαηίζεηαη δσξεάλ θαη είλαη ειεύζεξν ινγηζκηθό αλνηρηνύ θώδηθα. Joomla Σν Joomla δηαηίζεηαη δσξεάλ θαη απνηειεί έλα αλνηρηνύ θώδηθα ζύζηεκα δηαρείξηζεο πεξηερνκέλνπ, θαη παξάιιεια έλα πιαίζην εθαξκνγώλ δηαδηθηύνπ. Τπνζηεξίδεηαη από κία θνηλόηεηα εζεινληώλ, πεξηιακβάλεη θηιηθά πξνο ην ρξήζηε ραξαθηεξηζηηθά θαη πνιιέο δπλαηόηεηεο. Typo3 Σν TYPO3 έλα αλνηρηνύ θώδηθα ζύζηεκα δηαρείξηζεο πεξηερνκέλνπ γηα επηρεηξεκαηηθνύο ζθνπνύο ζε επίπεδν δηαδηθηύνπ ή ηνπηθώλ δηθηύσλ. Πξνζθέξεη πιήξε επειημία θαη επεθηαζηκόηεηα, ελώ παξάιιεια πιαηζηώλεηαη από νινθιεξσκέλεο πξνηάζεηο επηθαλεηώλ αιιειεπίδξαζεο θαη ιεηηνπξγηθώλ ραξαθηεξηζηηθώλ. PyroCMS Σν PyroCMS είλαη έλα δπλακηθό ζύζηεκα δηαρείξηζεο πεξηερνκέλνπ, ειαθξύ σο πξνο ηηο απαηηήζεηο ζπζηήκαηνο θαη πξνζαξκόζηκν σο πξνο ηελ επηθάλεηα δηάδξαζεο. Σελίδα 24 3.2. CMS Joomla Σν Joomla! είλαη έλα δσξεάλ ζχζηεκα δηαρείξηζεο πεξηερνκέλνπ. Υξεζηκνπνηείηαη γηα ηε δεκνζίεπζε πεξηερνκέλνπ ζηνλ παγθφζκην ηζηφ (World Wide Web) θαη ζε ηνπηθά δίθηπα - intranets. Δίλαη γξακκέλν ζε PHP θαη απνζεθεχεη ηα δεδνκέλα ηνπ ζηε βάζε MySQL. Σν βαζηθφ ραξαθηεξηζηηθφ ηνπ είλαη φηη νη ζειίδεο πνπ εκθαλίδεη είλαη δπλακηθέο, δειαδή δεκηνπξγνχληαη ηελ ζηηγκή πνπ δεηνχληαη. Έλα ζχζηεκα δηαθνκηζηή (server) φπσο είλαη ν Apache ιακβάλεη ηηο αηηήζεηο ησλ ρξεζηψλ θαη ηηο εμππεξεηεί. Με εξσηήκαηα πξνο ηε βάζε ιακβάλεη δεδνκέλα ηα νπνία κνξθνπνηεί θαη απνζηέιιεη ζηνλ εθάζηνηε θπιινκεηξεηή (web browser) ηνπ ρξήζηε. 3.2.1. Σξφπνο ιεηηνπξγίαο Σν Joomla! είλαη έλα αλνηρηνχ θψδηθα ζχζηεκα δηαρείξηζεο πεξηερνκέλνπ ην νπνίν έρεη ραξαθηεξηζηεί απφ ηνπο δεθάδεο ρηιηάδεο ρξήζηεο ηνπ σο ην θαιχηεξν CMS ζηνλ θφζκν, δηφηη έρεη ηεξάζηηεο δπλαηφηεηεο αιιά θαη ηαπηφρξνλα εμαηξεηηθά επέιηθην θαη θηιηθφ πεξηβάιινλ εξγαζίαο θαη δηαρείξηζεο. Μφιηο εγθαηαζηαζεί, ν δηαρεηξηζηήο ηνπ δηθηπαθνχ ηφπνπ κπνξεί λα ζπλδεζεί κε ηελ backend θνλζφια δηαρείξηζεο θαη λα δεκηνπξγήζεη ηκήκαηα, θαηεγνξίεο, άξζξα κε πεξηερφκελν, δεκνζθνπήζεηο θαη άιια πνιιά. Πξνζθέξεη νπζηαζηηθά δηαρείξηζε νιφθιεξνπ ηνπ frontend ηεο ηζηνζειίδαο απφ έλα εχρξεζην πεξηβάιινλ δηαρείξηζεο. ηαλ δεκηνπξγείηαη έλα λέν πεξηερφκελν, έλαο WYSIWYG (What You See Ιs What You Get)επεμεξγαζηήο θεηκέλνπ πνπ επηηξέπεη απιέο αιιαγέο ρσξίο ηε γλψζε ηεο HTML. Παξφηη δελ είλαη απαξαίηεην, ν ρξήζηεο λα έρεη γλψζε ηεο HTML θαη CSS , ζπληζηάηαη λα αξρίζεη ηε κειέηε ησλ βαζηθψλ εληνιψλ ηεο HTML θαη CSS γηα ηελ πεξίπησζε πνπ ζα πξέπεη λα επεμεξγαζηεί ή λα ηξνπνπνηήζεη θάπνην ζηνηρείν ψζηε λα ην πξνζαξκφζεη ζηηο αλάγθεο πνπ ζα δεκηνπξγεζνχλ. ηηο θνηλφηεηεο θφξνπκ γηα Joomla είλαη δηαζέζηκνη ρηιηάδεο πξνγξακκαηηζηέο θαη ζρεδηαζηέο γηα λα βνεζήζνπλ λένπο θαη έκπεηξνπο ρξήζηεο, εθφζνλ είλαη δπλαηφ. 3.2.2. Πξνέιεπζε Σν φλνκα "Joomla" είλαη κηα θσλεηηθή γξαθή ηεο γιψζζαο νπαρίιη (Swahili) ζηελ νπνία ε ιέμε "jumla" ζεκαίλεη "φινη καδί" ή "σο ζχλνιν". Δπέιεμαλ απηφ ην φλνκα γηα λα αληηθαηνπηξίδεη ηε δέζκεπζε ηεο Κνηλφηεηαο θαη ηελ νκάδα αλάπηπμεο ηνπ έξγνπ. Η πξψηε έθδνζε ηνπ Joomla (Joomla 1.0.0) αλαθνηλψζεθε ζηηο 16 επηεκβξίνπ 2005. Απηή ήηαλ κηα λέα νλνκαζία ηεο έθδνζεο Mambo 4.5.2.3 ζε ζπλδπαζκφ κε δηνξζψζεηο θάπνηνλ ζθαικάησλ (bug) ζην πεξηβάιινλ δηαρείξηζεο θαη ζηνλ θψδηθα ηεο αζθαιείαο. Πην αλαιπηηθά, ην Joomla μεθίλεζε ην 2001 κε ηελ νλνκαζία Miro-Mambo Site Server θαη ην 2002 κεηνλνκάδεηαη ζε Mambo Open Source 4.0. Αξγφηεξα, ην 2005 ε εκπνξηθή έθδνζε Mambo CMS κεηνλνκάδεηαη ζε Jango CMS, ελψ ην επηέκβξην ηνπ ίδηνπ έηνπο πξσηνεκθαλίδεηαη ε ηξέρνπζα εκπνξηθή νλνκαζία «Joomla» κε ηελ έθδνζε 1.0.0 πνπ βαζίζηεθε ζηελ έθδνζε Mambo 4.5.2.3. Απφ εθείλε ηε ρξνληθή ζηηγκή θαη κεηέπεηηα ζεκεηψζεθε κεγάιε αχμεζε ησλ ππνζηεξηθηψλ ινγηζκηθνχ αλνηρηνχ θψδηθα θαη ην Joomla άξρηζε λα γίλεηαη έλα απφ ηα πην δεκνθηιή CMS. ηε ζπλέρεηα, γηα ηελ πνξεία αλάπηπμεο ηνπ project, νη πξνγξακκαηηζηέο ηνπ ππξήλα πξνβιέπνπλ φηη ην Joomla! 2.0 ζα είλαη έλα εληειψο αλαλεσκέλν θαη μαλαγξακκέλν ζε λέν θψδηθα βαζηζκέλν ζε PHP 5.0. Σελίδα 25 3.2.3. Γπλαηφηεηεο Οη δπλαηφηεηεο πνπ πξνζθέξεη ζε έλαλ ρξήζηε ην joomla, είλαη απεξηφξηζηεο. Πξνζαξκνγή ηνπ ζρεδηαζκνχ ησλ templates ζηηο επηζπκίεο ηνπ πειάηε, πξνζζήθε γξαθηθψλ, ησλ ινγνηχπσλ θαη ζιφγθαλ. Αλάξηεζε θαη δεκνζίεπζε άξζξσλ ρσξίο θαλέλα πεξηνξηζκφ ζηνλ αξηζκφ ηνπο ή ζην κέγεζφο ηνπο. Γπλαηφηεηα ελζσκάησζεο θαη πξνβνιήο video θαη θσηνγξαθηψλ πνιχ εχθνια θαη απηνκαηνπνηεκέλα. Δχθνιε δηαρείξηζε θαη δηακφξθσζε ηνπ πξσηνζέιηδνπ κε αλαδηάηαμε ησλ άξζξσλ. Γπλαηφηεηα πξνβνιήο δηαθεκίζεσλ κε θείκελν ή banners. Δλεξγνπνίεζε ησλ feeds RSS 2.0 θαη Atom (ηξνθνδνζίεο) θαη δεκηνπξγία δεκνζθνπήζεσλ (Polls) Γπλαηφηεηα πξνζζήθεο δηαθφξσλ πξφζζεησλ (plugins, modules) π.ρ. forum, guestbook, image gallery, newsletters, forms, portfolio, blog γηα επέθηαζε ησλ δπλαηνηήησλ ηνπ ηζηνηφπνπ. Γπλαηφηεηα θαηαζθεπήο πνιπγισζζηθήο ηζηνζειίδαο (Multilanguage) Δπέθηαζή ηνπ ζε ειεθηξνληθφ θαηάζηεκα (e-shop) Γξήγνξε, άκεζε θαη απνηειεζκαηηθή αληηκεηψπηζε ηπρφλ πξνβιεκάησλ πνπ ζα παξνπζηαζηνχλ ζην Joomla. Γπλαηφηεηα ιήςεο αληηγξάθνπ αζθαιείαο ηνπ site (back up) Γπλαηφηεηα βειηηζηνπνίεζεο ηεο ηζηνζειίδαο Joomla ζηηο κεραλέο αλαδήηεζεο (SEO) δηφηη ην Joomla είλαη έλα Search Engine Friendly CMS (SEF). 3.2.4. Joomla Vs Wordpress Σν Joomla! απφ ηελ αξρή ηεο εκθάληζεο ηνπ ήηαλ αλέθαζελ έλα δπλακηθφ ζχζηεκα θαηάιιειν γηα φιεο ηηο ρξήζεηο θαη αλάγθεο. Απφ ηελ άιιε κεξηά ην Wordpress απφ ηελ αξρή αλαπηχρζεθε θαη θαζηεξψζεθε σο Blog κε θάπνηεο δπλαηφηεηεο CMS. Πξφζθαηα ην Wordpress έθαλε έλα βήκα κπξνζηά δίλνληαο ηελ δπλαηφηεηα ζηνλ ρξήζηε λα πξνζζέζεη θάπνηεο extra ζηαηηθέο ζειίδεο επεθηείλνληαο θάπσο έηζη ηηο δπλαηφηεηεο ηνπ. Απηφ κπνξεί λα ζεσξεζεί έλα βήκα κπξνζηά ζηνλ αληαγσληζκφ κε ην Joomla. Γηα ην πνην είλαη ην θαιχηεξν ζίγνπξα νη απφςεηο δηίζηαληαη θαη πξνθαλψο ε επηινγή ηνπ θαηαιιήινπ CMS γηα εγθαηάζηαζε εμαξηάηαη απφ ηηο αλάγθεο ηνπ θαζελφο. Σν θάζε έλα απφ απηά ηα δχν CMS ζπζηήκαηα εζηηάδεη ζε δηαθνξεηηθά πξάγκαηα ηα νπνία ην θάλνπλ λα πιενλεθηεί έλαληη ηνπ άιινπ. Σν Wordpress απφ ηελ θαηαζθεπή ηνπ είλαη κηα θαζαξή blogging πιαηθφξκα , κε πνιχ θαιφ ζχζηεκα δηαρείξηζεο ησλ ζρνιίσλ κε ηελ νπνία κπνξνχκε λα μεθηλήζνπκε ηε δεκνζίεπζε θαη αλάξηεζε ησλ άξζξσλ καο ζην ηζηνιφγηφ καο. Σα άξζξα έρνπλ ρξνλνινγηθή ηαμηλφκεζε. Απεπζχλεηαη ζπλήζσο ζε αξράξηνπο, νη νπνίνη δελ έρνπλ θακία γλψζε ζρεδηαζκνχ θαη θαηαζθεπήο ηζηνζειίδσλ θαζψο θαη HTML, CSS, PHP θαη MYSQL, αιιά ηνπο ελδηαθέξεη κφλν ε δηαρείξηζε ηνπ πεξηερνκέλνπ, δειαδή ε αλάξηεζε άξζξσλ. Απφ Σελίδα 26 ηελ αξρηθή εγθαηάζηαζε ηνπ δελ δηαζέηεη θάπνην menu πινήγεζεο, αλ θαη απηφ ιχλεηαη κε θάπνην άιιν template ή plugin. Σν Wordpress κπνξεί λα επεθηαζεί κε ηε ρξήζε plugin θαη λα δηακνξθσζεί κε templates ηα νπνία εχθνια κπνξνχκε λα θαηεβάζνπκε απφ ην Wordpress.org. Δίλαη απφ ηελ θαηαζθεπή ηνπ θηιηθφ πξνο ηηο κεραλέο αλαδήηεζεο θαη ππάξρνπλ επίζεο δηάθνξα plugins πνπ ην θάλνπλ αθφκα πην SEO friendly. Σν Joomla! απφ ηελ θαηαζθεπή ηνπ έρεη αθφκα πην πινχζηα ραξαθηεξηζηηθά. Πξνηείλεηαη γηα πην ζχλζεηα site θαη κπνξεί λα θαιχςεη αθφκα θαη ηηο πην δχζθνιεο απαηηήζεηο. Πξνζθέξεηαη γηα ηελ δεκηνπξγία portal θαη απεπζχλεηαη ζπλήζσο ζε πην έκπεηξνπο ρξήζηεο πνπ απαηηνχλ κία πην ηδηαίηεξε ζρεδίαζε ζηελ ηζηνζειίδα ηνπο θαη αλαδεηνχλ θάηη πεξηζζφηεξν απφ έλα απιφ ηζηνιφγην. Κπθινθνξνχλ ρηιηάδεο modules, plugins αιιά θαη templates ηα νπνία κπνξνχλ λα εγθαηαζηαζνχλ αξθεηά εχθνια θαη γξήγνξα, λα ην κεηαηξέςνπλ ζε έλα πνιχ δπλαηφ ζχζηεκα δηαρείξηζεο θαη παξνπζίαζεο ηνπ πεξηερνκέλνπ θαη λα ην κεηακνξθψζνπλ απφ blog κέρξη e-shop θαη απφ forum θαη newsportal κέρξη videoblog ή photogallery . Πξνζθέξεη δπλακηθή δηαρείξηζε ηνπ πξσηνζέιηδνπ, ηνπ πεξηερνκέλνπ θαζψο θαη ηεο δηακφξθσζεο ησλ πιεπξηθψλ ζηειψλ κε ηα κελνχ θαη ηα modules, πζηεξεί φκσο έλαληη ηνπ Wordpress ζην φηη δελ έρεη θάπνην ελζσκαησκέλν ζχζηεκα γηα ζρνιηαζκφ ησλ άξζξσλ (comenting system) θαη απαηηείηαη γηα απηφ θάπνην πξφζζεην plugin . Κξίλεηαη απαξαίηεηε κηα ζηνηρεηψδεο εθπαίδεπζε ζηνπο αξζνγξάθνπο γηα ηνλ ζσζηφ ηξφπν δεκνζίεπζεο ησλ άξζξσλ ηνπο θαζψο θαη γηα ηα ρξεζηκνπνίεζε ηπρφλ πξφζζεησλ ελζεκάησλ. Σν Joomla έρεη θαη απηφ ηελ δπλαηφηεηα λα είλαη θηιηθφ κε ηηο κεραλέο αλαδήηεζεο, Search Engine Friendly, κε ελεξγνπνίεζε ηνπ απφ ηνλ πίλαθα δηαρείξηζεο ή κε ηελ πξνζζήθε θάπνηνπ plugin φπσο ην OpenSEF. Δίλαη πξνθαλέο φηη ην Joomla πιενλεθηεί ζε πάξα πνιιά ζεκεία ην αληαγσληζηηθφ ηνπ CMS Wordpress θαη ηδηαίηεξα φηαλ πξφθεηηαη γηα ζχλζεηνπο ζρεδηαζκνχο ηζηνζειίδσλ θαη ζρεηηθά πεπεηξακέλνπο ρξήζηεο, ε εγθαηάζηαζε ελφο Joomla θξίλεηαη επηβεβιεκέλε. [Πεγή: www.webmasterslife.gr] Σελίδα 27 ΚΔΦΑΛΑΙΟ 4 : ΣΟΠΙΚΗ ΔΓΚΑΣΑΣΑΗ JOOMLA 4.1. XAMPP Σν XAMPP είλαη έλα ρξήζηκν βνήζεκα πνπ καο δίλεη ηελ δπλαηφηεηα λα θάλνπκε ηνλ ππνινγηζηή καο έλα web server θαη φρη κφλν. Πξννξίδεηαη θπξίσο γηα φζνπο ζέινπλ εχθνια θαη γξήγνξα λα εγθαηαζηήζνπλ φια ηα απαξαίηεηα εξγαιεία γηα λα αλαπηχμνπλ θαη λα δνθηκάζνπλ, ηνπηθά ζηνλ ππνινγηζηή ηνπο, εθαξκνγέο γηα ην δηαδίθηπν. Η εηπκνινγία ηνπ είλαη ε εμήο: Υ : Γηαβάδεηαη «cross» (ζηαπξφο), ελλνψληαο ηελ cross-platform. A : Apache HTTP Server M : MySQL P : PHP P : Perl (γιψζζα πξνγξακκαηηζκνχ) Σν XAMPP πεξηέρεη ηα αθφινπζα παθέηα: Apache 2.2.2 MySQL 5.0.21 PHP 5.1.4 + PHP 4.4.2-pl1 + PEAR PHP-Switch win32 1.0 (von Apachefriends, man nehme die "php-switch.bat") XAMPP Control Version 2.3 XAMPP Security 1.0 SQLite 2.8.15 OpenSSL 0.9.8b phpMyAdmin 2.8.1 ADOdb 4.80 Mercury Mail Transport System v4.01b FileZilla FTP Server 0.9.16c Webalizer 2.01-10 Zend Optimizer 3.0.0 Σελίδα 28 4.1.1. Δγθαηάζηαζε Σν ΥΑΜΡΡ κπνξνχκε λα ην θαηεβάζνπκε δσξεάλ απφ εδψ: http://www.apachefriends.org/en/xampp-windows.html. Αθνχ θαηεβάζνπκε ηελ ηειεπηαία έθδνζε θαη ηξέμνπκε ην αξρείν .exe, πξνρσξάκε ηελ εγθαηάζηαζε θαλνληθά (ην θιαζζηθφ Next..Next..Finish θιπ). Μφιηο ηειεηψζεη ε εγθαηάζηαζε καο βγάδεη ηνλ πίλαθα ηνπ XAMPP πνπ είλαη θάπσο έηζη: Δηθόλα 1 : Δγθαηάζηαζε XAMPP Δκείο παηάκε ηα Start Αpache θαη MySQL εθεί πνπ είλαη ηα βειάθηα θαη μεθηλάκε ηηο δηαδηθαζίεο ηνπ Apache θαη ηνπ MySQL. Καη ηειηθά βγαίλεη θάηη ζαλ ηελ παξαθάησ εηθφλα: Δηθόλα 2 : Δγθαηάζηαζε XAMPP Σελίδα 29 Μεξηθέο ρξήζηκεο δηεπζχλζεηο ηνπ XAMPP είλαη νη εμήο: http://localhost/phpmyadmin : Σν phpMyAdmin ηνπ ΥAMPP , είλαη εθείλν απ’ ην νπνίν δεκηνπξγνχκε, δηαγξάθνπκε ή επεμεξγαδφκαζηε ηε βάζε δεδνκέλσλ καο (πνπ ζα δεκηνπξγήζνπκε ζηε πνξεία). http://localhost <-- H αξρηθή ζειίδα καο ηνπ XAMPP. Δάλ έρνπκε θάλεη ζσζηά ηελ εγθαηάζηαζε θαη έρνπκε ελεξγνπνηήζεη ηηο ιεηηνπξγίεο ηνπ Πίλαθα ειέγρνπ ηνπ XAMPP ζα καο εκθαληζηεί θαλνληθά. Αθνχ ηειεηψζνπκε ηελ εγθαηάζηαζε ηνπ XAMPP, ζα έρεη δεκηνπξγεζεί έλαο θάθεινο ζηνλ ζθιεξφ καο δίζθν κε ηελ νλνκαζία xampp (C:/xampp). ην εμήο φηη ζέινπκε λα εκθαλίδεηαη πξέπεη λα ην βάδνπκε ζηνλ θάθειν htdocs (C:\xampp\htdocs). Σψξα κπνξνχκε λα μεθηλήζνπκε ην XAMPP θαη λα δεκηνπξγήζνπκε ηε βάζε δεδνκέλσλ καο κέζσ ηνπ phpmyadmin, δίλνληαο: http://localhost/phpmyadmin. Πξηλ δείμνπκε φκσο θάηη άιιν, ζα πνχκε ιίγα ιφγηα ζηηο επφκελεο παξαγξάθνπο γηα θάπνηα απφ ηα βαζηθφηεξα επηκέξνπο παθέηα ηνπ XAMPP, φπσο ηνλ Apache, ηελ PHP αιιά θαη ηελ mySQL. 4.2. Apache HTTP Server ’ απηφ ην θεθάιαην ζα κηιήζνπκε γηα ηνλ Apache HTTP Server, έλα απφ ηα παθέηα πνπ πξνζθέξεη ην XAMPP θαη απαξαίηεην εξγαιείν γηα λα ζηεζεί κηα ηζηνζειίδα. 4.2.1. Ο Apache Ο Apache HTTP γλσζηφο θαη απιά ζαλ Apache είλαη έλαο εμππεξεηεηήο ηνπ παγθφζκηνπ ηζηνχ. πνηε έλαο ρξήζηεο επηζθέπηεηαη έλα ηζηφηνπν ην πξφγξακκα πινήγεζεο (browser) επηθνηλσλεί κε έλαλ δηαθνκηζηή (server) κέζσ ηνπ πξσηνθφιινπ HTTP, ν νπνίνο παξάγεη ηηο ηζηνζειίδεο θαη ηηο απνζηέιιεη ζην πξφγξακκα πινήγεζεο. O Apache είλαη έλαο απφ ηνπο δεκνθηιέζηεξνπο, ελ κέξεη γηαηί ιεηηνπξγεί ζε δηάθνξεο πιαηθφξκεο φπσο ηα Windows, ην Linux, ην Unix θαη ην Mac OS X. πληεξείηαη ηψξα απφ κηα θνηλφηεηα αλνηθηνχ θψδηθα κε επηηήξεζε απφ ην Ίδξπκα Λνγηζκηθνχ Apache (Apache Software Foundation). Ο Apache ρξεζηκνπνηείηαη θαη ζε ηνπηθά δίθηπα ζαλ δηαθνκηζηήο ζπλεξγαδφκελνο κε ζπζηήκαηα δηαρείξηζεο Βάζεο Γεδνκέλσλ π.ρ. Oracle, MySQL. Η πξψηε ηνπ έθδνζε, γλσζηή σο NCSA HTTPd, δεκηνπξγήζεθε απφ ηνλ Robert McCool θαη θπθινθφξεζε ην 1993. Θεσξείηαη φηη έπαημε Σελίδα 30 ζεκαληηθφ ξφιν ζηελ αξρηθή επέθηαζε ηνπ παγθφζκηνπ ηζηνχ. Ήηαλ ε πξψηε βηψζηκε ελαιιαθηηθή επηινγή πνπ παξνπζηάζηεθε απέλαληη ζηνλ εμππεξεηεηή http ηεο εηαηξείαο Netscape θαη απφ ηφηε έρεη εμειηρζεί ζην ζεκείν λα αληαγσλίδεηαη άιινπο εμππεξεηεηέο βαζηζκέλνπο ζην Unix ζε ιεηηνπξγηθφηεηα θαη απφδνζε. Απφ ην 1996 ήηαλ απφ ηνπο πην δεκνθηιείο φκσο απφ ηνλ Μάξηην ηνπ 2006 έρεη κεησζεί ην πνζνζηφ ηεο εγθαηάζηαζήο ηνπ θπξίσο απφ ηνλ Microsoft Internet Information Services θαη ηελ πιαηθφξκα .NET . Σνλ Οθηψβξην ηνπ 2007 ην κεξίδην ηνπ ήηαλ 47.73% απφ φινπο ηνπο ηζηφηνπνπο. Ο Apache Web Server είλαη απηφ αθξηβψο πνπ δειψλεη ην φλνκά ηνπ. Πξφθεηηαη δειαδή γηα έλαλ εμππεξεηεηή (server) ηνπ παγθφζκηνπ Ιζηνχ (Web). Με ηνλ φξν server ην κπαιφ καο πεγαίλεη ίζσο ζε ειεθηξνληθνχο ππνινγηζηέο πνπ θηινμελνχλ ηζηνζειίδεο θαη φρη άδηθα. Ο φξνο απηφο ρξεζηκνπνηείηαη θαη γηα ην κεράλεκα εμππεξεηεηή (hardware) αιιά θαη γηα ην πξφγξακκα (software). Δκείο ζα αζρνιεζνχκε κφλν κε ην software θαη ζπγθεθξηκέλα κε ηνλ Apache. Ο Apache εγθαζίζηαηαη ζε έλαλ ππνινγηζηή ν νπνίνο κπνξεί λα ρξεζηκνπνηεί δηάθνξα ιεηηνπξγηθά ζπζηήκαηα φπσο Linux, Unix, Microsoft Windows, GNU, FreeBSD, Solaris, Novell NetWare, Mac OS X θ.ι.π. Ο ξφινο ηνπ Apache είλαη λα αλακέλεη αηηήζεηο απφ δηάθνξα πξνγξάκκαηα – ρξήζηεο (clients) φπσο είλαη έλαο ν θπιινκεηξεηήο (browser) ελφο ρξήζηε θαη ζηε ζπλέρεηα λα εμππεξεηεί απηέο ηηο αηηήζεηο “ζεξβίξνληαο” ηηο ζειίδεο πνπ δεηνχλ είηε απεπζείαο κέζσ κηαο ειεθηξνληθήο δηεχζπλζεο (URL), είηε κέζσ ελφο ζπλδέζκνπ (link). Ο ηξφπνο κε ηνλ νπνίν ν Apache εμππεξεηεί απηέο ηηο αηηήζεηο, είλαη ζχκθσλνο κε ηα πξφηππα πνπ νξίδεη ην πξσηφθνιιν HTTP (Hypertext Transfer Protocol). [Πεγή : http://el.wikipedia.org ] 4.3. Η PHP Η PHP είλαη κηα γιψζζα πξνγξακκαηηζκνχ πνπ ζρεδηάζηεθε γηα ηε δεκηνπξγία ζειίδσλ web κε δπλακηθφ πεξηερφκελν θαη είλαη επηζήκσο γλσζηή σο: HyperText preprocessor. Δίλαη κηα server-side (πεξλάεη δειαδή απφ επεμεξγαζία απφ έλα ζπκβαηφ δηαθνκηζηή ηνπ Παγθφζκηνπ Ιζηνχ , φπσο π.ρ. ν Apache πνπ αλαθέξακε παξαπάλσ) scripting γιψζζα, πνπ γξάθεηαη ζπλήζσο πιαηζησκέλε απφ HTML, γηα κνξθνπνίεζε ησλ απνηειεζκάησλ. Αληίζεηα απφ κηα ζπλεζηζκέλε HTML ζειίδα ε ζειίδα PHP δελ ζηέιλεηαη άκεζα ζε έλαλ πειάηε (client), αλη' απηνχ πξψηα αλαιχεηαη θαη κεηά απνζηέιιεηαη ην παξαγφκελν απνηέιεζκα. Σα ζηνηρεία HTML ζηνλ πεγαίν θψδηθα κέλνπλ σο έρνπλ, αιιά ν PHP θψδηθαο εξκελεχεηαη θαη εθηειείηαη. Ο θψδηθαο PHP κπνξεί λα ζέζεη εξσηήκαηα ζε βάζεηο δεδνκέλσλ, λα δεκηνπξγήζεη εηθφλεο, λα δηαβάζεη θαη λα γξάςεη αξρεία, λα ζπλδεζεί κε απνκαθξπζκέλνπο ππνινγηζηέο , θ.ν.θ. ε γεληθέο γξακκέο νη δπλαηφηεηεο πνπ καο δίλεη είλαη απεξηφξηζηεο. Σελίδα 31 4.3.1. Ιζηνξηθή αλαδξνκή Σν 1994, ν Rasmus Lerdorf , κε ηε βνήζεηα ηεο γιψζζαο πξνγξακκαηηζκνχ Perl δεκηνχξγεζε έλα script γηα πξνζσπηθή ηνπ ρξήζε, κε φλνκα php.cgi. Απηφ ην script δηαηεξνχζε κηα ιίζηα ζηαηηζηηθψλ, κε ηα άηνκα πνπ επηζθέπηνληαλ ην on-line βηνγξαθηθφ ηνπ ζεκείσκα. ηε ζπλέρεηα, ην script απηφ ην δηέζεζε θαη ζε ηξίηνπο, νη νπνίνη ηνπ δεηνχζαλ λα πξνζζέζεη θαη άιιεο δπλαηφηεηεο. Η γιψζζα νλνκαδφηαλ Personal Home Page/Form Interpreter (PHP/FI). Σξία ρξφληα κεηά, βαζηδφκελε ζηελ γιψζζα πξνγξακκαηηζκνχ C, ε PHP/FI έθηαζε ζηελ έθδνζε 2.0, ε νπνία ρξεζηκνπνηνχληαλ ζε πεξηζζφηεξεο απφ 50.000 ηζηνζειίδεο. Σν ίδην έηνο, νη Andi Gutmans θαη Zeev Suraski έγξαςαλ ηε γιψζζα μαλά απφ ηελ αξρή, βαζηζκέλνη φκσο σο επί ην πιείζηνλ ζηελ PHP/FI 2.0. Έηζη, ε PHP έθηαζε ζηελ ηξίηε ηεο έθδνζε, ε νπνία θαη ζπκίδεη αξθεηά ηελ ζεκεξηλή ηεο κνξθή. Δλ ζπλερεία, νη A. Gutmans θαη Z. Suraski έλσζαλ ηα νλφκαηά ηνπο θαη δεκηνχξγεζαλ ηελ εηαηξεία “Zend”, ε νπνία έσο θαη ζήκεξα ζπλερίδεη ηελ εμέιημε ηεο PHP. Σo 1998 δεκηνπξγήζεθε ε έθδνζε 4, ελψ ην 2004 ε έθδνζε 5. Πιένλ, δηαηίζεληαη ζην θνηλφ θαη νη πξψηεο δνθηκαζηηθέο εθδφζεηο ηεο επεξρφκελεο έθηεο έθδνζεο. Χζηφζν, γηα ηελ ψξα ρξεζηκνπνηνχληαη θπξίσο νη εθδφζεηο 4 θαη 5. 4.3.2. Έλα απιφ script ηε παξάγξαθν απηή ζα δνχκε δπν απιά παξαδείγκαηα PHP script, απιά γηα λα πάξνπκε κηα ηδέα. Γεκηνπξγνχκε ινηπφλ έλα .txt αξρείν θαη ην νλνκάδνπκε test.php. Μέζα ζε απηφ γξάθνπκε: <?PHP Echo “Hello World!”; ?> Αθνχ ην θάλνπκε save, ην ηνπνζεηνχκε κέζσ FTP ζηνλ web server καο. Σν απιφ απηφ script ζα καο εκθαλίζεη ζηνλ browser καο ηελ θξάζε “Hello World!”. Με ηελ εηηθέηα <?PHP δειψλνπκε ζηνλ δηαθνκηζηή καο φηη απφ εθεί μεθηλάεη ην script καο, θαη πσο φηη αθνινπζήζεη ζα πξέπεη λα πεξάζεη απφ ηνλ κεηαθξαζηή ηεο PHP πξηλ ζηαιεί θάηη ζηνλ browser ηνπ πειάηε. Η κεηάθξαζε παχεη φηαλ εληνπίζεη ηελ εηηθέηα ηέινπο ηνπ θψδηθά καο, ε νπνία είλαη ε ?>. Σελίδα 32 ηε ζπλέρεηα, ζα δνχκε πσο κπνξνχκε λα εκπινπηίζνπκε ην test.php script καο κε HTML. <html> <head> <title>My First script</title> </head> <body> <i> <?PHP Echo “Hello World!”; ?> </i> </body> </html> Με απηφ ηνλ ηξφπν ζα έρνπκε έλα ζσζηά δνκεκέλν script θαη ε θξάζε “Hello World!” ζα εκθαλίδεηε κε italics (πιαγηαζηή γξαθή). 4.4. H MySQL Η MySQL (ή αιιηψο αλεπίζεκα “My Sequel”), είλαη έλα ζχζηεκα δηαρείξηζεο ζρεζηαθψλ βάζεσλ δεδνκέλσλ (Relational Database Management System – RDBMS) , ην νπνίν νλνκάζηεθε έηζη απφ ηελ θφξε ηνπ developer Michael Widenius, ηελ My. Η θξάζε SQL πξνέξρεηαη απφ ηελ γιψζζα Structured Query Language. Η MySQL είλαη open source (αλνηρηνχ θψδηθα) θαη δίλεη ηε δπλαηφηεηα ηεο αλαδήηεζεο, ηαμηλφκεζεο, νκαδνπνίεζεο, απνζήθεπζεο θαη αλάθιεζεο δεδνκέλσλ κε βάζε ηελ Structured Query Language, πνπ αλαθέξακε παξαπάλσ. Σν γεγνλφο φηη ε MySQL είλαη «ζρεζηαθή» (relational), ζπλεπάγεηαη φηη ε νξγάλσζε ησλ δεδνκέλσλ γίλεηαη ζε δηαθνξεηηθνχο πίλαθεο, νη νπνίνη φκσο ζπζρεηίδνληαη κε θάπνην ζπγθεθξηκέλν ηξφπν. Η MySQL επίζεο έρεη ηε δπλαηφηεηα λα ειέγρεη ηελ πξφζβαζε ζηα δεδνκέλα, εμαζθαιίδνληαο έηζη ηνλ ηξφπν ε πξφζβαζε λα γίλεηαη απφ δηαθνξεηηθνχο ρξήζηεο. Σέινο, ε MySQL παξέρεη ζπγθεθξηκέλα δηθαηψκαηα ζηνλ θάζε ρξήζηε, πάλσ ζηηο βάζεηο δεδνκέλσλ. 4.4.1. Ιζηνξηθή αλαδξνκή Σν miniSQL (ή αιιηψο mSQL) ήηαλ ην πξψην ηφζν νηθνλνκηθφ θαη εχθνιν ζηε ρξήζε ζχζηεκα δηαρείξηζεο βάζεσλ δεδνκέλσλ, βαζηζκέλν ζηελ SQL, θαη ρξεζηκνπνηνχληαλ θαηά θφξνλ ηελ πεξίνδν 1994-1997. Χζηφζν απφ ην 1996 θαη κεηά, ε MySQL άξρηζε λα θαιχπηεη ηαρχηαηα ηα θελά πνπ άθελε ην mSQL. Έλα απφ απηά ήηαλ θαη ε ηαρχηεηα, θαζψο ε νκάδα πνπ αξγφηεξα δεκηνχξγεζε ην MySQL θαηέιεμε ζην φηη ην mSQL δελ ήηαλ αξθεηά γξήγνξν γηα ηηο αλάγθεο ηνπο. Γηα ην ιφγν απηφ νδεγήζεθαλ ζε κηα λέα SQL δηεπαθή ζηε βάζε δεδνκέλσλ, αιιά κε ζρεδφλ ίδηα API (Application Programming Interface) κε απηή ηνπ Σελίδα 33 mSQL. Η λέα απηή δηεπαθή, ε νπνία κέρξη ην 1999 είρε ζρεδφλ μεπεξάζεη ηελ mSQL,νλνκάζηεθε MySQL. 4.4.2. Γεκηνπξγία βάζεο δεδνκέλσλ Πξηλ πξνρσξήζνπκε αθφκα ζηελ εγθαηάζηαζε ηνπ Joomla, ζα δείμνπκε πσο δεκηνπξγνχκε κηα βάζε δεδνκέλσλ. Έρνληαο ήδε ινηπφλ νινθιεξψζεη ηελ εγθαηάζηαζε ηνπ XAMPP, ζα θάλνπκε ηα εμήο. Πάκε ζηνλ browser καο θαη πιεθηξνινγνχκε localhost. Δηθόλα 3 : Μπαίλνληαο ζην phpMyAdmin ηε ζπλέρεηα, επηιέγνπκε απφ ηo κελνχ Tools ην phpMyAdmin. Σελίδα 34 Δηθόλα 4 : Μπαίλνληαο ζην phpMyAdmin Βιέπνπκε φηη εκθαλίδεηαη ε παξαπάλσ νζφλε. ην πιαίζην θεηκέλνπ Γεκηνπξγία Βάζεο, πιεθηξνινγνχκε ην φλνκα πνπ ζέινπκε λα δψζνπκε ζηε βάζε καο. Δηθόλα 5 : Γεκηνπξγία βάζεο δεδνκέλσλ Βιέπνπκε φηη ε βάζε καο δεκηνπξγήζεθε. Σψξα ζα επηιέμνπκε «localhost», θαη ζηε ζπλέρεηα ηελ επηινγή «Γηθαηψκαηα». Μαο εκθαλίδεηαη ε παξαθάησ εηθφλα. Σελίδα 35 Δηθόλα 6 : Γεκηνπξγία βάζεο δεδνκέλσλ Σψξα ζα θάλνπκε θιηθ ζηνλ ζχλδεζκν «Πξνζζήθε λένπ Υξήζηε», γηα λα πξνζζέζνπκε ηνλ ρξήζηε ηεο βάζεο δεδνκέλσλ. ην πιαίζην πνπ καο εκθαλίδεηαη, ζπκπιεξψλνπκε ηα ζηνηρεία «λνκα Υξήζηε» θαη «Κσδηθφο Πξφζβαζεο». ηε ζπλέρεηα, θάλνπκε θιηθ ζην ζχλδεζκν «Δπηινγή φισλ» γηα λα επηιερζνχλ φια ηα πιαίζηα ειέγρνπ, ψζηε λα έρνπκε ηα πιήξε δηθαηψκαηα ζηε βάζε δεδνκέλσλ. Σν απνηέιεζκα ην βιέπνπκε ζηελ παξαθάησ νζφλε. Δηθόλα 7 : Γεκηνπξγία βάζεο δεδνκέλσλ Κάλνπκε θιηθ ζην θνπκπί «Δθηέιεζε» θαη είκαζηε έηνηκνη. Σελίδα 36 4.5. Δγθαηάζηαζε Joomla 1.5.23 Σψξα κπνξνχκε λα πξνρσξήζνπκε ζην ηειηθφ ζηάδην εγθαηάζηαζεο ηνπ Joomla, ηνπηθά ζηνλ ππνινγηζηή καο. Καηεβάδνπκε ην Joomla απφ ην site: http://www.joomla.org/. πγθεθξηκέλα εκείο ζα δνπιέςνπκε κε ηελ έθδνζε 1.5.23. Δηθόλα 8 : Joomla! 1.5.23 download Δλ ζπλερεία ζα πάκε ζηνλ θάθειν htdocs, ηνπ XAMPP, θαη ζα δεκηνπξγήζνπκε έλαλ θάθειν κε ην φλνκα π.ρ. “Joomla” ή “ptyxiaki”. ’ απηφλ ηνλ θάθειν βάδνπκε φια ηα αξρεία πνπ ππήξραλ κέζα ζην ζπκπηεζκέλν αξρείν ηνπ Joomla πνπ θαηεβάζακε. Σελίδα 37 Δηθόλα 9 : Δγθαηάζηαζε Joomla! 1.5.23 Πξνζνρή: γηα λα δνπιέςεη ην site ηνπ Joomla ζα πξέπεη κέζα απφ ην control panel ηνπ XAMPP λα βεβαησζνχκε φηη ηξέρεη ν Apache θαη ν MySQL server. Δηθόλα 10 : Δγθαηάζηαζε Joomla! 1.5.23 Αλ φια πήγαλ θαιά ηφηε κέζα απφ νπνηνλδήπνηε browser γξάθνπκε http://localhost/ptyxiaki θαη ζα πξέπεη λα καο εκθαληζηεί ε αξρηθή ζειίδα ηνπηθήο εγθαηάζηαζεο ηνπ Joomla. Σελίδα 38 Γιώζζα : ηελ πξψηε νζφλε εγθαηάζηαζεο εκθαλίδνληαη νη δηαζέζηκεο γιψζζεο εγθαηάζηαζεο. Δπηιέγνπκε, εάλ δελ είλαη επηιεγκέλε, ηελ el-GR– Greek. Κάλνπκε θιηθ ζην θνπκπί Δπφκελν πνπ βξίζθεηαη πάλσ δεμηά. Δηθόλα 11 : Δπηινγή γιώζζαο Πξνιεπηηθόο Διεγρνο : ηε δεχηεξε νζφλε ην Joomla θάλεη θάπνηνπο ειέγρνπο ζρεηηθά κε ηε ζπκβαηφηεηα ηνπ ζπζηήκαηφο καο. ηελ παξαθάησ νκάδα είλαη απαξαίηεην λα είλαη φιεο νη ελδείμεηο ΝΑΙ. Δηθόλα 12 : Πξνιεπηηθόο έιεγρνο ηελ παξαθάησ νκάδα κεξηθέο ελδείμεηο είλαη ελεξγέο θαη άιιεο αλελεξγέο, αλάινγα κε ηηο ξπζκίζεηο ηνπ Server. Δηθόλα 13 : Πξνιεπηηθόο έιεγρνο Σελίδα 39 Άδεηα Υξήζεο : ηελ επφκελε νζφλε εκθαλίδεηαη ε Άδεηα Υξήζεο GNU/GPL πνπ ρξεζηκνπνηεί ην Joomla. Κάλνπκε θιηθ ζην θνπκπί Δπφκελν. Δηθόλα 14 : Άδεηα ρξήζεο Βάζε Γεδνκέλσλ : Δίκαζηε ζην πην ζεκαληηθφ βήκα. Δδψ πξέπεη λα εηζαγάγνπκε ηα ζηνηρεία ηεο βάζεο δεδνκέλσλ κε ηελ νπνία ζα ζπλεξγάδεηαη ην Joomla. Δκθαλίδεηαη ε παξαθάησ νζφλε. ηελ πεξηνρή Βαζηθέο Ρπζκίζεηο εηζάγνπκε ζηα πιαίζηα θεηκέλνπ ηα αληίζηνηρα δεδνκέλα. Δηθόλα 15 : Βάζε δεδνκέλσλ ηελ αλαδηπινχκελε ιίζηα Δίδνο Βάζεο Γεδνκέλσλ αθήλνπκε ηελ πξνεπηιεγκέλε mysql. ην πιαίζην θεηκέλνπ λνκα Γηαθνκηζηή εηζαγάγνπκε, ζπλήζσο, ην φλνκα localhost. ην πιαίζην θεηκέλνπ λνκα Υξήζηε εηζάγνπκε ην φλνκα ηνπ ρξήζηε πνπ έρνπκε νξίζεη ζηε βάζε δεδνκέλσλ (π.ρ. epp). ην πιαίζην θεηκέλνπ Κσδηθφο Σελίδα 40 εηζαγάγνπκε ηνλ θσδηθφ ηνπ ρξήζηε πνπ έρνπκε νξίζεη ζηε βάζε δεδνκέλσλ (π.ρ. 2297). ην πιαίζην θεηκέλνπ λνκα Βάζεο Γεδνκέλσλ εηζαγάγνπκε ην φλνκα ηεο βάζεο δεδνκέλσλ πνπ έρνπκε δεκηνπξγήζεη (π.ρ. stef). Δηθόλα 16 : ηνηρεία βάζεο δεδνκέλσλ ηαλ νινθιεξψζνπκε ηελ εηζαγσγή δεδνκέλσλ, θάλνπκε θιηθ ζην θνπκπί Δπόκελν. Ρπζκίζεηο FTP : Γηα ιφγνπο αζθαιείαο θαη πξνζηαζίαο ησλ αξρείσλ πνπ ρξεζηκνπνηεί ην Joomla εδψ καο δίλεηαη ε δπλαηφηεηα δεκηνπξγίαο ελφο FTP (File Transfer Protocol) ινγαξηαζκνχ. Θα ην πξνζπεξάζνπκε θάλνληαο θιηθ ζην θνπκπί Δπφκελν. Σελίδα 41 Δηθόλα 17 : Ρπζκίζεηο FTP Ρπζκίζεηο : Δκθαλίδεηαη ε παξαθάησ νζφλε. Δηθόλα 18 : Βαζηθέο ξπζκίζεηο ην πιαίζην θεηκέλνπ λνκα Ιζηφηνπνπ εηζάγνπκε ην φλνκα ηεο ηζηνζειίδαο πνπ ζα δεκηνπξγήζνπκε. ην πιαίζην θεηκέλνπ Η δηεχζπλζε ειεθηξνληθνχ ηαρπδξνκείνπ ζαο εηζάγνπκε ην e-mail ηνπ δηαρεηξηζηή ηεο ηζηνζειίδαο ην νπνίν ζα ρξεζηκεχζεη ζηε κεηέπεηηα επηθνηλσλία κε ηνπο ρξήζηεο. ην πιαίζην θεηκέλνπ Κσδηθφο Γηαρεηξηζηή εηζάγνπκε ηνλ θσδηθφ γηα λα κπνξνχκε λα ζπλδεφκαζηε ζηελ Πεξηνρή Γηαρείξηζεο. ην πιαίζην θεηκέλνπ Δπηβεβαίσζε Κσδηθνχ Γηαρεηξηζηή επαλαιακβάλνπκε ηνλ ίδην Σελίδα 42 θσδηθφ. ηε ζπλέρεηα, θάλνπκε θιηθ ζην θνπκπί Πεξηερνκέλνπ. Δηζαγσγή Δλδεηθηηθνχ Η εηζαγσγή ελδεηθηηθνχ πεξηερνκέλνπ ζπληζηάηαη ηφζν ζε αξράξηνπο φζν θαη ζε έκπεηξνπο ρξήζηεο, ψζηε λα κπνξέζνπλ λα θαηαλνήζνπλ επθνιφηεξα ηε ιεηηνπξγία ηνπ Joomla. Κάλνπκε θιηθ ζην θνπκπί Δπόκελν. Σέινο : Δκθαλίδεηαη ε παξαθάησ νζφλε. Δηθόλα 19 : Σέινο εγθαηάζηαζεο ην ηειεπηαίν βήκα ην Joomla καο ελεκεξψλεη φηη ε εγθαηάζηαζε νινθιεξψζεθε κε επηηπρία. Σειεπηαίν βήκα είλαη λα κπνχκε ζηνλ joomla θάθειν πνπ βάιακε ηα αξρεία ηνπ joomla θαη λα ζβήζνπκε ηειείσο ηνλ θαηάινγν installation γηα ιφγνπο αζθαιείαο. 4.6. Αλέβαζκα ζε Server ηηο πξνεγνχκελεο παξαγξάθνπο πεξηγξάςακε αλαιπηηθά ηελ δηαδηθαζία εγθαηάζηαζεο ηνπ Joomla ηνπηθά, ζηνλ ππνινγηζηή καο, κε ηε βνήζεηα ηνπ XAMPP. Χζηφζν, πξνθεηκέλνπ λα παξνπζηάζνπκε ηελ ηζηνζειίδα καο (εθφζνλ ηελ έρνπκε δνπιέςεη ζε desktop θαη φρη ζε θάπνην laptop), ζα πξέπεη λα ηελ αλεβάζνπκε ζε θάπνηνλ νnline server. Κη απηφ γηαηί ην XAMPP ζπλίζηαηαη κφλν γηα πεηξακαηηθνχο ζθνπνχο, γηα λα δνθηκάδνπκε αιιαγέο ζε templates, ζε components θαη δηάθνξα updates θαη δελ ζπλίζηαηαη γηα επξεία ρξήζε, θαζφηη ε αζθάιεηα πνπ παξέρεη δελ είλαη επαξθήο. Γηα ηνλ ιφγν απηφ δεηήζακε γηα θάπνην δηάζηεκα ηηο ππεξεζίεο κηαο εηαηξείαο θηινμελίαο, πξνθεηκέλνπ λα κπνξέζνπκε λα θάλνπκε ζσζηά ηελ παξνπζίαζε ηεο εξγαζίαο καο. Αθφηνπ ε εηαηξεία αλέιαβε λα θάλεη ην hosting ηεο ζειίδαο καο, ζπλερίζακε λα ην επεμεξγαδφκαζηε κέζσ ηνπ FTP Filezilla, γηα ην νπνίν θαη ζα πνχκε κεξηθά ιφγηα ζηε ζπλέρεηα, θαζφηη απνηέιεζε ζεκαληηθφ θνκκάηη ζηελ εμέιημε ηεο εξγαζίαο καο. Σελίδα 43 4.7. Πξσηφθνιιν Μεηαθνξάο αξρείσλ Έλα αξρείν απνηειεί ηε βαζηθή έλλνηα γηα ηε καθξφρξνλε απνζήθεπζε δεδνκέλσλ. Καζψο ηα δίθηπα αλαπηχζζνληαλ, έγηλε θαλεξφ φηη ζα κπνξνχζε λα επηλνεζεί έλα θαη κφλν γεληθεπκέλν βνεζεηηθφ πξσηφθνιιν πνπ λα κπνξεί λα ζπλεξγάδεηαη κε πνιιέο εθαξκνγέο. Σν πξφβιεκα απηφ έγηλε γλσζηφ σο πξφβιεκα ηεο κεηαθνξάο αξρείσλ (file transfer), θαη έλα ζχζηεκα ινγηζκηθνχ πνπ κεηαθηλεί νπνηαδήπνηε δεδνκέλα απφ έλα αξρείν ελφο ππνινγηζηή ζε έλα αξρείν άιινπ ππνινγηζηή νλνκάδεηαη ινγηζκηθφ κεηαθνξάο αξρείσλ. Η κεηαθνξά αξρείσλ είλαη πνιχπινθε δηαδηθαζία επεηδή έλα δηαδίθηπν κπνξεί λα δηαζπλδέεη εηεξνγελή ππνινγηζηηθά ζπζηήκαηα. Έηζη, ην ινγηζκηθφ κεηαθνξάο αξρείσλ πξέπεη λα ιακβάλεη ππφςε ηνπ ηηο δηαθνξέο κεηαμχ ησλ ηξφπσλ κε ηνπο νπνίνπο ηα ππνινγηζηηθά ζπζηήκαηα απνζεθεχνπλ αξρεία. Γηα παξάδεηγκα, θάζε ππνινγηζηηθφ ζχζηεκα έρεη θάπνηνπο θαλφλεο γηα ην νλφκαηα αξρείσλ –έλα φλνκα πνπ είλαη έγθπξν ζε έλα ππνινγηζηηθφ ζχζηεκα κπνξεί λα κελ είλαη έγθπξν ζε έλα άιιν. Αθφκα, νη πξνεθηάζεηο αξρείσλ πνπ θαλεξψλνπλ ηνλ ηχπν ηνπ αξρείνπ κπνξεί λα δηαθέξνπλ (π.ρ. έλα ππνινγηζηηθφ ζχζηεκα ρξεζηκνπνηεί πξνέθηαζε .jpeg γηα εηθφλεο ηχπνπ JPEG ελψ έλα άιιν κπνξεί λα ρξεζηκνπνηεί ηελ επέθηαζε .jpg). Δπηπιένλ επεηδή ηα πεξηζζφηεξα ππνινγηζηηθά ζπζηήκαηα ρξεζηκνπνηνχλ ινγαξηαζκνχο ζχλδεζεο (login accounts) γηα λα νξίδνπλ ηελ ηδηνθηεζία ησλ αξρείσλ, ν ηδηνθηήηεο ελφο ππνινγηζηηθνχ ζπζηήκαηνο κπνξεί λα κελ έρεη έλαλ αληίζηνηρν ινγαξηαζκφ ζχλδεζεο ζε έλαλ άιιν ππνινγηζηή. Σέινο, ην ινγηζκηθφ κεηαθνξάο αξρείσλ πξέπεη λα ιακβάλεη ππφςε ηνπ θαη άιιεο κηθξνδηαθνξέο ζηηο αλαπαξαζηάζεηο αξρείσλ, ζηηο πιεξνθνξίεο ηχπσλ, θαη ζηνπο κεραληζκνχο πξνζηαζίαο αξρείσλ. 4.7.1. FTP Η πην δηαδεδνκέλε ππεξεζία κεηαθνξάο αξρείσλ ηνπ Internet ρξεζηκνπνηεί ην πξσηφθνιιν κεηαθνξάο αξρείσλ (File Transfer Protocol, FTP). Σα ραξαθηεξηζηηθά ηνπ FTP είλαη : Γεληθήο ρξήζεο. Σν FTP αληηκεησπίδεη πνιιά απφ ηα πξνβιήκαηα πνπ αλαθέξζεθαλ πξνεγνπκέλσο. Αξρεία κε νπνηαδήπνηε πεξηερφκελα. Σν FTP επηηξέπεη ηελ κεηαθνξά νπνηνπδήπνηε είδνπο δεδνκέλσλ. Πηζηνπνίεζε ηαπηφηεηαο θαη θπξηφηεηα. Σν FTP πεξηιακβάλεη κεραληζκνχο πνπ επηηξέπνπλ ηνλ θαζνξηζκφ θπξηφηεηαο ησλ αξρείσλ θαη κπνξνχλ λα επηβάιινπλ πεξηνξηζκνχο ζηελ πξφζβαζή ηνπο. Αληηκεηψπηζε ηεο εηεξνγέλεηαο. Σν FTP θξχβεη ηηο ιεπηνκέξεηεο ηνπ θάζε δηαθνξεηηθνχ ππνινγηζηηθνχ ζπζηήκαηνο – κπνξεί λα ρξεζηκνπνηεζεί γηα ηε κεηαθνξά ηνπ αληηγξάθνπ ελφο αξρείνπ κεηαμχ δπν νπνηνλδήπνηε ππνινγηζηηθψλ ζπζηεκάησλ. Σν FTP είλαη έλα απφ ηα παιαηφηεξα πξσηφθνιια εθαξκνγψλ πνπ ρξεζηκνπνηνχληαη αθφκα ζην Internet, θαη ελεξγνπνηείηαη απφ ηνλ θπιινκεηξεηή φηαλ θάπνηνο ρξήζηεο δεηήζεη λα θαηεβάζεη (download) έλα αξρείν. Αξρηθά νξίζηεθε ζηα πιαίζηα ησλ πξσηνθφιισλ ηνπ ARPANET, θαη είλαη πξνγελέζηεξν ηφζν ηνπ TCP φζν θαη ηνπ IP. Με ηε δεκηνπξγία ηεο νηθνγέλεηαο πξσηνθφιισλ TCP/IP, αλαπηχρζεθε κηα λέα έθδνζε ηνπ FTP πνπ ζπλεξγάδεηαη κε ηα λέα πξσηφθνιια ηνπ Internet. Σν FTP είλαη κηα απφ ηηο πεξηζζφηεξν ρξεζηκνπνηνχκελεο εθαξκνγέο. ηελ πξψηε θάζε ηεο ηζηνξίαο ηνπ Internet, ηα απηνδχλακα παθέηα (datagrams) πνπ εμππεξεηνχζαλ κεηαθνξέο αξρείσλ απνηεινχζαλ πεξίπνπ ην έλα ηξίην ηεο ζπλνιηθήο θπθινθνξίαο ζην Internet. Η Σελίδα 44 θπθινθνξία πνπ παξαγφηαλ απφ ππεξεζίεο φπσο ην e-mail θαη ην ζχζηεκα νλνκάησλ πεξηνρψλ δελ πιεζίαδε θαλ ηε θπθινθνξία πνπ παξαγφηαλ απφ ην FTP. 4.7.2. Filezilla Σν FileZilla είλαη έλα αλνηρηνχ θψδηθα (open source) πξφγξακκα κεηαθνξάο αξρείσλ ή αιιηψο έλαο FTP Server, πνπ επηηξέπεη ζηνπο ρξήζηεο πνπ έρνπλ site λα ρξεζηκνπνηνχλ ην FTP πξσηφθνιιν θαη λα δηαρεηξίδνληαη (upload, download files) κε επθνιία ηα αξρεία ηνπ site ηνπο. Τπάξρεη θαη FileZilla FTP Client, φκσο εκείο ζα αζρνιεζνχκε κφλν κε ην server. Ο FileZilla Server νπζηαζηηθά απνηειείηαη απφ 2 κέξε: Μία ππεξεζία (service) πνπ ελζσκαηψλεηαη ζην ζχζηεκα. Μία γξαθηθή δηεπαθή (interface) ρξήζηε γηα ηε δηαρείξηζε ηνπ server. o Σα services είλαη πξνγξάκκαηα πνπ εθηεινχληαη ζην background. Ο ρξήζηεο δελ έρεη θακία άκεζε επηθνηλσλία κε απηά (πρ πείξαγκα ζηηο ξπζκίζεηο θηι). o Σν δεχηεξν κέξνο απφ ην νπνίν απνηειείηαη ην FileZilla, ην FileZilla Server Interface, είλαη ην interface ηνπ service φπνπ απφ εδψ κπνξεί ν ρξήζηεο λα δηαρεηξηζηεί ηνλ server. Γηα λα ρξεζηκνπνηήζνπκε ην Filezilla, πξέπεη πξψηα λα ζπλδεζνχκε ζπκπιεξψλνληαο ην φλνκα ρξήζηε, ηνλ θσδηθφ καο θαη ηνλ θφκβν (δηεχζπλζε). Δηθόλα 20 : ύλδεζε ζην Filezilla Σελίδα 45 Δηθόλα 21 : Γηαρείξηζε αξρείσλ Αθνχ ζπλδεζνχκε, κπνξνχκε πιένλ λα δηαρεηξηζηνχκε ηα αξρεία ζην site καο φπσο ζέινπκε θαη πνιχ εχθνια (upload, download etc). Δηθόλα 22 : Γηαρείξηζε αξρείσλ Σελίδα 46 ΚΔΦΑΛΑΙΟ 5 : ΣΟ JOOMLA ΑΝΑΛΤΣΙΚΑ 5.1. Frontend & Backend Έλα χζηεκα Γηαρείξηζεο Πεξηερνκέλνπ απνηειείηαη απφ ηξία ηκήκαηα. Έλα Frontend, έλα Back-end θαη κηα Βάζε Γεδνκέλσλ. Σν δεκφζην ηκήκα (Front-end) είλαη νπζηαζηηθά ην θνκκάηη ηνπ ζπζηήκαηνο πνπ αιιειεπηδξά κε ηνλ ρξήζηε/επηζθέπηε ηνπ δηαδηθηπαθνχ καο ηφπνπ. Μέζα ζην δεκφζην ηκήκα βξίζθνληαη ηα άξζξα, ηα κελνχ θαη γεληθά φια ηα ζηνηρεία πνπ ζέινπκε λα εκθαλίδνληαη ζηελ ηζηνζειίδα καο. Δηθόλα 23 : Frontend Σν Back-end πεξηέρεη ηα εξγαιεία κε ηα νπνία δηακνξθψλεηαη ην Front-end. Απνηειεί ην administration layer ηεο ηζηνζειίδαο καο. Η δηακφξθσζε, ε ζπληήξεζε, θαζψο θαη ε δεκηνπξγία λένπ πεξηερνκέλνπ γίλνληαη φια ζην Back-end κφλν απφ ηνλ δεκηνπξγφ ηεο ηζηνζειίδαο ή εμνπζηνδνηεκέλα άηνκα. Σν Back-end βξίζθεηαη ζε δηαθνξεηηθή δηεχζπλζε URL απφ ηελ ηζηνζειίδα καο (μερσξίδεη κε ηελ πξνζζήθε ηνπ /administrator ζην ηέινο). Σελίδα 47 Δηθόλα 24 : Login ζην administration layer Δηθόλα 25 : Backend Σέινο, ε Βάζε Γεδνκέλσλ πεξηέρεη δεδνκέλα (θείκελα, αλαθνξέο ζε εηθφλεο θαη αξρεία, παξακέηξνπο θιπ) ηα νπνία αλήθνπλ ηφζν ζην Front-end φζν θαη ζην Back-end. 5.2. Γηθαηψκαηα Πξφζβαζεο Κάζε θνξά πνπ κηιάκε γηα δηαρείξηζε, ελλννχκε ηελ έμππλε δηαρείξηζε ησλ πθηζηάκελσλ πφξσλ. ε έλα χζηεκα Γηαρείξηζεο φπσο ην Joomla, ηα νλφκαηα ρξεζηψλ απνδίδνληαη ζηα ελδηαθεξφκελα άηνκα (πρ ζρεδηαζηήο ηζηνζειίδαο, πειάηεο θιπ) θαη θάζε έλα απφ απηά έρεη δηαθνξεηηθά δηθαηψκαηα πξφζβαζεο. Απηφ κπνξεί λα θπκαίλεηαη απφ έλα Σελίδα 48 απιφ εγγεγξακκέλν «ρξήζηε» κέρξη ηνλ «ππεξ-δηαρεηξηζηή», ν νπνίνο έρεη ηνλ πιήξε έιεγρν ηεο ζειίδαο (ζηε πξνθεηκέλε πεξίπησζε, ππεξ-δηαρεηξηζηήο είκαζηε εκείο). Δηθόλα 26 : Super administrator’s profile πλεπψο, ην site καο κε βάζε ηα δηθαηψκαηα πνπ έρνπλ νξηζηεί, εκθαλίδεη δηαθνξεηηθφ πεξηερφκελν. 5.3. Πεξηερφκελν Σν πεξηερφκελν κπνξεί λα έρεη δηάθνξεο κνξθέο. ηελ απινχζηεξε πεξίπησζε, είλαη θείκελν. Χζηφζν, ην πεξηερφκελν κπνξεί επίζεο λα είλαη κηα εηθφλα, κηα ζχλδεζε, έλα κνπζηθφ θνκκάηη, έλα απφζπαζκα απφ κηα εθαξκνγή φπσο ην Google Maps, έλα photo gallery, κηα ζεηξά απφ βίληεν παξκέλα απφ sites φπσο ην YouTube, κηα flash εθαξκνγή ή έλαο ζπλδπαζκφο φισλ απηψλ. Γηα λα δψζνπκε κηα γεληθφηεξε άπνςε ηεο έλλνηαο πεξηερφκελν, ζα αλαθέξνπκε απιά φηη κπνξεί λα είλαη αθφκα θαη ηα θείκελα ησλ δηαθφξσλ θαηεγνξηψλ πνπ ζα ζπκπεξηιάβνπκε ζε έλα site. 5.4. Δπεθηάζεηο ηαλ ιέκε επεθηάζεηο (extensions), ελλννχκε ηηο ελφηεηεο, ηα πξφζζεηα θαη ηα πξφηππα πνπ δηαζέηεη ην Joomla. Απηέο καο πξνζθέξνπλ επηπιένλ ιεηηνπξγίεο νη νπνίεο δελ πεξηέρνληαη ζηνλ βαζηθφ ππξήλα ηνπ Joomla, ή έζησ ζην template πνπ κπνξεί λα έρνπκε επηιέμεη. Μπνξεί λα είλαη θάπνηα photo gallery, εξγαιεία γηα Editing ή θαη γηα design θαη γεληθά φηη κπνξεί θαλείο λα θαληαζηεί. ια απηά ηα extensions κπνξνχκε λα ηα βξνχκε freeware θαη κε, ζην επίζεκν site ηεο Joomla: http://extensions.joomla.org. Σελίδα 49 Δηθόλα 27 : Joomla! Extensions 5.4.1. Δθαξκνγέο Σν Joomla , σο Web Content Management System νθείιεη λα είλαη επεθηάζηκν θαη ζε ζέζε λα αλαπηπρζεί αλάινγα κε ηηο απαηηήζεηο ηεο θάζε επνρήο. Δπεθηάζεηο νη νπνίεο πξνζθέξνπλ επηπιένλ ιεηηνπξγίεο θαη ζπλήζσο έρνπλ ην δηθφ ηνπο ρψξν ζηε δηαρείξηζε ηνπ Joomla νλνκάδνληαη εθαξκνγέο (components). Σα components κε ην πέξαζκα ηνπ ρξφλνπ, εμειίρζεθαλ φιν θαη πεξηζζφηεξν θαη κπνξνχκε πιένλ λα ηηο ζπλαληήζνπκε ζε δηάθνξνπο ηνκείο, απφ Photo galleries κέρξη Editors θαη θφξκεο επηθνηλσλίαο. Οη εθαξκνγέο (components) ή φπσο ηηο πεξηγξάθεη ε θνηλφηεηα ηνπ Joomla «Mini-applications to render the main page body» πεξηέρνπλ ηελ επηρεηξεκαηηθή ινγηθή ηνπ site ηνπο θαη απεηθνλίδνπλ ην πεξηερφκελν ζην "θχξην ζψκα" ηεο ηζηνζειίδαο. Καηά ηε δηάξθεηα ηεο εξγαζίαο καο, ρξεζηκνπνηήζακε θαη εκείο έλα component, ζπγθεθξηκέλα κηα Photo gallery, ηελ νπνία θαη ζα δείμνπκε ζην επφκελν θεθάιαην. Γηα ηελ ψξα, ζα δείμνπκε απιψο πσο γίλεηαη ε εγθαηάζηαζε θαη ρξήζε ελφο component γεληθφηεξα. πσο είπακε θαη παξαπάλσ, components θαη extensions γεληθφηεξα κπνξνχκε λα βξνχκε απφ ην http://extensions.joomla.org. Αθνχ εληνπίζνπκε θαη θαηεβάζνπκε απηφ πνπ καο ελδηαθέξεη, ζα πάκε ζην Control panel ηνπ Joomla, θαη ζα επηιέμνπκε απφ ην κελνχ “Extensions”, ην “install/uninstall”. Σελίδα 50 Δηθόλα 28 : Δγθαηάζηαζε component Δηθόλα 29 : Δγθαηάζηαζε component Φάρλνπκε ην αξρείν πνπ θαηεβάζακε λσξίηεξα θαη παηάκε Upload file & uninstall. ηε ζπλέρεηα απφ ην κελνχ Components ζα εληνπίζνπκε ην πξφζζεην πνπ κφιηο αλεβάζακε, ζα ην δεκνζηεχζνπκε (publish) θαη ζα θάλνπκε ηηο θαηάιιειεο ξπζκίζεηο γηα λα δνπιέςεη ζσζηά. Λεπηνκέξεηεο ζα δείμνπκε ζην επφκελν θεθάιαην. Δηθόλα 30 : Γεκνζίεπζε component Σελίδα 51 Δηθόλα 31 : Γηαρείξηζε component 5.4.2. Πξφηππα Σα templates θαζνξίδνπλ ηελ αηζζεηηθή θαη ηε ιεηηνπξγηθφηεηα ηνπ ηζηφηνπνπ καο. Δίλαη έλα είδνο νπηηθήο απεηθφληζεο πνπ ηνπνζεηείηαη ζηελ θνξπθή ηνπ πεξηερνκέλνπ. Καζνξίδεη ρξψκαηα, γξακκαηνζεηξέο, κεγέζε γξακκαηνζεηξψλ, εηθφλεο θφληνπ, απνζηάζεηο θαη δηαρσξηζκφ ηεο ζειίδαο, κε άιια ιφγηα, φ, ηη έρεη λα θάλεη κε ηελ εκθάληζε κηαο ζειίδαο. Έλα πξφηππν απνηειείηαη απφ ηνπιάρηζηνλ έλα αξρείν HTML γηα ηε δνκή ηεο ζειίδαο θαη έλα αξρείν CSS γηα ηνλ ζρεδηαζκφ. Μπνξεί επίζεο λα έρεη κηα πνιχ πην εθηεηακέλε δνκή, ψζηε λα πξνεηνηκάζεη ην πεξηερφκελν ηνπ Joomla γηα έλα ηειείσο δηαθνξεηηθφ ζθνπφ. Τπάξρνπλ πνιιά έηνηκα templates ζην δηαδίθηπν, δσξεάλ αιιά θαη εκπνξηθά. Μπνξνχκε λα ηα βξνχκε απφ δηάθνξεο πεγέο ζην δηαδίθηπν φπσο πρ απφ ην http://www.bestofjoomla.com, ην νπνίν θαη πεξηέρεη πξφηππα απφ δηάθνξνπο παξφρνπο, φπσο ην RocketTheme, ην TemplatePlazza θ.ά. Δηθόλα 32 : www.bestofjoomla.com Σν δηθφ καο ζπγθεθξηκέλα ην βξήθακε απφ ην http://www.rockettheme.com. Σελίδα 52 Δηθόλα 33 : www.rockettheme.com Σα templates θαζνξίδνπλ εθηφο απφ ηελ αηζζεηηθή ηεο ηζηνζειίδαο καο θαη ηηο module positions. Σα Modules καο βνεζνχλ λα ζρεδηάζνπκε ηε δνκή ηεο ζειίδαο καο φπσο ζέινπκε. πρλά ηα πξφηππα παξέρνπλ θαη νξηζκέλεο επεθηάζεηο φπσο πρ editors πνπ βνεζνχλ ζηελ θαιχηεξε κνξθνπνίεζε ησλ άξζξσλ καο ή αθφκα θαη photo galleries θαη θφξκεο επηθνηλσλίαο πξνθεηκέλνπ λα εκπινπηίζνπκε ηε ζειίδα καο φπσο εκείο ζέινπκε. Σν template πνπ επηιέμακε εκείο γηα ηελ εξγαζία καο πεξηέρεη άθζνλα module positions, γεγνλφο πνπ καο πξνζέθεξε πνιιέο επηινγέο γηα ην «ζηήζηκν» ηεο ζειίδαο καο. ζνλ αθνξά ηα πξφζζεηα, πεξηείρε δηθή ηνπ photo gallery ηελ νπνία φκσο δελ ρξεζηκνπνηήζακε ηειηθά, δηφηη δελ ιεηηνπξγνχζε φπσο ζέιακε, νπφηε ςάμακε λα βξνχκε άιιε θαη λα ηελ ελζσκαηψζνπκε εκείο ζην ήδε ππάξρνλ πξφηππφ καο. Πεξαηηέξσ ιεπηνκέξεηεο γηα ην template πνπ θαηεβάζακε ζα πνχκε ζην επφκελν θεθάιαην. 5.4.3. Πξφζζεηα Σα πξφζζεηα (plugins) είλαη θνκκάηηα θψδηθα ηα νπνία είλαη πξνζαξηεκέλα ζε ζπγθεθξηκέλα ζεκεία ηνπ πιαηζίνπ ηνπ Joomla, έηζη ψζηε λα αιιάδνπλ ηελ ιεηηνπξγηθφηεηά ηνπ. Με ιίγα ιφγηα δειαδή εληζρχνπλ ηα δεδνκέλα κε ηα νπνία παξέρνπλ πξφζζεηε ιεηηνπξγηθφηεηα ζην Joomla. Έλα plug-in κπνξεί, γηα παξάδεηγκα, λα ρξεζηκνπνηεζεί ζην εζσηεξηθφ πεξηερφκελν ηνπ θεηκέλνπ γηα λα θνξηψζεη ην πεξηερφκελν ελφο ελζέκαηνο (module) ζην θείκελν. Δλψ ν αξηζκφο ηνπο γεληθά είλαη απεξηφξηζηνο, ππάξρνπλ θάπνηα βαζηθνχ ηχπνπ πξφζζεηα ηα νπνία ρξεζηκνπνηνχληαη απφ ην ίδην ην joomla. Απηνί νη βαζηθνί ηχπνη είλαη νκαδνπνηεκέλνη ζε θαθέινπο θάησ απφ ηνλ θάθειν plugins. Απηνί είλαη π.ρ. : Authentication Content Editors Search Σελίδα 53 System User Σα authentication καο βνεζνχλ ζηελ ηαπηνπνίεζε ηνπ ρξήζηε κε ην Joomla φηαλ απηφο πξνζπαζεί λα ζπλδεζεί. Σα system πξφζζεηα εθηεινχλ ελέξγεηεο ζε δηάθνξα επίπεδα ζηε δηάξθεηα εθηέιεζεο ηνπ PHP θψδηθα ν νπνίνο ηξέρεη ζε έλα Joomla ηζηφηνπν. Σα user εθηεινχλ δηεξγαζίεο νη νπνίεο έρνπλ λα θάλνπλ κε ην επίπεδν ηνπ ρξήζηε. Πξφζζεηα κπνξνχκε λα βξνχκε άθζνλα θαη πάκπνιισλ εηδψλ ζηε ζειίδα http://extensions.joomla.org. Έλα απφ ηα plugins πνπ ρξεζηκνπνηήζακε εκείο γηα παξάδεηγκα είλαη απηφ ηνπ Google maps, ην νπνίν θαη ζα αλαιχζνπκε ιεπηνκεξέζηεξα ζην επφκελν θεθάιαην. 5.4.4. Δλζέκαηα Σα ελζέκαηα (modules) κπνξνχκε λα ηα παξνκνηάζνπκε ζαλ ηα "θνπηηά" κέζα ζηα νπνία εκθαλίδεηαη ην πεξηερφκελν, νη εθαξκνγέο, ηα πξφζζεηα θαη γεληθά φια ηα αληηθείκελα πνπ εκθαλίδνληαη ζην δεκφζην ηκήκα. Σα Modules είλαη θνκκάηηα εθαξκνγψλ, απηφλνκεο εθαξκνγέο ή αθφκα θαη απιφ θείκελν θνξκαξηζκέλν ζε html. Σνπνζεηνχληαη ζε εηδηθέο ζέζεηο –ππνδνρέο ηεο ζειίδαο , νη νπνίεο νλνκάδνληαη Module Positions. ε θάζε module position κπνξνχλ λα ηνπνζεηεζνχλ κε ζπγθεθξηκέλε ζεηξά παξαπάλσ απφ έλα Modules. Σελίδα 54 Δηθόλα 34 : Module positions πσο θαίλεηαη παξαπάλσ, ην template πνπ έρνπκε επηιέμεη έρεη παξαπάλσ απφ αξθεηέο Module positions, νπφηε δελ ρξεηάζηεθε λα πξνζζέζνπκε θάπνην. Χζηφζν, ηφζν ηα Modules φζν θαη ηα Plugins πνπ είπακε παξαπάλσ, κπνξνχλ λα εγθαηαζηαζνχλ κε ηνλ ίδην αθξηβψο ηξφπν πνπ πεξηγξάςακε θαη γηα ηα components ζηελ παξάγξαθν 4.4.1. Σελίδα 55 ΚΔΦΑΛΑΙΟ 6 : ΒΑΙΚΟ ΜΔΝΟΤ 6.1. Template Σν ζεκειηψδεο θαη βαζηθφηεξν εξγαιείν πνπ ρξεζηκνπνηήζακε γηα λα αλαπηχμνπκε ηελ ηζηνζειίδα καο είλαη ην Template. Κπθινθνξνχλ πνιιά ηέηνηα πξφηππα ζην δηαδίθηπν, commercial θαη κε. Η αλαδήηεζε ήηαλ ρξνλνβφξα, γηαηί ην ηδαληθφ template εμαξηάηαη απφ πνιιά θξηηήξηα. ηε πεξίπησζε ηε δηθή καο, απαξαίηεηε πξνυπφζεζε ήηαλ ε δηάζεζε πνιιψλ δηαθνξεηηθψλ module positions, έηζη ψζηε λα έρνπκε πνηθηιία θαη πνιιέο επηινγέο ζην ζηήζηκν ηεο ζειίδαο καο. Σν design παίδεη επίζεο αξθεηά ζεκαληηθφ ξφιν, σζηφζν δελ είλαη ππνρξεσηηθφ λα βξνχκε θάηη πνπ λα ηαηξηάδεη 100% ζηα γνχζηα καο (γεγνλφο αθαηφξζσην), θαζφηη κπνξνχκε ζηε πνξεία λα αιιάμνπκε ζηνηρεία φπσο ηα backgrounds, ηα logos θιπ, έηζη ψζηε λα ην θέξνπκε πην πνιχ ζηα κέηξα καο. Κάηη άιιν πνπ πξνζπαζήζακε λα απνθχγνπκε θαηά ηελ αλαδήηεζή καο ήηαλ ε πνιππινθφηεηα ζηα πξφηππα. Δθφζνλ ε ηζηνζειίδα καο κπνξεί λα απεπζχλεηαη θαη ζε κεγαιχηεξεο ειηθίεο, δελ ζέιακε ην κελνχ λα είλαη δχζθνιν ζηελ πινήγεζε, γηα λα κελ δπζθνιέςεη ηνλ επηζθέπηε. Σέινο, ην ηδαληθφ ζα ήηαλ ην template πνπ ζα βξίζθακε λα παξείρε θάπνηα θφξκα επηθνηλσλίαο, έλα photo gallery θιπ. Χζηφζν, θάηη ηέηνην ηειηθά δελ επεηεχρζε, θαζψο πξνηηκήζακε λα βξνχκε θαη λα δνπιέςνπκε δηθά καο πξφζζεηα ζηνηρεία (extensions), πξνθεηκέλνπ ην site λα αληαπνθξίλεηαη ζρεδφλ πιήξσο ζηα γνχζηα καο. πγθεθξηκέλα, ην template πνπ δνπιέςακε ην εληνπίζακε ζην site http://www.rockettheme.com/joomlatemplates/reflex θαη ζηε ζπλέρεηα ην θαηεβάζακε. Δηθόλα 35 : Reflex template Σελίδα 56 ηε ζπλέρεηα ζα παξνπζηάζνπκε ζπλνπηηθά έλα demo ηνπ template Reflex πνπ ρξεζηκνπνηήζακε, ζπγθεθξηκέλα ην Home Page, έηζη ψζηε λα θαλεί πσο ήηαλ ην default πεξηβάιινλ ηνπ πξνηχπνπ θαη πσο ζα γίλεη κεηά ηελ δηθή καο επεμεξγαζία. Δηθόλα 36 : Default homepage Σελίδα 57 6.2. Βαζηθφ Menu Σν επφκελν βαζηθφ βήκα πνπ νθείινπκε λα αθνινπζήζνπκε, γηα ηνλ ζρεδηαζκφ ηεο ηζηνζειίδαο καο είλαη ε ηεξάξρεζε ηνπ βαζηθνχ καο κελνχ. Καλέλα απφ ηα πξνεπηιεγκέλα κελνχ ηνπ template καο, δελ ήηαλ θαηάιιεια γη’απηφ πνπ εκείο ζέιακε, νπφηε ηα αιιάμακε φια, πξνζαξκφδνληάο ηα ζηηο αλάγθεο καο. Ο «ζθειεηφο» ζηνλ νπνίν ηειηθά θαηαιήμακε είλαη ν εμήο: Home : Η θεληξηθή ζειίδα καο, ηεο νπνίαο ην βαζηθφ ζηνηρείν ζα είλαη έλα θείκελν πνπ ζα δίλεη νξηζκέλεο πιεξνθνξίεο γηα ην μελνδνρείν θαζψο θαη έλα slideshow πνπ ζα πξνβάιιεη απηφκαηα ηνπο βαζηθνχο ρψξνπο ηνπ μελνδνρείνπ. Accommodation : Θα πεξηιακβάλεη ηνλ αξηζκφ ησλ δσκαηίσλ, ηελ πεξηγξαθή ηνπο, ηηο ππεξεζίεο πνπ παξέρνπλ θαζψο θαη ηελ δπλαηφηεηα θξάηεζεο δσκαηίνπ. Facilities : Θα πεξηγξάθεη ηηο εγθαηαζηάζεηο θαη ηηο ππεξεζίεο πνπ παξέρεη ην μελνδνρείν ζηνπο πειάηεο. Wellness & Spa: Πεξηγξάθεη ην Spa ηνπ μελνδνρείνπ. Conference room: Παξνπζηάδεη ηηο αίζνπζεο ζπλεδξηάζεσλ πνπ παξέρεη ην μελνδνρείν. Pool: Παξνπζηάδεη ηελ πηζίλα ηνπ μελνδνρείνπ. Map & Location: Σα βαζηθά ηνπ ζηνηρεία είλαη ε δηεχζπλζε θαη ηα ζηνηρεία ηνπ μελνδνρείνπ θαζψο θαη έλαο ράξηεο πνπ δείρλεη πνπ αθξηβψο ζηελ πφιε ηεο Κέξθπξαο βξίζθεηαη ε επηρείξεζε. Contact: Πεξηέρεη κηα θφξκα επηθνηλσλίαο, έηζη ψζηε ν επηζθέπηεο λα θάλεη νπνηνδήπνηε ζρφιην, παξαηήξεζε ή εξψηεζε ζην μελνδνρείν. Gallery: πσο ιέεη θαη ην φλνκά ηεο, πεξηιακβάλεη κηα photo gallery ε νπνία δείρλεη θσηνγξαθίεο απφ ηα δσκάηηα αιιά θαη απφ άιινπο ρψξνπο ηνπ μελνδνρείνπ. Corfu About Corfu: Πεξηέρεη ζηνηρεία θαη πιεξνθνξίεο γηα ην λεζί ηεο Κέξθπξαο. Restaurants: Παξνπζηάδεη κεξηθά απφ ηα θαιχηεξα εζηηαηφξηα ζην λεζί. Nightlife: Πξνηείλεη bars, θαθεηέξηεο θαη clubs θαηάιιεια γηα λπρηεξηλή δηαζθέδαζε. Σελίδα 58 Δηθόλα 37 : Main Menu 6.2.1. Home ’απηή ηε παξάγξαθν ζα δείμνπκε ζπλνπηηθά ην πεξηβάιινλ θαη ηνλ ηξφπν πνπ δνπιέςακε ην Menu item “Home”. Δηθόλα 38 : Home menu Δδψ, ζπγθεθξηκέλα δελ ρξεηάζηεθε λα αιιάμνπκε θάπνηα παξάκεηξν, αθνχ φια ήηαλ ξπζκηζκέλα φπσο πξέπεη γηα έλα Home Page. Απηφ ζην νπνίν θάλακε ηηο θχξηεο αιιαγέο ήηαλ ην πεξηερφκελν ηνπ κελνχ απηνχ. Κάηη πνπ έγηλε κέζσ ησλ modules θαη ησλ articles. Πην ζπγθεθξηκέλα, ην θεληξηθφ θείκελν πνπ θαίλεηαη ζηελ αξρηθή καο ζειίδα, δελ είλαη ηίπνηα άιιν παξά έλα απιφ άξζξν (article), ζην νπνίν ζπγγξάςακε ην θείκελν καο,θαη αθνχ ην κνξθνπνηήζακε φπσο ζέιακε (fonts θιπ) ην νξίζακε λα θαίλεηαη ζην Front Page. Σελίδα 59 Δηθόλα 39 : Article “Welcome to Arion” ηε ζπλέρεηα, επηιέγνληαο θάπνηα απφ ηα άθζνλα modules πνπ καο παξείρε ην template καο, εκπινπηίζακε ιίγν πεξηζζφηεξν ηελ θεληξηθή καο ζειίδα, θάλνληαο θπζηθά ζην θαζέλα ηελ θαηάιιειε επεμεξγαζία. Δηδηθφηεξα, ζέιακε ζην Home page καο λα πξνβάιινπκε θάπνηα μερσξηζηά ζηνηρεία ηνπ μελνδνρείνπ, φπσο είλαη ην εζηηαηφξην, ην κπαξ, ε παξνρή αζχξκαηνπ internet θαη νη λέεο πξνζθνξέο ζηα guestrooms (ην ηειεπηαίν δεκηνπξγήζεθε κε μερσξηζηφ πξφγξακκα, ην νπνίν ζα αλαιχζνπκε ζην επφκελν θεθάιαην). Δηθόλα 40 : Restaurant, Bar, Wi-fi, Offers ζνλ αθνξά ηα “Our Restaurant”, “Wi-fi” & “Edem bar”, αθνχ επεμεξγαζηήθακε ηα αληίζηνηρα modules, θαη ηα θέξακε ζηε κνξθή πνπ θαίλεηαη παξαπάλσ, αιιάδνληάο ηνπο θσηνγξαθίεο, θείκελα, θαη buttons (εηθ. 42-43), ζηε ζπλέρεηα γξάςακε θαη ηα articles ηα νπνία ήηαλ «ζπλδεδεκέλα» (linked), κε ηα “See more” θνπκπηά (εηθ. 45-46). Σελίδα 60 Δηθόλα 41 : Module “Our Restaurant” Δηθόλα 42 : Module “Edem bar” Σελίδα 61 Δηθόλα 43 : Article “Restaurant” Δηθόλα 44 : Article “Bar” Σελίδα 62 Δηθόλα 45 : Module “Wi-fi” Δηθόλα 46 : Article “Wi-fi” Δηθόλα 47 : Article “Offers” Σελίδα 63 Έλα άιιν ζηνηρείν πνπ θξαηήζακε απφ ην template καο, ζηε θεληξηθή ζειίδα ήηαλ ην Photo preview, πνπ θαίλεηαη ζηνλ πάην ηεο ζειίδαο. Γελ παξέρεη θακία ηδηαίηεξε εμππεξέηεζε, νχηε ιεηηνπξγηθφηεηα σζηφζν ην ρξεζηκνπνηήζακε γηα λα γεκίζνπκε ιίγν πεξηζζφηεξν ηε ζειίδα καο αιιά θαη γηα ιφγνπο αηζζεηηθήο. Δηθόλα 48 : Photo preview Αξρηθά, κέζσ ηνπ Component “RokGallery”, ην νπνίν θαη παξείρε εθηφο ησλ άιισλ θαη ηηο βαζηθέο galleries ηνπ Template καο (ηηο νπνίεο ηειηθά δελ ρξεζηκνπνηήζακε γηα ιφγνπο ζπκβαηφηεηαο), αλεβάζακε νξηζκέλεο θσηνγξαθίεο ηνπ μελνδνρείνπ ζηελ πξνυπάξρνπζα gallery “Photo preview”. Δηθόλα 49 : Photo preview gallery Σελίδα 64 Δηθόλα 50 : Upload photos ηε ζπλέρεηα, πήγακε ζην module “Photo preview” θαη αθνχ θάλακε ηηο θαηάιιειεο ξπζκίζεηο (φπσο Link type, Gallery, Grid Columns θιπ) ην ελεξγνπνηήζακε. Δηθόλα 51 : Photo preview module 6.2.2. Accommodation ηε παξάγξαθν πνπ αθνινπζεί ζα πεξηγξάςνπκε ην κελνχ “Accommodation”, θαη ηνλ ηξφπν κε ηνλ νπνίν ην δεκηνπξγήζακε. Παξφηη θαίλεηαη λα πεξηέρεη πνιιά ζηνηρεία, ην κελνχ απηφ απνηειείηαη ζηελ νπζία απφ έλα κφλν άξζξν, κέζα ζην νπνίν έρνπκε ηνπνζεηήζεη θαη δηάθνξεο θσηνγξαθίεο, πξνθεηκέλνπ λα ην εκπινπηίζνπκε. Σελίδα 65 Δηθόλα 52 : Accommodation article Χζηφζν, ην άξζξν απηφ εθηφο απφ θείκελν θαη εηθφλεο πεξηέρεη θαη έλαλ ζχλδεζκν. Παηψληαο ην «Book a room now!» νδεγνχκαζηε ζε κηα ζειίδα ε νπνία πεξηέρεη κηα Reservation form, κηα θφξκα θξαηήζεσλ δειαδή κέζσ ηεο νπνίαο νη επηζθέπηεο κπνξνχλ λα θιείζνπλ δσκάηηα ζην μελνδνρείν. Η θφξκα απηή δεκηνπξγήζεθε κε ηελ βνήζεηα ελφο extension, ην νπνίν θαη ζα πεξηγξάςνπκε ζην επφκελν θεθάιαην. Απηφ πνπ θάλακε, ήηαλ λα δεκηνπξγήζνπκε έλα menu item κε ην φλνκα “Reservation”, κέζα ζην νπνίν ζα ππήξρε κφλν ε παξαπάλσ θφξκα. Χζηφζν, γηα ιφγνπο εμνηθνλφκεζεο ρψξνπ ζηελ γξακκή ησλ κελνχ ζθνπεχακε λα θάλνπκε Unpublish ην item “Reservation”. Πξηλ ην θάλνπκε φκσο απηφ, θάλακε copy ην URL ηεο ζειίδαο φπνπ βξηζθφηαλ ε θφξκα θξαηήζεψλ καο. ηε ζπλέρεηα καξθάξνληαο ην θνκκάηη πνπ ζέιακε, επηιέμακε ην εξγαιείν “link”, θαη επηθνιιήζακε ην παξαπάλσ URL ζην αληίζηνηρν πιαίζην. Δηθόλα 53 : “Book a Room” link Σελίδα 66 6.2.3. Facilities Σν κελνχ “Facilities” απνηειείηαη απφ έλα απιφ άξζξν, ην νπνίν πεξηγξάθεη ηηο ππεξεζίεο θαη ηηο εγθαηαζηάζεηο ηνπ μελνδνρείνπ. Δηθόλα 54 : Facilities menu Χζηφζν, εθηφο απφ απηφ, ρσξίδεηαη θαη ζε 3 αθφκα ππνκελνχ: Σν “Wellness & Spa” Σν “Meetings & Events” θαη ην “Pool” Σν θαζέλα απφ απηά απνηειείηαη απφ ηέζζεξα απιά άξζξα, ηα νπνία πεξηέρνπλ θείκελν θαη εηθφλεο, φπσο θαίλεηαη θαη ζηηο παξαθάησ θσηνγξαθίεο. Δηθόλα 55 : “Spa” article Σελίδα 67 Δηθόλα 56 : “Conference” article Δηθόλα 57: “Pool” article 6.2.4. Map & Location Σν κελνχ “Map & Location” πεξηέρεη ηξία δηαθνξεηηθά πξφζζεηα, ην MambWeather πνπ καο δείρλεη ηνλ θαηξφ ζηελ Κέξθπξα, ην GoogleMaps πνπ εκθαλίδεη ζηνλ ράξηε ηελ πεξηνρή αθξηβψο πνπ βξίζθεηαη ην μελνδνρείν, θαζψο θαη ην ArtClock ην νπνίν δείρλεη ηελ ψξα ζε ηέζζεξηο δηαθνξεηηθέο πφιεηο ηνπ θφζκνπ. Απηά φκσο ζα ηα δνχκε αλαιπηηθφηεξα ζην επφκελν θεθάιαην. Κάηη άιιν πνπ έρνπκε πξνζζέζεη ζην ελ ιφγσ κελνχ είλαη έλα απιφ άξζξν, ην νπνίν πεξηέρεη ηελ δηεχζπλζε θαη ηα ζηνηρεία ηνπ μελνδνρείνπ. Σελίδα 68 Δηθόλα 58 : “Map & Location” article Έλα ηειεπηαίν ζηνηρείν πνπ πξνζζέζακε ζην κελνχ “Accommodation”, είλαη έλα module, ζην footer ηεο ζειίδαο, πνπ επηζεκαίλεη ζηνπο επηζθέπηεο λα θνηηάλε ην πξφζζεην πνπ δείρλεη ηνλ θαηξφ ζηελ Κέξθπξα. Δηθόλα 59 : “Press details” module 6.2.5. Contact Σν ζπγθεθξηκέλν κελνχ πεξηέρεη κηα θφξκα επηθνηλσλίαο έηζη ψζηε λα κπνξνχλ νη επηζθέπηεο λα δηαηππψλνπλ εξσηήζεηο, παξαηεξήζεηο, ζρφιηα θιπ. Σε θφξκα απηή ηε δεκηνπξγήζακε κέζσ ηνπ Component SmartFormer, ην νπνίν ζα πεξηγξάςνπκε αλαιπηηθφηεξα ζην επφκελν θεθάιαην. Σελίδα 69 Δηθόλα 60 : Contact menu 6.2.6. Gallery Σν κελνχ gallery πεξηέρεη δπν extensions, έλα Component ηελ FGallery ε νπνία παξνπζηάδεη ζε κνξθή slideshow ηηο θσηνγξαθίεο ησλ δσκαηίσλ αιιά θαη ησλ ινηπψλ ρψξσλ ηνπ μελνδνρείνπ, θαζψο θαη έλα Module ην Panoramic Image Viewer ην νπνίν δείρλεη ζε κνξθή 360 tour έλα θεληξηθφ ζεκείν ηνπ μελνδνρείνπ. Καη ηα δπν απηά πξφζζεηα ζα ηα δνχκε αλαιπηηθφηεξν ζην επφκελν θεθάιαην. 6.2.7. Corfu Σν ζπγθεθξηκέλν menu item απνηειείηαη απφ 3 αθφκα ππνκελνχ, ηα νπνία πεξηέρνπλ ζε γεληθέο γξακκέο πιεξνθνξίεο γηα ην λεζί ηεο Κέξθπξαο: Σν “About Corfu” Σν “Restaurants” θαη ην “Nightlife” Καη ηα ηξία απηά κελνχ απνηεινχληαη απφ απιά άξζξα, εκπινπηηζκέλα κε θσηνγξαθίεο θαη θείκελα, φπσο θαίλεηαη ζηηο παξαθάησ εηθφλεο. Σελίδα 70 Δηθόλα 61 : “About Corfu” article Δηθόλα 62 : “Restaurants” article Σελίδα 71 Δηθόλα 63 : “Nightlife” article 6.3. Δπέκβαζε ζε default ξπζκίζεηο πσο αλαθέξακε θαη παξαπάλσ, ην λα βξεζεί ην ηδαληθφ template είλαη ζρεδφλ αδχλαηνλ. Απηφ πνπ κπνξεί λα γίλεη είλαη λα βξνχκε έλα πνπ ζα’λαη φζν ην δπλαηφλ πην θνληά ζηηο αλάγθεο καο, παξέρνληάο καο φκσο ηε δπλαηφηεηα λα επεκβαίλνπκε θαηά ην κέγηζην ζηηο πξνεπηιεγκέλεο ηνπ ξπζκίζεηο, φπσο είλαη ην ινγφηππν, νη background εηθφλεο, αιιά θαη ηα εηθνλίδηα. ια απηά, θαηoξζψζακε θαη ηα θάλακε, κε ηε βνήζεηα θπζηθά ηνπ FileZilla, γηα ην νπνίν κηιήζακε ζε πξνεγνχκελα θεθάιαηα. ’απηή ηε παξάγξαθν ινηπφλ ζα πεξηγξάςνπκε ηηο κηθξναιιαγέο πνπ θάλακε, ζηελ εκθάληζε θπξίσο, ηνπ πξνηχπνπ καο. 6.3.1. Logo Δθφζνλ δεκηνπξγνχκε ηελ ηζηνζειίδα ελφο μελνδνρείνπ, έλα ζεκαληηθφ ζηνηρείν πνπ πξέπεη λα ζπκπεξηιάβνπκε ζε απηήλ είλαη ην ινγφηππν ηεο επηρείξεζεο, ην νπνίν ζα θέξεη θαη ηελ επσλπκία ηεο. Σν φλνκα ηεο επηρείξεζεο είλαη «Αξίσλ», νπφηε κεηά απφ κηα ζρεηηθή αλαδήηεζε ζην δηαδίθηπν, βξήθακε κηα δσγξαθηά ηνπ William-Adolphe Bouguereau πνπ απεηθνλίδεη ηνλ γλσζηφ Έιιελα πνηεηή θαη θηζαξσδφ Αξίσλα, επάλσ ζε έλα άηη. Δηθόλα 64 : Αξίσλ Σελίδα 72 Χζηφζν, πξνθεηκέλνπ λα θάλνπκε κηα πην νινθιεξσκέλε δνπιεηά, ζα επεμεξγαζηνχκε ηελ εηθφλα ζην Photoshop, έηζη ψζηε λα πξνζζέζνπκε ηελ επσλπκία ηεο επηρείξεζεο, αιιά θαη λα αιιάμνπκε θαη ιίγν ηα ρξψκαηα θαη ην ζηπι. Αξρηθά, ζέινπκε λα αθαηξέζνπκε ην πνξηνθαιί θφλην, νπφηε αλνίγνπκε ηελ εηθφλα καο κε ην Photoshop, θαη κε ηε βνήζεηα ηνπ Magic wand tool επηιέγνπκε ηελ πεξηνρή πνπ καο ελδηαθέξεη, ην πνξηνθαιί θφλην γηα παξάδεηγκα πνπ είλαη επθνινηεξν ζηελ επηινγή, θαη παηάκε “Select inverse”. Δηθόλα 65 : Photoshop – Magic wand tool ηε ζπλέρεηα, ζα θάλνπκε ην θνκκάηη πνπ επηιέμακε (ζπγθεθξηκέλα ηνλ Αξίσλα πάλσ ζην άηη) θαηλνχξην layer, κέζσ ηεο επηινγήο “Layer via cut”. Δηθόλα 66 : Photoshop – Layer via cut Σψξα φπσο ζα δνχκε, ην Photoshop πξάγκαηη δεκηνχξγεζε έλα θαηλχξην layer πνπ πεξηέρεη κφλν ηελ εηθφλα πνπ ζέινπκε, ηνλ Αξίσλα δειαδή. Οπφηε, απηφ πνπ κέλεη λα θάλνπκε είλαη Σελίδα 73 λα ζβήζνπκε ην αξρηθφ καο Layer, ζην νπνίν έρεη απνκείλεη κφλν ην πνξηνθαιί background πνπ ζέιακε λα μεθνξησζνχκε εμ’αξρήο. Δηθόλα 67 : Photoshop – Deleting layer Σν αξρηθφ, αηειέο θπζηθά, απνηέιεζκα ζα είλαη θάπσο έηζη. Χζηφζν, κε κηα πεξαηηέξσ επεμεξγαζία κε ην Magic wand ή θαη κε ην Quick Selection tool κπνξνχκε λα βειηηψζνπκε θαηά πνιχ ην απνηέιεζκα, φπσο ζα δνχκε θαη ζηηο παξαθάησ εηθφλεο. Δηθόλα 68 : Photoshop – Cropped image Σελίδα 74 Δηθόλα 69 : Photoshop – Final cropped image ηε ζπλέρεηα, απηφ πνπ ζέιακε λα θάλνπκε, ήηαλ λα αιιάμνπκε ιίγν ηα ρξψκαηα ζην ζθίηζν καο. Απηφ ην θάλακε κε ηελ βνήζεηα ηνπ Paint Bucket tool θαη αιιάδνληαο ην mode ζε “Darken”, “Soft light” θιπ. Δηθόλα 70 : Paint bucket tool Σψξα, απηφ πνπ καο κέλεη είλαη λα ζεκεηψζνπκε θαη ηελ επσλπκία ηεο επηρείξεζεο κε θάπνηνλ ηξφπν, πάλσ ζηελ εηθφλα πνπ θηηάμακε. Αξρηθά, ζα επηιέμνπκε ην ζθίηζν καο, θαη ζα δεκηνπξγήζνπκε έλα λέν έγγξαθν γηα λα έρνπκε κεγαιχηεξε άλεζε. Σελίδα 75 ηε ζπλέρεηα ζα επηιέμνπκε ην Vertical type tool θαη ζα γξάςνπκε ζηα πιαηλά ηεο εηθφλαο, “Arion Hotel”. Πιένλ, κπνξνχκε λα επεμεξγαζηνχκε φζν ζέινπκε ηε θξάζε πνπ γξάςακε, αιιάδνληάο ηεο γξακκαηνζεηξά, ρξψκα, κέγεζνο θιπ. Δηθόλα 71 : Photoshop –Vertical type tool Μεηά, πξνθεηκέλνπ λα θάλνπκε ηνλ ηίηιν καο λα «δέλεη» θαιχηεξα κε ην ππφινηπν ζθίηζν, ζα ρξεζηκνπνηήζνπκε ην Warp text, γηα λα ηνπο δψζνπκε κηα άιιε κνξθή (“Flag” φπσο ηελ ραξαθηεξίδεη) φπσο θαίλεηαη παξαθάησ. Δηθόλα 72 : Photoshop – Warp text Σελίδα 76 Δηθόλα 73 : Photoshop – Logo with title Έλα ηειεπηαίν ζηνηρείν πνπ ζέινπκε λα πξνζζέζνπκε, είλαη 4 αζηέξηα ζηελ θνξπθή ηεο εηθφλαο καο, θαη γηα ιφγνπο αηζζεηηθήο, αιιά θπξίσο γηα λα επηζεκάλνπκε θαη ηε θαηεγνξία ηνπ μελνδνρείνπ. Η δηαδηθαζία ήηαλ πνιχ απιή, βξήθακε κηα εηθφλα πνπ καο άξεζε θαη αθνχ ηελ θέξακε ζην θαηάιιειν κέγεζνο ηελ θάλακε copy-paste ζην ινγφηππν καο. Δηθόλα 74 : Photoshop – Logo with stars Σελίδα 77 Σψξα, ην ινγφηππφ καο είλαη ζρεδφλ έηνηκν. Θέινπκε φκσο, πξηλ ην ελζσκαηψζνπκε ζηε ζειίδα καο, λα θηηάμνπκε έλα απαιφ glow ηξηγχξσ ηνπ, γηα λα θάλεη ιίγν κεγαιχηεξε αληίζεζε πάλσ ζηελ ηζηνζειίδα καο. Απηφ, ζα ην πεηχρνπκε κε ην πξφγξακκα Fireworks, ην νπνίν αλήθεη επίζεο ζηελ ζνπίηα ηεο Adobe. Δηθόλα 75 : Fireworks – Cropping image Δηθόλα 76 : Fireworks – Cropping image Σελίδα 78 Αθνχ ινηπφλ αλνίμνπκε ηελ εηθφλα καο, ηελ θάλνπκε μαλά crop κε ηε βνήζεηα ηνπ Magic wand tool, πξνθεηκέλνπ λα μεθνησζνχκε ην ιεπθφ background. Αθνχ ηελ ηειεηνπνηήζνπκε, πάκε ζην κελνχ Filters, θαη επηιέγνπκε ην εθέ Glow. Δηθόλα 77 : Fireworks – Glow filter Καηφπηλ ζρεηηθήο επεμεξγαζίαο (ρξψκα θιπ), θηάλνπκε ηειηθά ζην επηζπκεηφ απνηέιεζκα. Δηθόλα 78 : Fireworks – Glow filter Σελίδα 79 Δηθόλα 79 : Fireworks – Glow filter (final) Σέινο, πξνθεηκέλνπ λα «πεξάζνπκε» ηελ εηθφλα (ινγφηππν) πνπ δεκηνπξγήζακε ζηελ ηζηνζειίδα καο, ζα αλνίμνπκε ην FileZilla. Απφ εθεί, αθνχ ζπλδεζνχκε, αθνινπζψληαο ην path πνπ πξέπεη (ζπγθεθξηκέλα “images-logo-style3”), αλεβάδνπκε ην ινγφηππν πνπ θηηάμακε, θαη ην αληηθαζηζηνχκε κε απηφ πνπ είρε ην template καο σο πξνεπηιεγκέλν, δίλνληαο ηνπ θαη ην αληίζηνηρν φλνκα. Δηθόλα 80 : FileZilla – logo Σψξα, κπνξνχκε λα δνχκε ην ινγφηππν καο, ζηελ ηζηνζειίδα καο. Σελίδα 80 Δηθόλα 81 : Logo 6.3.2. Background Έλα άιιν ζηνηρείν πνπ ζέιακε λα αιιάμνπκε ζηε ζειίδα καο, έηζη ψζηε λα επεμεξγαζηνχκε ιίγν αθφκα ηελ εκθάληζή ηεο ήηαλ ε εηθφλα ηνπ θνξπθαίνπ background. Αθνχ ινηπφλ είρακε ήδε επηιέμεη ην style 3 ηνπ template καο (θαθέ/κπνξληψ απνρξψζεηο), δηαιέμακε κηα θσηνγξαθία, ε νπνία ηαίξηαδε θαηά πνιχ ζηε ζπλνιηθή εηθφλα. Έηζη, ηελ επεμεξγαζηήθακε κε ην Photoshop, πξνθεηκέλνπ λα πεηξάμνπκε ιίγν ην opacity, έηζη ψζηε ην απνηέιεζκα λα δείρλεη θάπσο πην θπζηθφ. Δηθόλα 82 : Original εηθόλα Σελίδα 81 Δηθόλα 83 : Δηθόλα θαηόπηλ επεμεξγαζίαο Σέινο, αλεβάδνπκε ηελ εηθφλα κέζσ FileZilla, ζην θαηάιιειν θάθειν (backgrounds αξρείν “bg-high.jpg”) θαη ε εηθφλα ηνπ θνξπθαίνπ background αληηθαζίζηαηαη άκεζα. Δηθόλα 84: Upload εηθόλαο κε FileZilla Σελίδα 82 6.3.3. Icons Μηα άιιε αιιαγή πνπ ζθεθηήθακε λα θάλνπκε ζηελ ηζηνζειίδα καο, ήηαλ ε πξνζζήθε λέσλ icons πξηλ απφ θάζε Menu item, γηα λα κελ αλαγθαζηνχκε λα ρξεζηκνπνηήζνπκε ηα πξνεπηιεγκέλα ηνπ template καο. Έηζη, ελψ ηα default icons ήηαλ απηά πνπ θαίλνληαη παξαθάησ, εκείο εληνπίζακε θάπνηα ιίγν δηαθνξεηηθά ζην δηαδίθηπν, νπφηε κέζσ ηνπ FileZilla, αλεβάζακε ηα λέα θαη ηνπνζεηήζακε ην θαζέλα ζηελ θαηάιιειε ζέζε, κέζσ θάπνησλ ξπζκίζεσλ ζην Main Menu. ια απηά θαίλνληαη ζηηο παξαθάησ εηθφλεο. Δηθόλα 85 : Default icons Δηθόλα 86 : New icons Δηθόλα 87 : Πξνζζήθε λέσλ icons κε FileZilla Σελίδα 83 Δηθόλα 88 : Πξνζζήθε λέσλ icons ζηα Menu items 6.3.4. Πξνζζήθε εηθφλσλ ζε modules Κάηη άιιν πνπ ζθεθηήθακε λα θάλνπκε γηα λα αιιάμνπκε ιίγν αθφκα ην design ηεο ζειίδαο καο, ήηαλ ε πξνζζήθε κηαο εηθφλαο ζηελ θνξπθή θαη ζην ηέινο πεξίπνπ ησλ πεξηερνκέλσλ θάζε ζειίδαο. Η εηθφλα πνπ επηιέμακε ήηαλ απηή(ε νπνία είλαη ζαθψο ιίγν πεηξαγκέλε ζην Photoshop, γηα λα θαηαιήμεη ζην ζρήκα πνπ ζέιακε): Δηθόλα 89 : Δηθόλα γηα design Χζηφζν, ε ηνπνζέηεζή ηεο ζηα ζεκεία πνπ ζέινπκε, κπνξεί λα γίλεη –ζσζηφηεξα- κφλν κέζσ θάπνησλ module πνπ γηα ηελ ψξα δελ είρακε αθφκα ρξεζηκνπνηήζεη. Δπηιέμακε ινηπφλ δχν module, ζηηο ζέζεηο “bottom-a” θαη “content top-a”, θαη ηνπνζεηήζακε εθεί ηελ εηθφλα πνπ ζέιακε. Σελίδα 84 Δηθόλα 90 : Module “bottom-a” Δηθόλα 91 : Module “content top-a” Έηζη, ην απνηέιεζκα ζην site καο θαίλεηαη παξαθάησ. Σελίδα 85 Δηθόλα 92 : Δηθόλεο γηα design Χζηφζν, εηθφλα ζπλνδεία θεηκέλνπ πξνζζέζακε θαη ζε έλα κεκνλσκέλν menu item ζηελ ηζηνζειίδα καο, ζπγθεθξηκέλα ζην Gallery, ζέινληαο απιψο λα επηζεκάλνπκε ζηνλ επηζθέπηε ηη αθξηβψο ζα δεη ζηελ ελ ιφγσ ζειίδα. Δηθόλα 93 : Module “gallery” Σελίδα 86 Έηζη, ην κελνχ Gallery ζα θαίλεηαη σο εμήο. Δηθόλα 94 : Δηθόλα & θείκελν γηα design 6.3.5. Κψδηθαο JavaScript Κάηη άιιν πνπ ζα ζέιακε λα πξνζζέζνπκε ζηελ ηζηνζειίδα καο, είλαη έλα θνκκάηη JavaScript θψδηθα, ην νπνίν ζα εκπινπηίζεη κε έλα κηθξφ εθέ ην site καο. πγθεθξηκέλα, ζα αθνινπζεί ηνλ θέξζνξά καο κηα ζεηξά απφ αζηεξάθηα. Σν θνκκάηη απηφ θψδηθα, ην είρακε βξεη ζην δηαδίθηπν, σζηφζν ην ρξψκα ησλ αζηεξηψλ δελ ηαίξηαδε κε ην θφλην ηεο ζειίδαο καο, νπφηε ηνλ δηνξζψζακε, θαη αιιάμακε ηελ παξάκεηξν πνπ θαζφξηδε ηνλ θσδηθφ ηνπ ρξψκαηνο. Παξαθάησ θαίλεηαη ν θψδηθαο πνπ ρξεζηκνπνηήζακε. <script type="text/javascript"> // <![CDATA[ var colour="#f0f"; ηελ αιιάμακε, θαη βάιακε ην ρξώκα κε θσδηθό "#CFB52B"(ρξπζό) var sparkles=50; /**************************** * Tinkerbell Magic Sparkle * * (c) 2005 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ (……………………………………) Σελίδα 87 [ΓΔΙΣΔ ΟΛΟΚΛΗΡΟ sparkles.php] ΣΟΝ ΚΧΓΙΚΑ ΣΗ ΔΛΙΓΑ : http://www.snazzyspace.com/tumblr/mouse- Σνλ παξαπάλσ θψδηθα ηνλ ελζσκαηψζακε ζε έλα λέν Module πνπ δεκηνπξγήζακε γηα απηφ ην ζθνπφ, θαη ηνλ νπνίν ζα εθαξκφζνπκε ζε φια ηα menu items. Δηθόλα 95 : Γεκηνπξγία “star” module Σελίδα 88 ΚΔΦΑΛΑΙΟ 7 : ΠΡΟΘΔΣΑ ΔΡΓΑΛΔΙΑ 7.1. Extensions πσο αλαθέξακε θαη ζηα πξνεγνχκελα θεθάιαηα, είλαη αξθεηά δχζθνιν λα βξνχκε έλα template πνπ ζα θαιχπηεη πιήξσο φιεο καο ηηο πξνζδνθίεο. Γηα ην ιφγν απηφ, ππάξρνπλ ηα πξφζζεηα εξγαιεία (extensions), ηα νπνία κπνξεί λα είλαη απφ components, κέρξη modules θαη plug-ins. Έγθεηηαη ζε εκάο λα επηιέμνπκε ηη ρξεηάδεηαη ην site θάζε θνξά. ’ απηή ηε παξάγξαθν ινηπφλ ζα δνχκε αλαιπηηθά φια ηα πξφζζεηα εξγαιεία πνπ ρξεζηκνπνηήζακε θαηά ηε δηάξθεηα αλάπηπμεο ηεο ηζηνζειίδαο καο. 7.1.1. Smart former extension Σν template πνπ επηιέμακε θαη δείμακε παξαπάλσ, δελ καο παξείρε θάπνηα θφξκα επηθνηλσλίαο, φπσο θάλεθε. Οπφηε, γηα λα ην θαηαθέξνπκε απηφ, αλαδεηήζακε ζην δηαδίθηπν κηα θαηάιιειεο κνξθήο θφξκα, γηα λα ηελ ελζσκαηψζνπκε ζην site καο, ηφζν ζε ζηπι θφξκαο επηθνηλσλίαο, φζν θαη ζε ζηπι θφξκαο θξαηήζεσλ δσκαηίσλ, φπσο ζα δείμνπκε παξαθάησ. Σν extension πνπ επηιέμακε, ιέγεηαη Smart Former, θαη είλαη έλα απιφ θαη ρξήζηκν εξγαιείν ζρεδίαζεο θνξκψλ ζην Joomla. Παξαθάησ, θαίλεηαη ε πεξηγξαθή ηνπ. Δηθόλα 96 : Smartformer extension Σελίδα 89 ηε ζπλέρεηα ζα δείμνπκε θάπνηεο εηθφλεο κε ηνλ ηξφπν ιεηηνπξγίαο ηνπ, θαζψο θαη ηνλ ηξφπν πνπ θαηαζθεπάζακε ηηο δηθέο καο θφξκεο επηθνηλσλίαο. Δηθόλα 97 : Smartformer extension πσο θαίλεηαη παξαθάησ, έρνπκε δεκηνπξγήζεη δπν έμηξα αληίγξαθα, απ’ ηα νπνία ην έλα νλνκάζακε Contact θαη ην άιιν Reservation. Δηθόλα 98 : Δπεμεξγαζία Smartformer To Contact Form πνπ ππήξρε ήδε ζην smart former φπσο βιέπνπκε, απέρεη ιίγν απφ ηα δηθά καο δεηνχκελα, γη’ απηφ θαη ζα ην πξνζαξκφζνπκε ζηηο αλάγθεο ηεο επηρείξεζεο. Γηα αξρή, ζα θηηάμνπκε κηα απιή θφξκα επηθνηλσλίαο. Σελίδα 90 Δηθόλα 99 : Γεκηνπξγία Contact form ηνηρεία φπσο ην Upload File θαη Company ζα παξαιεθζνχλ. Δηθόλα 100 : Γεκηνπξγία Contact form ηε ζπλέρεηα ζα δείμνπκε ηελ θφξκα θξαηήζεσλ πνπ δεκηνπξγήζακε. Απηή πεξηέρεη επηινγή εκεξνκεληψλ, αξηζκφ θαη ηχπν δσκαηίσλ θιπ. Σελίδα 91 Δηθόλα 101 : Γεκηνπξγία Reservation form Γεμηά, ν πίλαθαο Available Elements πεξηέρεη ηα ζηνηρεία πνπ καο πξνζθέξεη ην Smart Former γηα ην ρηίζηκν ηεο θφξκαο καο. Ο πίλαθαο Element Properties, καο επηηξέπεη λα παξέκβνπκε ζηε κνξθνπνίεζε θάζε ζηνηρείνπ θαη λα ην κεηαηξέςνπκε ζε φηη επηζπκνχκε. 7.1.2. Panoramic Image Viewer extension ηαλ παξνπζηάδνπκε θαη πξνσζνχκε κηα επηρείξεζε κέζσ Internet, έλα θαιφ ζηνηρείν πνπ κπνξνχκε λα πεξηιάβνπκε είλαη έλα εξγαιείν γηα virtual tour. Με απηφ, νη επηζθέπηεο ζα έρνπλ ηε δπλαηφηεηα λα «πεξηεγεζνχλ» ζε έλα θεληξηθφ ζεκείν ηνπ μελνδνρείνπ θαη λα απνθηήζνπλ κηα θαιχηεξε αληίιεςε ηνπ ρψξνπ. Τπάξρνπλ πιένλ πνιιά πξνγξάκκαηα ζηελ αγνξά, ηα νπνία θάλνπλ απηφκαηα απηφ πνπ δεηάκε. Δκείο δειαδή δίλνπκε απιά ζαλ Input ηηο θσηνγξαθίεο πνπ ηξαβήμακε, θαη απηφ ηηο ζπλζέηεη απηφκαηα, θαη καο θάλεη ηελ εηθνληθή πεξηήγεζε. Χζηφζν, εκείο βξήθακε κηα άιιε (αλέμνδε) ιχζε γηα λα θηάζνπκε ζην επηζπκεηφ απνηέιεζκα. Σξαβήμακε θσηνγξαθίεο απφ έλα θεληξηθφ ζεκείν ηνπ μελνδνρείνπ κε έλαλ επξπγψλην θαθφ, θαη «θαιχςακε» έλαλ νιφθιεξν θχθιν. ηε ζπλέρεηα πήξακε απηέο ηηο θσηνγξαθίεο θαη κέζσ ηεο ηδηφηεηαο Photomerge ηνπ Adobe Photoshop, θαηνξζψζακε λα «ζπξξάςνπκε» απηέο ηηο θσηνγξαθίεο καδί (θάηη πνπ ζα δείμνπκε θαη ζηελ επφκελε παξάγξαθν). ηε ζπλέρεηα ζα ρξεζηκνπνηήζνπκε ην πξφζζεην πνπ θαηεβάζακε απφ κέιε ηεο θνηλφηεηαο ηνπ Joomla, πξνθεηκέλνπ λα παξάγνπκε θαη έλα Virtual tour. Σν πξφζζεην απηφ είλαη ην Panoramic Image Viewer module. Απηφ παίξλεη σο είζνδν κηα θαη κνλαδηθή θσηνγξαθία θαη ζηε ζπλέρεηα ηελ πξνβάιιεη απηφκαηα κφλν ηνπ. Η θσηνγξαθία σζηφζν, γηα λα γίλεη ζσζηά ε δηαδηθαζία, πξέπεη λα είλαη παλνξακηθή, θαη λα απεηθνλίδεη έλαλ πιήξε θχθιν. Απηφ, θαηαθέξακε λα ην θάλνπκε κέζσ ηεο ηδηφηεηαο Photomerge tνπ Photoshop. Κάηη πνπ ζα εμεγήζνπκε ζηε ζπλέρεηα. Γηα ηελ ψξα, ζα δνχκε ηελ πεξηγξαθή ηνπ. Σελίδα 92 Δηθόλα 102 : Panoramic Image Viewer extension Η δηαδηθαζία ελεξγνπνίεζήο ηνπ είλαη αξθεηά απιή. Καηαξράο ην εληνπίδνπκε απφ ην κελνχ Module Manager θαη ζηε ζπλέρεηα ξπζκίδνπκε ηα πεδία πνπ καο ελδηαθέξνπλ. Γειαδή ην πνπ ζα εκθαλίδεηαη απφ ην position, ζε πνην απφ ηα κελνχ (ζην Photo gallery), ηηο δηαζηάζεηο ηνπ, θαη ηελ ηνπνζεζία πνπ βξίζθεηαη ε θσηνγξαθία-παλφξακα πνπ έρνπκε δεκηνπξγήζεη. Δηθόλα 103 : Δπεμεξγαζία Panoramic Image Viewer Σελίδα 93 7.1.2.1. Photoshop – photomerge Σν Photomerge είλαη κηα ηδηφηεηα ηνπ Photoshop πνπ καο βνεζά λα θάλνπκε stitch ηηο θσηνγξαθίεο καο θαη ε νπνία φπσο είπακε θαη παξαπάλσ καο βνήζεζε λα δεκηνπξγήζνπκε ηελ θσηνγξαθία πνπ δψζακε ζαλ input ζην Panoramic Image viewer plugin. Δίλαη κηα αξθεηά απιή δηαδηθαζία, θαη παξαθάησ ζα δείμνπκε πσο αθξηβψο γίλεηαη. Σν ζεκαληηθφηεξν γηα λα έρνπκε έλα νξζφ απνηέιεζκα είλαη λα επηιέμνπκε ηνλ θαηάιιειν θσηνγξαθηθφ θαθφ, θαη λα ηξαβήμνπκε ηηο θσηνγξαθίεο καο γχξσ απφ έλαλ ζπγθεθξηκέλν άμνλα. Πξέπεη λα ειαρηζηνπνηήζνπκε ην ηξέκνπιν, θαη ηελ κεηαθίλεζε ηεο κεραλήο πάλσ-θάησ, γηαηί ηφηε ην Photoshop δελ ζα κπνξέζεη λα ζπξξάςεη ηηο θσηνγξαθίεο καο. Κάηη άιιν πνπ πξέπεη λα έρνπκε ζην λνπ καο, είλαη φηη θάζε θσηνγξαθία καο πξέπεη λα «θαιχπηεη» έλα 30%-40% ηεο επηθάλεηαο ηεο πξνεγνχκελεο θσηνγξαθίαο, έηζη ψζηε ην πξφγξακκα λα κπνξέζεη λα «δεη» ηα θνηλά ζεκεία θαη λα θάλεη ζσζηά ην stitch. Γηα λα θαηαιάβνπκε ιίγν θαιχηεξα ηη γίλεηαη, ζα εμεγήζνπκε αλαιπηηθά ηε δηαδηθαζία. Αλνίγνληαο ινηπφλ ην Photoshop, επηιέγνπκε ηελ ηδηφηεηα Photomerge. Δηθόλα 104 : Photomerge ηε ζπλέρεηα ζα εληνπίζνπκε ηηο θσηνγξαθίεο πνπ ηξαβήμακε, θαη ζα επηιέμνπκε ηνλ ηξφπν κε ηνλ νπνίν ζέινπκε λα γίλεη ην Merge (πρ Perspective, Cylindrical, Spherical, Collage, Reposition), θαζψο θαη νξηζκέλεο πξφζζεηεο επηινγέο, φπσο ην Vignette Removal αιιά θαη ην Geometric Distortion Correction. Σελίδα 94 Δηθόλα 105 : Γηαιέγνληαο ηηο θσηνγξαθίεο Δηθόλα 106 : Merging layers Σελίδα 95 Δηθόλα 107 : Απνηέιεζκα merging πσο βιέπνπκε παξαπάλσ, ην απνηέιεζκα πνπ πξνθχπηεη είλαη θάπσο αηειέο. Γη’ απηφ θαη ζα επηρεηξήζνπκε λα δηνξζψζνπκε ιίγν ηελ εηθφλα σο εμήο. Αξρηθά κε ηε βνήζεηα είηε ηνπ Magnetic Lasso tool είηε ηνπ Magic Wand, επηιέγνπκε ζηγά ζηγά φια ηα «θελά» πνπ έρνπλ απνκείλεη. ηε ζπλέρεηα, θάλνπκε delete κε ηελ επηινγή Content Aware. Απηφ, ζα καο βειηηψζεη θαηά πνιχ ηε θσηνγξαθία καο. Σέινο, κε ηε βνήζεηα ηνπ Stamp tool δηνξζψλνπκε φηη ιεπηνκέξεηεο έρνπλ απνκείλεη. Σν ηειηθφ καο απνηέιεζκα θαίλεηαη παξαθάησ. Δηθόλα 108 : Σειηθό απνηέιεζκα Σελίδα 96 7.1.3. Google maps extension Έλα άιιν πξφζζεην πνπ ζα θαλεί ηδηαίηεξα ρξήζηκν γηα ηνπο επηζθέπηεο, είλαη έλαο εηθνληθφο ράξηεο, πνπ ζα δείρλεη ηε αθξηβή ηνπνζεζία ηνπ μελνδνρείνπ. Θα ηνπο δίλεη φκσο παξάιιεια θαη ηελ δπλαηφηεηα λα παίξλνπλ νδεγίεο γηα δηάθνξνπο βαζηθνχο πξννξηζκνχο, φπσο πρ ην ιηκάλη, ην αεξνδξφκην ή φπνπ απηνί επηζπκνχλ. Σν πξφζζεην πνπ ρξεζηκνπνηήζακε είλαη ην Google Maps plugin. Παξαθάησ θαίλεηαη ε πεξηγξαθή ηνπ, φπσο ηελ δίλεη ε ηζηνζειίδα κε ηα επίζεκα extensions γηα Joomla. Δηθόλα 109 : Google maps extension Πξνθεηκέλνπ λα ην ελεξγνπνηήζνπκε, αξθεί απιά, αθνχ ην εγθαηαζηήζνπκε, λα θάλνπκε ηηο θαηάιιειεο ξπζκίζεηο κέζσ ηνπ Plugin manager. Σελίδα 97 Δηθόλα 110 : Δπεμεξγαζία Google maps Οη βαζηθφηεξεο απφ απηέο είλαη ην κέγεζνο πνπ ζα έρεη ν ράξηεο καο, ε ζέζε πνπ ζα εκθαληζηεί, νη ηχπνη ησλ ραξηψλ πνπ ζα ππάξρνπλ, ην zoom level, θαζψο θαη ιεπηνκέξεηεο γηα ην πψο ζα θαίλεηαη ην πιαίζην “get directions” κέζσ ηνπ νπνίνπ ν επηζθέπηεο ζα δεηά νδεγίεο. Έλα δείγκα ηνπ ράξηε καο θαίλεηαη παξαθάησ. Δηθόλα 111 : Υάξηεο Google maps Χζηφζν, κηα έμηξα ξχζκηζε πνπ θάλακε, γηα λα δνπιέςεη έηζη ν ράξηεο καο, ήηαλ ε δεκηνπξγία ελφο λένπ module, ην νπνίν πεξηέρεη έλα ζχληνκν θνκκάηη θψδηθα. Απηφ θαίλεηαη παξαθάησ, κέζσ ην κελνχ module manager. Σελίδα 98 Δηθόλα 112 : Δπεμεξγαζία Google maps Δδψ νξηζηηθνπνηνχκε θάπνηεο παξακέηξνπο, φπσο ην κέγεζνο, ην επίπεδν ηνπ δνπκ, ηελ γεσγξαθηθή ζέζε πνπ ζέινπκε λα πξνβάιινπκε θαζψο θαη ηνλ ηχπν ηνπ ράξηε. 7.1.4. Flash gallery extension Σν extension πνπ ζα δείμνπκε ζηε ζπλέρεηα είλαη έλα component πνπ ζα ρξεζηκνπνηήζνπκε ζην κελνχ “Photo gallery” ηεο ζειίδαο καο. Απηφ ζα πεξηιακβάλεη σο επί ην πιείζηνλ θσηνγξαθίεο ησλ δσκαηίσλ ηνπ μελνδνρείνπ. Μηα ζχληνκε πεξηγξαθή ηνπ εξγαιείνπ απηνχ θαίλεηαη παξαθάησ. Δηθόλα 113 : Flash gallery extension Σελίδα 99 Σν ζπγθεθξηκέλν component πεξηέρεη πνιιά δηαθνξεηηθά ζηπι gallery. Δκείο επηιέμακε ζπγθεθξηκέλα ην “airion”, ην νπνίν ήηαλ ην πην πξνζηηφ ζηνπο επηζθέπηεο. Αθνχ ην εγθαηαζηήζακε, πήγακε ζην κελνχ Components, θαη δεκηνπξγήζακε κηα λέα Gallery, κέζσ ησλ ξπζκίζεσλ πνπ θαίλνληαη παξαθάησ. Δηθόλα 114 : Φηηάρλνληαο κηα gallery ηε ζπλέρεηα ζα δεκηνπξγήζνπκε έλα άξζξν, ην νπνίν θαη ζα ζπλδέζνπκε κε ην κελνχ φπνπ ζέινπκε λα εκθαληζηεί ε gallery καο. Σν άξζξν απηφ ζα πεξηέρεη έλα κφλν κηθξφ θνκκάηη θψδηθα, ην νπνίν ζα νξηζηηθνπνηεί ην κέγεζνο, ην ρξψκα ηνπ background, ηνλ ηχπν ηεο Gallery θαη ην φλνκά ηεο. Δηθόλα 115 : Φηηάρλνληαο κηα gallery Έλα δείγκα ηεο Gallery πνπ ζα δείμνπκε ζηε ζειίδα καο θαίλεηαη παξαθάησ. Σελίδα 100 Δηθόλα 116 : Γείγκα ηεο gallery 7.1.5. RS Flashion extension Σν επφκελν extension πνπ ζα δείμνπκε, είλαη έλα slideshow, ην νπνίν ρξεζηκνπνηήζακε ζηελ θεληξηθή καο ζειίδα, θαη ζα παίδεη απηφκαηα θαηά ηελ είζνδν ηνπ επηζθέπηε ζε απηήλ. Μηα ζχληνκε πεξηγξαθή ηνπ θαίλεηαη παξαθάησ. Δηθόλα 117 : RS Flashion extension Σελίδα 101 Δίλαη έλα Module, ην νπνίν αθνχ ην εγθαηαζηήζακε κε ηνλ γλσζηφ ηξφπν, κέζσ ηνπ Module manager ξπζκίδνπκε θάπνηεο βαζηθέο παξακέηξνπο ηνπ, φπσο ην κέγεζνο αιιά θαη ην Path φπνπ ζα βξίζθνληαη νη θσηνγξαθίεο γηα ην slideshow. Δηθόλα 118 : Δπεμεξγαζία RS Flashion Παξαθάησ, θαίλεηαη έλα δείγκα ηνπ slideshow, φπσο ζα παξνπζηάδεηαη ζηε ζειίδα καο. Δηθόλα 119 : Γείγκα slideshow Σελίδα 102 7.1.6. Mambweather extension ηε ζπλέρεηα, ζα παξνπζηάζνπκε έλα module, ην νπνίν έρεη ηε δπλαηφηεηα λα καο δείρλεη ηνλ θαηξφ ζην ζεκείν πνπ ζα ηνπ νξίζνπκε. Λέγεηαη Mambweather θαη παξαθάησ θαίλεηαη κηα ζχληνκε πεξηγξαθή ηνπ. Δηθόλα 120 : MambWeather extension Σν ζπγθεθξηκέλν module είλαη αξθεηά εχθνιν ζηε ρξήζε ηνπ. Αθνχ ην εγθαηαζηήζνπκε, κπαίλνπκε ζην module manager θαη ξπζκίδνπκε θάπνηεο παξακέηξνπο φπσο ην Metar station ηεο πεξηνρήο φπνπ ζέινπκε λα γίλνληαη νη κεηεσξνινγηθέο πξνβιέςεηο, ην φλνκα ηεο πεξηνρήο, ην time zone θιπ. Δηθόλα 121 : Δπεμεξγαζία MambWeather Σελίδα 103 7.1.7. AllVideos extension Σν AllVideos είλαη έλα Component, ην νπνίν ζα καο βνεζήζεη λα πξνβάιινπκε έλα βίληεν πνπ έρνπκε θηηάμεη κε ηε βνήζεηα ηνπ Premiere (παξαθάησ ζα δείμνπκε πσο) ζηελ ηζηνζειίδα καο, ζε φπνην position ζέινπκε. Παξαθάησ, θαίλεηαη κηα ζχληνκε πεξηγξαθή ηνπ. Δηθόλα 122 : AllVideos extension Αξρηθά ζα αλεβάζνπκε ην βίληεφ καο ζ’ έλα ινγαξηαζκφ ζην youtube.com. ηε ζπλέρεηα, αθνχ εγθαηαζηήζνπκε θαη ελεξγνπνηήζνπκε ην extension καο, ζα θηηάμνπκε έλα λέν module. Δηθόλα 123 : Δπεμεξγαζία AllVideos Μέζα ζε απηφ ην λέν Module, ζα γξάςνπκε ηελ εμήο ζχληνκε γξακκή θψδηθα: {youtube width="420" height="290"}URL βίληεν{/youtube}. 7.1.7.1. Adobe Premiere Κάηη επηπιένλ πνπ ζέιακε ινηπφλ λα πξνζζέζνπκε ζηελ ηζηνζειίδα καο, είλαη κηα ζεηξά θσηνγξαθηψλ ηεο Κέξθπξαο, πξνθεηκέλνπ λα παξνπζηάζνπκε ηηο νκνξθηέο ηνπ λεζηνχ Σελίδα 104 θαη λα δειεάζνπκε ηνλ επηζθέπηε. Αθφκα θαιχηεξν ζα ήηαλ αλ απηέο νη εηθφλεο ζπλνδεχνληαλ θαη απφ θάπνηα κνπζηθή. Γηα απηή ηε δνπιεηά ινηπφλ, επηιέμακε ην Adobe Premiere, ην νπνίν ζα καο βνεζήζεη λα θηηάμνπκε έλα slideshow ζπλνδεία κνπζηθήο θαη ίζσο θάπνησλ εθέ. Αλνίγνπκε ινηπφλ ην πξφγξακκα, θαη έρνληαο θάλεη έλα πξνθίι κε ηηο θαηάιιειεο ξπζκίζεηο, πάκε λα δεκηνπξγήζνπκε έλα λέν Project. Δηθόλα 124 : Γεκηνπξγία λένπ Project Δηθόλα 125 : Γεκηνπξγία λένπ Project Παξαθάησ, ζα δνχκε πσο εμειίρζεθε ην project καο, κεηά ηελ πξνζζήθε εηθφλσλ, κνπζηθήο, video transitions θαη titles. Σελίδα 105 Δηθόλα 126 : Υώξνο επεμεξγαζίαο Η παξαπάλσ εηθφλα απεηθνλίδεη ην βίληεφ καο ζηελ ηειηθή ηνπ ζρεδφλ κνξθή. Βιέπνπκε έλα κηθξφ preview πάλσ δεμηά, ελψ ζην θεληξηθφ παξάζπξν θάησ, θαίλνληαη φια ηα αξρεία, θσηνγξαθίεο, ηίηινη θαη audio, πνπ ζπληεινχλ ην project καο. 7.1.8. Anything tabs extension Σν Anything tabs είλαη έλα plugin ην νπνίν ζα πξνζζέζεη ζηελ ηζηνζειίδα καο απηά ηα γλσζηά «θαξηειάθηα» (tabs) πνπ παξαπέκπνπλ ζην facebook page ηεο εθάζηνηε επηρείξεζεο, ην twitter θιπ. ηε ζπγθεθξηκέλε πεξίπησζε βέβαηα, εθφζνλ πξφθεηηαη γηα «εηθνληθά» ζηνηρεία, ηα tabs πνπ ζα ηνπνζεηήζνπκε εκείο ζα παξαπέκπνπλ ζην Home Page ηεο θάζε ζειίδαο. Αο δνχκε ηψξα παξαθάησ κηα ζχληνκε πεξηγξαθή ηνπ plugin απηνχ. Σελίδα 106 Δηθόλα 127 : Anything Tabs extension Αθνχ ινηπφλ ην αλεβάζνπκε θαη ην ελεξγνπνηήζνπκε, ζηε ζπλέρεηα κέζσ ηνπ Plugin manager θάλνπκε ηηο θαηάιιειεο ξπζκίζεηο. Σξία είλαη ηα tabs πνπ ζέινπκε λα εκθαλίζνπκε, γηα Facebook, γηα Twitter θαη έλα γηα ην youTube. πκπιεξψλνπκε ινηπφλ ηηο δηεπζχλζεηο, έλα Welcome text, έλα εηθνλίδην γηα λα ηα ζπλνδεχζεη θαη είλαη έηνηκα. Δηθόλα 128 : Anything Tabs extension Σελίδα 107 7.1.9. Artclock extension Σν πξφζζεην απηφ έρεη ηε δπλαηφηεηα λα εκθαλίζεη ηελ ψξα ζε νπνηαδήπνηε ρψξα ηνπ θφζκνπ, πξνζθέξνληάο καο θαη κηα πιεζψξα απφ δηαθνξεηηθά ην ζηπι. Μηα ζχληνκε πεξηγξαθή ηνπ θαίλεηαη παξαθάησ. Δηθόλα 129 : Art clock module Δκείο επηιέμακε λα εκθαλίδνληαη 4 δηαθνξεηηθά ξνιφγηα δείρλνληαο ηελ ψξα ζε Αζήλα, Βεξνιίλν, Λνλδίλν, Μφζρα θαη Ν. Τφξθε. Απηφ ην επηηχρακε, ζέηνληαο ζε θάζε ξνιφη ην ζσζηφ GMT Offset. Δηθόλα 130 : Art clock module Σελίδα 108 Έλα δείγκα ηνπ πσο θαίλνληαη ηα ξνιφγηα ζηε ζειίδα καο θαίλεηαη παξαθάησ. Δηθόλα 131 : Art clock module 7.1.10.Flash extension Με ην πξφζζεην απηφ επηηπγράλνπκε ην upload θαη ηε ρξήζε flash αξρείσλ ζηε ζειίδα καο. Δηθόλα 132 : The Flash module Η ρξήζε ηνπ είλαη πνιχ εχθνιε, απιψο θάζε θνξά πνπ ζέινπκε λα αλεβάζνπκε έλα flash αξρείν ζηε ζειίδα καο δεκηνπξγνχκε έλα λέν Flash module θαη θάλνπκε ηηο θαηάιιειεο ξπζκίζεηο, δίλνληαο ην path, ην φλνκα ηνπ αξρείνπ, ην κέγεζνο θιπ. Σελίδα 109 Δηθόλα 133 : The Flash module 7.1.10.1. Swish Max ε απηή ηε παξάγξαθν ζα δνχκε ιίγν αλαιπηηθφηεξα πσο δεκηνπξγήζακε ηα αξρεία flash πνπ θάλακε upload ζηε ζειίδα καο, κέζσ ηνπ Flash module πνπ παξνπζηάζακε παξαπάλσ. Σν πξφγξακκα πνπ ρξεζηκνπνηήζακε είλαη ην Swish max, εξγαιείν θαηάιιειν γηα ηα απιά απηά αξρεία πνπ ζέιακε λα ελζσκαηψζνπκε ζηε ζειίδα καο. Σν πξψην flash πνπ βάιακε, ήηαλ απηφ ζηε θεληξηθή ζειίδα, ην νπνίν δηαθεκίδεη ηηο πξνζθνξέο πνπ παξέρεη ην μελνδνρείν ζε ζπγθεθξηκέλεο πεξηφδνπο. Σελίδα 110 Δηθόλα 134 : “Special Offers” flash Σν flash απηφ πεξηέρεη έλα θείκελν θαη κηα εηθφλα, ζηα νπνία έρνπκε πξνζζέζεη θάπνηα εθέ, γηα λα δείρλεη πην εληππσζηαθή ε είζνδφο ηνπο ζηε ζειίδα. Σα έρνπκε επίζεο κεηαηξέςεη θαη ζε buttons, έηζη ψζηε παηψληαο επάλσ ηνπο ν επηζθέπηεο λα κεηαθέξεηαη απηφκαηα ζηε ζειίδα φπνπ ζα δείρλεη αλαιπηηθά ηηο πξνζθνξέο ηνπ μελνδνρείνπ. Απηφ ην θάλακε κε ηε βνήζεηα ηνπ script πνπ θαίλεηαη παξαθάησ, ζην νπνίν δψζακε ην Url ηεο ζειίδαο πνπ είπακε. Δηθόλα 135 : “Special Offers” flash Σελίδα 111 Έλα άιιν πνιχ απιφ Flash πνπ ρξεζηκνπνηήζακε ήηαλ έλα ζην “Contact” menu, θαη ην νπνίν επηζεκαίλεη ζηνπο επηζθέπηεο φηη ζπκπιεξψλνληαο ηα ζηνηρεία ηνπο, κπνξνχλ λα θάλνπλ νπνηαδήπνηε εξψηεζε επηζπκνχλ ζην μελνδνρείν. Απηφ απνηειείηαη απφ έλα απιφ θείκελν ζπλδπαζκέλν κε θάπνηα εθέ. Δηθόλα 136 : “Contact” flash Έλα άιιν flash πνπ ζέιακε λα πξνζζέζνπκε ζηελ ηζηνζειίδα καο, ήηαλ ζην “Corfu” menu κηα παλνξακηθή θσηνγξαθία ηεο Κέξθπξαο, ε νπνία ζέιακε λα «εηζέξρεηαη» ζηε ζειίδα κε ιίγν πην ηδηαίηεξν ηξφπν. Απηφ θπζηθά επεηεχρζε κε ηε βνήζεηα πξνζζήθεο εθέ επάλσ ζηελ ίδηα ηε θσηνγξαθία. Σελίδα 112 Δηθόλα 137 : “Corfu” flash Σα δπν ηειεπηαία flash πνπ ελζσκαηψζακε ζηελ ζειίδα καο, ήηαλ ζε κνξθή ιεδάληαο πνπ παξαπέκπνπλ ηνλ επηζθέπηε λα δεη ιεπηνκέξεηεο ηνπ θαηξνχ ζηελ Κέξθπξα θαη λα παξαθνινπζήζεη έλα βίληεν αληίζηνηρα. Απηά απνηεινχληαη απφ έλα θείκελν θαη κηα εηθφλα πνπ απεηθνλίδεη έλα βέινο, ζηα νπνία έρνπλ πξνζηεζεί δηάθνξα εθέ γηα είζνδν & έμνδν απφ ηε ζειίδα. Δηθόλα 138 : “Press details” flash Σελίδα 113 Δηθόλα 139 : “Press play” flash Σελίδα 114 ΠΗΓΔ 1) http://joomla.gr 2) http://www.webmasterslife.gr 3) http://nemertes.lis.upatras.gr 4) http://en.wikipedia.org 5) http://opensci.grnet.gr 6) http://forum.joomla.gr 7) http://www.joomlafans.gr 8) http://www.impression-estudio.gr 9) http://nefeli.lib.teicrete.gr 10) http://www.pinkfish.gr 11) http://experts.pathfinder.gr 12) http://www.inf.uth.gr 13) http://www.easy-servers.gr Σελίδα 115 ΣΟΠΟΘΔΙΑ ΓΙΑΓΙΚΣΤΑΚΟΤ ΣΟΠΟΤ Η ηζηνζειίδα πνπ δεκηνπξγήζακε βξίζθεηαη ζηελ δηεχζπλζε: http://samples.x-developers.com Σελίδα 116 ΠΑΡΑΡΣΗΜΑ (Γηαθάλεηεο) « Ανάπηςξη διαδικηςακού ηόπος ξενοδοσειακήρ μονάδορ με σπήζη ηος Σςζηήμαηορ Διασείπιζηρ Πεπιεσομένος (CMS) Joomla » Λάμποςπα Κωνζηανηίνα Α.Μ. 2297 Η δεμημονγία εκόξ website με πνήζε ημο γκςζημύ Content Management System, Joomla Η επίηεολε εκόξ νεαιηζηηθμύ απμηειέζμαημξ, με ηεκ εκίζποζε πνόζζεηςκ ενγαιείςκ Σελίδα 117 Ηιεθηνμκηθή απμζήθε πιενμθμνηώκ μεγάιεξ θιίμαθαξ Πνμζπέιαζε μέζς αιιειεπηδναζηηθμύ πνμγνάμμαημξ (θοιιμμεηνεηήξ) Ξεθίκεζε ημ 1989 ζημ CERN (Γονςπασθό θέκηνμ πονεκηθήξ ένεοκαξ) από ημκ Tim Berners Lee Γιώζζα ήμακζεξ Τπενθεημέκμο – Hypertext Markup Language Υνεζημμπμηείηαη απ‟ ημκ Παγθόζμημ Ιζηό, γηα ηεκ ζςζηή ενμεκεία ηεξ ζειίδαξ απ‟ ημοξ browsers Πενηιαμβάκεη browsers γεκηθέξ μδεγίεξ-ιεπημμένεηεξ θαζμνίδμκηαη απ‟ ημοξ Σελίδα 118 ύζηεμα Οκμμάηςκ Πενημπώκ – Domain Name System Ακηηζημίπεζε Δμμή μκμμάηςκ οπμιμγηζηώκ οπενεζίαξ με δηεοζύκζεηξ ΙΡ μκμμάηςκ οπμιμγηζηώκ Κάζε όκμμα απμηειείηαη από μηα αθμιμοζία αιθανηζμεηηθώκ ημεμάηςκ, πςνηζμέκςκ με ηειείεξ Σμ πιέμκ ζεμακηηθό μένμξ είκαη ζηα δεληά – ημ αθναίμ ανηζηενό είκαη ημ όκμμα εκόξ μεμμκςμέκμο οπμιμγηζηή Πενημπέξ Top Level Domain – TLD πμο θαζμνίδμκηαη από ημ DNS:com, edu, org, net θ.ι.π. Keywords: Λέλεηξ/θνάζεηξ πμο πνεζημμπμημύμε ζε μηα μεπακή ακαδήηεζεξ γηα κα εκημπίζμομε αοηό πμο δεηάμε Βειηηζημπμίεζε Κώδηθα: εηνά από εκένγεηεξ με ζηόπμ ηεκ ακαβάζμηζε ημο θώδηθα ημο site - θαιύηενε ακάγκςζε απ‟ ηηξ search engines Πενηεπόμεκμ: Βάζμξ όπη μεγαιύηενμ από 3 links – θαιύηενε ακίπκεοζε Φςημγναθίεξ/animations θιπ πάκηα ζοκμδεία θεημέκμο Απμθογή broken links Ύπανλε site map Δεμμζίεοζε: Απμθογή δεμμζίεοζεξ αηειμύξ ηζημζειίδαξ(Under construction) Πνμώζεζε μέζς site με ορειό Page Rank & Alexa Rank Σελίδα 119 Σμ 1990 μ Alan Emtage έθηηαλε ημκ πνώημ θαηάιμγμ ανπείςκ, ημ «Archie» Μέπνη ημ 1998 δεμημονγήζεθακ όιεξ μη γκςζηέξ Search engines (yahoo, google, altavista, msn θ.ι.π.) Βαζηθά ζημηπεία: Query interface, Search engine Result pages, Search algorithms, Crawlers & Database Όια βαζίδμκηαη ζημκ αιγόνηζμμ: Δέπεηαη μηα ιέλε, ράπκεη ηεκ βάζε, επηζηνέθεη ζειίδεξ πμο πενηέπμοκ ηε ιέλε Ο ηνόπμξ πεηνηζμμύ π.π. ηςκ θμνμώκ είκαη έκα ζύζηεμα πμο ιέγεηαη Κμηκή Δηαζύκδεζε Πύιεξ Δηθηύμο (Common Gateway Interface) To CGI επηηνέπεη ζημκ δηαθμμηζηή κα επηθμηκςκεί με back-end πνμγνάμμαηα & ζεκάνηα - δέπμκηαη εηζόδμοξ από π.π. θόνμεξ & πανάγμοκ ςξ απάκηεζε ζειίδεξ HTML Άιιμξ Σα back-end είκαη ζεκάνηα γναμμέκα ζε Perl θαη απμζεθεύμκηαη ζημκ cgi bin θαηάιμγμ ηνόπμξ: εκζςμάηςζε μηθνώκ ζεκανίςκ ζε ζειίδεξ HTML Γναμμέκα ζοκήζςξ ζε Γιώζζα Πνμεπελενγαζίαξ Τπενθεημέκμο – PHP 3μξ ηνόπμξ: ειίδεξ Δηαθμμηζηή Java – JSP 4μξ ηνόπμξ: ειίδεξ Γκενγμύ Δηαθμμηζηή – ASP Πανόμμημξ με ημκ παναπάκς –ηα ζεκάνηα γνάθμκηαη ζε Java Υνεζημμπμηεί ηε Visual Basic Script - απμθιεηζηηθήξ πνήζεξ ηεξ Microsoft Σελίδα 120 Ο ηνόπμξ πεηνηζμμύ π.π. ηςκ θμνμώκ είκαη έκα ζύζηεμα πμο ιέγεηαη Κμηκή Δηαζύκδεζε Πύιεξ Δηθηύμο (Common Gateway Interface) To CGI επηηνέπεη ζημκ δηαθμμηζηή κα επηθμηκςκεί με back-end πνμγνάμμαηα & ζεκάνηα - δέπμκηαη εηζόδμοξ από π.π. θόνμεξ & πανάγμοκ ςξ απάκηεζε ζειίδεξ HTML Σα back-end είκαη ζεκάνηα γναμμέκα ζε Perl θαη απμζεθεύμκηαη ζημκ cgi bin θαηάιμγμ Άιιμξ ηνόπμξ: εκζςμάηςζε μηθνώκ ζεκανίςκ ζε ζειίδεξ HTML Γναμμέκα ζοκήζςξ ζε Γιώζζα Πνμεπελενγαζίαξ Τπενθεημέκμο – PHP 3μξ ηνόπμξ: ειίδεξ Δηαθμμηζηή Java – JSP 4μξ ηνόπμξ: ειίδεξ Γκενγμύ Δηαθμμηζηή – ASP Πανόμμημξ με ημκ παναπάκς –ηα ζεκάνηα γνάθμκηαη ζε Java Υνεζημμπμηεί ηε Visual Basic Script - απμθιεηζηηθήξ πνήζεξ ηεξ Microsoft Κακέκαξ πμκηηθημύ απ‟ ημοξ παναπάκς ηνόπμοξ δεκ απμθνίκεηαη π.π. ζε θηκήζεηξ Δεμμθηιέζηενε γιώζζα γη‟ αοηό ε JavaScript Γιώζζα ορειμύ επηπέδμο, παιανά εμπκεοζμέκε από ηεκ Java Άιιμξ ηνόπμξ ε πνήζε μηθνμεθανμμγώκ (applets) Μηθνά πνμγνάμμαηα ζε Java, μεηαγιςηηηζμέκα ζε εκημιέξ μεπακήξ εκόξ εηθμκηθμύ οπμιμγηζηή (Java Virtual Machine) Σελίδα 121 Τπμζηενίδεη πιενμθμνίαξ Δηάθμνα CMS ηε δεμημονγία, δηαπείνηζε, δηακμμή & δεμμζίεοζε ηεξ CMS: Drupal, Wordpress, Joomla, Typo3, PyroCMS Joomla: Δεμμζηεύεη πενηεπόμεκμ ζημκ παγθόζμημ ηζηό & ζε ημπηθό δίθηομ Γίκαη γναμμέκμ ζε PHP θαη απμζεθεύεη ηα δεδμμέκα ημο ζηε βάζε mySQL Έκαξ server(π.π. Apache)ιαμβάκεη ηηξ αηηήζεηξ πνεζηώκ θαη ηηξ ελοπενεηεί Πνμέιεοζε: «Jumla»: θςκεηηθή γναθή ηεξ γιώζζαξ μοαπίιη - εμαίκεη «όιμη μαδί» Ξεθίκεζε ημ 2001 με ηεκ μκμμαζία «Miro-Mambo Site server» Σνόπμξ ιεηημονγίαξ: Ο δηαπεηνηζηήξ ηεξ ζειίδαξ ζοκδέεηαη με ημ backend θαη δεμημονγεί θαηεγμνίεξ, άνζνα, πενηεπόμεκμ θ.ι.π. οκίζηαηαη ε γκώζε βαζηθώκ εκημιώκ HTML & CSS, γηα κα οπάνπεη ε δοκαηόηεηα επελενγαζίαξ Γκδεηθηηθέξ δοκαηόηεηεξ: Πνμζανμμγή ημο ζπεδηαζμμύ ηςκ templates ζηηξ επηζομίεξ μαξ Δοκαηόηεηα πνμζζήθεξ δηαθόνςκ πνόζζεηςκ (plugins, modules) π.π. forms, guestbook, image gallery θ.ι.π. Joomla Vs Wordpress Σμ Joomla έπεη πιμοζηόηενα παναθηενηζηηθά Πνμηείκεηαη γηα πημ ζύκζεηα θαη πμιύπιμθα site Σελίδα 122 X: Δηαβάδεηαη «cross» (ζηαονόξ), εκκμώκηαξ ηεκ cross-platform A : Apache HTTP Server M : MySQL P : PHP P : Perl (γιώζζα πνμγναμμαηηζμμύ) Γλοπενεηεηήξ ημο Παγθόζμημο Ιζημύ Γλοπενεηεί ηηξ αηηήζεηξ επηζηνέθμκηαξ ηηξ ζειίδεξ πμο δεημύκ (είηε μέζς εκόξ URl, είηε εκόξ link) Σελίδα 123 πεδηαζμέκε πενηεπόμεκμ γηα ηε δεμημονγία ζειίδςκ web με δοκαμηθό Server-side Scripting γιώζζα (πενκάεη από επελενγαζία από έκακ ζομβαηό δηαθμμηζηή ημο Ιζημύ, π.π. ημκ Apache) Δε ζηέικεηαη άμεζα ζημ πειάηε, πνώηα ακαιύεηαη Ο Rasmus Lerdorf ημ 1994 έθηηαλε έκα script (php.cgi) με ηε πνήζε ηεξ Perl Σμ „97 μη Andi Gutmans & Zeev Suraski ηε λακαέγναρακ – ε εηαηνεία ημοξ Zend ζοκεπίδεη ςξ ηώνα ηεκ ελέιηλε ηεξ PHP Ακεπίζεμα: ύζηεμα “My Sequel” δηαπείνηζεξ ζπεζηαθώκ βάζεςκ δεδμμέκςκ Δίκεη ηε δοκαηόηεηα ηεξ ακαδήηεζεξ, ηαληκόμεζεξ, μμαδμπμίεζεξ, απμζήθεοζεξ θαη ακάθιεζεξ δεδμμέκςκ με βάζε ηεκ Structured Query Language Ήνζε ημ 1996 & ακηηθαηέζηεζε ζηαδηαθά ηεκ miniSQL (δεκ ήηακ ανθεηά γνήγμνε) Σελίδα 124 FTP - Πνςηόθμιιμ Μεηαθμνάξ Ανπείςκ: Γεκηθήξ πνήζεξ Γπηηνέπεη ηε μεηαθμνά μπμημοδήπμηε είδμοξ δεδμμέκςκ Πενηιαμβάκεη μεπακηζμμύξ πμο επηηνέπμοκ ημκ θαζμνηζμό ηεξ θονηόηεηαξ ηςκ ανπείςκ Κνύβεη ηηξ ιεπημμένεηεξ ημο θάζε δηαθμνεηηθμύ οπμιμγηζηηθμύ ζοζηήμαημξ FileZilla: Τπάνπεη FileZilla FTP Client & FileZilla FTP Server O Server απμηειείηαη από 2 μένε: Μηα οπενεζία πμο εκζςμαηώκεηαη ζημ ζύζηεμα & μηα γναθηθή δηεπαθή πνήζηε γηα ηε δηαπείνηζε ημο server Frontend: μαξ Backend: Frontend Δεμόζημ ημήμα, αιιειεπηδνά με ημκ επηζθέπηε ηεξ ζειίδαξ Πενηέπεη ηα ενγαιεία με ηα μπμία δηαμμνθώκεηαη ημ Δηθαηώμαηα πνόζβαζεξ: Κάζε πνήζηεξ ζ‟ έκα ύζηεμα Δηαπείνηζεξ έπεη δηαθμνεηηθά δηθαηώμαηα (απιόξ πνήζηεξ, οπέν-δηαπεηνηζηήξ θ.ιπ.) Πενηεπόμεκμ: Έπεη δηάθμνεξ μμνθέξ (θείμεκμ, εηθόκεξ θ.ιπ.) Γκζέμαηα: «Κμοηηά» όπμο εμθακίδεηαη ημ πενηεπόμεκμ, μη εθανμμγέξ & όια ηα ακηηθείμεκα πμο εμθακίδμκηαη ζημ δεμόζημ ημήμα Σελίδα 125 Γπεθηάζεηξ: Joomla Γκόηεηεξ, πνόζζεηα, πνόηοπα θ.ιπ. πμο δηαζέηεη ημ Γθανμμγέξ: Γπεθηάζεηξ πμο πνμζθένμοκ επηπιέμκ ιεηημονγίεξ έπμοκ ημκ δηθό ημοξ πώνμ ζηε δηαπείνηζε ημο Joomla Πνόηοπα: Καζμνίδμοκ ηεκ αηζζεηηθή θαη ηε ιεηημονγηθόηεηα απμηειμύκηαη από έκα ανπείμ HTML γηα ηε δμμή ηεξ ζειίδαξ & έκα ανπείμ CSS γηα ημκ ζπεδηαζμό Πνόζζεηα: Κμμμάηηα θώδηθα, πνμζανηεμέκα ζε ζογθεθνημέκα ζεμεία - εκηζπύμοκ δεδμμέκα, πανέπμκηαξ πνόζζεηε ιεηημονγηθόηεηα Menu items: Home Accommodation Facilities o Wellness & Spa o Meetings & Events o Pool Map & Location Contact Gallery Corfu o About Corfu o Restaurants o Nightlife Σελίδα 126 Αιιαγή ιμγόηοπμο Αιιαγή εηθόκαξ Background Ακηηθαηάζηαζε Γηθόκεξ ζε module positions γηα design Πνμζζήθε Smart default icons θώδηθα JavaScript - αζηένηα former extension Panoramic Image Viewer extension o Photoshop – Photomerge Google Flash RS maps extension gallery extension Flashion extension Mambweather extension Σελίδα 127 AllVideos extension o Adobe Premiere Anything tabs extension Artclock extension Flash extension o Swish max Λάμποςπα Κωνζηανηίνα Σελίδα 128