ΑΝΑΠΤΥΞΗ ΚΑΙ ΠΡΟΩΘΗΣΗ ΔΙΑΔΙΚΤΥΑΚΗΣ ΠΥΛΗΣ ΠΟΛΙΤΙΣΤΙΚΟΥ ΦΟΡΕΑ

ΤΕΙ ΑΝΑΤΟΛΙΚΗΣ ΜΑΚΕΔΟΝΙΑΣ ΚΑΙ ΘΡΑΚΗΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΑΝΑΠΤΥΞΗ ΚΑΙ ΠΡΟΩΘΗΣΗ ΔΙΑΔΙΚΤΥΑΚΗΣ ΠΥΛΗΣ ΠΟΛΙΤΙΣΤΙΚΟΥ ΦΟΡΕΑ Υπό ΟΥΜΟΥΡΛΗΣ ΧΡΗΣΤΟΣ Επίβλεψη Δρ. ΚΑΡΑΜΠΑΤΖΑΚΗΣ ΔΗΜΗΤΡΙΟΣ Καβάλα 2014-1 -

Η παρούσα εργασία αφιερώνεται με απεριόριστη αγάπη στην οικογένεια μου. Ο συγγραφέας Ουμουρλής Χρήστος - 2 -

ΕΥΧΑΡΙΣΤΙΕΣ Πριν την παρουσίαση της παρούσας πτυχιακής εργασίας, αισθάνομαι την ανάγκη να ευχαριστήσω ορισμένους από τους ανθρώπους που γνώρισα, συνεργάστηκα μαζί τους και παίξανε πολύ σημαντικό ρόλο στην πραγματοποίησή της. Αρχικά θα ήθελα να ευχαριστήσω τον επιβλέποντα καθηγητή μου κ. Δ. Καραμπατζάκη για την καθοδήγηση και υποστήριξη του κατά τη διάρκεια της εργασίας καθώς και για τη δυνατότητα που μου έδωσε να αποκτήσω εμπειρία πάνω στην ανάπτυξη διαδικτυακής πύλης και να εντρυφήσω σε καινοτόμες μεθόδους προώθησης αυτών. Επίσης, ευχαριστώ τα μέλη της εξεταστικής επιτροπής της παρούσας πτυχιακής εργασίας για την ανάγνωση του κειμένου και για τη δυνατότητα που μου έδωσαν να ασχοληθώ και να γνωρίσω νέες τεχνολογίες. Τέλος, θα ήθελα να ευχαριστήσω την οικογένεια μου για την υποστήριξη που μου επέδειξαν καθώς και σε όλους του φίλους μου για την συμπαράσταση και την υπομονή τους. - 3 -

ΠΕΡΙΛΗΨΗ Η ανάπτυξη και προώθηση διαδικτυακών σελίδων αποτελεί μια σύγχρονη μέθοδο για τη διαφήμιση επιχειρήσεων, οργανισμών καθώς και προϊόντων μέσω διαδικτύου. Οι προοπτικές απασχόλησης στον νέο αυτό κλάδο είναι πολύ μεγάλες και η ενασχόληση με αυτόν θεωρείτε δεδομένο πως θα προσφέρει πολύτιμη εμπειρία. Η πτυχιακή εργασία σαν σκοπό έχει να αναπτύξει μια πρώτη επαφή με τον κλάδο της διαφήμισης στο διαδίκτυο και να υπάρξει εξοικείωση με την δημιουργία διαδικτυακής πύλης και προώθηση αυτής με τα βέλτιστα μέσα. Στόχος αυτής της πτυχιακής εργασίας είναι να εφοδιάσει τους νέους μηχανικούς του τμήματος Μηχανικών Πληροφορικής που επιθυμούν να απασχοληθούν στον τομέα της ανάπτυξης και προώθησης διαδικτυακών σελίδων με ανταγωνιστικές γνώσεις σε ένα τομέα που αναμένεται να κερδίσει το ενδιαφέρων των επιχειρήσεων / οργανισμών που θέλουν να διαφημιστούν με στοχευμένο τρόπο σε κοινό που επιθυμούν. Η ενίσχυση τέτοιων προσπαθειών που αφορούν τεχνολογίες αιχμής θα βοηθήσει στην παραγωγή βέλτιστων λύσεων προς τους οργανισμούς / επιχειρήσεις και θα συμβάλει καθοριστικά στην ανάπτυξη του κλάδου της πληροφορικής στον τομέα της διαφήμισης. ΛΕΞΕΙΣ ΚΛΕΙΔΙΑ Σύστημα διαχείρισης περιεχομένου Joomla, Καμπάνια Google Adword, Βελτιστοποίηση μηχανών αναζήτησης - 4 -

ABSTRACT The development and promotion of web pages is a modern method of advertising for companies, organizations and products through the internet. Employment prospects in this new industry is very large and dealing with it for granted that this will provide valuable experience. The thesis is intended to develop a first contact with the art of online advertising and be familiar with the creation of an Internet portal and promote it with the best means. The aim of this thesis is to provide young engineers in the Department of Computer Science who wish to work in the development and promotion of web pages with competitive knowledge in a field that is expected to win the interesting businesses / organizations who want to advertise in a targeted manner to desired audiences. Strengthening such efforts on cutting edge technologies will help to optimize production of optimal solutions for organizations / businesses and contribute significantly to the development of the IT sector in the field of advertising. KEYWORDS Content Management System (CMS) Joomla, Google Adwords campaign, Search engine optimization (SEO) - 5 -

