Αναβάθμιση Ηλεκτρονικού Καταστήματος. Πλατφόρμας Magento

Transcript

1 ΑΤΕΙ ΘΕΣΣΑΛΙΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ Τμήμα Μηχανικών Πληροφορικής Τ.Ε. Αναβάθμιση Ηλεκτρονικού Καταστήματος με χρήση της Πλατφόρμας Magento ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ Παπαγεωργόπουλος Δημήτριος (ΑΜ: Τ-1564) Επιβλέπων: Κόκκορας Φώτης, Καθηγητής Εφαρμογών ΛΑΡΙΣΑ 2014

2

3 «Εγώ ο Παπαγεωργόπουλος Δημήτριος, δηλώνω υπεύθυνα ότι η παρούσα Πτυχιακή Εργασία με τίτλο «Αναβάθμιση Ηλεκτρονικού Καταστήματος με χρήση της Πλατφόρμας Magento» είναι δική μου και βεβαιώνω ότι: Σε όσες περιπτώσεις έχω συμβουλευτεί δημοσιευμένη εργασία τρίτων, αυτό επισημαίνεται με σχετική αναφορά στα επίμαχα σημεία. Σε όσες περιπτώσεις μεταφέρω λόγια τρίτων, αυτό επισημαίνεται με σχετική αναφορά στα επίμαχα σημεία. Με εξαίρεση τέτοιες περιπτώσεις, το υπόλοιπο κείμενο της πτυχιακής αποτελεί δική μου δουλειά. Αναφέρω ρητά όλες τις πηγές βοήθειας που χρησιμοποίησα. Σε περιπτώσεις που τμήματα της παρούσας πτυχιακής έγιναν από κοινού με τρίτους, α- ναφέρω ρητά ποια είναι η δική μου συνεισφορά και ποια των τρίτων. Γνωρίζω πως η λογοκλοπή αποτελεί σοβαρότατο παράπτωμα και είμαι ενήμερος(-η) για την επέλευση των νομίμων συνεπειών» Παπαγεωργόπουλος Δημήτριος

4 Εγκρίθηκε από την τριμελή εξεταστική επιτροπή Τόπος: Ημερομηνία: ΕΠΙΤΡΟΠΗ ΑΞΙΟΛΟΓΗΣΗΣ

