ΑΤΕΙ ΘΕΣΣΑΛΙΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ Τμήμα Μηχανικών Πληροφορικής ΤΕ Ανάπτυξη Δυναμικής Ιστοσελίδας Ηλεκτρονικού Καταστήματος Με Χρήση WordPress ΠΤΥΧΙΑΚΉ ΕΡΓΑΣΊΑ ΛΟΥΛΑΣ ΒΑΣΙΛΕΙΟΣ (ΑΜ: ΤΟ2721) Επιβλέπων: Δρ. Σάββας Ηλίας Αναπληρωτής Καθηγητής Τομέας Μηχανικού Λογισμικού ΛΑΡΙΣΑ 2015
«Εγώ ο Λούλας Βασίλειος, δηλώνω υπεύθυνα ότι η παρούσα Πτυχιακή Εργασία µε τίτλο Ανάπτυξη δυναµικής ιστοσελίδας ηλεκτρονικού καταστήµατος µε χρήση WordPress είναι δική µου και βεβαιώνω ότι: Σε όσες περιπτώσεις έχω συµβουλευτεί δηµοσιευµένη εργασία τρίτων, αυτό επισηµαίνεται µε σχετική αναφορά στα επίµαχα σηµεία. Σε όσες περιπτώσεις µεταφέρω λόγια τρίτων, αυτό επισηµαίνεται µε σχετική αναφορά στα επίµαχα σηµεία. Με εξαίρεση τέτοιες περιπτώσεις, το υπόλοιπο κείµενο της πτυχιακής αποτελεί δική µου δουλειά. Αναφέρω ρητά όλες τις πηγές βοήθειας που χρησιµοποίησα. Σε περιπτώσεις που τµήµατα της παρούσας πτυχιακής έγιναν από κοινού µε τρίτους, αναφέρω ρητά ποια είναι η δική µου συνεισφορά και ποια των τρίτων. Γνωρίζω πως η λογοκλοπή αποτελεί σοβαρότατο παράπτωµα και είµαι ενήµερος(-η) για την επέλευση των νοµίµων συνεπειών» Λούλας Βασίλειος < υπογραφή > -2-
Εγκρίθηκε από την τριµελή εξεταστική επιτροπή Τόπος: Λάρισα Ηµεροµηνία: ΕΠΙΤΡΟΠΗ ΑΞΙΟΛΟΓΗΣΗΣ 1. 2. 3. -3-
Περίληψη Στην εποχή µας, µε την ταχύτατη ανάπτυξη της τεχνολογίας έχει γίνει επιτακτική η ανάγκη δηµιουργίας ιστοσελίδων, τόσο για µεγάλες επιχειρήσεις όσο και για ατοµικούς σκοπούς. Η δηµιουργία ιστοσελίδας ποικίλει όσο αναφορά τα προγράµµατα δηµιουργίας της όπως και έχει πληθώρα προγραµµάτων-εργαλείων ενσωµάτωσης σε αυτήν. Ο κάθε δηµιουργός αναλόγως την περίπτωση, χρησιµοποιεί τα εργαλεία που χρειάζονται για να πετύχουν τον σκοπό δηµιουργίας της. Στην προκειµένη περίπτωση η δηµιουργία της ιστοσελίδας µε την χρησιµοποίηση του Wordpress έγινε κατόπιν συνεννόησης και εµπιστοσύνης µε τον κάτοχο του καταστήµατος, ώστε να επιτευχθεί ανάπτυξη της επιχειρηµατικότητας και αύξηση πωλήσεων των εµπορευµάτων. Η Έκθεση Επίπλων για την οποία δηµιουργήθηκε η συγκεκριµένη ιστοσελίδα εγκαθιστάτε στην Κατερίνη εδώ και πολλά χρόνια. Λόγο τόσο των προβληµάτων οικονοµίας όσο και τις θέσεως του καταστήµατος η κινητικότητα των πωλήσεων πέφτει σταδιακά. Η δηµιουργία της εν λόγο εργασίας γίνετε εν µέρη ώστε µπορέσει να δώσει επιπλέων κίνητρο στους πελάτες να έχουν µια πρώτη γνώµη για την έκθεση και το εκάστοτε προϊόν, που διατίθενται να αγοράσουν, όσο και στο να προσέλθουν στο προαναφερθείς κατάστηµα για την εκτίµηση και αγορά άλλων προϊόντων. -4-
Ευχαριστίες Πάνω απ όλα θα ήθελα να ευχαριστήσω τους γονείς µου που όλα αυτά τα χρόνια των σπουδών µου ήταν δίπλα µου και µε στήριζαν σε ότι χρειαζόµουν. Επίσης θα ήθελα να ευχαριστήσω τους καθηγητές µου για την άψογη συνεργασία που είχαµε που µου παρείχαν όλα τα εφόδια και τις γνώσεις ώστε να βγω στην αγορά εργασίας αξιοπρεπώς. Λούλας Βασίλειος -5-
Περιεχόµενα 1ΕΙΣΑΓΩΓΉ ΣΤΟ WORD PRESS...8 1.1TΙ ΕΊΝΑΙ Η PHP;...9 1.2HTML...10 1.3CSS...11 1.4SQL...12 1.4.1Ιστορία SQL...12 1.5APACHE SERVER...13 1.6MYSQL...13 1.7ΤΙ ΕΊΝΑΙ ΤΟ RSS...14 1.8ΒΙΒΛΙΟΓΡΑΦΙΑ-ΠΗΓΕΣ ΚΕΦΑΛΑΙΟΥ 1...15 2ΑΓΟΡΑ HOSTING ΚΑΙ DOMAIN...16 2.1ΑΓΟΡΑ HOSTING...16 2.2ΑΓΟΡΑ DOMAIN...17 2.3ΒΙΒΛΙΟΓΡΑΦΊΑ-ΠΗΓΈΣ...19 3ΕΓΚΑΤΑΣΤΑΣΗ ΠΡΟΓΡΑΜΜΑΤΩΝ...19 3.1FILEZILLA...19 3.2PUTTY...22 3.3WORDPRESS...26 3.3.1ΜΕΝΟΥ ΕΠΙΛΟΓΩΝ ΤΟΥ WORDPRESS...27 3.4ΒΙΒΛΙΟΓΡΑΦΙΑ-ΠΗΓΕΣ...28 4 ΗΜΙΟΥΡΓΙΑ ΙΣΤΟΣΕΛΙ ΑΣ...29 4.1ΠΩΣ ΚΑΝΟΥΜΕ ΕΓΚΑΤΑΣΤΑΣΗ ΚΑΙΝΟΥΡΓΙΟΥ ΘΕΜΑΤΟΣ...29 4.2ΜΕ ΠΟΙΟ ΘΕΜΑ ΣΤΗΣΑΜΕ ΤΟΝ ΙΣΤΟΤΟΠΟ ΜΑΣ...30 4.3ΠΩΣ ΙΑΜΟΡΦΩΝΟΥΜΕ ΤΟΝ ΙΣΤΟΤΟΠΟ...31 4.4 ΗΜΙΟΥΓΙΑ ΜΕΝΟΥ...34 4.5 ΗΜΙΟΥΡΓΙΑ ΣΕΛΙ ΩΝ...35 4.6 ΗΜΙΟΥΡΓΙΑ ΒΙΒΛΙΟΘΗΚΗΣ...36-6-
4.7 ΗΜΙΟΥΡΓΙΑ ΑΡΘΡΟΥ...37 4.8ΠΡΟΣΘΕΤΑ...37 4.8.1ΠΩΣ ΕΙΣΑΓΟΥΜΕ ΠΡΟΣΘΕΤΑ ΣΤΗΝ ΙΣΤΟΣΕΛΙ Α...38 4.8.2ΤΡΟΠΟΠΟΙΗΣΗ ΠΡΟΣΘΕΤΩΝ...39 4.8.3 ΙΑΓΡΑΦΗ ΠΡΟΣΘΕΤΩΝ...40 4.9ΠΩΣ ΕΙΣΑΓΟΥΜΕ URL ΣΕ ΣΕΛΙ Α...41 4.10ΤΟ ΜΕΝΟΥ ΜΕΛΗ ΤΟΥ WORDPRESS...42 4.11ΤΟ ΜΕΝΟΥ ΡΥΘΜΊΣΕΙΣ ΤΟΥ WORDPRESS...43 4.11.1ΓΕΝΙΚΑ...43 4.11.2ΣΥΝΤΑΞΗ...44 4.11.3ΑΝΑΓΝΩΣΗ...45 4.11.4ΣΥΖΗΤΗΣΗ...46 4.11.5ΠΟΛΥΜΕΣΑ...47 4.11.6ΜΟΝΙΜΟΙ ΣΥΝ ΕΣΜΟΙ...48 4.11.7CINCOPA...49 4.11.8ΒΙΒΛΙΟΓΡΑΦΙΑ-ΠΗΓΕΣ...49 5ΤΙ ΕΙΝΑΙ ΤΟ CINCOPA...50 5.1ΠΩΣ ΗΜΙΟΥΡΓΩ GALLERY ΣΤΟ CINCOPA...50 5.2ΠΩΣ ΕΠΙΛΕΓΩ SKIN...51 5.2.1ΠΩΣ ΕΠΕΞΕΡΓΑΖΟΜΑΙ ΤΟ SKIN...53 5.3ΠΩΣ ΚΑΝΩ ΑΝΕΒΑΣΜΑ ΦΩΤΟΓΡΑΦΙΩΝ ΣΤΟ GALLERY...54 5.4ΠΟΙΟ ΤΟ ΑΠΟΤΕΛΕΣΜΑ ΠΟΥ ΙΝΕΙ ΤΟ CINCOPA...55 5.5ΠΩΣ ΠΕΡΝΑΩ ΤΟ GALLERY ΣΤΟ WORDPRESS...57 5.6ΤΟ ΑΠΟΤΕΛΕΣΜΑ ΤΗΣ ΙΑ ΙΑΚΑΣΙΑΣ...58 5.7ΒΙΒΛΙΟΓΡΑΦΙΑ ΠΗΓΕΣ...59 6ΕΠΙΛΟΓΟΣ-ΣΥΜΠΕΡΑΣΜΑΤΑ...60
1Εισαγωγή Στο Word Press Το WordPress είναι ελεύθερο και ανοικτού κώδικα λογισµικό ιστολογίου και πλατφόρµα δηµοσιεύσεων, γραµµένο σε PHP και MySQL. Συχνά τροποποιείται για χρήση ως Σύστηµα διαχείρισης περιεχοµένου ( CMS). Έχει πολλές δυνατότητες, συµπεριλαµβανοµένων µιας αρχιτεκτονικής για πρόσθετες λειτουργίες, και ενός συστήµατος προτύπων. Το WordPress χρησιµοποιείται σε περισσότερα από το 14% των 1.000.000 µεγαλύτερων ιστότοπων. Κυκλοφόρησε για πρώτη φορά στις 27 Μαΐου 2003, από τον Matt Mullenwegως. Από τον Φεβρουάριο του 2011, η έκδοση 3.0 έχει ληφθεί περισσότερες από 32,5 εκατοµµύρια φορές. Το WordPress έχει ένα σύστηµα προτύπων ιστού το οποίο χρησιµοποιεί έναν επεξεργαστή προτύπων. Οι χρήστες του µπορούν να αλλάζουν τη θέση διαφόρων στοιχείων του γραφικού περιβάλλοντος χωρίς να χρειάζεται να επεξεργάζονται κώδικα PHP ή HTML. Μπορούν επίσης να εγκαθιστούν και να αλλάζουν µεταξύ διαφόρων οπτικών θεµάτων. Μπορούν ακόµα να επεξεργαστούν τον κώδικα PHP και HTML στα οπτικά θέµατα, προκειµένου να επιτύχουν προχωρηµένες τροποποιήσεις. Το WordPress έχει επίσης δυνατότητα ενσωµατωµένης διαχείρισης συνδέσµων, µόνιµους συνδέσµους οι οποίοι είναι φιλικοί προς τις µηχανές αναζήτησης, δυνατότητα ανάθεσης πολλαπλών κατηγοριών και υποκατηγοριών στα άρθρα, και υποστήριξη για ετικέτες στα άρθρα και τις σελίδες. -8-
1.1Tι είναι η PHP; H PHP είναι µια γλώσσα προγραµµατισµού για τη δηµιουργία σελίδων web µε δυναµικό περιεχόµενο. Μια σελίδα PHP περνά από επεξεργασία από ένα συµβατό διακοµιστή του Παγκόσµιου Ιστού (π.χ. Apache), ώστε να παραχθεί σε πραγµατικό χρόνο το τελικό περιεχόµενο, που θα σταλεί στο πρόγραµµα περιήγησης των επισκεπτών σε µορφή κώδικα HTML.Η ιστορία της PHP ξεκινά από το 1994, όταν ένας φοιτητής, ο Rasmus Lerdorf δηµιούργησε χρησιµοποιώντας τη γλώσσα προγραµµατισµού Perl ένα απλό script µε όνοµα php.cgi, για προσωπική χρήση. Το script αυτό είχε σαν σκοπό να διατηρεί µια λίστα στατιστικών για τα άτοµα που έβλεπαν το online βιογραφικό του σηµείωµα. Αργότερα αυτό το script το διέθεσε και σε φίλους του, οι οποίοι άρχισαν να του ζητούν να προσθέσει περισσότερες δυνατότητες. Η γλώσσα τότε ονοµαζόταν PHP/FI από τα αρχικά Personal Home Page/Form Interpreter. Το 1997 η PHP/FI έφθασε στην έκδοση 2.0, βασιζόµενη αυτή τη φορά στη γλώσσα C και αριθµώντας περισσότερους από 50.000 ιστότοπους που τη χρησιµοποιούσαν, ενώ αργότερα την ίδια χρονιά οι Andi Gutmans και Zeev Suraski ξαναέγραψαν τη γλώσσα από την αρχή, βασιζόµενοι όµως αρκετά στην PHP/FI 2.0. Έτσι η PHP έφθασε στην έκδοση 3.0 η οποία θύµιζε περισσότερο τη σηµερινή µορφή της. Στη συνέχεια, οι Zeev και Andi δηµιούργησαν την εταιρεία Zend (από τα αρχικά των ονοµάτων τους), η οποία συνεχίζει µέχρι και σήµερα την ανάπτυξη και εξέλιξη της γλώσσας PHP. Ακολούθησε το 1998 η έκδοση 4 της PHP, τον Ιούλιο του 2004 διατέθηκε η έκδοση 5, ενώ αυτή τη στιγµή έχουν ήδη διατεθεί και οι πρώτες δοκιµαστικές εκδόσεις της επερχόµενης PHP 6, για οποιονδήποτε προγραµµατιστή θέλει να τη χρησιµοποιήσει. Οι περισσότεροι ιστότοποι επί του παρόντος χρησιµοποιούν κυρίως τις εκδόσεις 4 και 5 της PHP. 1.2HTML H HTML είναι το ακρωνύµιο των λέξεων HyperText Markup Language (γλώσσα µορφοποίηση υπερκειµένου) και είναι η βασική γλώσσα δόµηση σελίδων του World Wide -9-
Web (ή απλά ιστού: Web). Είναι µία γλώσσα προγραµµατισµού. Χρησιµοποιείται για να σηµαίνει ένα τµήµα κειµένου και να το κάνει να εµφανίζεται καλύτερα. Επιτρέπει την ενσωµάτωση ήχου και εικόνων στις web σελίδες. Αρχικά είχε κατασκευασθεί µε σκοπό µόνο την µορφοποίηση κειµένου, αλλά µεγάλωσε και ενσωµάτωσε σχεδιαστικές τεχνικές κ.α. Η γλώσσα χρησιµοποιεί ένα αριθµό από tags για την µορφοποίηση κειµένου, για την δηµιουργία συνδέσµων (links) µετάβασης ανάµεσα των σελίδα, για την εισαγωγή εικόνων, ήχου κ.α. Όταν ένας Web Browser ανοίγει ένα αρχείο HTML τα στοιχεία (tags) µεταφράζονται σε κατάλληλα χαρακτηριστικά µε αποτελέσµατα στην εµφάνιση και στην λειτουργικότητα της συγκεκριµένης σελίδας. Εκδόσεις HTML Το 1990 ο Tim Berners-Lee από το Cern, το εργαστήριο φυσικής της Γενεύης, δηµιούργησε ένα νέο πρωτόκολλο µε το οποίο θα µπορούσαν να µεταφέρονται κάθε είδος αρχείων και αντικειµένων µέσα από το Internet. Το πρωτόκολλο αυτό ονοµάστηκε HTTP (HyperText Transfer Protocol) και σηµατοδότησε την αρχή του WWW όπως το ξέρουµε σήµερα. Οι σελίδες που ήταν η βάση του WWW ήτας γραµµένες στην πρώτη έκδοση της γλώσσα HTML. Το 1994 αναπτύσσεται το πρότυπο HTML 2.0 από ένα διεθνή οργανισµό (Internet Engineering Task Forse). H επόµενη έκδοση η 3.0 δεν έγινε αποδεκτή από τις Microsoft και Netscape οπότε γρήγορα αντικαταστάθηκε από την έκδοση 3.2 (1996). Η τελευταία περιελάµβανε πολλές από τις σηµάνσεις (tags) που είχαν εισάγει οι δύο εταιρίες. Η έκδοση 4.0 παρουσιάστηκε τον Ιούνιο του 1997. Γλώσσες Προγραµµατισµού στο Internet Οι ενδογενείς αδυναµίες της HTML, µιας κατεξοχήν γλώσσας µορφοποίησης υπερκειµένου, σύντοµα οδήγησαν στην ανάπτυξη γλωσσών προγραµµατισµού στο Internet. Η χρήση των γλωσσών προγραµµατισµού κρίθηκε απαραίτητη αφού η εξάπλωση του Internet και η χρήση -10-
των σελίδων HTML για αλληλεπίδραση µε τους χρήστες (δυναµική αποστολή και λήψη δεδοµένων) δεν µπορούσε να πραγµατοποιηθεί µέσω της HTML. Αρχικά, αναπτύχθηκε από την εταιρεία Netscape η γλώσσα JavaScript η οποία, όπως και η ΗTML µεταφράζεται από τον Web Browser κατά την εµφάνιση της σελίδας. H Microsoft ανέπτυξε απ' την πλευρά της µια δική της έκδοση της γλώσσας JavaScript την οποία ονόµασε JScript και µια έκδοση της γλώσσας Basic ειδικά για το Internet που ονόµασε VBScript. Έτσι πλέον µε την χρήση των παραπάνω γλωσσών είναι δυνατό να ελεγχθούν και να προγραµµατιστούν όλα σχεδόν τα αντικείµενα που µπορεί να περιέχει µία ιστοσελίδα και µε τη χρήση είτε εντολών διαδικαστικού χαρακτήρα, είτε εντολών διακλάδωσης, όπως για παράδειγµα η δοµή [if then else ]. Η χρήση τέτοιου είδους "προγραµµάτων" ή όπως ονοµάζονται "scripts" είναι διαδικασία που έχει µεγάλες απαιτήσεις σε προγραµµατισµό και απευθύνεται σε προγραµµατιστές και µόνο. ηµιουργία αρχείων HTML Η δηµιουργία αρχείων HTML είναι πολύ απλή. Αρκεί να τρέξουµε έναν οποιοδήποτε διορθωτή κειµένου text, όπως το Notepad των Windows. Να γράψουµε τον κώδικα HTML που επιθυµούµε και να το αποθηκεύσουµε (σώσουµε) σε ένα αρχείο µε κατάληξη.htm ή.html. Συνήθως αποθηκεύουµε µε επέκταση.html όταν θα δηµοσιεύσουµε τα αρχεία µας σε διακοµιστή Unix. Αντίθετα ο εξυπηρετητής Windows NT καταλαβαίνει τα αρχεία και σαν.htm και σαν.html. 1.3CSS Η CSS (Cascading Style Sheets- ιαδοχικά Φύλλα Στυλ) ή ( αλληλουχία φύλλων στυλ ) είναι µια γλώσσα υπολογιστή που ανήκει στην κατηγορία των γλωσσών φύλλων στυλ που χρησιµοποιείται για τον έλεγχο της εµφάνισης ενός εγγράφου που έχει γραφτεί µε µια γλώσσα σήµανσης. Χρησιµοποιείται δηλαδή για τον έλεγχο της εµφάνισης ενός εγγράφου που γράφτηκε στις γλώσσες HTML και XHTML, δηλαδή για τον έλεγχο της εµφάνισης µιας ιστοσελίδας και γενικότερα ενός ιστοτόπου. Η CSS είναι µια γλώσσα -11-
υπολογιστή προορισµένη να αναπτύσσει στιλιστικά µια ιστοσελίδα δηλαδή να διαµορφώνει περισσότερα χαρακτηριστικά, χρώµατα, στοίχιση και δίνει περισσότερες δυνατότητες σε σχέση µε την html. Για µια όµορφη και καλοσχεδιασµένη ιστοσελίδα η χρήση της CSS κρίνεται ως απαραίτητη. 1.4SQL H SQL (Structured Query Language) είναι µία γλώσσα υπολογιστών στις βάσεις δεδοµένων, που σχεδιάστηκε για τη διαχείριση δεδοµένων, σε ένα σύστηµα διαχείρισης σχεσιακών βάσεων δεδοµένων (Relational Database Management System, RDBMS) και η οποία, αρχικά, βασίστηκε στη σχεσιακή άλγεβρα. Η γλώσσα περιλαµβάνει δυνατότητες ανάκτησης και ενηµέρωσης δεδοµένων, δηµιουργίας και τροποποίησης σχηµάτων και σχεσιακών πινάκων, αλλά και ελέγχου πρόσβασης στα δεδοµένα. Η SQL ήταν µία από τις πρώτες γλώσσες για το σχεσιακό µοντέλο του Edgar F. Codd, στο σηµαντικό άρθρο του το 1970, και έγινε η πιο ευρέως χρησιµοποιούµενη γλώσσα για τις σχεσιακές βάσεις δεδοµένων. 1.4.1Ιστορία SQL Η SQL αναπτύχθηκε στην IBM από τους Andrew Richardson, Donald C. Messerly και Raymond F. Boyce, στις αρχές της δεκαετίας του 1970. Αυτή η έκδοση, αποκαλούµενη αρχικά SEQUEL, είχε ως σκοπό να χειριστεί και να ανακτήσει τα στοιχεία που αποθηκεύτηκαν στο πρώτο RDBMS της IBM, το System R. Το πρώτο σύστηµα διαχείρισης σχεσιακών βάσεων δεδοµένων (RDBMS) ήταν το RDMBS που αναπτύχθηκε στo MIT, στις αρχές της δεκαετίας του 1970 και η Ingres, που αναπτύχθηκε το 1974 στο Πανεπιστήµιο Μπέρκλεϋ. H Ingres εφάρµοσε µία γλώσσα διατύπωσης ερωτήσεων γνωστή ως QUEL, το οποίο αντικαταστάθηκε αργότερα στην αγορά από την SQL. Προς το τέλος της δεκαετίας του 70 η Relational Software (τώρα Oracle Corporation) είδε τη δυνατότητα αυτών που περιγράφηκαν από Codd, Chamberlin, και Boyce και ανάπτυξε την SQL βασισµένο στο RDBMS, µε τις φιλοδοξίες πώλησης του στο Αµερικανικό ναυτικό, την Κεντρική Υπηρεσία Πληροφοριών και άλλες Αµερικανικές Υπηρεσίες. Το καλοκαίρι του 1979, η Relational Software εισήγαγε την πρώτη διαθέσιµη στο εµπόριο εφαρµογή του SQL και νίκησε την IBM µε τη διάθεση του πρώτου εµπορικού RDBMS για µερικές εβδοµάδες. -12-
1.5Apache Server Ο Apache HTTP γνωστός και απλά σαν Apache είναι ένας εξυπηρετητής του παγκόσµιου ιστού (web). Όποτε ένας χρήστης επισκέπτεται ένα ιστότοπο το πρόγραµµα πλοήγησης (browser) επικοινωνεί µε έναν διακοµιστή (server) µέσω του πρωτοκόλλου HTTP, ο οποίος παράγει τις ιστοσελίδες και τις αποστέλλει στο πρόγραµµα πλοήγησης. O Apache είναι ένας από τους δηµοφιλέστερους εξυπηρετητές ιστού, εν µέρει γιατί λειτουργεί σε διάφορες πλατφόρµες όπως τα Windows, το Linux, το Unix και το Mac OS X. Κυκλοφόρησε υπό την άδεια λογισµικού Apache και είναι λογισµικό ανοιχτού κώδικα. Συντηρείται από µια κοινότητα ανοικτού κώδικα µε επιτήρηση από το Ίδρυµα Λογισµικού Apache (Apache Software Foundation). Ο Apache χρησιµοποιείται και σε τοπικά δίκτυα σαν διακοµιστής συνεργαζόµενος µε συστήµατα διαχείρισης Βάσης εδοµένων π.χ. Oracle, MySQL. Η πρώτη του έκδοση, γνωστή ως NCSA HTTPd, δηµιουργήθηκε από τον Robert McCool και κυκλοφόρησε το 1993. Θεωρείται ότι έπαιξε σηµαντικό ρόλο στην αρχική επέκταση του παγκόσµιου ιστού. Ήταν η πρώτη βιώσιµη εναλλακτική επιλογή που παρουσιάστηκε απέναντι στον εξυπηρετητή http της εταιρείας Netscape και από τότε έχει εξελιχθεί στο σηµείο να ανταγωνίζεται άλλους εξυπηρετητές βασισµένους στο Unix σε λειτουργικότητα και απόδοση. Από το 1996 ήταν από τους πιο δηµοφιλείς όµως από τον Μάρτιο του 2006 έχει µειωθεί το ποσοστό της εγκατάστασής του κυρίως από τον Microsoft Internet Information Services και την πλατφόρµα.net. Τον Οκτώβριο του 2007 το µερίδιο του ήταν 47.73% από όλους τους ιστοτόπους. 1.6MySql Η MySQL είναι ένα σύστηµα διαχείρισης σχεσιακών βάσεων δεδοµένων που µετρά περισσότερες από 11 εκατοµµύρια εγκαταστάσεις. Έλαβε το όνοµά της από την κόρη του -13-
Μόντυ Βιντένιους, τη Μάι (αγγλ. My). Το πρόγραµµα τρέχει έναν εξυπηρετητή (server) παρέχοντας πρόσβαση πολλών χρηστών σε ένα σύνολο βάσεων δεδοµένων. Ο κωδικός του εγχειρήµατος είναι διαθέσιµος µέσω της GNU General Public License, καθώς και µέσω ορισµένων ιδιόκτητων συµφωνιών. Ανήκει και χρηµατοδοτείται από µία και µοναδική κερδοσκοπική εταιρία, τη σουηδική MySQL AB, η οποία σήµερα ανήκει στην Oracle. 1.7Τι είναι το RSS Το ακρωνύµιο RSS, από τον αγγλικό όρο Rich Site Summary (Σύνοψη Πλουσίας Σελίδας), ο οποίος συχνα παραφράζεται ως Really Simple Syndication (Πολύ Απλή ιανοµή), αναφέρεται σε µία προτυποποιηµένη µέθοδο ανταλλαγής ψηφιακού πληροφοριακού περιεχοµένου διαµέσου του ιαδικτύου, στηριγµένη στην πρότυπη, καθιερωµένη και ευρέως υποστηριζόµενη γλώσσα σήµανσης XML. Ένας χρήστης του ιαδικτύου µπορεί έτσι να ενηµερώνεται αυτοµάτως για γεγονότα και νέα από όσες ιστοσελίδες υποστηρίζουν RSS, αρκεί να έχει εγγραφεί ο ίδιος συνδροµητής στην αντίστοιχη υπηρεσία της εκάστοτε ιστοσελίδας. Οι εν λόγω ενηµερώσεις περιέχουν τα πλήρη δεδοµένα, σύνοψη των δεδοµένων, σχετικά µεταδεδοµένα, ηµεροµηνία έκδοσης κλπ, ενώ αποστέλλονται αυτοµάτως στον συνδροµητή µέσω ιαδικτύου.συνήθως η διαδικασία απαιτεί ένα ειδικό λογισµικό «αναγνώστη» (το οποίο µπορεί να είναι ενσωµατωµένο στον πλοηγό Web του χρήστη), όπου κάποιος πληκτρολογεί τη διεύθυνση URL της ζητούµενης ροής µιας ιστοσελίδας, ώστε να εγγραφεί σε αυτήν ως συνδροµητής. Ο αναγνώστης ελέγχει τακτικά για ενηµερώσεις περιεχοµένου τις καταγεγραµµένες ροές, από όλες τις διαφορετικές πηγές στις οποίες είναι εγγεγραµµένος ο συνδροµητής, αναλαµβάνοντας από µόνος του να µεταφέρει τις εν λόγω ενηµερώσεις όποτε χρειάζεται και να τις συγκεντρώνει στον υπολογιστή του χρήστη. Ο αναγνώστης παρέχει στον εκάστοτε χρήστη µία κοινή και εξατοµικευµένη διασύνδεση για όλες τις ροές που ο ίδιος έχει επιλέξει να παρακολουθεί. Το πρότυπο RSS υπάρχει από το 1999, ωστόσο παλαιότερες, όχι τόσο επιτυχηµένες τεχνολογίες παρόµοιου σκοπού (οι οποίες βέβαια δεν αξιοποιούσαν την καθιερωµένη σήµερα γλώσσα XML, καθώς αυτή δεν είχε -14-
εµφανιστεί πριν το 1998) κυκλοφορούσαν από τα µέσα της δεκαετία του 1990. Περί το 2005, το RSS άρχισε να υποστηρίζεται ευρέως από τους δηµοφιλέστερους πλοηγούς Web και γρήγορα καθιερώθηκε, ιδιαιτέρως λόγω της εξάπλωσης κατά την ίδια περίοδο των προσωπικών ιστολογίων µε τακτική ανανέωση περιεχοµένου. Οι οµάδες κατασκευής των εν λόγω πλοηγών είναι που επέλεξαν τότε ένα λογότυπο για την τεχνολογία RSS Πολύ γρήγορα έκανε την εµφάνισή του και το ανταγωνιστικό ως προς το RSS, αλλά επίσης στηριγµένο στην XML, πρότυπο Atom. 1.8ΒΙΒΛΙΟΓΡΑΦΙΑ-ΠΗΓΕΣ http://www.webdesign.org/ http://php.net/manual/en/index.php http://www.webopedia.com/term/a/apache_web_server.html http://nosql.mypopescu.com/post/4687379038/big-and-small-data-at-twitter-mysql-ce- 2011-15-
2Αγορά hosting και domain 2.1ΑΓΟΡΑ HOSTING Αρχικά για να κάνουµε αγορά για ένα hosting και domain θα χρειαστεί να ψαχτούµε για να κάνουµε σωστή και οικονοµική επιλογή. Στην προκειµένη περίπτωση χρησιµοποίησα την Cretaforce. Έπειτα για την αγορά hosting πάµε στο πεδίο shared Hosting και επιλέγουµε το κατάλληλο πακέτο για της απαιτήσεις της σελίδα που θέλουµε να δηµιουργήσουµε όπως και το χρονικό διάστηµα που θέλουµε να το έχουµε έως να κάνουµε ανανέωση. -16-
Επιλέγουµε το πακέτο πατώντας παραγγελία. Χρειάζεται να είµαστε εγγεγραµένοι στο site για να µπορέσει να επιτευχθεί η παραγγελία, αλλιώς θα βγάλει σφάλµα και θα χρειαστει να το κάνουµε ούτος ή άλλος. 2.2ΑΓΟΡΑ DOMAIN Έτσι αφού κάνω την παραγγελία του hosting και µου στείλουν στα επόµενα µόλις λεπτά mail του λογαριασµούς τραπέζης για να γίνει η κατάθεση προχωράω και πάω να αγοράσω το κατάλληλο domain name. -17-
Η διαδικασία για την αγορά domain είναι περίπου η ίδια, µόνο που θα χρειαστεί να επιλέξουµε το κατάλληλο όνοµα που θα θέλουµε να έχει η σελίδα µας. Επιλέγουµε αρχικά την κατάλληξη που θέλουµε να είναι π.χ.gr,.eu κλπ. Θα χρειαστεί εκ πρώτης να πληκτρολογίσουµε το όνοµα για να δούµε εαν είναι διαθέσιµο ή είναι κατελληµένο. Εάν είναι κατελληµένο θα χρειαστεί να βρούµε κάποιο άλλο όνοµα για την σελίδα το οποίο θα είναι διαθέσιµο. Μόλις βρούµε αυτό το όνοµα η διαδικασία που ακολουθεί είναι η ίδια µε την παραγγελία hosting, δηλαδή περιµένουµε να παρουµε το mail που να µας δίνει επείσης τον αριθµό λογαριασµού της εταιρία για να πάµε να το πληρώσουµε στην εκάστοτε τράπεζα. Τέλος. µόλις πληρωθούν, στέλνεις µέσω της σελίδας αίτηµα ότι έχουν πληρωθεί, τί ποσό µπήκε στην τράπεζα από ποιόν και για πιο σκοπό. Όταν οι ίδιοι δουν το αίτηµα και δουν και το χρηµατικό ποσό στην τράπεζα, σου αποστέλλουν τον κωδικό και το όνοµα hosting καθώς και το server της εταιρίας. Επίσης σε ενηµερώνουν για το πότε ακριβώς θα ενεργοποιηθεί το domain για να µπορέσεις να µπείς και να ξεκινήσεις την δηµιουγία σου. -18-
2.3Βιβλιογραφία-Πηγές http://www.cretaforce.gr http://hosting.freestuff.gr/host/cretaforce+internet+services http://www.away.gr/tag/cretaforce/ 3Εγκατάσταση Προγραµµάτων 3.1Filezilla Filezilla ονοµάζεται ένας FTP client που µπορούµε να χρησιµοποιήσουµε για να ανεβάζουµε τα αρχεία της ιστοσελίδας µας στον server µας. Υπάρχουν διαθέσιµες εκδόσεις για Windows, Linux και Mac OS X. -19-
Αφού το κατεβάσουµε και το εκαταστήσουµε το Filezilla θα πρέπει να κάνουµε κάποιες απαραίτητες ρυθµίσεις. Στην επιλογή κόµβος θα γράψουµε server1.cretaforce.gr (ανάλογα µε τον server που βρίσκεται το account µας το τροποποιούµε), για Όνοµα χρήστη και Κωδικό πρόσβασης θα χρησιµοποιήσουµε τα στοιχεία που µας στείλανε κατά την ενεργοποίηση του πακέτου hosting µας και για Θύρα χρησιµοποιούµε την 21. Τέλος πατάµε το κουµπί Γρήγορη σύνδεση. -20-
Στο αριστερό µέρος κάτω από εκεί που λέει Τοπική τοποθεσία εµφανίζονται τα αρχεία που βρίσκονται στον δίσκο του υπολογιστή µας και στο δεξί µέρος κάτω από εκεί που λέει Αποµακρυσµένη τοποθεσία εµφανίζονται τα αρχεία που βρίσκονται στον Server. Οπότε για να ανεβάσουµε τα αρχεία µας θα πρέπει στο αριστερό παράθυρο να βλέπουµε τα αρχεία της ιστοσελίδας µας που βρίσκονται στον υπολογιστή µας και στο δεξί παράθυρο θα πρέπει κάνοντας διπλό κλικ να µεταβούµε στον φάκελο cretaforce.gr( δηλαδή όπου cretaforce.gr το δικό µας domain) και στην συνέχεια στο φάκελο www. Επιλέγουµε λοιπόν τα αρχεία που θέλουµε να ανεβάσουµε στο αριστερό παράθυρο και τα κάνουµε µεταφορά και απόθεση (drag and drop) στο δεξί παράθυρο. -21-
Τέλος, εαν υπάρχει κάποιο πρόβληµα µε τον χώρο του site µας και χρειάζεται για κάποιον λόγο να σβήσουµε αρχεία απο µέσα για να µειωθεί ο χώρος, τότε πάµε στον φάκελο www. Κάτω δεξιά και ψάχνουµε τους φακέλους να δούµε τι µέγεθος έχουν ( το µέγεθος των φακέλων το γράφει στο κάτω δεξιά σηµείο) και το διαγράφουµε, το ίδιο γίνεται και εαν γνωρίζουµε την ηµεροµηνία που κάναµε upload τα αρχεία αυτά, απλά τότε θα πάµε µε γνώµονα την ηµεροµηνία των αρχείων. 3.2Putty Εάν ένα VNC (Virtual Network Computing) σύνδεση είναι απροσπέλαστη λόγω ενός τείχους προστασίας, µπορούµε να παρακάµψουµε το firewall χρησιµοποιώντας µια SSH (Secure Shell) σήραγγας. Αυτό δροµολογεί την κυκλοφορία από την σύνδεση VNC µέσω καναλιού SSH. Το Putty είναι ένα γραφικό πρόγραµµα SSH που είναι διαθέσιµο για τα λειτουργικά -22-
συστήµατα Windows και Unix. Μας επιτρέπει να ρυθµίσουµε την σήραγγα SSH χωρίς να χρειάζεται να χρησιµοποιήσουµε τη γραµµή εντολών. Αφού δηµιουργηθεί η σήραγγα, είµαστε σε θέση να χρησιµοποιήσουµε έναν πελάτη VNC για να συνδεθούµε µε τον αποµακρυσµένο υπολογιστή. Η εγκατάστασή του είναι πολύ εύκολη διότι αµέσως µετά απο το κατέβασµα του αρχείου.exe µε ένα διπλό κλικ και άνοιγµα ξεκινάει κανονικά η εφαρµογή χωρίς να γίνεται κάποια συγκεκριµένη εγκατάσταση. Επίσης µέσω του Putty, µε το που πατήσουµε άνοιγµα για να ξεκινήσει το exe στο Host Name βάζουµε τον server1.cretaforce.gr µε port 22 και στο saved Sessions µόνο τον server1 ( επιλέγουµε αντίστοιχα τον δικό µας server) και έπειτα πατάµε άνοιγµα απο κάτω. -23-
Με το που ανοίξει το putty µας βγάζει ένα σαν terminal για να µπορέσουµε να βάλουµε το username και το password τα οποία µας τα έχουν στείλε για το hosting. Στο username µπορούµε να δούµε ακριβώς τί γράφουµε στην οθόνη αλλά όταν πάµε να γράψουµε στο password δεν βλέπουµε τι γράφουµε, αυτό γίνεται για λόγους ασφαλείας. -24-
Όταν µπορέσουµε και µπούµε µέσα γράφουµε cretapanel. Μέσω του cretapanel µπορούµε να δούµε και να διαχειριστούµε πράγµατα όπως Domain Functions, Sub-Domain Functions, E- mail Functions, Mysql Functions, Password Functions αλλά µπορούµε να δούµε και µέσω του Other Functions πόσο χώρο δεσµεύει η σελίδα µας, αναλόγος µε το υλικό που έχουµε ανεβάσει µέσα της, χωρίς όµως το συγκεκριµένο να µπορούµε να το αλλάξουµε µέσα από το πρόγραµµα putty. -25-
3.3Wordpress Αρχικά κατεβάζουµε το wordpress από το http:/el.wordpress.org Με το που ανοίγουµε το wordpress µας ζητάει κάποια στοιχεία όπως Όνοµα βάσεις την οποία την έχουµε δώσει εµείς µέσω του προγράµµατος putty που είπαµε νωρίτερα, όνοµα χρήστη και συνθηµατικό, φιλοξενητής βάσεις ο οποίος είναι localhost, και πρόθεµα πίνακα που µένει και εκεί προεπιλεγµένο το wp_. -26-
Αφού βάλουµε το όνοµα και το pass του wordpress πλεόν που έχουµε δηµιουργήσει πατώντας το κουµπί σύνδεση ήµαστε έτοιµη να ξεκινήσουµε να δηµιουργούµε τον ιστοτοπό µας. -27-
3.4Μενού επιλογών του Wordpress Στην παραπάνω εικόνα στο µαρκαρισµένο πλαίσιο µε κόκκινο βλέπουµε το µενού επιλογών του Wordpress. Άρθρα: Μας δίνει την επιλογή να προσθέσουµε άρθρα στον ιστοτοπό µας Πολυµέσα: Μπορούµε να βάλουµε ήχο,βίντεο, φωτογραφίες Σελίδες: Μπορούµε να εισάγουµε σελίδες στον ιστοτοπο µας και να προσθέσουµε και άλλες που θέλουµε εµείς να δηµιουργήσουµε Σχόλια: Βάζουµε σχόλια στην ιστοσελιδα σαν συντάκτες που ήµαστε Εµφάνιση: Είναι το εργαλείο όπου θα ασχοληθούµε περισσότερο γιατί εδώ βάζουµε θέµατα στην ιστοσελίδα µας φοντο,εικονες είναι όλη η εµφάνιση του ιστοτοπού µας. Πρόσθετα: Μας δίνει τη δυνατότητα να κατεβάσουµε µερικά πρόσθετα και να τα εντάξουµε στο site µας όπως πχ.ρολογια,διακοσµητικα στοιχειά κ.α Μέλη: Μας δείχνει ποσά µέλη δηµιουργούν και παρεµβαίνουν πάνω στην ιστοσελίδα µας Εργαλεία-Ρυθµίσεις: Μας δείχνει γενικές ρυθµίσεις για τον ιστοτοπο µας πώς να αποθηκεύονται οι αλλαγές µας ηµεροµηνία ώρα. -28-
3.5Βιβλιογραφία-Πηγές https://www.youtube.com/watch?v=cljvnlotm90 Εισαγωγή στο Word Press 3.χ Εκδόσεις Κλειδάριθµος Γεώργιος Μπίκας -29-
4 ηµιουργία Ιστοσελίδας 4.1Πως κάνουµε εγκατάσταση καινούργιου θέµατος Στην παραπάνω εικόνα µας δείχνει αν θέλουµε να βάλουµε καινούργιο θέµα, µπορούµε να κάνουµε αναζήτηση και να βρούµε το κατάλληλο που µας αρέσει στην εµφάνιση και παράλληλα αυτό που θα µπορέσει να ικανοποιήσει και τις ανάγκες της σελίδας που πρόκειτε να δηµιουργήσουµε. -30-
Επίσης µπορούµε να κάνουµε αναζήτηση θέµατος µε φίλτρο µε την βοήθεια κάποιων χαρακτηριστικών που θέλουµε να έχει η ιστοσελίδα µας. 4.2Με ποιο θεµα στήσαµε τον ιστότοπό µας Στην παραπάνω εικόνα βλέπουµε ότι για την δηµιουργία της ιστοσελίδας επιλέξαµε το bistro θέµα και πάνω σε αυτό θα δουλέψουµε την ιστοσελίδα µας. Με την χρήση αυτού του θέµατος -31-
δεν έχουµε κάποιες γενικές ρυθµίσεις πάνω στο συγκεκριµένο θέµα απλός µπορούµε να αρχίσουµε να το τροποποιούµε µε widgets, menus, header background και άλλα. 4.3Πως διαµορφώνουµε τον ιστότοπό µας Αφού έχουµε επιλέξει το κατάλληλο θέµα της σελίδας µας, πατώντας στο κουµπί customize µας βγάζει στην αρχική οθόνη της σελίδας µας αλλά µε µια µπάρα διαχείρησης στα αριστερά της. Μέσω αυτής της µπάρας µπορούµε να αλλάξουµε στοιχειώδη πράγµατα στην σελίδα όπως το header, το όνοµα που θέλουµε να εµφανίζεται πάνω αριστερά της σελίδας της αρχικής στην προκειµένη περίπτωση έχουµε βάλει το Έπιπλα Καναδάς για το οποίο κάνουµε και την συγκεκριµένη σελίδα. Αφού επιλέχτηκε το όνοµα συνεχίζουµε τον τροποποίηση µπαίνοντας στο πεδίο header και στην συνέχεια απο το µενού πατάµε στο header slider. Μέσω του header slider βάζουµε εικόνες στο header µε εναλλαγή µεταξύ τους. Μπορώ σε κάθε εικόνα να βάλω και έναν συγκεκριµένο τίτλο αλλά για να γίνει πιο καλό στο µάτι του κάθε επισκέπτη, προτιµάµε να γράψουµε έναν απλό τίτλο όπως στην συγκεκριµένη περίπτωση τον Τίτλο της σελίδας (Έπιπλα Καναδάς καλώς ήρθατε). -32-
Το header type το αφήνουµε όπως έχει δηλαδή full screen slider εάν µας αρέσει αλλιώς µπορούµε να επιλέξουµε τις άλλες επιλογές που µας δίνει. Έπειτα στο header image βάζω µια εικόνα η οποία θα εµφανίζεται όταν µπω σε κάποια σελίδα από τις υπόλοιπες που έχουµε δηµιουργήσει ώστε να εµφανίζεται στο επάνω µέρος της σαν εικόνα, είναι αναγκαίο να χρησιµοποιηθεί κάτι τέτοιο γι αυτό το θέµα που έχουµε χρησιµοποιήσει. -33-
Από κάτω µπορούµε να χρησιµοποιήσουµε και άλλα πράγµατα όπως blog options,fonts,footer,colors,background image,theme info κ.α, αλλά καλύτερα να τα πάµε µε την σειρά. Αφού έχω δηµιουργήσει το κατάλληλο header και header slider που θέλω προχωρώ στην δηµιουργία µενού και σελίδων. -34-
4.4 ηµιουργία Μενού και Σελίδων Φεύγοντας απο το customize πατώντας στο κουµπί του wordpress πάνω αριστερά της σελίδας ξανά µπαίνω στο κύριο µενού του wordpress. Εκεί στην εµφάνιση µπορώ να βρώ το αντικείµενο που λέγεται µενού και το πατάω. Μέσα στο µενού που αρχικά δεν θα βρίσκεται τίποτα εκτός από την αρχική σελίδα του θέµατος που προυπάρχει, µπορώ να ξεκινήσω να φτιάχνω pages και να τις περνάω στο µενού που θέλω να δηµιουργήσω. Μέσα στο µενού που είµαι ήδη και στο κέντρο της σελίδας γράφει create a new menu. Πατώντας πάνω του δηµιουργείται ένα καινούργιο µενού στο οποίο θα χρειαστεί να βάλουµε τίτλο που µας ζητάει παρακάτω. Βάζοντας τον τίτλο προχωράµε στην καταχώρηση και δηµιουργία του µε πεδία. Βλέποντας στα αριστερά της οθόνης και µέσα στο πεδίο µενού, υπάρχουν πεδία όπως most recent, posts, custom links και άλλα. Στο πεδίο most recent υπάρχει µόνο το Αρχική σελίδα το οποίο είναι και custom link. Πρέπει λοιπόν να δηµιουργήσω δικά µου pages για να προχωρήσω. -35-
4.5 ηµιουργία Σελίδων Για την δηµιουργία των σελίδων που θα µας χρειαστούν θα χρειαστεί να πάµε από το αριστερό µενού στο πεδίο σελίδες και να πατήσουµε δηµιουργία καινούργιας σελίδας. Έπειτα βάζω ένα όνοµα που θέλω και προχωρώ έτσι µέχρι να δηµιουργήσω όλες τις σελίδες που είναι απαραίτητες για να συνεχίσω την δηµιουργία του µενού που χρειάζεται. Αφού τις έχω δηµιουργήσει όλες τις σελίδες πάω ξανά στο πεδίο µενού και ξεκινάω να της Βάζω µε τον τρόπο που θέλω µέσα στο µενού. Αφού θέλω να βάλω σαν parent την σελίδα Είδη επίπλών ώστε µέσα της να υπάρχουν τα παιδιά ( τραπεζαρίες, κρεβατοκάµαρες, σαλόνια -36-
,σύνθετα και ντουλάπες θα χρειαστεί να βάλω πρώτα τα είδη επίπλων και καθώς προσθέτω τα παιδιά χρειάζεται να κάνω ένα κλικ πάνω στο καθένα και να το κάνω να πάει κάτω από τα είδη επίπλων για να είναι βγαίνουν σαν drop menu µέσα από το συγκεκριµένο page. Τις υπόλοιπες σελίδες τις βάζω κανονικά από κάτω ή από πάνω ώστε να γίνει σωστή αρχειοθέτηση για να είναι και σωστό το µενού. Πρίν τελειώσω και αλλάξω καρτέλα από το αριστερό µενού του wordpress πρέπει να πατήσω save menu για να µπορέσει να αποθηκευτει το µενού µου. 4.6 ηµιουργία Βιβλιοθήκης Για να ξεκινήσω να δηµιουργήσω µια βιβλιοθήκη πρέπει πρώτα να έχω συλλέξει τις φωτογραφίες που θέλω να βάλω µέσα στην σελίδα µου. Αφού τις έχω συλλέξει πάω στο µενού του wordpress και πατώντας στο media µου ανοίγει το media library στο οποίο βλέπω τις φωτογραφίες που έχω ήδη µέσα. Για να προσθέσω φωτογραφίες πατάω στο add new που υπάρχει είτε στα αριστερά απο το media library είπα από κάτω από το media στο υποµενού. Εφόσον πατήσω στο drop file here είτε στο select files ανεβάζω τις φωτογραφίες που χρειάζοµαι που στην προκειµένη περίπτωση θα είναι για το header menu και για το header slider. -37-
4.7 ηµιουργία άρθρου Για την δηµιουργία ενός άρθρου,που στην συγκεκριµένη περίπτωση χρησιµοποιήθηκε µόνο για την αρχική σελίδα, πάµε στο µενού του wordpress πάλι και πατάµε στο πεδίο posts. Εκεί υπαρχει ένα add new και µε το που το πατάµε δηµιουργείτε το καινούργιο άρθρο. Μέσα στο άρθρο µπορούµε να προσθέσουµε κείµενο,φωτογραφίες, links όπως και να κάνουµε πρόσθεση ορισµένων plugins που µπορεί να χρησιµοποιούµε. 4.8Πρόσθετα Τα πρόσθετα (plugins) είναι τµήµατα κώδικα PHP, τα οποία σας επιτρέπουν να επεκτείνετε τις δυνατότητες που σας προσφέρει η βασική εγκατάσταση του WordPress. εδοµένου ότι το WordPress είναι ένα από τα πλέον διαδεδοµένα CMS (Content Management Systems) αυτή τη στιγµή, υπάρχει µια τεράστια κοινότητα από χρήστες και προγραµµατιστές που το υποστηρίζουν. Αυτό επιτρέπει στους διαχειριστές (webmasters) να επιλέγουν από µια τεράστια «αποθήκη», αποτελούµενη από χιλιάδες πρόσθετα, και να αυξάνουν τις δυνατότητες -38-
και τις υπηρεσίες που παρέχει το site τους, εύκολα, γρήγορα και κυρίως χωρίς καθόλου γνώσεις προγραµµατισµού (άλλωστε, ένα από τα βασικά προτερήµατα του WordPress, σε σχέση µε άλλα CMS, είναι ακριβώς αυτή η ευκολία που παρέχει για την επέκταση των δυνατοτήτων του). Πρακτικά, για κάθε δυνατότητα που θα φανταστείτε, υπάρχει τουλάχιστον ένα πρόσθετο που µπορεί να την κάνει πραγµατικότητα. Σε αυτό το άρθρο, θα δούµε τον τρόπο µε τον οποίο µπορείτε να εγκαταστήσετε και να διαχειριστείτε πρόσθετα στο WordPress και θα παρουσιάσουµε µερικά «must have» πρόσθετα που θα σας βοηθήσουν να κάνετε το site σας πιο αποτελεσµατικό, να καταπολεµήσετε το spam και να αυξήσετε την επισκεψιµότητα (traffic) του. 4.8.1Πως εισάγουµε πρόσθετα στην ιστοσελίδα µας Από το µενού του wordpress πάω στο plugins. Από εκεί µπορώ να δω τα ήδη προεπιλεγµένα plugins του wordpress και αν θέλω µπορώ να τα κάνω active. Εάν θέλω να προσθέσω τα δικά µου plugins που θα χρησιµοποιήσω στην συνέχεια πατάω add new και ψάχνω να βρώ αυτό που θέλω να χρησιµοποιήσω. Στην περίπτωσή µας χρησιµοποιούµε το Disable Comments που είναι για να µην µπορεί κανείς να κάνει post ένα σχόλιο στην σελίδα, χρησιµοποιούµε το page bulder by SiteOrigin για να µπορούµε να κάνουµε το λεγόµενο drag and drop µέσα στην σελίδα µας, το types το -39-
οποίο µας επιτρέπει να διαµορφώσουµε δικά µας posts, το wordfence security το οποίο λειτουργεί σαν ασφάλεια για το site, είναι ένα είδος anti-virus και firewall, και τέλος χρησιµοποιούµε και το cincopa για να κάνουµε post video players, slideshow albums, photo galleries and music/podcast playlist για το οποίο θα µιλήσουµε και παρακάτω. 4.8.2Τροποποίηση προσθέτου Στην παρακάτω εικόνα απεικονίζεται πως µπορούµε να κάνουµε τροποποιήσει του κώδικα του προσθέτου και να το κάνουµε όπως θέλουµε εµείς. -40-
Στην παρακάτω εικόνα απεικονίζεται και ο κώδικας που µπορούµε να τον τροποποιήσουµε και να κάνουµε το πρόσθετο διαφορετικό µε τις αλλαγές που θέλουµε: 4.8.3 ιαγραφή Προσθέτου Για να κάνουµε διαγραφή το πρόσθετο που µόλις βάλαµε στην ιστοσελίδα µας πατάµε απενεργοποίηση και έπειτα διαγραφή. Καλό θα είναι µετά να διαγράψουµε και τα αρχεία του προσθέτου ώστε να µην παραµείνουν στην ιστοσελίδα µας. -41-
4.9Πως εισάγουµε σε εικόνα url Για να µπορέσουµε να περάσουµε ενα url µέσα σε µια σελίδα είτε σε ένα custom link στην σελίδα µας, από τα αριστερά στο µενού του wordpress πάµε στην σελίδα την οποία θέλουµε να µπούµε και να περάσουµε µέσα το url. -42-
Στην συνέχεια µπορούµε είτε να πατήσουµε στο add media και από εκεί να πατήσουµε το insert from url που γράφει στην αριστερή στήλη, είτε µπορούµε να πατήσουµε το εικονίδιο µε το insert/edit link και να το γράψουµε απ' ευθείας στο pop up παράθυρο που εµφανίζεται στην οθόνη µας. 4.10Το µενού Μέλη του WordPress -43-
Στην παραπάνω εικόνα βλέπουµε την ετικέτα του WordPress Μέλη. Σε αυτήν την ετικέτα µπορούµε να προσθέσουµε και άλλα µέλη ώστε να µπορούν να επεξεργάζονται την ιστοσελίδα και άλλη χρήστες. Επίσης βλέπουµε ότι στην δική µας ιστοσελίδα αυτή τη στιγµή το µοναδικό µέλος είµαι εγώ και µε ορίζει ως διαχειριστή της ιστοσελίδας και δείχνει και τα στοιχεία µου. 4.11Το Μενου Ρυθµίσεις του Wordpress 4.11.1Γενικά Σε αυτήν την ετικέτα το Wordpress µας δίνει την δυνατότητα να κάνουµε γενικές ρυθµίσεις για την ιστοσελίδα µας. Έχει 8 υποκατηγορίες που θα τις αναλύσουµε παρακάτω µια-µια. Στα Γενικά µπορούµε να κάνουµε διάφορες ρυθµίσεις όπως π.χ Πώς να εµφανίζτεται η ώρα µε ποια µορφή, η ηµεροµηνία, επίσης επιλέξαµε ώρα Αθήνα τέλος και πιο σηµαντικό φαίνεται -44-
και το url που χρησιµοποιούµε στην ιστοσελίδα δηλαδή αυτό µε το οποίο θα µπορούν να µας βρουνε οι άλλοι χρήστες του internet και αυτό το οποίο αγοράσαµε απο την cretaforce. 4.11.2Σύνταξη Στην υποκατηγορία Σύνταξη των ρυθµίσεων κάνουµε γενικές ρυθµίσεις για τη µορφοποίηση της γραµµατοσειράς φορµάτ άρθρων πώς να εµφανίζονται κ.α. -45-
4.11.3Ανάγνωση -46-
Στην υποκατηγορία Ανάγνωση από τις ρυθµίσεις µπορούµε να κάνουµε ρύθµιση για την ανάγνωση δηλαδή πόσα άρθρα σε κάθε σελίδα µπορούµε να βάλουµε και πόσα RSS. Έχει και µια επιλογή πάντα η αρχική σελίδα να δείνχει τα πιο πρόσφατα άρθρα. 4.11.4Συζήτηση Στην υποκατηγορία Συζήτηση των ρυθµίσεων έχουµε την δυνατότητα να κάνουµε ρυθµίσεις για τα σχόλια που θα µας στέλνουν οι χρήστες εάν θέλουµε να λαµβάνουµε ειδοποιήσεις όταν κάποιος σχολιάζει κάτι κ.α. Επίσης να επιτρέπονται σχόλια σε άρθρα και αυτόµατο σβήσιµο σχολίων µετά από καθορισµένο αριθµό ηµερών. Βεβαίως η υποκατηγορία αυτή στην σελίδα µας χρησιµοποιήθηκε µόνο για τον λόγο του ότι δεν θέλουµε να έχουµε σχόλια στην σελίδα ούτε ειδοποιήσεις, γι αυτό βάλαµε και το Πρόσθετο Disable Comments. -47-
4.11.5Πολυµέσα Στην υποκατηγορία Πολυµέσα των Ρυθµίσεων του WordPress µπορούµε να αλλάξουµε τα µεγέθη των πολυµέσων φωτογραφίες,βίντεο και ήχο. Μπορούµε να ρυθµίσουµε το µέγεθος που θέλουµε να έχουν οι εικόνες που ανεβάζουµε για να µπορέσει να προσαρµοστεί στο κυρίως µέρος του post. Επίσης εαν επιλέξουµε την επιλογή οργάνωση των uploads θα δούµε µετά από έναν µήνα όταν θα µας έχει οργανώσει τα upload µε βάση την χρονική εισαγωγή τους στην σελίδα. Τέλος πατάµε το Save Changes για την αποθήκευση αυτών των παραµέτρων που έχουµε κάνει παραπάνω. -48-
4.11.6Μόνιµοι Σύνδεσµοι Η υποκατηγορία Μόνιµοι Σύνδεσµοι των ρυθµίσεων του Wordpress µας δίνει την δυνατότητα να επιλέξουµε εµείς πως θα φαίνεται το url δηλαδή κάνουµε µορφοποίηση του url µας. 4.11.7Cincopa options Το cincopa είναι το Plugin που έχουµε χρησιµοποιήσει για να µπορέσουµε να επεξεργαστούµε τις φωτογραφίες και τα άλµπουµ που έχουµε βάλει µέσα. Τον τρόπο µε τον οποίο το διαχειριστήκαµε και κάναµε τα galleries θα τον πούµε παρακάτω. Οι επιλογές του στο µενού ρυθµίσεις είναι να µην κάνει τίποτα, να καθαρίζει την gallery, να την διαγράψει κ.α -49-
4.11.8ΒΙΒΛΙΟΓΡΑΦΙΑ-ΠΗΓΕΣ https://www.papaki.gr/blog https://www.youtube.com/watch?v=cljvnlotm90 Εισαγωγή στο Word Press 3.χ Εκδόσεις Κλειδάριθµος Γεώργιος Μπίκας http://www.cooltext.com -50-
5Τί είναι το Cincopa To cincopa είναι µια σελίδα στο internet στην οποία µπορείς να κάνεις λογαριασµό και να φτιάξεις τις δικές σου galleries µε δικές σου φωτογραφίες,βίντεο κ.α. Αυτά τα galleries µπορείς να τα διαµορφώσεις όπως εσύ θέλεις µέσα από µια σειρά από skins που έχεις να διαλέξεις και να τα περάσεις στην συνέχεια µέσα στην σελίδα σου. Μπορεί βεβαίως να χρησιµοποιηθεί και ως απλή σελίδα αποθήκευσης εικόνων εαν δεν θέλεις να τις έχεις µέσα στον υπολογιστή σου. Ας δούµε πως µπορούµε να δηµιουργήσουµε: 5.1Πως δηµιουργώ Gallery Αφού πρώτα έχω δηµιουργήσει τον λογαριασµό µου στην cincopa και βεβαίως έχω βάλει το plugin µέσα στην σελίδα µου, προχωράω στην δηµιουργία της έκθεσης. Από την σελίδα της Cincopa που βρισκόµαστε πατάµε πάνω αριστερά το +New Gallery. -51-
5.2Πως επιλέγω Skin Όταν το πατήσουµε µας βγάζει στην αρχική σελίδα της gallery και µου δίνει τις επιλογές skin που µπορώ να χρησιµοποιήσω για τον τρόπο που εγώ την θέλω. Στην δικιά µας περίπτωση χρησιµοποιούµε skins για την δηµιουργια gallery µε φωτογραφίες οπότε από το µενού στα αριστερά επιλέγω φώτος και µου βγάζει όλα τα skin που µπορούν να χρησιµοποιηθούν για φωτογραφίες. -52-
Εµείς επιλέξαµε το τέταρτο στην σειρά το οποίο έχει την δυνατότητα να σου δείχνει τις φωτογραφίες από το gallery σου σε στρόγγυλες, όταν βάζεις το ποντίκι σου πάνω γίνεται τετράγωνη και µπορείς εαν πατήσεις πάνω της να κάνεις ζουµ ώστε να δεις καλύτερα την φωτογραφία που επέλεξες. Εφόσον κάνεις ζουµ στην φωτογραφία έχει επιλογή να πας στην προιγούµενη είτε στην επόµενη από τα αντίστοιχα βελάκια που σου δείχνει στο κατω δεξί µέρος της εικόνας. Επίσης για να γυρίσεις στην αρχική προβολή των εικόνων µπορείς είτε µε το X που έχει στο κάτω αριστερό µέρος της εικόνας, είτε µε το Esc. -53-
5.2.1Πώς επεξεργάζοµαι το skin Αφού επιλέξω το skin που µου αρέσει, στην συνέχεια πατάω use this skin και προχωράω στην διαδικασία. Η επόµενη καρτέλα είναι η Customize Skin. Σε αυτήν την καρτέλα µπορούµε αρχικά να δούµε πώς θα φαίνεται αυτό το skin σε υπολογιστές, σε τάµπλετ και σε κινητά για να δούµε εαν µας αρέσει και το κρατήσουµε. Επιπλέον µπορούµε να δώσουµε ένα όνοµα στην gallery που θα κάνουµε και µια περιγραφή. Τέλος µπορούµε να διαµορφώσουµε το µέγεθος κάθε κύκλου όσο θέλουµε εµείς και αναλόγος πως θέλουµε να φένονται οι φωτογραφίες µας µέσω αυτού του Skin. -54-
5.3Πως κάνω ανέβασµα Φωτογραφιών στο Gallery Αφού τελειώσω και πατήσω use these settings, µεταφέροµαι στην καρτέλα Upload & Manage Assets. Σε αυτήν την καρτέλα µπορώ να ανεβάσω φωτογραφίες µέσα από τους τρόπους που µου δίνει η σελίδα όπως: µε κανονικό ανέβασµα αρχείων µέσω της αναζήτητης από τον υπολογιστή, µε drag and drop, µέσα από E-mail, από record µέσα από κάµερα, από το dropbox, να κάνεις ανέβασµα από το instagram, και τέλος από url. Εµείς λόγο του πλήθους των εικόνων που χρησιµοποιήσαµε κάναµε τον πρώτο τρόπο µέσω αναζήτησης για να µπορέσουµε να βάλουµε όλο το πλήθος των φωτογραφιών να ανεβούν την ίδια στιγµή. Εποµένως πατήσαµε Choose Files και µέσα από το Popup παράθυρο διαλέξαµε τα αρχεία για να ανεβούν. -55-
5.4Το αποτέλεσµα του τελευταίου σταδίου του Cincopa Μόλις περάσουµε το στάδιο του ανεβάσµατος των φωτογραφιών και έχει δηµιουργηθεί το gallery έτσι όπως το θέλουµε το τελευταίο επίπεδο είναι το αποτέλεσµα που θα µας δώσει για να µπορέσουµε να το περάσουµε µέσα στο Wordpress. -56-
Το τελευταίο επίπεδο στο Cincopa είναι το Embed Gallery στο οποίο πάµε από το Upload & Manage Assets αφού πατήσουµε πάνω δεξιά το κουµπί Next (όπως βλέπουµε στην παραπάνω εικόνα). Μας βγάζει λοιπόν, αφού πήγαµε, την τελική µορφή του gallery µε τις δικές µας φωτογραφίες ώστε να µπορέσουµε να το δούµε ολοκληρωµένο. Στα αριστερά της σελίδας εαν προσέξουµε θα δούµε πως έχει διάφορα cms και τρόπους µε τους οποίου θέλουµε να µας δώσει το Cincopa την κωδικοποίηση της Gallery για να µπορέσουµε να το περάσουµε µετά µέσα σε αυτήν όπως: Wordpress, Blogger, Social Networks, Joomba κ.α. Εµείς επιλέγουµε το Wordpress και µας βγάζει την κωδικοποίηση της gallery µέσω µια πρότασης. Την πρόταση αυτή την οποία την ονοµάζει Code snippet την κάνουµε copy και έπειτα µπορούµε να την βάλουµε στο page που θέλουµε να µπεί το gallery µε της φωτογραφίες. -57-
5.5Πως περνάω το Gallery στο Wordpress Πάω ξανά στο Wordpress και στα Pages που έχω. Εκεί διαλέγω το Page από το οποίο µέσα θέλω να εµφανίζονται οι εικόνες που έχω βάλει και κάνω επικόλληση το Code που µου έδωσε το Cincopa. εν χρειάζεται να κάνω κάτι παραπάνω για να εµφανιστούν οι φωτογραφίες µόνο να κάνω επικόλληση αυτό διότι εφόσον είναι και Plugin στην σελίδα µου µπορούν να συγχρονιστούν και να το τραβίξει απ ευθείας από το Cincopa το Wordpress. Εάν έχω πάρει τον αέρα πλέον και µπορώ να δηµιουργήσω πολύ γρήγορα και πολλές gallaries στο Cincopa, το Wordpress αφού το Cincopa είναι και Plugin, µου δίνει την δινατότητα να µπορώ να κάνω αναζήτηση µέσα από οποιοδήποτε Page θέλω να περάσω µια gallery, να το κάνω απ ευθείας, µέσω ενός drop menu από το εικονίδιο της Cincopa µέσα στο Page όπως θα δείτε παρακάτω: -58-
Με αυτόν τον τρόπο γίνεται πολύ πιο γρήγορη αναζήτηση και επικόλληση των φωτογραφιών µέσα στην σελίδα που έχουµε. 5.6Το αποτέλεσµα της διαδικασίας -59-
Όπως βλέπετε παραπάνω αυτό είναι το αποτέλεσµα της διαδικασίας που κάναµε προιγουµένος για να µπορέσουµε να βάλουµε τις φωτογραφίες µας όµορφα µέσα στον ιστότοπό µας. 5.7Βιβλιογραφία-Πηγές https://www.tophost.gr/shop/cart.php https://www.youtube.com/watch?v=rrr8tan-szs https://www.pointer.gr/el/blog/post/upload-files-at-hosting-package -60-
6Επίλογος - Συµπεράσµατα Η ολοκλήρωση της πτυχιακής µου, µε έκανε να εξοικειωθώ καλύτερα µε την επεξεργασία και δηµιουργία προγραµµάτων και ιστοσελίδων στο ίντερνετ. Χρησιµοποίησα το εργαλείο Wordpress για να επιτύχω τον σκοπό και στόχο µου, το πρόσθετο της Cincopa για το ανέβασµα φωτογραφιών της οποίες της έβγαλα ο ίδιος από το κατάστηµα. Θέλησα να δηµιουργήσω την σελίδα για να µπορέσει η επιχείρηση να επιτύχει και αυτή τους της τόσο οικονοµικά όσο και εµπορικά. Στόχος ήταν να γίνει µια ιστοσελίδα φιλική προς τον χρήστη ώστε να µπαίνει µε ενδιαφέρον για να δει τα προιόντα, χωρίς να χρειαστεί να µεταβεί στο κατάστηµα παραµόνο για την εκτήµηση του και αγορά του. -61-
-62-