ΠΕΡΙΕΧΟΜΕΝΑ ΠΙΝΑΚΑΣ ΕΙΚΟΝΩΝ...7 Πρόλογος...9 Κεφάλαιο 1 ο : Το διαδίκτυο και η διαδικτυακή διαφήμιση σήμερα...10 Κεφάλαιο 2 ο : Τεχνολογίες δυναμικής διαχείρισης περιεχομένου η περίπτωση του Joomla 3.0...12 2.1 CMS Joomla...13 2.2 Χαρακτηριστικά Joomla...14 2.3 Εκτεταμένη Διαχείριση...14 2.4 Joomla vs Wordpress & Drupal...16 2.5 Εγκατασταση Joomla...17 2.6 Διαδραστικα στοιχεια της ιστοσελιδας apollonkagrou.gr...26 2.7 Template που χρησιμοποιήθηκε...26 2.8 Επεκτάσεις που χρησιμοποiήθηκαν...28 Κεφάλαιο 3 ο : Προώθηση ιστοσελίδων...33 3.1 Εμφάνιση στα πρώτα αποτελέσματα...34 S.E.O...34 Στάδια βελτιστοποίησης...34 On page optimization...35 Off page optimization...36 3.2 Video marketing...36 Video marketing...36 Youtube S.E.O. Ιδέες και συμβουλές...37 3.3 Social media marketing & e-mail marketing...39 3.4 Διαφήμιση PPC & cmp...40 3.5 Google AdWords...41 Ιστορικά στοιχεία...41 Δυνατοτητες...42 Πλεονεκτήματα και μειονεκτήματα...42 Τρόποι λειτουργίας...45 Πως βελτιστοποιειται...45 Δημιουργια καμπανιας...47 3.6 Google analytics...51 Κεφαλαιο 4ο : www.apollonkagrou.gr...54 4.1 Υλοποίηση διαδικτυακής πύλης...55-6 -

ΠΙΝΑΚΑΣ ΕΙΚΟΝΩΝ(1/2) Εικόνα 1: Το διαδίκτυο...11 Εικόνα 2: Το σήμα της Joomla...13 Εικόνα 3: Joomla vs Wordpress vs Drupal...16 Εικόνα 4: Η μπάρα διευθύνσεων...17 Εικόνα 5 : Η αρχική οθόνη που εμφανίζετε για την εγκατάσταση της Joomla...18 Εικόνα 6 : Καταχώρηση ονόματος της ιστοσελίδας και μια σύντομη περιγραφή..19 Εικόνα 7 : Τα απαραίτητα στοιχεία για την δημιουργία διαχειριστή...20 Εικόνα 8 : Τα απαραίτητα στοιχεία για την βάση δεδομένων...21 Εικόνα 9 :Κλικ στο Προεπιλεγμένο Ενδεικτικό περιεχόμενο στα Αγγλικά (GB)..22 Εικόνα 10 : Κλικ στο επιπλέον βήματα...22 Εικόνα 11 : Επιλογή Greek για να εγκατασταθεί η ελληνική γλώσσα...23 Εικόνα 12: Επιλογή επόμενο...23 Εικόνα 13 : "Ναι" σε όλες τις επιλογές και προεπιλεγμένη γλώσσα τα Ελληνικά για το Διαχειριστή και για την Ιστοσελίδα...24 Εικόνα 14 : κλικ "Αφαίρεση φακέλου installation"...25 Εικόνα 15 : Log in στην σελίδα διαχείρισης...25 Εικόνα 16 : Δείγμα του template που χρησιμοποιήθηκε σε άλλα site...26 Εικόνα 17 : Λεπτομέρειες εμφάνισης του template...27 Εικόνα 18 : Το slideshow του template...28 Εικόνα 19 : Το widjet του meteorologos.gr...28 Εικόνα 20 : Το plugin του Anticopy...29 Εικόνα 21 : Το plugin του Xmap...29 Εικόνα 22 : Το plugin του AcyMailing...30 Εικόνα 23 : Το plugin του flickr...30 Εικόνα 24 : Το plugin του Perfect Facebook Like Box Sidebar...31 Εικόνα 25 : Το plugin του google map...31-7 -

ΠΙΝΑΚΑΣ ΕΙΚΟΝΩΝ(2/2) Εικόνα 26 : Το Like Button...32 Εικόνα 27 : Seo...34 Εικόνα 28 : Video marketing...36 Εικόνα 29 : Youtube marketing...37 Εικόνα 30 : Social media marketing...39 Εικόνα 31 : E-mail marketing...40 Εικόνα 32 : Διαφήμηση PPC & CMP...41 Εικόνα 33 : Google AdWords...41 Εικόνα 34 : Google AdWords logo...42 Εικόνα 35 : Google AdWords statistics...44 Εικόνα 36 : Είσοδος στο Google AdWords...47 Εικόνα 37: Πρώτη καμπάνια...48 Εικόνα 38: Δημιουργία διαφήμισης...49 Εικόνα 39: Στόχευση σε συγκεκριμένες τοποθεσίες...50 Εικόνα 40: Αποτελέσματα Google adwords...51 Εικόνα 41: Google analytics...51 Εικόνα 42: Είσοδος στα Google analytics...52 Εικόνα 43: Πληροφορίες στα Google analytics...53 Εικόνα 44: Αρχική σελίδα 1/3...55 Εικόνα 45: Αρχική σελίδα 2/3...55 Εικόνα 46: Αρχική σελίδα 3/3...56 Εικόνα 47: Ενδεικτικό περιεχόμενο σελίδας...56 Εικόνα 48: Στοιχεία επικοινωνίας...57 Εικόνα 49: Google Analytics...57-8 -