5 Περίληψη Την σημερινή εποχή η ανάγκη για συνεχή ενημέρωση και ανάπτυξη δεν είναι απλά α- παραίτητη αλλά είναι επιτακτική αν αναζητάς την επιτυχία και την καταξίωση. Πάνω σε αυτόν τον άξονα στηρίζεται και η παρούσα πτυχιακή εργασία στην οποία θα δείξουμε πόσο αναγκαία είναι η ανανέωση ενός ηλεκτρονικού καταστήματος και πως αυτό επιτυγχάνεται εάν υπάρχουν τα κατάλληλα εργαλεία. Στην εργασία αυτή θα αναπτυχθεί ένα ηλεκτρονικό κατάστημα στην πλατφόρμα του Magento. Την δημοφιλέστερη και πιο πλήρη πλατφόρμα δημιουργίας ηλεκτρονικών καταστημάτων στον κόσμο. Επίσης, αναλύονται και οι τρόποι για την μεταφορά ενός υπάρχοντος καταστήματος στην πλατφόρμα αυτή. Το κατάστημα που θα χρησιμοποιηθεί είναι ένα κατάστημα ( με μια πλειάδα προϊόντων, αλλά δομημένο σε μια μορφή η οποία θα μπορούσαμε να πούμε πως είναι κάπως «ξεπερασμένη». Πάνω σε αυτό αναδεικνύονται, πέρα από την μεταφορά και την ανάπτυξη του, και οι λόγοι για την αναγκαιότητα της ανανέωσης του και συνεχής ενημέρωσης του. -i-

6

7 Ευχαριστίες Σε αυτό το σημείο θα ήθελα να ευχαριστήσω την εταιρία Βασιλικός για την συμπαράσταση και την υποστήριξη της παρούσας πτυχιακής, καθώς επίσης και τον επιβλέπων καθηγητή μου, κ. Φώτη Κόκκορα, για την βοήθεια και την υπομονή του. Παπαγεωργόπουλος Δημήτριος -iii-

8

9 Περιεχόμενα ΠΕΡΙΛΗΨΗ... I ΕΥΧΑΡΙΣΤΙΕΣ... III ΠΕΡΙΕΧΟΜΕΝΑ... V 1 ΕΙΣΑΓΩΓΗ ΠΑΡΟΥΣΙΑΣΗ E-SHOP ΑΝΑΛΥΣΗ ΑΡΧΙΚΗΣ ΣΕΛΙΔΑΣ Header Main Page Left και Right Side ΛΙΣΤΑ ΠΡΟΪΟΝΤΩΝ ΠΑΡΟΥΣΙΑΣΗ ΠΡΟΪΟΝΤΟΣ Φωτογραφίες Περιγραφή Πεδίο τιμής Μίνι περιγραφή Επιπλέον λειτουργίες ΕΠΙΓΡΑΜΜΑΤΙΚΗ ΑΝΑΛΥΣΗ ΚΩΔΙΚΑ ΑΝΑΒΑΘΜΙΣΗ ΠΑΡΟΥΣΙΑΣΗ ΤΟΥ MAGENTO ΟΦΕΛΗ ΓΙΑ ΤΗΝ ΕΠΙΧΕΙΡΗΣΗ ΛΟΓΙΣΜΙΚΟ ΑΝΟΙΧΤΟΥ ΚΩΔΙΚΑ ΔΥΝΑΤΟΤΗΤΕΣ ΤΟΥ MAGENTO ΒΑΣΗ ΔΕΔΟΜΕΝΩΝ MAGENTO Περιοχή Συστήματος Περιοχή Β.Δ. Προϊόντων Περιοχή πινάκων Πελατών Περιοχή Πωλήσεων Περιοχή πινάκων E.A.V v-

10 3.5 MAGENTO FRONTEND ΚΑΙ BACKEND Frontend Backend ΕΓΚΑΤΑΣΤΑΣΗ ΠΡΟΓΡΑΜΜΑΤΩΝ ΕΓΚΑΤΑΣΤΑΣΗ XAMPP ΕΓΚΑΤΑΣΤΑΣΗ ΛΟΓΙΣΜΙΚΟΥ MAGENTO Προαπαιτούμενα εγκατάστασης Αρχική εγκατάσταση λογισμικού ΔΙΑΜΟΡΦΩΣΗ ΚΑΙ ΜΕΤΑΦΟΡΑ ΗΛΕΚΤΡΟΝΙΚΟΥ ΚΑΤΑΣΤΗΜΑΤΟΣ ΓΡΑΦΙΚΗ ΔΙΑΜΟΡΦΩΣΗ Η βασική δομή του Magento Η εξωτερική δομή του Magento Εφαρμογή στο κατάστημα ΕΝΣΩΜΑΤΩΣΗ, ΚΑΤΑΧΩΡΗΣΗ ΚΑΙ ΔΙΑΜΟΡΦΩΣΗ ΔΕΔΟΜΕΝΩΝ Ανάθεση από eshop σε eshop Ενσωμάτωση απευθείας από προγράμματα τύπου ERP Άμεση Καταχώρηση στο ηλεκτρονικό κατάστημα Καταχώρηση προϊόντων στο κατάστημα ΣΥΓΚΡΙΣΗ ΑΠΟΤΕΛΕΣΜΑΤΩΝ ΣΥΓΚΡΙΣΗ ΑΡΧΙΚΗΣ ΣΕΛΙΔΑΣ ΛΙΣΤΕΣ ΠΡΟΪΟΝΤΩΝ ΠΑΡΟΥΣΙΑΣΗ ΠΡΟΪΟΝΤΩΝ ΣΥΜΠΕΡΑΣΜΑΤΑ ΒΙΒΛΙΟΓΡΑΦΙΑ ΠΑΡΑΡΤΗΜΑ Α ΠΑΡΑΡΤΗΜΑ B vi-

11 1 Εισαγωγή Στο παρελθόν, ακόμα και στο πρόσφατο, οι αγορές στην Ελλάδα γίνονταν με τον καθαρά παραδοσιακό τρόπο και με συμβατικά μέσα. Ο καταναλωτής πήγαινε στην έδρα του εκάστοτε επιχειρηματία προκειμένου να αγοράσει τα προϊόντα που επιθυμούσε. Στις μέρες μας, και πιο συγκεκριμένα την τελευταία δεκαπενταετία, ο τρόπος των συναλλαγών μεταξύ καταναλωτή και επιχειρηματία έχει αλλάξει ριζικά. Οι συναλλαγές πλέον γίνονται με ηλεκτρονικό τρόπο μέσα από ηλεκτρονικά καταστήματα. Οι ηλεκτρονικές, λοιπόν, συναλλαγές προσφέρουν πολλαπλά οφέλη και στις δύο πλευρές: από την πλευρά της επιχείρησης για παράδειγμα είναι η ελαχιστοποίηση του κόστους, ενώ από την πλευρά των καταναλωτών η εύκολη έρευνα αγοράς. Στην σημερινή εποχή όπου υπάρχει ευρεία ανάπτυξη του ηλεκτρονικού εμπορίου και ο ανταγωνισμός μεταξύ των ηλεκτρονικών καταστημάτων είναι ιδιαίτερα υψηλός, είναι σημαντικό ένα ηλεκτρονικό κατάστημα να είναι ελκυστικό, εύχρηστο και αποδοτικό. Ο ανταγωνισμός μεταξύ των καταστημάτων, οι απαιτήσεις των καταναλωτών για περισσότερο εύχρηστα και εύκολα ηλεκτρονικά καταστήματα, καθιστούν άμεση την ανάγκη για συνεχή ανανέωση, ανάπτυξη και αναβάθμιση των e-shop σύμφωνα με τις ανάγκες των καταναλωτών. Η τάση λοιπόν της εποχής για συνεχή ανανέωση και ευελιξία, και η αυξανόμενη ε- μπειρία και άνεση που αποκτούν οι χρήστες/καταναλωτές σχετικά με το ηλεκτρονικό εμπόριο οδηγεί στην ανάγκη των επαγγελματιών για συνεχή ανανέωση των e-shops ώστε να γίνουν περισσότερο ανταγωνιστικά. Η παραπάνω ανάγκη δεν επιτυγχάνεται με την στασιμότητα σε ένα site όπου δεν υπάρχουν τα παραπάνω χαρακτηριστικά αλλά με την αναβάθμιση σε ένα νέο ανταγωνιστικό περιβάλλον το οποίο θα ξεχωρίζει από τα υπόλοιπα και θα προσελκύει το μάτι του καταναλωτή προς το μέρος του. Έτσι λοιπόν παρατηρούμε ότι η αναβάθμιση ενός ηλεκτρονικού καταστήματος καθίσταται αναγκαία ειδικά στην σημερινή εποχή όπου ο καταναλωτής πλέον ενδιαφέρεται, ψάχνει και έχει αποκτήσει κριτική ικανότητα επάνω στο ηλεκτρονικό εμπόριο και τις ηλεκτρονικές επιλογές του. -1-

12 Η αναβάθμιση ενός ηλεκτρονικού καταστήματος δίνει μια άλλη οπτική του ίδιου καταστήματος πιο σύγχρονη και βασισμένη σε νέα κριτήρια για να πληρεί τις προδιαγραφές ακόμα και του πιο απαιτητικού χρήστη. Στα επόμενα κεφάλαια θα δούμε αναλυτικότερα την πλήρη μεταφορά ενός ηλεκτρονικού καταστήματος που είναι δομικά κατασκευασμένο σε μια παλαιότερη πλατφόρμα στην πλατφόρμα ενός σύγχρονου ηλεκτρονικού καταστήματος με την χρήση της κορυφαίας πλατφόρμας ηλεκτρονικού εμπορίου Magento. Η δομή της πτυχιακής εργασίας γίνεται με τέτοιο τρόπο ώστε να γίνει κατανοητή η αναγκαιότητα της αναβάθμισης των ηλεκτρονικών καταστημάτων. Δηλαδή, στο επόμενο κεφάλαιο (Κεφάλαιο 2) θα παρουσιαστεί το ηλεκτρονικό κατάστημα που θα χρησιμοποιηθεί στα πλαίσια της παρούσας πτυχιακής ώστε να αναβαθμιστεί. Θα δείξουμε, με λίγα λόγια, τα σημεία εκείνα που χρήζουν αναβάθμισης καθώς και τα μειονεκτήματα του. Στο Κεφάλαιο 3 παρουσιάζεται η πλατφόρμα Magento. Στο Κεφάλαιο 4 γίνεται η εγκατάσταση των λογισμικών XAMPP και Magento τα οποία και θα χρησιμοποιηθούν για την μεταφορά του e-shop. Στο πέμπτο κεφάλαιο (Κεφάλαιο 5) εξηγείται αναλυτικά πως γίνεται η μετάβαση από το υπάρχον στο νέο αναβαθμισμένο ηλεκτρονικό κατάστημα. Στο Κεφάλαιο 6 παρουσιάζεται το νέο ηλεκτρονικό κατάστημα που δημιουργήθηκε και συγκρίνεται με το παλαιό. Και τέλος στο έβδομο κεφάλαιο (Κεφάλαιο 7) συνοψίζεται η εργασία και γίνεται εξαγωγή συμπερασμάτων. -2-

13 2 Παρουσίαση e-shop Σε αυτό το κεφάλαιο παρουσιάζεται επιγραμματικά το ηλεκτρονικό κατάστημα που χρησιμοποιείται για μεταφορά και αναβάθμιση. Παρουσιάζονται τα σημεία που χρειάζονται αναβάθμιση και τα αδύνατα σημεία του. Επίσης θα προσπαθήσουμε να αναζητήσουμε την βέλτιστη λύση για την αναβάθμιση του ηλεκτρονικού καταστήματος μέσα από τις πλατφόρμες κατασκευής ηλεκτρονικών καταστημάτων. Εικόνα 2.1: Αρχική σελίδα ηλεκτρονικού καταστήματος: Το ηλεκτρονικό κατάστημα που θα χρησιμοποιηθεί ως παράδειγμα είναι το e-shop με url: Το συγκεκριμένο κατάστημα επιλέγει διότι είναι κατα- -3-

14 σκευασμένο σε μια custom πλατφόρμα παλαιού τύπου με χρήση πινάκων που το καθιστά αργό αλλά και, λόγω κώδικα, χαμηλού βαθμού SEO(Search Engine Optimization). Στις επόμενες ενότητες του κεφαλαίου θα γίνει ανάλυση του ηλεκτρονικού καταστήματος και θα αναζητηθούν βέλτιστες λύσεις στα αδύνατα του σημεία. 2.1 Ανάλυση αρχικής σελίδας Για αρχή θα ξεκινήσουμε από την αρχική σελίδα. Το πρώτο πράγμα που παρατηρούμε είναι το εξαιρετικά μεγάλο μήκος της αρχικής σελίδας το οποίο οφείλεται στις πολλές πληροφορίες που παρέχει στον χρήστη η αρχική σελίδα(banner με τις επίσημες αντιπροσωπείες που έχει αναλάβει η εταιρεία στην Ελλάδα, ανακοινώσεις, λίστα προϊόντων, κλπ). Όλα τα παραπάνω βέβαια θα μπορούσαν να εμφανίζονται σε μια πιο συμπι- Εικόνα 2.2: Διαχωρισμός Αρχικής σελίδας -4-

15 εσμένη μορφή και κατ επέκταση λιγότερο κουραστική προς το νεοεισελθέν χρήστη. Το site όπως φαίνεται και στην Εικόνα 2 είναι ομαδοποιημένο σε τέσσερεις (4) κατηγορίες: 1) Header: το επάνω μέρος της σελίδας, 2) Main Page: Το κεντρικό μέρος της σελίδας, 3) Right Side: Το δεξί μέρος της σελίδας, 4) Left Side: To αριστερό μέρος της Header Εικόνα 2.3: Header Όπως βλέπουμε στην Εικόνα 3 το Header της σελίδας περιέχονται πολλές πληροφορίες που θα μπορούσαν να περιέχονται στο Footer της σελίδας ώστε να είναι καλύτερη η λειτουργικότητα του Header. Ένα άλλο κομμάτι του Header που θα μπορούσε να βελτιωθεί ώστε να είναι πιο ευκρινές και ευδιάκριτο στον χρήστη είναι οι πληροφορίες που δίνονται σχετικά με αναζητήσεις (τα queries που αφορούν «Προϊόντα με Χαμηλότερη Τιμή», «Προϊόντα ξανά σε απόθεμα», «Νέα προϊόντα») οι οποίες θα ταίριαζαν περισσότερο σαν επεκτάσεις στην σελίδα της αναζήτησης παρά σαν πληροφορίες στο Header της σελίδας. Επίσης πληροφορίες της εταιρίας και υποστήριξης του ηλεκτρονικού καταστήματος στα πιο σύγχρονα ηλεκτρονικά καταστήματα τοποθετούνται στο Footer της σελίδας. Ένα άλλο κομμάτι το οποίο θα μπορούσε να προστεθεί στο Header είναι η είσοδος των εγγεγραμμένων χρηστών στο e-shop(εικόνα 4). Η συγκεκριμένη προσθήκη στο Header της σελίδας θα μπορούσε να βελτιώσει και το μήκος της σελίδας (μιας και η είσοδος χρηστών βρίσκεται στο Left Side της σελίδας) και βοηθάει και στην εύκολη πρόσβαση στο site Main Page Στο κεντρικό μέρος της σελίδας(εικόνα 5) παρατηρούμε μια πληθώρα από banners τα οποία απεικονίζουν τις αντιπροσωπείες που εκπροσωπεί η συγκριμένη εταιρία στην Ελλάδα μαζί με κρυμμένα link που οδηγούν στα προϊόντα του εκάστοτε αντιπροσώπου. Το βασικό μειονέκτημα της τακτικής αυτής που ακολουθείται στο συγκεκριμένο site είναι ότι προσδίδει μεγάλο μήκος στην αρχική σελίδα με αποτέλεσμα να κουράζει -5-

16 τον χρήστη και να τον μπερδεύει. Εκτός από αυτό κάνει την αρχική σελίδα αργή μιας και φορτώνουν μέγαλου όγκου δεδομένα. Μια λύση στα μειονεκτήματα που προαναφέραμε είναι η δημιουργία ένος κεντρικού script με όλα τα link και τις διαφημίσεις που απαιτούνται ώστε να είναι πιο αποτελεσματικό και εμφανίσιμο και επίσης διορθώνει και το μεγάλο μήκος της σελίδας. Εικόνα 2.4: Main Page Left και Right Side Στο αριστερό μέρος της σελίδας υπάρχει η λίστα με τα προϊόντα (Εικόνα 6), η είσοδος του χρήστη και ορισμένες δευτερεύουσες λειτουργίες του καταστήματος. Ενώ στην δεξιά πλευρά εμφανίζονται νέα προϊόντα, ανακοινώσεις, εγγραφή σε newsletter, λειτουργία μικρών αγγελιών και επίσης κάποιες δευτερεύουσες λειτουργίες. -6-

17 Όπως βλέπουμε και στην Εικόνα 2 στην αριστερή πλευρά της σελίδας(left Side) βρίσκεται ένα από τα σημαντικότερα μέρη ενός ηλεκτρονικού καταστήματος ο κατάλογος των προϊόντων(product catalog). Ένα βασικό μειονέκτημα του product catalog της συγκεκριμένης σελίδας είναι η αργή εναλλαγή ανάμεσα στις υποκατηγορίες. Ένα άλλο μειονέκτημα είναι η στατικότατα του καταλόγου όταν μεταβαίνουμε από μια κατηγορία σε μια άλλη. Στα υπόλοιπα μέρη τις αριστερής και της δεξιάς πλευράς ενδεχομένως να χρειάζεται μια αναδιαμόρφωση έτσι ώστε να είναι πιο πρακτικά ευέλικτη η αρχική σελίδα. Εικόνα 2.5: Κατάλογος προϊόντων και ορισμένες λειτουργίες της δεξιάς και της αριστερής πλευράς. 2.2 Λίστα προϊόντων Σε αυτή την παράγραφο θα γίνει μια ανάλυση της λίστας προϊόντων όπως αυτή εμφανίζεται στο παρόν site που εξετάζουμε. Παρατηρώντας αρχικά την λίστα των προϊόντων, όπως για παράδειγμα φαίνεται στην Εικόνα 7 τότε θα δούμε πως υπάρχουν χαρακτηριστικά κάτω από κάθε προϊόν -7-

18 (τύπου text), το οποίο δεν βοηθάει στην γενική εικόνα των προϊόντων καθώς δε δίνει την δυνατότητα της άμεσης σύγκρισης μεταξύ όμοιων προϊόντων. Το παραπάνω θα μπορούσε να τροποποιηθεί στο νέο e-shop με την προσθήκη fixed χαρακτηριστικών ανά κατηγορία προϊόντων το οποίο θα βοηθάει τον χρήστη στην άμεση σύγκριση των προϊόντων ήδη από την λίστα. Ένα άλλο σημείο που αξίζει να σημειωθεί είναι η έλλειψη επιλογής και σύγκρισης μεταξύ δύο ή περισσότερων προϊόντων. Η σύγκριση μεταξύ δύο ή περισσότερων προϊόντων είναι πολύ σημαντική σε ένα ηλεκτρονικό κατάστημα επειδή βοηθάει στην τελική απόφαση του χρήστη για την αγορά ενός προϊόντος. Εικόνα 2.6: Λίστα προϊόντων ηλεκτρονικού καταστήματος 2.3 Παρουσίαση προϊόντος Το πιο σημαντικό μέρος για την τελική απόφαση του χρήστη ως προς την αγορά ενός προϊόντος είναι η παρουσίαση του. Σε αυτό το κομμάτι του κεφαλαίου θα αναλύσουμε -8-

19 την παρούσα κατάσταση της παρουσίασης των προϊόντων του τρέχοντος ηλεκτρονικού καταστήματος. Όπως βλέπουμε και στην Εικόνα 8 η παρουσίαση αποτελείται από τρία (3) μέρη: Εικόνα 2.7: Παρουσίαση προϊόντων Φωτογραφίες Το άλμπουμ με τις φωτογραφίες του προϊόντος, που όπως βλέπουμε είναι τύπου slide, διαφάνειες δηλαδή που όμως δεν εναλλάσσονται η μία με την άλλη, χρειάζεται ο χρήστης να κάνει την εναλλαγή ανάμεσα στις εικόνες. Επίσης κάτι που παρατηρούμε στο σημείο αυτό είναι ότι όταν πατάμε πάνω σε μια φωτογραφία για μεγέθυνση μεγεθύνεται μόνο η τρέχουσα φωτογραφία χωρίς να υπάρχει η δυνατότητα εναλλαγής με τις υπόλοιπες φωτογραφίες επί τόπου. Η παραπάνω δυσλειτουργία θεωρείται μειονέκτημα καθώς δυσκολεύει τον χρήστη παραπάνω απ ότι χρειάζεται. Βέβαια δεν είναι κάτι που δεν διορθώνεται

20 2.3.2 Περιγραφή Το δεύτερο κομμάτι της παρουσίασης του προϊόντος είναι η περιγραφή του, που όπως βλέπουμε στην Εικόνα 8 βρίσκεται κάτω από το άλμπουμ των φωτογραφιών. Όπως παρατηρούμε η παρουσίαση είναι τύπου text χωρίς συγκεκριμένη δομή. Η δομή που υ- πάρχει είναι με βάση τον editor κειμένου που υπάρχει στο backend του διαχειριστή. Αυτό είναι ένα βασικό μειονέκτημα διότι δεν υπάρχουν συγκεκριμένα χαρακτηριστικά που θα βοηθούσαν στην πληρέστερη εικόνα του προϊόντος και θα βοηθούσαν, σε συνδυασμό με το κείμενο, στην σύγκριση παρόμοιων προϊόντων για την τελική απόφαση του καταναλωτή Πεδίο τιμής Μίνι περιγραφή Το σημείο αυτό της παρουσίασης του προϊόντος παρατηρούμε πως είναι ίδιο με το πεδίο του προϊόντος στην λίστα προϊόντων (Εικόνα 7). Η μόνη διαφορά είναι ότι σε αυτό το σημείο υπάρχει και η δυνατότητα επιλογής της ποσότητας του προϊόντος. Βέβαια το σημείο αυτό θα μπορούσε νε εμπλουτιστεί με περισσότερες βοηθητικές λειτουργίες, όπως για παράδειγμα η δυνατότητα για fast checkout ή η δυνατότητα για γρήγορη ματιά του καλαθιού αγορών Επιπλέον λειτουργίες Αν προχωρήσουμε λίγο παρακάτω από την κεντρική παρουσίαση του προϊόντος θα παρατηρήσουμε ότι στο site υπάρχουν και επιπλέον λειτουργίες όπως φαίνονται και στην Εικόνα 9. Η λειτουργία «Συσχετιζόμενα προϊόντα» και η λειτουργία «Σετ προϊόντων» που βοηθούν τον χρήστη να συνδυάσει το συγκεκριμένο προϊόν με άλλα παρόμοια η συμπληρωματικά προϊόντα. Οι συγκεκριμένες δύο (2) λειτουργίες είναι αρκετά χρήσιμες και θα προστεθούν και στο νέο ηλεκτρονικό κατάστημα που θα κάνουμε την μεταφορά. Η τρίτη και τελευταία λειτουργία που παρατηρούμε στην παρουσίαση των προϊόντων είναι η επανεμφάνιση της λίστας των προϊόντων της κατηγορίας. Μια δευτερεύουσα και προαιρετική λειτουργία που βοηθάει τον χρήστη σε μια εναλλακτική επιλογή από την ίδια κατηγορία προϊόντων. -10-

21 Εικόνα 2.8: Δευτερεύουσες λειτουργίες παρουσίασης προϊόντων. 2.4 Επιγραμματική ανάλυση κώδικα Στην συγκεκριμένη ενότητα θα αναλύσουμε επιγραμματικά τον κώδικα που τρέχει πίσω από την σελίδα και θα αναφέρουμε τα μειονεκτήματα του. Όπως βλέπουμε και στο τμήμα κώδικα παρακάτω το υπάρχον ηλεκτρονικό κατάστημα είναι δομημένο στην HTML με χρήση πινάκων <table>. Η συγκεκριμένη τεχνική χρησιμοποιήθηκε κυρίως παλαιότερα για την χωροθέτηση των σελίδων. Όπως έχουμε παρατηρήσει και παραπάνω η χωροθέτηση της σελίδας έχει γίνει αποκλειστικά με χρήση πινάκων. Η πολυπλοκότητα όμως της συγκεκριμένης τεχνικής είναι μεγάλη καθώς χρειάζεται καλό σχεδιασμό με αποτέλεσμα οι μελλοντικές αλλαγές να είναι αρκετά δύσκολες. Επίσης ένα άλλο μειονέκτημα της χρήσης πινάκων είναι η μεγάλος όγκος του κώδικα που καθιστά την ιστοσελίδα αργή στο φόρτωμα. -11-

22 </script></td> <TD style="padding-left: 7px" nowrap align=center> <TABLE cellspacing=0 cellpadding=0 width=210 align=right border=0> <TBODY> <TR> <TD align=right><a href="index.php">αρχική</a><br><a href="?mdl=pages&alias=sitemap">χάρτης</a><br><a href="?mdl=pages&alias=contact">επικοινωνία</a></td> <TD width=10> </TD> <TD style="padding-top: 4px"> <SCRIPT language=javascript type=text/javascript src=" </TD></TR></TBODY></TABLE></TD></TR> <TR> <TD style="text-align: center; PADDING-LEFT: 5px; PADDING-RIGHT: 5px" bgcolor=#000000><nobr><span style="color: #ffffff">παραγγελίες - Επικοινωνία</SPAN></NOBR><SPAN style="color: #ffffff"><br></span><nobr><span style="color: #ffffff">τηλ / Fax <BR>Κατάστημα Θεσσαλονίκης<BR><SPAN style="color: #ffffff">δωδεκανήσου 10Α: </SPAN>Τ./ F <BR>Κατάστημα Κομοτηνής<BR>Πλ. Ειρήνης 57: Τ <BR> </SPAN><A style="color: #ffffff" href="mailto:info@vasilikos.com.gr">info@vasilikos.com.gr</a><br></nobr></td> <TD style="padding-left: 5px" align=right> <TABLE cellspacing=0 cellpadding=0 width="100%" align=right border=0> <TBODY> <TR> <TD style="padding-right: 2px" width="100%"> <TABLE cellspacing=0 cellpadding=0 align=right border=0> Κώδικας 1: Χρήση Κώδικα Αρχικού Ηλεκτρονικού Καταστήματος Μια πιο σύγχρονη λύση είναι η χρήση των φύλλων CSS (Cascading File Sheets). H CSS είναι ένα σύνολο κανόνων για την εμφάνιση και χωροθέτηση εγγράφων HTML και XML στην οθόνη ενός υπολογιστή. Υπάρχουν πολλαπλά οφέλη στην χωροθέτηση της σελίδας με χρήση CSS. Στα CSS η πληροφορία για την μορφοποίηση της σελίδας μπορεί να αποθηκευτεί σε ένα εξωτερικό αρχείο. Ενώ άλλα πλεονεκτήματα είναι ο α- κριβέστερος έλεγχος εμφάνισης και χωροθέτησης αλλά και ο λιγότερος κώδικας που χρησιμοποιείται σε σχέση με τους πίνακες με άμεσο αποτέλεσμα τις μικρότερες σελίδες. -12-