ΠΡΌΛΟΓΟΣ Αντικείμενο της παρούσας εργασίας είναι η προσπάθεια εισαγωγής στην ανάπτυξη μίας διαδικτυακής πύλης ενός πολιτιστικού φορέα και η προώθηση αυτής μέσω καινοτόμων τεχνικών και τεχνολογιών. Η ανάπτυξη και προώθηση μίας διαδικτυακής πύλης βασίζεται σε χρήση δυναμικής διαχείρισης περιεχομένου και με την χρήση νέων τεχνικών καθώς και τεχνολογιών επιτυγχάνονται τα βέλτιστα αποτελέσματα. Η εργασία δομείται σε κεφάλαια ως εξής: Στο Πρώτο Κεφάλαιο γίνεται μια εισαγωγή στο διαδίκτυο καθώς και σε στην διαφήμιση μέσω αυτού. Γίνε μια συνοπτική περιγραφή της κατάστασης που επικρατή σήμερα στην αγορά και υπάρχουν αναφορές για τις προοπτικές που υπάρχουν Στο Κεφάλαιο 2, δίνονται χρήσιμες πληροφορίες για τις Τεχνολογίες δυναμικής διαχείρισης περιεχομένου και αναλύεται η περίπτωση του Joomla 3.0. Αρχικά υπάρχει μια γενική προβολή του Content Management System (CMS) της Joomla με τα χαρακτηριστικά τού, στοιχεία για εκτεταμένη διαχείριση καθώς και σύγκριση του με άλλα συστήματα cms. Έπειτα υπάρχουν οδηγίες για την εγκατάσταση της Joomla 3.0. Τέλος, παρουσιάζονται τα διαδραστικά στοιχεία της συγκεκριμένης διαδικτυακής πύλης καθώς και τα plugins και template που χρησιμοποιήθηκαν. Στο Κεφάλαιο 3, γίνεται μια αναφορά στην προώθηση των σελίδων μέσω του διαδικτύου. Πιο συγκεκριμένα υπάρχει ανάλυση της μεθοδολογίας που πρέπει να ακολουθηθεί για να εμφανίζετε η διαδικτυακή πύλη στα πρώτα αποτελέσματα αναζήτησης. Επίσης υπάρχουν παραμετροποιήσεις που πρέπει να γίνουν στην διαδικτυακή πύλη καθώς και προτάσεις με συμβουλές για αποτελεσματικές τεχνικές Internet Marketing. Τέλος υπάρχει ανάλυση των ειδών πληρωμένης διαφήμισης που υπάρχουν και πραγματοποιείτε εκτενής ανάλυση του Google Adwords Στο Τελευταίο Κεφάλαιο υπάρχει ενδεικτικό φωτογραφικό υλικό από την υλοποίηση του διαδικτυακού χώρου του πολιτιστικού φορέα με τις σχετικές πληροφορίες - 9 -

0 ΚΕΦΑΛΑΙΟ 1 Ο : ΤΟ ΔΙΑΔΙΚΤΥΟ ΚΑΙ Η ΔΙΑΔΙΚΤΥΑΚΗ ΔΙΑΦΗΜΙΣΗ ΣΗΜΕΡΑ - 10 -

ΤΟ ΔΙΑΔΙΚΤΥΟ ΚΑΙ Η ΔΙΑΔΙΚΤΥΑΚΗ ΔΙΑΦΗΜΙΣΗ ΣΗΜΕΡΑ Το διαδίκτυο (internet) είναι το αποτέλεσμα της ταχείας ανάπτυξης των υπολογιστών και των τηλεπικοινωνιών. Αποτελείται από χιλιάδες διασυνδεόμενα δίκτυα υπολογιστών τα οποία είναι εγκατεστημένα στις περισσότερες χώρες του κόσμου. Στο internet υπάρχουν εκατομμύρια sites, δηλαδή ιστοσελίδες ανά τον κόσμο. Τα sites περιέχουν τεράστιο όγκο πληροφοριών όπου οι θεματολογίες των περιεχομένων του καλύπτουν από απλές καθημερινές πληροφορίες μέχρι και εξειδικευμένα προγράμματα και πληροφορίες που αφορούν τον επιστημονικό χώρο. Το internet σήμερα είναι ένα πολλά υποσχόμενο μέσο άσκησης εμπορίου διεθνώς, μέσα από αυτό μπορούν να γίνονται συναλλαγές μεταξύ φορέων που βρίσκονται σε διαφορετικά μήκη και πλάτη της γης. Επιταχύνει και διευκολύνει τις διαδικασίες τέλεσης των λειτουργιών του διεθνούς εμπορίου καθώς χαρίζει στις επιχειρήσεις μία γιγάντια βάση δεδομένων με προσφορά και ζήτηση εμπορευμάτων και υπηρεσιών Η διαφήμιση στο internet είναι ένας καταλυτικότατος παράγοντας, ίσως ο πλέον καταλυτικός, που προωθεί και οδηγεί στην τέλεση του διεθνούς εμπορίου αφού προωθεί την προσφορά και την ζήτηση. Το WWW (Word Wide Web) αποτελεί έναν από τους ταχύτερα εξελισσόμενους κλάδους του internet και αναμφίβολα δείχνει το δρόμο προς τον κυβερνοχώρο του 21ου αιώνα. Εικόνα 1: Το διαδίκτυο - 11 -

1 ΚΕΦΑΛΑΙΟ 2 Ο : ΤΕΧΝΟΛΟΓΙΕΣ ΔΥΝΑΜΙΚΗΣ ΔΙΑΧΕΙΡΙΣΗΣ ΠΕΡΙΕΧΟΜΕΝΟΥ Η ΠΕΡΙΠΤΩΣΗ ΤΟΥ JOOMLA 3.0-12 -