23 2.5 Αναβάθμιση Παρατηρούμε ότι τα προβλήματα και τα μειονεκτήματα στο ηλεκτρονικό κατάστημα είναι πολλά, κυρίως λόγω της παλαιότητας του. Συνεπώς το συμπέρασμα είναι ότι χρειάζεται αναβάθμιση. Η λύση που θα εξετάσουμε είναι να αναβαθμίσουμε το συγκεκριμένο κατάστημα με την χρήση της πιο διαδεδομένης πλατφόρμας ηλεκτρονικού εμπορίου στον κόσμο, του Magento. Το Magento είναι ένα ολοκληρωμένο σύστημα για την δημιουργία ηλεκτρονικών καταστημάτων και προσφέρει σταθερότητα, συνεχή αναβάθμιση και εξέλιξη. Στο Magento γίνεται χρήση CSS για την παρουσίαση της σελίδας. Tα οφέλη χρήσης του Magento είναι αρκετά. Είναι ακόμα περισσότερα αν αναλογιστούμε ότι το Magento υποστηρίζει όλες τις απαραίτητες παραμέτρους ώστε το e-shop και τα προϊόντα να είναι αποτελεσματικά στις μηχανές αναζήτησης. Meta-tags και μηχανές αναζήτησης, περιγραφές προϊόντων, φιλικά και ευανάγνωστα url, καθαρή πλοήγηση και κώδικας. Έχει επίσης ενσωματωμένο μηχανισμό υποστήριξης για Google Analytics που βοηθάει στην παρακολούθηση των στατιστικών επισκεψιμότητας. Για τους παραπάνω λοιπόν λόγους η λύση που θα μελετήσουμε στην συνέχεια είναι η δημιουργία και μεταφορά του συγκεκριμένου ηλεκτρονικού καταστήματος στην πλατφόρμα του Magento. -13-

24

25 3 Παρουσίαση του Magento Στο κεφάλαιο αυτό θα ασχοληθούμε με τις δυνατότητες του Magento, της κορυφαίας πλατφόρμας κατασκευής ηλεκτρονικών καταστημάτων στο κόσμο. Επίσης θα μελετηθούν τα οφέλη από την αναβάθμιση ενός ηλεκτρονικού καταστήματος με την χρήση του Magento. 3.1 Οφέλη για την επιχείρηση Το Magento είναι μια πλήρης πλατφόρμα δημιουργίας ηλεκτρονικών καταστημάτων. Δεν είναι τυχαίο που εμπιστεύονται το Magento για την παρουσία τους στο διαδίκτυο οι περισσότερες από τις μεγαλύτερες εταιρίες στον κόσμο αλλά και στην Ελλάδα γνωρίζει μεγάλη ανάπτυξη. Επίσης το Magento είναι και βάσει στατιστικών (που φαίνονται στο Παράρτημα Β) η δημοφιλέστερη πλατφόρμα παραγωγής ηλεκτρονικών καταστημάτων στον κόσμο. Τα οφέλη από το Magento είναι πολλαπλά για έναν επιχειρηματία. Όπως για παράδειγμα η δυνατότητα πολλαπλών ηλεκτρονικών καταστημάτων κάτω από μια ιστοσελίδα. Σημαντικό πλεονέκτημα εφόσον ο διαχειριστής μπορεί πλέον κάτω από ένα διαχειριστικό πρόγραμμα να ελέγχει όλα τα e-shop. Μερικά άλλα οφέλη που αφορούν την ανάπτυξη της επιχείρησης είναι: Κατηγορίες προϊόντων σε πολλαπλά επίπεδα Αναλυτική αναζήτηση προϊόντων Σύγκριση προϊόντων και αξιολόγηση προϊόντων από τους χρήστες Λίστες επιθυμητών προϊόντων Ορισμός σχετικών και προτεινόμενων προϊόντων Εκπτωτικά κουπόνια και εκπτωτικοί κανόνες σε μαζικά προϊόντα Σύστημα ειδοποίησης πελατών Δημιουργία ενημερωτικών (newsletter) Όπως παρατηρούμε τα οφέλη χρήσης του Magento για μία επιχείρηση που θέλει να αναπτυχτεί στον χώρο του διαδικτύου είναι αρκετά. Είναι ακόμα περισσότερα αν ανα- -15-

26 λογιστούμε ότι το Magento υποστηρίζει όλες τις απαραίτητες παραμέτρους ώστε το η- λεκτρονικό κατάστημα και τα προϊόντα αυτού να είναι αποτελεσματικά στις μηχανές αναζήτησης. Meta-tags και μηχανές αναζήτησης, περιγραφές προϊόντων, φιλικά και ευανάγνωστα URL, καθαρή πλοήγηση και κώδικας. Έχει επίσης ενσωματωμένο μηχανισμό υποστήριξης για Google Analytics που βοηθάει στην παρακολούθηση στατιστικών επισκεψιμότητας. 3.2 Λογισμικό ανοιχτού κώδικα Το Magento είναι μια πλατφόρμα προκατασκευασμένου ανοιχτού κώδικα η οποία αναβαθμίζεται συνεχώς από την κοινότητα ανοιχτού κώδικα γεγονός που δίνει στους διαχειριστές του e-shop εγκατάσταση και συντήρηση με μηδενικό κόστος. Το λογισμικό είναι διαθέσιμο απευθείας από την σελίδα του κατασκευαστή και υποστηρίζεται ο κώδικας από όλους τους διαδικτυακούς εξυπηρετητές (web-servers). Ότι το λογισμικό είναι ανοιχτού κώδικα δίνει πολλά πλεονεκτήματα και στον διαχειριστή καθώς δεν χρειάζεται να ασχοληθεί με επαναληπτικές διαδικασίες για τις βασικές λειτουργίες αλλά με ώρες δημιουργικής εργασίας και ανάπτυξης του ηλεκτρονικού καταστήματος. Επίσης το Magento μέσα από την επίσημη ιστοσελίδα του υποστηρίζει την επέκταση του Magento(Magento Connect) με διάφορες εφαρμογές, που διευκολύνουν ακόμα περισσότερο στην ανάπτυξη του ηλεκτρονικού καταστήματος. Οι δυνατότητες του Magento ως λογισμικό ανοιχτού κώδικα του δίνουν πάρα πολλές δυνατότητες αλλά και λειτουργίες και σε συνδυασμό με τις επιπλέον εφαρμογές που υπάρχουν στο Magento Connect το κάνουν ακόμα πιο δυνατό στον ανταγωνισμό των λογισμικών ανοιχτού κώδικα. Μερικές από τις λειτουργίες του Magento είναι: Λίστα με δημοφιλή προϊόντα Ασφαλείς συναλλαγές μέσω SSL Κάρτες αγορών Βιβλίο διευθύνσεων πελατών Εύκολη πρόσβαση στις παραγγελίες Ιστορικό παραγγελιών Υποστήριξη στατικών και δυναμικών banner Εύκολη διαχείριση μέσω του Backend του διαχειριστή -16-

27 Πολλαπλοί τρόποι πληρωμής Φιλική προς τον χρήστη αναζήτηση 3.3 Δυνατότητες του Magento Εμβαθύνοντας περισσότερο στην ανάλυση του Magento θα δούμε ότι δεν είναι μόνο τα πλεονεκτήματα του ανοιχτού κώδικα που το κάνουν την δυνατότερη πλατφόρμα δημιουργίας ηλεκτρονικών καταστημάτων στον κόσμο. Υπάρχουν πρωτοποριακές δυνατότητες για ένα λογισμικό ανοιχτού κώδικα στο Magento οι οποίες και το κάνουν καινοτόμο και δυναμικό. Μία εξ αυτών είναι, όπως το αναφέραμε και παραπάνω η δημιουργία και σχεδίαση πολλαπλών ηλεκτρονικών καταστημάτων κάτω από το ίδιο διαχειριστικό περιβάλλον. Δηλαδή ο διαχειριστής μπορεί να επεμβαίνει σε παραπάνω από ένα e-shop μέσα από το ίδιο interface. Οι υπόλοιπες εξίσου σημαντικές δυνατότητες του Magento είναι οι εξής: Υποστήριξη πολλαπλών γλωσσών και νομισμάτων. Η δυνατότητα αυτή του Magento προσδίδει ευελιξία στο Magento για την ανάπτυξη του στο παγκόσμιο στερέωμα. Τα αρχεία, σχεδιαστικά, είναι δομημένα σε τρία επίπεδα: Πυρήνας, Λειτουργιά, Σχεδίαση. Η δομή αυτή σε τρία επίπεδα χρησιμοποιείται έτσι ώστε οποιαδήποτε αλλαγή γίνει σε ένα εκ των επιπέδων δεν επηρεάζει τα υπόλοιπα. Το Magento περιέχει ενσωματωμένες υπηρεσίες Ιστού. Δηλαδή, παρέχει την δυνατότητα για πρόσβαση στα στοιχεία του, χωρίς να γίνουν αλλαγές στον πηγαίο κώδικα που χρησιμοποιεί. Αυτό βοηθά στην εγκατάσταση προσθέτων ε- φαρμογών που είναι διαθέσιμες, αλλά και με τα πρωτόκολλα SOAP και XML- RPC υπάρχει η δυνατότητα δημιουργίας εφαρμογών. Το Magento περιέχει πολύ καλό μηχανισμό ταξινόμησης των προϊόντων με βάση τα χαρακτηριστικά του και τις επιλογές του εκάστοτε χρήστη. Επίσης το Magento δίνει την δυνατότητα πολλαπλών αποστολών παραγγελιών εκτός της αρχικής διεύθυνσης του χρήστη. 3.4 Βάση Δεδομένων Magento Η βάση δεδομένων του Magento, όπως βλέπουμε και στην Εικόνα 3.1 είναι χωρισμένη σε πέντε (5) μεγάλες κατηγορίες: Σύστημα (SYSTEM), Προϊόντα (PRODUCT), Πελά- -17-