Εικόνα 2: Το σήμα της Joomla 2.1 CMS JOOMLA Το Content Management System (CMS) της Joomla είναι ένα ανοιχτού κώδικα σύστημα διαχείρισης περιεχομένου το οποίο έχει χαρακτηριστεί από τους δεκάδες χιλιάδες χρήστες του ως το καλύτερο CMS στον κόσμο, διότι έχει τεράστιες δυνατότητες αλλά και ταυτόχρονα εξαιρετικά ευέλικτο και φιλικό περιβάλλον εργασίας και διαχείρισης. Μόλις εγκατασταθεί, ο διαχειριστής του δικτυακού τόπου μπορεί να συνδεθεί με την backend κονσόλα διαχείρισης και να δημιουργήσει τμήματα, κατηγορίες, άρθρα με περιεχόμενο, δημοσκοπήσεις και άλλα πολλά. Γίνεται χωρίς ιδιαίτερες προγραμματιστικές γνώσεις διαχείριση ολόκληρου του frontend της ιστοσελίδας από ένα εύχρηστο περιβάλλον διαχείρισης. Παρόλο που δεν είναι απαραίτητο, ο χρήστης να έχει γνώση της HTML και CSS, συνιστάται να αρχίσει τη μελέτη των βασικών εντολών της HTML και CSS για την περίπτωση που θα πρέπει να επεξεργαστεί ή να τροποποιήσει κάποιο στοιχείο ώστε να το προσαρμόσει στις ανάγκες που θα δημιουργηθούν. Στις κοινότητες φόρουμ για Joomla είναι διαθέσιμοι χιλιάδες προγραμματιστές και σχεδιαστές για να βοηθήσουν νέους και έμπειρους χρήστες, εφόσον είναι δυνατό. Το κόστος του Συστήματος Διαχείρισης Περιεχομένου του Joomla είναι 0. Το Joomla είναι μία δωρεάν εφαρμογή, ανοιχτού κώδικα συστήματος διαχείρισης περιεχομένου, το οποίο έχει συνταχθεί στην γλώσσα προγραμματισμού PHP για τη διαχείριση και τη δημοσίευση περιεχομένου στον ιστό (web) και ενδοδικτύων (intranets) χρησιμοποιώντας μια MySQL βάση δεδομένων. Κάποια από τα χαρακτηριστικά που περιλαμβάνει είναι η cache των σελίδων για τη βελτίωση των επιδόσεων, web ευρετηρίασης (indexing), RSS feeds, εκτυπώσιμες (printable) εκδόσεις των σελίδων, newsflashes, blogs, forums, δημοσκοπήσεις, ημερολόγια, αναζήτηση στην ιστοσελίδα, την ανάλογη γλώσσα αλλά και την δυνατότητα πολυγλωσσικών ιστοσελίδων. Το όνομα "Joomla" είναι μια φωνητική γραφή της γλώσσας Σουαχίλι (Swahili) στην οποία η λέξη "jumla" σημαίνει "όλοι μαζί" ή "ως σύνολο". Επέλεξαν αυτό το όνομα για να αντικατοπτρίζει τη δέσμευση της Κοινότητας και την ομάδα ανάπτυξης του έργου. Η πρώτη έκδοση του Joomla (Joomla 1.0.0) ανακοινώθηκε στις 16 Σεπτεμβρίου 2005. Αυτή ήταν μια νέα ονομασία της έκδοσης Mambo 4.5.2.3 σε συνδυασμό με διορθώσεις κάποιων σφαλμάτων (bug) στο περιβάλλον διαχείρισης και στον κώδικα ασφαλείας της. - 13 -

Η επίσημη ιστοσελίδα του Joomla project βρίσκετε στο www.joomla.org και για την Ελλάδα η επίσημη ιστοσελίδα βρίσκετε www.joomla.gr Το Joomla κυκλοφορεί και διανέμετε υπό την GNU General Public License.Η GNU General Public License (Γενική Άδεια Δημόσιας Χρήσης GNU) (GNU GPL ή απλά GPL) είναι πιθανόν η περισσότερο δημοφιλής άδεια χρήσης ελεύθερου λογισμικού, και είναι η άδεια που προστατεύει το μεγαλύτερο ποσοστό του ελεύθερου λογισμικού που υπάρχει μέχρι σήμερα 2.2 ΧΑΡΑΚΤΗΡΙΣΤΙΚΆ JOOMLA Είναι ένας πλήρης μηχανισμός διαχείρισης της βάσης δεδομένων του site Παρέχει νέα, προϊόντα ή υπηρεσίες, τμήματα και ενότητες πλήρως επεξεργάσιμα και εύχρηστα Οι θεματικές ενότητες μπορούν να προστεθούν από τους συντάκτες. Διαθέτει ένα πλήρως επεξεργάσιμο περιεχόμενο αλλά και περιβάλλον, συμπεριλαμβανομένων των θέσεων του αριστερού, του κεντρικού και του δεξιού μενού. Χρησιμοποιεί τον browser για να ανεβάζει εικόνες στη βιβλιοθήκη για την χρήση τους σε οποιοδήποτε σημείο του site. Μπορεί να δεχτεί δυναμικό Forum / Poll / Voting για άμεσα επί τόπου αποτελέσματα. Τρέχει σε Linux, FreeBSD, MacOSX server, Solaris και AIX. 2.3 ΕΚΤΕΤΑΜΕΝΗ ΔΙΑΧΕΙΡΙΣΗ Χρησιμοποιεί Module για απομακρυσμένη υποβολή από τον συγγραφέα για Νέα, άρθρα, FAQs και Links. Δημοσιεύει απεριόριστες σελίδες και άρθρα χωρίς κανέναν απολύτως περιορισμό. Υπάρχει η δυνατότητα προσθήκης photo galleries, βιβλιοθήκες αρχείων, βιβλία επισκεπτών και φόρμες επικοινωνίας Εύκολη διαχείριση online των PNGs, PDFs, DOCs, XLSs, GIFs και JPEGs. Παρέχει Αυτόματο Path-Finder. - 14 -

News feed manager.. Archive manager. Υπάρχει η δυνατότητα να μπουν τα παλαιά άρθρα στην "κατάψυξη" αντί να τα διαγραφούν εντελώς. Email-a-friend και Print-format για κάθε άρθρο. Ενσωματωμένος επεξεργαστής κειμένου αντίστοιχος του Word Pad. Εμφάνιση και αισθητική την οποία διαμορφώνει ο χρήστης. Διαχείριση των Template (πρότυπα) Δυνατότητα προεπισκόπησης καθώς είναι εφικτή η προβολή αυτών των τμημάτων της ιστοσελίδας που έχουν δημιουργηθεί πριν παρουσιαστούν online. Banner manager για διαφημιστική προβολή. Προσαρμογή του σχεδιασμού των templates στις επιθυμίες του πελάτη, προσθήκη γραφικών, των λογοτύπων και των σλόγκαν. Εύκολη διαχείριση και διαμόρφωση του πρωτοσέλιδου με αναδιάταξη των άρθρων. Ενεργοποίηση των feeds RSS 2.0 και Atom (τροφοδοσίες). Δυνατότητα κατασκευής πολυγλωσσικής ιστοσελίδας (Multilanguage) Επέκτασή του σε ηλεκτρονικό κατάστημα (eshop) Δυνατότητα λήψης αντιγράφου ασφαλείας του site (back up) Δυνατότητα βελτιστοποίησης της ιστοσελίδας Joomla στις μηχανές αναζήτησης (SEO) διότι το Joomla είναι ένα Search Engine Friendly CMS (SEF) H κατασκευή ενός Joomla site μπορεί να καλύψει τις ανάγκες του απλού ιδιώτη ή μικρού επαγγελματία, μέχρι και τις ανάγκες ενός συλλόγου, μιας μεγάλης επιχείρησης, ενός Φορέα ή Οργανισμού. Παρέχει ένα ασφαλές και ευέλικτο περιβάλλον εργασίας για την δυναμική διαχείριση του περιεχομένου του site (συχνές και συνεχείς προσθήκες και αλλαγές στο περιεχόμενο), εύκολα και γρήγορα με μία μικρή στοιχειώδη βασική εκπαίδευση. - 15 -

Εικόνα 3: Joomla vs Wordpress vs Drupal 2.4 JOOMLA VS WORDPRESS & DRUPAL Για το πιο είναι το καλύτερο cms σίγουρα οι απόψεις διίστανται και προφανώς η επιλογή του καταλλήλου CMS για εγκατάσταση εξαρτάται από τις διαφορετικές ανάγκες του καθενός. Το κάθε ένα από αυτά τα τρία CMS συστήματα εστιάζει σε διαφορετικά πράγματα τα οποία το κάνουν να πλεονεκτεί έναντι του άλλου. Το Joomla έχει πολύ πιο πλούσια χαρακτηριστικά και από τη κατασκευή του. Προτείνεται για πιο σύνθετα site και μπορεί να καλύψεις ακόμα και τις πιο δύσκολες απαιτήσεις. Προσφέρεται για την δημιουργία portal και απευθύνεται συνήθως σε πιο έμπειρους χρήστες που απαιτούν μία πιο ιδιαίτερη σχεδίαση στην ιστοσελίδα τους και αναζητούν κάτι περισσότερο από ένα απλό ιστολόγιο. Κυκλοφορούν χιλιάδες modules, plugins αλλά και templates τα οποία μπορούν να εγκατασταθούν αρκετά εύκολα και γρήγορα, να το μετατρέψουν σε ένα πολύ δυνατό σύστημα διαχείρισης και παρουσίασης του περιεχομένου και να το μεταμορφώσουν από blog μέχρι eshop και από forum και newsportal μέχρι videoblog ή photogallery. Προσφέρει δυναμική διαχείριση του πρωτοσέλιδου, του περιεχομένου καθώς και της διαμόρφωσης των πλευρικών στηλών με τα μενού και τα modules, υστερεί όμως έναντι του Wordpress στο ότι δεν έχει κάποιο ενσωματωμένο σύστημα για σχολιασμό των άρθρων (comenting system) και απαιτείται για αυτό κάποιο πρόσθετο plugin. Κρίνεται απαραίτητα μια στοιχειώδης εκπαίδευση στους αρθογράφους για τον σωστό τρόπο δημοσίευσης των άρθρων τους καθώς και για τα χρησιμοποίηση τυχόν πρόσθετων ενθεμάτων. Το Joomla έχει και αυτό την δυνατότητα να είναι φιλικό με τις μηχανές αναζήτησης, Search Engine Friendly, με ενεργοποίηση του από τον πίνακα διαχείρισης ή με την προσθήκη κάποιου plugin όπως το OpenSEF. Το Wordpress από την κατασκευή του είναι μια καθαρή blogging πλατφόρμα, με πολύ καλό σύστημα διαχείρισης των σχολίων (comments) με την οποία μπορείτε να ξεκινήσετε τη δημοσίευση και ανάρτηση των άρθρων σας στο ιστολόγιό σας (blog). Τα άρθρα έχουν χρονολογική ταξινόμηση. Απευθύνεται συνήθως σε αρχάριους, οι οποίοι δεν έχουν καμία γνώση σχεδιασμού και κατασκευής ιστοσελίδων καθώς και HTML, CSS, PHP και MYSQL, αλλά τους ενδιαφέρει μόνο η διαχείριση του περιεχομένου, δηλαδή η ανάρτηση άρθρων. Από την αρχική εγκατάσταση του δεν διαθέτει κάποιο menu πλοήγησης, αν και αυτό λύνετε με κάποιο άλλο template ή plugin. Το Wordpress μπορεί να επεκταθεί με τη χρήση plugin και την διαμόρφωσή του με templates τα οποία εύκολα μπορείτε να κατεβάσετε από το Wordpress.org. Είναι από την κατασκευή του φιλικό προς τις μηχανές αναζήτησης και υπάρχουν επίσης διάφορα plugins που το κάνουν ακόμα πιο SEO friendly. Είναι προφανές ότι το Joomla πλεονεκτεί σε πολλά σημεία το ανταγωνιστικό του CMS Wordpress και ιδιαίτερα όταν πρόκειται για σύνθετους σχεδιασμούς ιστοσελίδων και σχετικά πεπειραμένους χρήστες, η εγκατάσταση ενός Joomla κρίνετε επιβεβλημένη. Από την άλλη μεριά το Wordpress κρίνεται απαραίτητο να εγκατασταθεί, όταν οι απαιτήσεις στον σχεδιασμό της ιστοσελίδας είναι - 16 -

περιορισμένες και ο χρήστης άπειρος, κλασική εφαρμογή του η δημιουργία ιστολογίου για ανεξάντλητο σχολιασμό. To Drupal είναι κατάλληλο για σύνθετες εγκαταστάσεις διαχείρισης περιεχομένου και κάθετες εφαρμογές. Η εξατομικευμένη φύση των θεματικών παραλλαγών του και η σύνθετη και ευέλικτη αρχιτεκτονική του απαιτεί εξειδικευμένους σχεδιαστές και προγραμματιστές. Το Drupal, μετά από επαγγελματική προσαρμογή, παραμένει το πιο εργονομικό και εύχρηστο σύστημα για τον τελικό χρήστη. Σημαντικό είναι να αναφερθεί ότι πλεονεκτεί του Joomla στο οτι μπορεί να εκτελεστεί σε διάφορες πλατφόρμες, συμπεριλαμβανομένων των λειτουργικών συστημάτων Windows, Mac OS X, Linux, FreeBSD, ή οποιασδήποτε πλατφόρμας που υποστηρίζει είτε το διακομιστή ιστοσελίδων Apache HTTP Server (έκδοση 1.3+), είτε το Internet Information Services (έκδοση IIS5+), καθώς επίσης και τη γλώσσα προγραμματισμού PHP (έκδοση 4.3.3+). Το Drupal απαιτεί μια βάση δεδομένων όπως η MySQL και η PostgreSQL για την αποθήκευση του περιεχομένου και των ρυθμίσεών του. Τέλος πρέπει να τονίσουμε πως το Drupal υποστηρίζεται από μια από τις ισχυρότερες κοινότητες προγραμματιστών ανοιχτού κώδικα στον κόσμο. 2.5 ΕΓΚΑΤΑΣΤΑΣΗ JOOMLA Για να πραγματοποιηθεί η εγκατάσταση της Joomla πρέπει να υπάρχουν τα ακόλουθα: 1. Ένα όνομα χώρου (domain name) για το site 2. Ένας πληρωμένος λογαριασμός φιλοξενίας ιστοσελίδων (hosting) 3. Προσθήκη Nameservers του λογαριασμού φιλοξενίας στο όνομα χώρου 4. Τα αρχεία για την εγκατάσταση Joomla στα Ελληνικά Εφόσον υπάρχουν τα παραπάνω, στη μπάρα διευθύνσεων του Browser προστίθεται το όνομα της ιστοσελίδας και έπειτα Enter. Εικόνα 4: Η μπάρα διευθύνσεων Εφόσον το ανέβασμα και η αποσυμπίεση των αρχείων γίνει σωστά για την εγκατάσταση Joomla, τότε θα εμφανιστεί η παρακάτω οθόνη. - 17 -