28 τες (CUSTOMER), Πωλήσεις (SALES), Χαρακτηριστικά (EAV) τις οποίες θα αναλύσουμε επιγραμματικά παρακάτω. Στο σύνολο της η Database του Magento περιέχει περισσότερους από 500 πίνακες οι οποίοι συσχετίζονται μεταξύ τους. Εικόνα 3.1: Magento Database System Diagram Περιοχή Συστήματος Σε αυτό το κομμάτι της βάσης δεδομένων περιλαμβάνονται πίνακες που σχετίζονται με την δομή του συστήματος αλλά και την μορφή και διαχείριση των ηλεκτρονικών καταστημάτων που έχουν δημιουργηθεί με το Magento. Όπως παρατηρούμε στην Εικόνα 3.1 οι πίνακες που περιέχονται σε αυτή την κατηγορία της βάσης δεδομένων συσχετίζονται με τον πυρήνα του ηλεκτρονικού καταστήματος, της ιδιότητες του Administrator αλλά και του layout της σελίδας είναι με λίγα λόγια ο πυρήνας της βάσης δεδομένων Περιοχή Β.Δ. Προϊόντων Στην συγκεκριμένη περιοχή της βάσης δεδομένων περιέχονται πίνακες με πληροφορίες που αφορούν την καταχώρηση, την εμφάνιση και την παρουσίαση των προϊόντων. Στη περιοχή αυτή αποθηκεύονται επίσης και πίνακες με τους καταλόγους των προϊόντων -18-

29 αλλά εδώ αποθηκεύονται σε πίνακες και οι ρυθμίσεις που χρησιμοποιούνται είτε για τους καταλόγους των προϊόντων είτε για τα ίδια τα προϊόντα Περιοχή πινάκων Πελατών Σε αυτή το σημείο περιλαμβάνονται οι πίνακες που περιέχουν στοιχεία πελατών αλλά και πληροφορίες με τις παραγγελίες και τις αξιολογήσεις των πελατών στα προϊόντα. Επίσης όπως παρατηρούμε στην Εικόνα 3.1 στο σημείο αυτό αποθηκεύονται και πίνακες που αφορούν τα επιθυμητά προϊόντα (wish list) αλλά και οι πίνακες που χρησιμοποιούνται σε περίπτωση που υπάρχει η λειτουργία της ψηφοφορίας, ώστε να αποθηκεύονται τα αποτελέσματα Περιοχή Πωλήσεων Στην περιοχή αυτή αποθηκεύονται ρυθμίσεις που αφορούν τον τομέα τον πωλήσεων. Με άλλα λόγια εδώ αποθηκεύονται οι πίνακες με τις ρυθμίσεις που αφορούν τον τρόπο πληρωμής, τις ρυθμίσεις του ΦΠΑ του κάθε προϊόντος και οτιδήποτε άλλες ρυθμίσεις αφορούν την διαδικασία της πώλησης Περιοχή πινάκων E.A.V. Το μοντέλο EAV είναι ένα μοντέλο δεδομένων το οποίο περιγράφει οντότητες όπου ο αριθμός των γνωρισμάτων είναι (ιδιότητες ή παράμετροι) που μπορούν να χρησιμοποιηθούν για την περιγραφή τους είναι δυνητικά τεράστιοι, αλλά ο αριθμός ο οποίος θα εφαρμόζονται στην πραγματικότητα είναι σχετικά μέτρια. Αυτή η αναπαράσταση των δεδομένων είναι ανάλογη με μεθόδους διαχείρισης χώρου, όπου είναι αποθηκευμένες μόνο οι τιμές που δεν είναι κενές. Σε ένα μοντέλο EAV κάθε ζεύγος χαρακτηριστικών-τιμής περιγράφει το γεγονός μιας οντότητας, και μια γραμμή ενός πίνακα EAV αποθηκεύει ένα και μόνο γεγονός. Οι πίνακες EAV περιγράφονται και ως «long and skinny»: το long αναφέρεται στον μεγάλο αριθμό σειρών, ενώ το skinny στον μικρό αριθμό στηλών. Τα δεδομένα σε ένα πίνακα EAV καταγράφονται ως τρεις στήλες: Οντότητα: το στοιχείο που περιγράφεται. Χαρακτηριστικά ή παράμετρος: Ένα ξένο κλειδί στο πίνακα που αναφέρεται στο χαρακτηριστικό. Ένα χαρακτηριστικό πρέπει να έχει τουλάχιστον τα εξής γνωρίσματα: Κωδικός χαρακτηριστικού, Όνομα χαρακτηριστικού, Περιγραφή, Τύπο δεδομένων και βοηθητικές στήλες επικύρωσης δεδομένων. -19-

30 Η τιμή του χαρακτηριστικού. Μια Β.Δ. EAV, που χρησιμοποιεί και η βάση δεδομένων του Magento, αναφέρεται σε μια Β.Δ. που είναι μοντελοποιημένη σε μεγάλο ποσοστό με πίνακες EAV. Παρόλα αυτά ακόμα και αν μια βάση δεδομένων μοντελοποιείται κατά κύριο λόγο με την τεχνική EAV, μερικοί πίνακες στο σύστημα μοντελοποιούνται με τον παραδοσιακό τρόπο μοντελοποίησης σειρών. Με λίγα λόγια η Β.Δ. EAV, χρησιμοποιείται ως αποθήκη για το σύνολο των χαρακτηριστικών που χρησιμοποιούνται στην πλατφόρμα του Magento. 3.5 Magento Frontend και Backend Τέλος, στην ενότητα αυτή θα αναφερθούμε επιγραμματικά στα χαρακτηριστικά του Frontend του Magento και του Backend Frontend Όπως βλέπουμε και στην Εικόνα 3.2 το Frontend του Magento αναφέρεται στην κοινή όψη του καταστήματος όπου δηλαδή οι χρήστες/πελάτες μπορούν να αλληλεπιδρούν με το κατάστημα μέσω ενός browser. Εδώ παρουσιάζονται τα προϊόντα, οι κατηγορίες τους, αλλά και προωθητικές προβολές και προσφορές του καταστήματος, επίσης εδώ οι πελάτες μπορούν να κάνουν την παραγγελία τους την πληρωμή τους αλλά και λεπτομέρειες για την αποστολή της. Είναι κοινώς το ηλεκτρονικό μας κατάστημα. Εικόνα 3.2: Frontend του Magento -20-

31 3.5.2 Backend Το backend του Magento(Εικόνα 3.3) είναι το «γραφείο» του διαχειριστή. Είναι μια προστατευόμενη προβολή του Magento όπου από το συγκεκριμένο σημείο έχει την δυνατότητα ο διαχειριστής να καταχωρεί προϊόντα και να ρυθμίζει τις παραγγελίες και τις λεπτομέρειες τους (οικονομικά στοιχεία, ΦΠΑ, τιμές, τρόπους αποστολής κλπ.). Επίσης από εδώ μπορεί ο διαχειριστής να εκτελεί τις παραγγελίες και πολλές άλλες λειτουργίες που αφορούν το κατάστημα. -21-

32

33 4 Εγκατάσταση Προγραμμάτων Στο παρών κεφάλαιο θα παρουσιάσουμε την εγκατάσταση των προγραμμάτων που θα χρησιμοποιήσουμε στα πλαίσια της πτυχιακής. 4.1 Εγκατάσταση XAMPP To XAMPP είναι ένα ολοκληρωμένο πακέτο εφαρμογών το οποίο περιέχει όλα τα λογισμικά που χρειάζονται για την ανάπτυξη ενός ηλεκτρονικού καταστήματος τοπικά. Οι εφαρμογές που περιλαμβάνει το πακέτο είναι: Apache, PHP, MySQL, FileZilla, FTP, PHPMyAdmin, Perl και Mercury server. Η εγκατάσταση και οι ρυθμίσεις του πακέτου είναι αυτοματοποιημένες, βέβαια θα χρειαστούν κάποιες ρυθμίσεις για την λειτουργική χρήση του πακέτου. Το πακέτο εφαρμογών XAMPP, είναι ελεύθερο λογισμικό το οποίο κυκλοφορεί σε διάφορες εκδόσεις ανάλογα με το λειτουργικό σύστημα του κάθε χρήστη. Για τις ανάγκες της πτυχιακής εργασίας η έκδοση XAMPP, που θα χρησιμοποιήσουμε είναι η XAMPP USB Lite Ο κύριος λόγος που μας οδήγησε στην εγκατάσταση ενός portable λογισμικού είναι η φορητότητα του. Πιο συγκεκριμένα η αυτή η έκδοση είναι σημαντικά μικρότερη σε μέγεθος χωρίς αυτό να επηρεάζει σημαντικά την λειτουργικότητα του. Ξεκινώντας λοιπόν την εγκατάσταση του XAMPP σε μορφή.exe παρατηρούμε ότι το μόνο που χρειάζεται, αρχικά, όπως φαίνεται και στην Εικόνα 4.1 είναι η επιλογή του δίσκου προορισμού που στην συγκεκριμένη περίπτωση είναι ο αφαιρούμενος USB δίσκος. Στη συνέχεια εφόσον τελείωσε η εγκατάσταση και γίνει ο απαιτούμενος έλεγχος ότι εγκαταστάθηκε σωστά εκκινούμε την εφαρμογή XAMPP ώστε να γίνει η παραμετροποίηση των εφαρμογών μέσω της αρχικής σελίδας της εφαρμογής XAMPP όπως φαίνεται στην Εικόνα 4.2. Για λόγους εμφάνισης θα ορίσουμε πρώτα ένα domain name για τον localhost ώστε να είναι πιο κατανοητή η αρχική δημιουργία του ηλεκτρονικού μας καταστήματος. Αυ- -23-