Εικόνα 5 : Η αρχική οθόνη που εμφανίζετε για την εγκατάσταση της Joomla Γίνετε η συμπλήρωση του ονόματος της ιστοσελίδας και μια σύντομη περιγραφή, μέχρι 20 λέξεις. Αυτή η περιγραφή είναι αρκετά σημαντική, είναι το κείμενο που θα εμφανίζεται στα αποτελέσματα αναζήτησης της σελίδας καθώς και όταν πραγματοποιούνται δημοσιεύσεις στα social media (πχ Facebook, Google+ κλπ). Εντούτοις, μπορεί να αλλάξει και μετά την εγκατάσταση, οπότε δεν χρειάζεται να προστεθεί εξ αρχής η ιδανική περιγραφή. - 18 -

Εικόνα 6 : Καταχώρηση ονόματος της ιστοσελίδας και μια σύντομη περιγραφή Επίσης κλικ στο "Ναι", για να τεθεί η ιστοσελίδα εκτός λειτουργίας, ώστε να μην μπορούν να μπουν επισκέπτες πριν να είναι 100% έτοιμη. Στο δεξί τμήμα της σελίδας πραγματοποιείτε η δημιουργία ενός διαχειριστή. Γίνετε η προσθήκη email, όνομα χρήστη, και ενός ισχυρού κωδικό - 19 -

Κλικ στο "Επόμενο" Εικόνα 7 : Τα απαραίτητα στοιχεία για την δημιουργία διαχειριστή Σε αυτή την οθόνη πραγματοποιείτε η συμπλήρωση: όνομα χρήστη κωδικού όνομα βάσης δεδομένων Τα ήδη συμπληρωμένα πεδία τα παραμένουν ως έχουν (όνομα διακομιστή, πρόθεμα πίνακα). - 20 -

Κλικ στο επόμενο πάνω δεξιά. Εικόνα 8 : Τα απαραίτητα στοιχεία για την βάση δεδομένων Στην τελευταία οθόνη, κλικ στην επιλογή "Προεπιλεγμένο Ενδεικτικό περιεχόμενο στα Αγγλικά (GB)" και κλικ στην Εγκατάσταση. - 21 -

Εικόνα 9 :Κλικ στο Προεπιλεγμένο Ενδεικτικό περιεχόμενο στα Αγγλικά (GB) Η εγκατάσταση ολοκληρώνεται σε λίγα δευτερόλεπτα. Για να υπάρχει το περιβάλλον της Joomla στα Ελληνικά, κλικ στο "Επιπλέον βήματα: Εγκατάσταση Γλωσσών" Εικόνα 10 : Κλικ στο επιπλέον βήματα Επιλογή Greek, αγνοώντας το μήνυμα για τη συμβατότητα. - 22 -

Εικόνα 11 : Επιλογή Greek για να εγκατασταθεί η ελληνική γλώσσα Στην κορυφή της σελίδας, κλικ στο επόμενο. Εικόνα 12: Επιλογή επόμενο Στην επόμενη σελίδα κλικ "Ναι" σε όλες τις επιλογές και σαν προεπιλεγμένη γλώσσα τα Ελληνικά για το Διαχειριστή και για την Ιστοσελίδα. - 23 -

Εικόνα 13 : "Ναι" σε όλες τις επιλογές και προεπιλεγμένη γλώσσα τα Ελληνικά για το Διαχειριστή και για την Ιστοσελίδα Έπειτα κλικ στο "Επόμενο" Τέλος, κλικ "Αφαίρεση φακέλου installation". Αυτό είναι ένα σημαντικό χαρακτηριστικό ασφαλείας, καθώς αν δεν αφαιρεθεί, έχει την δυνατότητα κάποιος τρίτος να πραγματοποιήσει ξανά την εγκατάσταση και να πάρει τον έλεγχο της σελίδας. - 24 -

Εικόνα 14 : κλικ "Αφαίρεση φακέλου installation" Κάνοντας κλικ στο "Διαχειριστής", μπορεί να γίνει η σύνδεση στην ιστοσελίδα που επιθυμούμε με σκοπό να πραγματοποιηθούν εγκαταστάσεις διάφορων templates καθώς και να προστεθούν κείμενα και φωτογραφίες. Εικόνα 15 : Log in στην σελίδα διαχείρισης Η εγκατάσταση Joomla ολοκληρώθηκε με επιτυχία! - 25 -

2.6 ΔΙΑΔΡΑΣΤΙΚΑ ΣΤΟΙΧΕΙΑ ΤΗΣ ΙΣΤΟΣΕΛΙΔΑΣ APOLLONKAGROU.GR Ηλεκτρονική παρουσίαση πολιτιστικού φορέα (προφίλ, ιστορικό) Στοιχεία επικοινωνίας (τηλέφωνο, διεύθυνση, e-mail κτλ). Στατιστικά στοιχεία επισκεψιμότητας. (google analytics) Κατάλογο δραστηριοτήτων Δυνατότητα δημιουργίας κατηγοριών - υποκατηγοριών Σελίδα με Ανακοινώσεις-Νέα του πολιτιστικού φορέα Newsletter Search - Αναζήτηση Δυνατότητα δημιουργίας λογαριασμών e-mails και απομακρυσμένη διαχείριση τους (web mail) Sitemap Photo Galler 2.7 TEMPLATE ΠΟΥ ΧΡΗΣΙΜΟΠΟΙΗΘΗΚΕ Cerulean, the December 2012 Εικόνα 16 : Δείγμα του template που χρησιμοποιήθηκε σε άλλα site To template που χρησιμοποιήθηκε είναι το Cerulean, η έκδοση του Δεκεμβρίου το 2012. Το συγκεκριμένο πρότυπο δημιουργήθηκε με όμορφο γραφικό περιβάλλον και έχει τρισδιάστατο σχεδιασμό το οποίο του δίνει την δυνατότητα να προσθέτει βάθος στα περιεχόμενα. Μια σειρά από module δίνει την δυνατότητα να πραγματοποιηθούν πολλαπλές παραλλαγές στο mainbody της ιστοσελίδας. Είναι σημαντικό πως το συγκεκριμένο template αποκρίνετε σε σταθερούς ηλεκτρονικούς υπολογιστές, tablet και συστήματα smartphone. - 26 -

Απαιτήσεις: Apache 2.2+ or Microsoft IIS 7 PHP 5.3+ MySQL 5.0.4 or higher Joomla 2.5 or 3.x Εικόνα 17 : Λεπτομέρειες εμφάνισης του template Βασικά Χαρακτηριστικά Joomla 2.5 & Joomla 3.x Compatible Responsive Layout 6 Preset Styles 78 Module Positions 9 Styled and 25 Structural Module Suffixes RokSprocket Responsive Layout Integrated RokGallery Responsive Layout Styled Support for Responsive K2 Layout Powerful Gantry 4 Framework Custom Content Typography DropDown Menu & Splitmenu FF, Safari, Chrome, Opera, IE8+ Compatible HTML5, CSS3, LESS CSS - 27 -

2.8 ΕΠΕΚΤΑΣΕΙΣ ΠΟΥ ΧΡΗΣΙΜΟΠΟIΗΘΗΚAN Rock Gallerie Εικόνα 18 : Το slideshow του template To RokGallery είναι μια επαναστατική επέκταση για να προβάλεις Gallery φωτογραφιών, που αναπτύχθηκε για να είναι ευέλικτο και φιλικό προς το χρήστη. Είναι χτισμένο σε μια αρχιτεκτονική που βασίζεται σε ετικέτες με τη δυνατότητα να έχουν πολλαπλές Gallery. Widjet meteorologos.gr Εικόνα 19 : Το widjet του meteorologos.gr Το widjet του meteorologos.gr προσθέτει στην ιστοσελίδα για μία περιοχή, ενημέρωση και πρόγνωση περιεχομένου υψηλής ποιότητας στηριζόμενη σε αναπτυσσόμενα μέσα ηλεκτρονικής επικοινωνίας. - 28 -

AntiCopy Εικόνα 20 : Το plugin του Anticopy Το plugin AntiCopy δεν επιτρέπει την αντιγραφή και χρήση των περιεχομένων του site από μη εξουσιοδοτημένους χρήστες. Επίσης αυξάνει την επισκεψιμότητα καθώς όποιος ενδιαφέρετε να προωθήσει η να ξαναδεί το περιεχόμενο της ιστοσελίδας προωθεί το lik ή μπαίνει ξανά στο site. Xmap Εικόνα 21 : Το plugin του Xmap Το plugin Xmap δημιουργεί το Sitemap (Χάρτη ιστότοπου) της ιστοσελίδας και είναι ένας εύκολος τρόπος με τον οποίο οι διαχειριστές ιστοσελίδων ενημερώνουν τις μηχανές αναζήτησης σχετικά με τις σελίδες της ιστοσελίδας που είναι διαθέσιμες προς ευρετηρίαση / crawling. - 29 -

AcyMailing Εικόνα 22 : Το plugin του AcyMailing To plugin AcyMailing δίνει την δυνατότητα σε μια ιστοσελίδα να χρησιμοποιήσει e-mail marketing και να έχει τις πληροφορίες ενδιαφερόμενων χρηστών που θέλει (π.χ. e-mail, Ον/μο) για χρήσεις όποτε κρίνετε απαραίτητο η ακόμα και για ενημερώσεις newsletter σε τακτά χρονικά διαστήματα. Flick R Εικόνα 23 : Το plugin του flickr Το Flickr δίνει την δυνατότητα σε μία ιστοσελίδα να ενσωματωθούν οι παρουσιάσεις από ένα λογαριασμό flickr και να επιλέγουν οι ομάδες ή τα set φωτογραφιών που επιθυμούν να εμφανίζονται. - 30 -

Perfect Facebook Like Box Sidebar Εικόνα 24 : Το plugin του Perfect Facebook Like Box Sidebar Το plugin Perfect Facebook Like Box Sidebar προσθέτει στην δεξιά πλάγια γραμμή το επιθυμητό facebook το οποίο σύρετε και ανοίγει ή κλείνει με την διέλευση του ποντικιού. Google map Εικόνα 25 : Το plugin του google map Το Google Map δίνει την δυνατότητα σε μία ιστοσελίδα να ενσωματώσει τον χάρτη που επιθυμεί και έτσι ο τελικός χρήστης της σελίδας μπορεί να απολαμβάνει ένα δυναμικό και διαδραστικό χάρτη. - 31 -

Like Button Εικόνα 26 : Το Like Button To Like Button είναι ο πιο γρήγορος τρόπος για διαμοίραση περιεχομένου με φίλους στο facebook και δίνει αυτή τη δυνατότητα στο τελικό χρήστη της ιστοσελίδα με ένα click στο like. - 32 -

ΚΕΦΑΛΑΙΟ 3 Ο : ΠΡΟΩΘΗΣΗ ΙΣΤΟΣΕΛΙΔΩΝ - 33 -