34 τό πραγματοποιείται στο παραμετροποιώντας το αρχείο hosts του όπως φαίνεται στην παρακάτω εικόνα. Παρατηρούμε ότι αν κάνουμε αυτήν την αλλαγή με τον που θα πληκτρολογήσουμε στον browser την διεύθυνση που θέσαμε στους hosts ( οδηγούμαστε απευθείας στην αρχική σελίδα του XAMPP που μόλις εγκαταστήσαμε. Αντίστοιχα, ορίζουμε ως localhost την παραπάνω διεύθυνση και στον apache server και είμαστε έτοιμοι για την αρχική εγκατάσταση του Magento. Εικόνα 4.1: Φάκελος εγκατάστασης XAMPP Εικόνα 4.2: Αρχική σελίδα εφαρμογής XAMPP -24-

35 4.2 Εγκατάσταση λογισμικού Magento. Σε αυτή την παράγραφο περιγράφεται αναλυτικά η αρχική εγκατάσταση του Magento πριν ξεκινήσει η παραμετροποίηση του ηλεκτρονικού καταστήματος και η τελική μεταφορά του αρχικού στο νέο. Η έκδοση του Magento που θα χρησιμοποιηθεί ώστε να υλοποιηθεί το ηλεκτρονικό μας κατάστημα είναι η πιο πρόσφατη έκδοση που κυκλοφορεί στην κοινότητα του Magento (Community Edition) η Η συγκεκριμένη έκδοση είναι ανοιχτού λογισμικού κώδικας που επιτρέπει την μορφοποίηση του site και την τροποποίηση των μηχανισμών του Magento Προαπαιτούμενα εγκατάστασης Εφόσον έχουμε «κατεβάσει» την έκδοση του Magento που αναφέρεται παραπάνω για την εγκατάσταση του με την χρήση του XAMPP θα πρέπει να αποσυμπιεστεί το αρχείο.zip που διατίθεται στο επίσημο site του Magento και να αντιγραφεί στον φάκελο htdocs απ όπου φορτώνονται όλες οι εφαρμογές που έχουμε φορτώσει στον Server μας. Εικόνα 4.3: Δημιουργία ΒΔ του e-shop Προτού ξεκινήσουμε την εγκατάσταση του Magento στον Server μας θα πρέπει να δημιουργήσουμε και μια βάση δεδομένων στην οποία θα αποθηκεύονται όλοι οι πίνακες του ηλεκτρονικού μας καταστήματος (Εικόνα 4.3). Αυτό το κάνουμε επειδή δεν θα εγκαταστήσουμε απλά ένα project αλλά μια ολόκληρη πλατφόρμα ηλεκτρονικού κατα- -25-

36 στήματος. Για την δημιουργία της ΒΔ μας θα ανακατευθυνθούμε στην εφαρμογή PHPMyAdmin και θα δημιουργήσουμε την ΒΔ που θα χρησιμοποιηθεί στο κατάστημα. Η ΒΔ, λοιπόν, που δημιουργήθηκε ονομάζεται vasilikos, βάσει του ονόματος του ηλεκτρονικού καταστήματος, Εικόνα Αρχική εγκατάσταση λογισμικού Εφόσον έχει δημιουργηθεί η ΒΔ, έχουμε αντιγράψει τον φάκελο εγκατάστασης του Magento και ενεργοποιήσει τον apache server μέσω του XAMPP (Εικόνα 4.4) πληκτρολογώντας σε έναν περιηγητή την σελίδα Εικόνα 4.4: Ενεργοποίηση XAMPP -26-

37 μπαίνουμε στην αρχική σελίδα εγκατάστασης του Magento, όπου γίνεται η αποδοχή των όρων αδείας του Magento παρακάτω μπορούμε να συνεχίσουμε. Στην συνέχεια θέτουμε τις αρχικές ρυθμίσεις για την ζώνη ώρας και την νομισματική μονάδα που θα χρησιμοποιήσουμε. Έπειτα ανακατευθυνόμαστε στην ρύθμιση της βάσεως δεδομένων που θα χρησιμοποιήσουμε και έχουμε ήδη δημιουργήσει από πριν για την αποθήκευση των πινάκων που θα χρησιμοποιήσουμε και επίσης στο ίδιο βήμα διαμορφώνουμε και τις διευθύνσεις URL του καταστήματος και του χώρου διαχείρισης αυτού. Οι ρυθμίσεις που πρέπει να κάνουμε φαίνονται στην παρακάτω εικόνα 4.5. Εικόνα 4.5: Ρυθμίσεις ΒΔ κατά την εγκατάσταση Το επόμενο βήμα για την ολοκλήρωση του αρχικού ηλεκτρονικού μας καταστήματος είναι η εισαγωγή δεδομένων που αφορούν το όνομα χρήστη και κωδικού πρόσβασης για την εφαρμογή, όπως φαίνονται στην Εικόνα. Εφόσον έχουμε τελειώσει και με αυτά το κατάστημα μας θα φαίνεται όπως στις παρακάτω Εικόνες 4.6 και

38 Εικόνα 4.6 FrontPage Εικόνα 4.7 Backend -28-

39 5 Διαμόρφωση και μεταφορά ηλεκτρονικού καταστήματος Σε αυτό το κεφάλαιο θα επικεντρωθούμε στην όσο τον δυνατόν πληρέστερη μεταφορά του ηλεκτρονικού μας καταστήματος. Πιο συγκεκριμένα, αυτό το κεφάλαιο χωρίζεται σε δύο σημαντικά μέρη: Πρώτον, την γραφική μεταφορά του ηλεκτρονικού μας καταστήματος (αλλαγή χρωμάτων, προσθήκη φωτογραφιών στην αρχική σελίδα κλπ), και δεύτερον θα αναλύσουμε τους τρόπους που μπορεί να εκτελεστεί το data migration για την μεταφορά των προϊόντων στο νέο μας e-shop. 5.1 Γραφική διαμόρφωση Το Magento διαθέτει πολλαπλές εφαρμογές και λειτουργίες για την διαμόρφωση ενός ηλεκτρονικού καταστήματος. Στο σημείο αυτό της πτυχιακής θα διαμορφώσουμε το νέο μας ηλεκτρονικό κατάστημα ώστε να είναι όσο το δυνατόν πλησιέστερο, γραφικά πάντα, με το παλιό ηλεκτρονικό κατάστημα, σε χρώματα κλπ Η βασική δομή του Magento Για αρχή θα γίνει μια εισαγωγή στην δομή του Magento, στις λειτουργίες και την ορολογία του. Το Magento στηρίζεται σε μια δενδροειδή (top-down) μορφή όπου μπορεί να υπάρχει ένα website με πολλαπλά stores σε αυτό και κάθε ένα από αυτά να έχει διαφορετική όψη (store view)(διάγραμμα 5.1). Βέβαια, όλα τα παραπάνω μοιράζονται κοινές πληροφορίες τύπου «γονέα - παιδιού» όπως για παράδειγμα ένα website μπορεί να μοιράζεται πληροφορίες για τους πελάτες, τις παραγγελίες ακόμα και το καλάθι αγορών με τα stores όπου τα stores στην ουσία είναι ένα σύνολο από store views. Η όψη των stores περιέχει ένα σύνολο από πληροφορίες που αφορούν την μορφή του καταστήματος (π.χ. διαφορετικές γλώσσες). -29-

40 Website Main store Β2Β Store Αγγλικά Ελληνικά Ελληνικά Διάγραμμα 5.1: Δενδροειδής μορφή Magento Το Magento διαχωρίζει τον σχεδιασμό του καταστήματος σε πακέτα σχεδιασμού (design packages) και θέματα (themes). Θέματα: Περιέχουν τα ενεργητικά αρχεία του συστήματος που καθορίζουν την οπτική έξοδο του καταστήματος και την λειτουργικά αρχεία της εμπρόσθιας όψης (frontend) του καταστήματος μας. Με λίγα λόγια στα θέματα εμπεριέχονται πρότυπες πληροφορίες όπως αρχεία διάταξης (layout), αρχεία προτύπων (template files) και μεταφραστικά αρχεία που αφορούν το εκάστοτε θέμα. Επίσης στα Θέματα περιέχονται και σχεδιαστικές πληροφορίες όπως αρχεία CSS, εικόνες και Java-script αρχεία. Κατά συνθήκη, ένα θέμα περιέχεται μόνο σε ένα πακέτο σχεδιασμού ενώ ένα πακέτο σχεδιασμού ένα τουλάχιστον default θέμα και έπειτα διάφορα άλλα θέματα. Πακέτο Σχεδιασμού: Ένα πακέτο σχεδιασμού είναι ένα σύνολο από θέματα. Μπορούν να δημιουργηθούν και να εγκατασταθούν διάφορα πακέτα σχεδιασμού αλλά πρέπει να υπάρχει τουλάχιστον ένα, το οποίο και είναι προεγκατεστημένο από το Magento και ονομάζεται Βασικό Πακέτο. Επίσης υπάρχουν και διάφορα άλλα πακέτα προ-εγκατεστημένα από το Magento ξεχωριστά για κάθε έκδοση αυτού. Στην συγκεκριμένη έκδοση του Magento που χρησιμοποιούμε (Community Edition) το πακέτο αυτό ονομάζεται «default». Βέβαια μπορούμε να προσθέσουμε επιπλέον πακέτα ανάλογα με τις ανάγκες τις κάθε επιχείρησης. Στο παρακάτω σχεδιάγραμμα (Διάγραμμα 5.2) φαίνεται και σχεδιαστικά η δομή των θεμάτων και των πακέτων σχεδιασμού και η μεταξύ τους σχέση. -30-

41 Βασικό πακέτο Αρχικό θέμα Πακέτο σχεδιασμού 1 Αρχικό θέμα Θέμα 1 Πακέτο σχεδιασμού 2 Αρχικό θέμα Θέμα 2 Διάγραμμα 5.2: Δομή και σχέση μεταξύ των πακέτων και των θεμάτων Να σημειώσουμε ότι και τα πακέτα σχεδιασμού και τα θέματα μπορούν να αποδοθούν και στο επίπεδο του website και στα άλλα επίπεδα του Magento. Αν, όμως, οριστεί ένα πακέτο σχεδιασμού στο επίπεδο της ιστοσελίδας (website) όλα τα άλλα επίπεδα θα κληρονομήσουν αυτό το πακέτο εκτός κι αν οριστεί άλλο πακέτο στα υπόλοιπα επίπεδα. Όπως αντιλαμβανόμαστε τα θέματα είναι ο βασικός άξονας για την γραφική διαμόρφωση της ιστοσελίδας. Η ταξινόμηση που υπάρχει στα θέματα στηρίζεται σε δύο άξονες: app/design και skin όπου αποθηκεύονται όλες οι ρυθμίσεις ενός θέματος. Τι αποθηκεύεται σε κάθε φάκελο φαίνονται στο Διάγραμμα 5.3. skin CSS Images Java-scripts app/design Layout Template Locale Διάγραμμα 5.3: Διαρρύθμιση θεμάτων Όπως βλέπουμε και στο παραπάνω διάγραμμα τα αρχεία προτύπων (templating files) βρίσκονται στον φάκελο αποθήκευσης app/design και διαχωρίζονται στις παρακάτω υποκατηγορίες: -31-

42 Διάταξη (Layout): Περιέχονται τα βασικά XML αρχεία που προσδιορίζουν την δομή του συστήματος για διάφορες σελίδες, όπως έλεγχος των μεταδεδομένων (meta-data) και της κωδικοποίησης της σελίδας. Πρότυπο (Template): Εμπεριέχονται τα PHTML αρχεία η οποία με την σειρά της περιέχει την xhtml σήμανση και όποια άλλα απαραίτητα PHP αρχεία που χρησιμεύουν στην οπτική παρουσίαση της σελίδας μας. Τοπικές Ρυθμίσεις (Locale): Περιέχει έγγραφα κειμένου τύπου CSV που χρησιμοποιούνται για την μετάφραση όλων των κειμένων που παράγονται από το Magento ( π.χ. για στοιχεία του περιβάλλοντος του Magento και των μηνυμάτων και όχι των προϊόντων και των κατηγοριών. Επίσης, ο φάκελος skins οργανώνεται με αντίστοιχο τρόπο στις παρακάτω τρεις (3) υποκατηγορίες: Αρχεία τύπου CSS: Περιέχει τα αρχεία CSS που χρησιμοποιούνται για την διαχείριση και τον έλεγχο της μορφής της ιστοσελίδας. Εικόνες (Images): Περιέχει της εικόνες που χρησιμοποιούνται στο αντίστοιχο θέμα. JS (Java-scripts): Περιέχει συγκεκριμένες, ανά θέμα Java-script ρουτίνες, και άλλες απαραίτητες λειτουργίες. Οι περισσότερες από αυτές τις βιβλιοθήκες της Java αποθηκεύονται σε αυτό τον αρχικό φάκελο (root) ώστε να μπορούν να μοιραστούν σε διάφορα θέματα. Αξίζει, επίσης, να σημειωθεί ότι ο φάκελος skin χρειάζεται να είναι προσβάσιμος από τα περισσότερα προγράμματα περιήγησης, ενώ ο φάκελος app/design χρειάζεται να είναι προσβάσιμος μόνο στο επίπεδο εφαρμογής. Η αρχιτεκτονική των θεμάτων του Magento έχει υιοθετήσει την λογική του «fallback» μοντέλου. Αναλυτικότερα, αν ένα κομμάτι του θέματος που έχουμε δημιουργήσει δεν είναι λειτουργικό τότε το Magento αναζήτα στο προηγούμενο επίπεδο για το ίδιο λειτουργικό κομμάτι. Ένα παράδειγμα αυτού του «fall-back» μοντέλου είναι, αν ένα θέμα μας καλέσει το CSS αρχείο «styles.css», αλλά η εφαρμογή δεν το βρίσκει στο δικό μας θέμα, τότε το Magento θα αναζητήσει στο προηγούμενο θέμα στην ιεραρχία και θα συνεχίσει να το αναζητά έως ότου το βρει (γι αυτό το λόγο υπάρχει και το default θέμα που βρίσκεται προ-εγκατεστημένο έτσι ώστε να είναι λειτουργική η σελίδα μας. Στο Διάγραμμα 5.4 φαίνεται η ιεραρχία αναζήτησης του «fall-back» μοντέλου. -32-

43 Αρχή Αναζήτηση αρχείου στο package_name/default/ Αναζήτηση αρχείου στο package_name/theme_name/ Όχι Αναζήτηση αρχείου στο base/default/ Βρέθηκε? Ναι Βρέθηκε? Όχι Βρέθηκε? Όχι Ναι Εμφάνισε όπως υποδεικνύεται Ναι Απόδοση σφάλματος Διάγραμμα 5.4: «Fall-back» μοντέλο Όταν ο μηχανισμός αυτός χρησιμοποιείται σωστά μας επιτρέπει να τροποποιήσουμε και να διατηρήσουμε μόνο τα αρχεία που χρειάζεται στο δικό μας θέμα για την εξοικονόμηση χρόνου αλλά και την αποφυγή λαθών. Επίσης ο μηχανισμός αυτός κάνει τα θέματα μας περισσότερο αναβαθμίσιμα αλλά και αξιόπιστα Η εξωτερική δομή του Magento Για την επιτυχή σχεδίαση της σελίδας μας πρέπει να κατανοήσουμε και την εξωτερική δομή του Magento. Η δομή της αρχικής σελίδας χωρίζεται σε Μπλοκ. Τα Μπλοκ είναι ο τρόπος με τον οποίο το Magento διακρίνει τη συστοιχία των λειτουργιών του συστήματος και δημιουργεί ένα αρθρωτό τρόπο για να το διαχειριστεί την δομή της σελίδας τόσο από την λειτουργική όσο και από την οπτική της πλευρά. Υπάρχουν δύο είδη Μπλοκ και συνεργάζονται ώστε να δημιουργηθεί η οπτική έξοδος της σελίδας μας, τα Διαρθρωτικά Μπλοκ και τα Μπλοκ Περιεχομένου: -33-

44 Διαρθρωτικά Μπλοκ (Structural Blocks): Αυτού του είδους τα Μπλοκ χρησιμοποιούνται για τον διαχωρισμό της οπτικής δομής της σελίδας σε: Κεφαλίδα, Αριστερή στήλη, Κύρια στήλη και Υποσέλιδο. Μπλοκ Περιεχομένου (Content Blocks): Αυτά τα Μπλοκ παράγουν το ουσιαστικό περιεχόμενο μέσα σε κάθε Διαρθρωτικό Μπλοκ. Αφορούν τον τρόπο που παρουσιάζεται κάθε χαρακτηριστικό μέσα σε ένα Διαρθρωτικό Μπλοκ αλλά και την λειτουργικότητα του. Τα Μπλοκ Περιεχομένου χρησιμοποιούν αρχεία προτύπων για την δημιουργία xhtml κώδικα ώστε να εισαχθεί στο αντίστοιχο του Διαρθρωτικό Μπλοκ. Μερικά παραδείγματα Μπλοκ Περιεχομένου είναι η λίστα κατηγοριών, το καλάθι αγορών, ετικέτες προϊόντων, κλπ. Στην Εικόνα 5.1 φαίνεται η διάταξη και των δύο Μπλοκ στο χώρο της σελίδας. Παρατηρούμε, ότι το Magento αντί να χρησιμοποιεί την λογική του κάθε προτύπου χωριστά για την παραγωγή του xhtml κώδικα συγκεντρώνει και οργανώνει όλα τα πρότυπα σε Μπλοκ με αποτέλεσμα και την καλύτερη οργάνωση της σελίδας. Που όμως χωροθετείται το κάθε Μπλοκ Περιεχομένου στην σελίδα; Το Magento καταχωρεί σε αρχεία, που ονομάζονται «Layouts», την χαρτογράφηση των Μπλοκ περιεχομένου μέσα στα Διαρθρωτικά Μπλοκ. Τα «Layouts» έχουν δύο λειτουργίες να καθορίσουν τόσο τα Μπλοκ περιεχομένου όσο και τα Διαρθρωτικά Μπλοκ και να ενημερώσουν το Magento για το πώς και που συνδέονται στην σελίδα. Μια άλλη δυνατότητα του Magento είναι η χρήση Γραφικών Στοιχείων (widget). Τα «widgets» είναι μια μορφή Μπλοκ με ένα προκαθορισμένο σύνολο ρυθμίσεων και διαμορφώσεων. Το σύνολο αυτό των επιλογών διαμόρφωσης εμφανίζεται σε μια ειδική φόρμα επεξεργασίας στο Backend της σελίδας μας όταν ένα «widget» εγκατασταθεί στο e-shop. Τα «widget» δίνουν την δυνατότητα στους διαχειριστές της εύκολης ρύθμισης και του πλήρους ελέγχου του σετ των ρυθμίσεων. Μια σημαντική πτυχή της χρήσης «widgets» στην σελίδα μας περιορίζει την διαμόρφωση στο επίπεδο των θεμάτων που είναι απαραίτητα για την δημιουργία ενός καταστήματος. Επιπλέον, είναι ένας πολύ καλός τρόπος για τους απλούς χρήστες διαχειριστές του καταστήματος, χωρίς τεχνικές γνώσεις, να προσθέσουν επιπλέον δυνατότητες στο κατάστημα τους σε προκαθορισμένες περιοχές από τους προγραμματιστές της σελίδας. -34-

45 Εικόνα 5.1: Χωροθέτηση των Μπλοκ στην σελίδα Ορολογία: Frontend Μπλοκ: Ένα στοιχείο που δημιουργεί μια οπτική έξοδο είτε σε μορφή Μπλοκ Περιεχομένου είτε σε μορφή Διαρθρωτικού Μπλοκ. Magento Widget: ένα Frontend Μπλοκ που υλοποιεί ένα widget που επιτρέπει να έχει ο χρήστης διαφορετικές επιλογές ρύθμισης για κάθε Μπλοκ. Επίσης το ίδιο widget μπορεί να εφαρμόζεται σε διαφορετικά σημεία μέσα στην σελίδα. Τέλος θα δούμε μερικά παραδείγματα «widget»: Στατικό CMS Μπλοκ: Εμφανίζει το περιεχόμενο ενός στατικού Μπλοκ Σύνδεσμος Καταλόγου Κατηγορίας (Catalog Category List): Εμφανίζει ένα σύνδεσμο μιας κατηγορίας αλλά με προσαρμοσμένο Τίτλο και Κείμενο. Είναι διαθέσιμο σε inline και Μπλοκ. Σύνδεσμος Καταλόγου Προϊόντων (Catalog Product Link): Εμφανίζει ένα σύνδεσμο με ένα συγκεκριμένο κατάλογο προϊόντων όπως παραπάνω με προσαρμοσμένο Τίτλο και Κείμενο. Επίσης δύο διαθέσιμα πρότυπα σε inline και Μπλοκ. Πρόσφατες συγκρίσεις προϊόντων (Recently Compared Products): Εμφανίζει ένα Μπλοκ που περιέχει τις τελευταίες συγκρίσεις σε προϊόντα που έγιναν από -35-

46 τον χρήστη. Αυτό το «widget» επιτρέπει τον καθορισμό των προϊόντων, που πρόκειται να εμφανιστούν, από τον διαχειριστή της σελίδας. Δύο διαθέσιμα πρότυπα: Κατάλογος προϊόντων και Πλέγμα προϊόντων. Πρόσφατα Προϊόντα (Recently Viewed Products): Εμφανίζει ένα Μπλοκ που περιέχει τα προϊόντα που είδαν πρόσφατα οι χρήστες. Επιτρέπει τον καθορισμό του αριθμού των προϊόντων και είναι διαθέσιμο σε δύο πρότυπα: Κατάλογος προϊόντων και Πλέγμα προϊόντων. Παρατηρούμε ότι το Magento έχει πάρα πολλές δυνατότητες για την διαμόρφωση του ηλεκτρονικού μας καταστήματος για την όσο το δυνατόν πληρέστερη έκδοση της σελίδας μας Εφαρμογή στο κατάστημα Εφόσον αναλύθηκαν και κατανοήθηκαν οι γραφικές δυνατότητες του Magento, θα διαμορφώσουμε το ηλεκτρονικό μας κατάστημα (θυμίζουμε η ηλεκτρονική διεύθυνσή του είναι σύμφωνα με τα πρότυπα του αρχικού e-shop ώστε να είναι πιο ακριβής η μεταφορά του. Για αρχή λοιπόν, θα χρειαστεί να δημιουργήσουμε ένα δικό μας Πακέτο Σχεδιασμού αλλά και ένα δικό μας Θέμα έτσι ώστε όποια αλλαγή και να γίνει, να γίνει εκεί μέσα. Δεν θα διαμορφώσουμε τα ήδη υπάρχοντα Πακέτα και Θέματα. Αντ αυτού υ- πάρχει η δυνατότητα χρησιμοποίησης ενός έτοιμου πακέτου μέσω του Magento Connect, και της αντίστοιχης διαμόρφωσης αυτού αντί της δημιουργίας από την αρχή ενός Πακέτου Σχεδιασμού. Η κίνηση αυτή εξοικονομεί χρόνο στην διαμόρφωση του ηλεκτρονικού μας καταστήματος. Επιπλέον, υπάρχει επίσης η δυνατότητα για την διαμόρφωση του όπως ακριβώς και των υπόλοιπων Θεμάτων και Πακέτων. Η εγκατάσταση ενός τέτοιου Πακέτου Σχεδιασμού θα γίνει από το Διαχειριστικό Τομέα του ηλεκτρονικού καταστήματος (Admin Panel). Για την εγκατάσταση του νέου Πακέτου θα χρειαστεί ένα κλειδί που χρησιμοποιείται για την διασύνδεση του Καταστήματος με την πλατφόρμα του Magento Connect. Εφόσον εγκαταστάθηκε και φορτώθηκε το νέο μας Θέμα και Πακέτο Σχεδιασμού θα προχωρήσουμε στην διαμόρφωση του σε χρώματα Scripts κλπ. ώστε να υπάρχει ομοιότητα με το παλαιό κατάστημα. Πρώτο βήμα, λοιπόν για την διαμόρφωση του site μας είναι η αλλαγή του λογοτύπου της επιχείρησης. Το λογότυπο αποθηκεύεται στο εκάστοτε Θέμα μας. Το Magento -36-

47 χρησιμοποιεί τρεις διαφορετικές παραλλαγές του λογοτύπου μια για κάθε χρήση. Τα τρία αρχεία που χρησιμοποιούνται είναι: logo_gif: Χρησιμοποιείται ως κεφαλίδα για την ιστοσελίδα μας. logo_ .gif: Χρησιμοποιείται για εξωτερικά mails που στέλνονται στους χρήστες τους καταστήματος ή αλλού. logo_print.gif: Χρησιμοποιείται για την εκτύπωση της σελίδας. Για να αλλάξουμε λοιπόν το λογότυπο της σελίδας θα κατευθυνθούμε στην διαδρομή /skin/frontend/vasilikos/vasilikos-green/images όπου και αντικαθιστούμε αυτά τα 3 αρχεία με το λογότυπο της εταιρίας. Εφόσον αλλάχθηκε το λογότυπο, έπειτα μπορούν να γίνουν αρκετές αλλαγές στο Θέμα, όσο αφορά τα χρώματα, φωτογραφίες κλπ., μέσα από το αρχείο «styles.css». Όπως βλέπουμε είναι ένα αρχείο τύπου CSS και χρησιμοποιείται για την γενική διαμόρφωση του προτύπου που χρησιμοποιούμε. Μέσα στο αρχείο αυτό μπορούν να γίνουν διάφορες αλλαγές που θα στοχεύουν στην αποδοτικότητα της σελίδας μας και στην λειτουργικότητα του. Στο πλαίσιο της πτυχιακής εργασίας τροποποιήθηκε το CSS για την ομαλότερη διαμόρφωση του ηλεκτρονικού καταστήματος (αποσπάσματα από τον διαμορφωμένο κώδικα του CSS αρχείου που χρησιμοποιήθηκε φαίνεται στο Παράρτημα Α). Επομένως μετά και από τις πρώτες αλλαγές που πραγματοποιήσαμε στην εμφάνιση της αρχικής σελίδας, παρατηρούμε ότι αρχίζει και φαίνεται (σε θεματολογία) όμοιο με το αρχικό μας κατάστημα. Το Magento χρησιμοποιείται κατά κόρον σε ολόκληρο τον κόσμο. Κατά συνέπεια, η γλώσσα που χρησιμοποιεί είναι τα Αγγλικά. Για τους εξειδικευμένους χρήστες του διαδικτύου αυτό δεν είναι πρόβλημα. Όμως, μια ιστοσελίδα αναφέρεται σε ένα ευρύ κοινό με αποτέλεσμα να απαιτείται η χρήση της γλώσσας όπου αναφέρεται η ιστοσελίδα. Στην περίπτωση μας η ιστοσελίδα αναφέρεται στο ελληνικό κοινό. Επομένως, είναι απαραίτητη η χρήση των Ελληνικών. Το Magento προσφέρει διάφορα πακέτα γλωσσών, ένα εξ αυτών είναι και τα Ελληνικά. Για την εγκατάσταση της γλώσσας χρειάζεται να τοποθετήσουμε το αρχείο που κατεβάσαμε από την επίσημη ιστοσελίδα του Magento και να τον τοποθετήσουμε στην διαδρομή του Πακέτου στο οποίο θέλουμε να εγκατασταθεί ή ακόμα και σε επιμέρους Θέμα αναλόγως. Επειδή η μετάφραση βρίσκεται ακόμα σε στάδιο εξέλιξης πολλά σημεία του δεν έχουν ακόμα μεταφραστεί πλήρως. Η Magento δίνει την δυνατότητα συνεχούς αναβάθμισης των μεταφράσεων. -37-