3.1 ΕΜΦΑΝΙΣΗ ΣΤΑ ΠΡΩΤΑ ΑΠΟΤΕΛΕΣΜΑΤΑ S.E.O. Το S.E.O. ((search engine optimization) βελτιστοποίηση μηχανών αναζήτησης) είναι η διαδικασία βελτίωσης της προβολής ενός ιστότοπου (website) στα αποτελέσματα μηχανών αναζήτησης. Σε γενικές γραμμές, όσο πιο ψηλά και συχνά εμφανίζεται ένα site στην λίστα αποτελεσμάτων μιας μηχανής αναζήτησης, τόσο περισσότερους επισκέπτες θα έχει ( από το σύνολο των χρηστών που τις χρησιμοποιούν). Εικόνα 27 : Seo Ως διαδικτυακή στρατηγική marketing, το SEO εξετάζει πως λειτουργούν οι μηχανές αναζήτησης, τι αναζητά ο κόσμος, τους πραγματικούς όρους αναζήτησης που πληκτρολογεί και ποιες από αυτές χρησιμοποιεί. Η βελτιστοποίηση ενός website μπορεί να συμπεριλάβει την επεξεργασία του περιεχομένου του καθώς και την επεξεργασία της κωδικοποίησης του (π.χ. του HTML κώδικα του). Με αυτό τον τρόπο καθορίζονται συγκεκριμένες λέξεις κλειδιά και αφαιρείται ότι εμποδίζει τις δραστηριότητες που αφορούν την καταγραφή ενός site στο ευρετήριο μιας μηχανής αναζήτησης. Η προώθηση ενός site προκειμένου να αυξηθεί ο αριθμός των backlinks, ή των inbound links του (δηλαδή των συνδέσμων από άλλα site), είναι μια άλλη SEO τακτική. Το ακρωνύμιο «SEOs» μπορεί να αναφέρεται σε Βελτιστοποιητές Μηχανών Αναζήτησης(Search Engine Optimizers), ένας όρος που εγκρίθηκε από μια βιομηχανία συμβούλων οι οποίοι εκτελούν έργα βελτιστοποίησης για λογαριασμό πελατών, και από υπαλλήλους που εκτελούν υπηρεσίες SEO σε εσωτερικό επίπεδο. Οι SEOs μπορούν να προσφέρουν το SEO σαν μια αυτόματη υπηρεσία ή ως μέρος μιας ευρύτερης εκστρατείας marketing. Επειδή το αποτελεσματικό SEO μπορεί να απαιτήσει αλλαγές στον πηγαίο κώδικα HTML ενός site καθώς και στο περιεχόμενο του, τακτικές SEO μπορούν να ενσωματωθούν κατά την σχεδίαση και ανάπτυξη του. Ο όρος search engine friendly μπορεί να χρησιμοποιηθεί για να περιγράψει website designs, menus, content management systems (συστήματα διαχείρισης περιεχομένου), εικόνες, videos, shopping carts, και άλλα στοιχεία τα οποία έχουν βελτιστοποιηθεί με σκοπό την καλυτέρευση της εικόνας της ιστοσελίδας σε μια μηχανή αναζήτησης. ΣΤΑΔΙΑ ΒΕΛΤΙΣΤΟΠΟΙΗΣΗ Το πρώτο στάδιο είναι να γίνει έρευνα για λέξεις κλειδιά και στη συνέχεια ομαδοποίηση των εκφράσεων αυτών σε ομάδες που σχετίζονται, δηλαδή έχουν το ίδιο θέμα. - 34 -

Για παράδειγμα στην ιστοσελίδα http://apollonkagrou.gr/ έχουν χρησιμοποιηθεί ομάδες φράσεων σχετικές με πολιτιστικούς φορείς, πολιτιστικές εκδηλώσεις καθώς και για το Καλό Αγρό (όνομα του χωριού) όπως και την ευρύτερη περιοχή της Δράμας. Το δεύτερο στάδιο είναι να γίνει η βελτιστοποίηση σε κάθε σελίδα ξεχωριστά του website για 1-3 από τις λέξεις κλειδιά που βρήκαμε. (on-site optimization). Το τρίτο στάδιο είναι να γίνει εύρεση sites που θα κάνουν link στην ιστοσελίδα που επιθυμούμε με τις ανάλογες λέξεις κλειδιά. (off-site optimization). Το on-site optimization ασχολείται με το τι μπορεί να γίνει στην ιστοσελίδα που διαχειριζόμαστε ενώ το off-site optimization με τις σελίδες που κάνουν link στην σελίδα που διαχειριζόμαστε. ON PAGE OPTIMIZATION Το στάδιο αυτό αφορά το τεχνικό κομμάτι της ιστοσελίδας, δηλαδή τα κείμενα που περιέχει και τον κώδικα html. Το πρώτο βήμα για τη βελτιστοποίηση είναι να βρεθούν οι λέξεις κλειδιά που πρέπει να στοχεύουν. Για παράδειγμα στην ιστοσελίδα http://apollonkagrou.gr/ έχει πραγματοποιηθεί στόχευση σε λέξεις όπως πολιτιστικοί σύλλογοι στη Δράμα. Όσο πιο συγκεκριμένη είναι η στόχευση τόσο υψηλότερα αποτελέσματα έχουμε στις μηχανές αναζήτησης. Το όλο θέμα της έρευνας για λέξεις-κλειδιά είναι τεράστιο και πολύ σημαντικό για να πετύχουμε τα αποτελέσματα που επιθυμούμε. Σημαντικά στοιχεία on-page: Title για κάθε σελίδα Domain ιστοσελίδα με λέξεις κλειδιά URL ιστοσελίδας με λέξεις κλειδιά Επικεφαλίδες με λέξεις κλειδιά (ιδιαίτερα H1) Δομή site (κατηγορίες, αρχεία ) Θέμα του site Κείμενο με λέξεις κλειδιά και συνώνυμα. (πρωτότυπο ποιοτικό περιεχόμενο = καλύτερο περιεχόμενο για τις μηχανές αναζήτησης) Εικόνες με περιγραφή ALT και σχετικό όνομα αρχείου Hyperlinks προς άλλες σελίδες Τεχνικά λάθη και ταχύτητα φόρτωσης Meta tags για description (κεντρίζει την προσοχή) Τα meta keywords δεν παίζουν ρόλο Χρήση no-follow για links που δεν θέλετε να ακολουθήσουν οι μηχανές αναζήτησης - 35 -