ΠΡΟΓΡΑΜΜΑ Γ.Γ.Ν.Γ.: ΕΠΙΣΤΗΜΟΝΙΚΗ ΥΠΟΣΤΗΡΙΞΗ ΝΕΩΝ ΑΓΡΟΤΩΝ Τ.Ε.Ι. ΠΕΙΡΑΙΑ Κατασκευή Ιστοσελίδας Πανελλήνιας Ένωσης Νέων Αγροτών και Δημιουργία Forum για Ανταλλαγή Απόψεων και Συζητήσεις σχετικά με Κοινά Ενδιαφέροντα Επιστημονική Ομάδα Έργου: Δ. Ι. Τσελές, καθηγητής, Επιστημονικός Υπεύθυνος Χ. Δρόσος Εμ. Σοφιανόπουλος Ν. Αλαφοδήμος Α. Δαγλή-Καπούτση Α. Βασιλάκος I. Ταμπόσης Τ.Ε.Ι. ΠΕΙΡΑΙΑ-2011 1
1. Συνοπτική Περιγραφή Κατασκευής Ιστοσελίδας Η ανάπτυξη και η κατασκευή της ιστοσελίδας πραγματοποιήθηκε με τη χρήση τεχνολογιών PHP, MYSQL, CSS και HTML. Πιο αναλυτικά, για την υλοποίηση του ανασχεδιασμού της ιστοσελίδας επιλέξαμε την χρήση ανοικτού κώδικα λογισμικού. Η πλατφόρμα που χρησιμοποιήσαμε είναι το Drupal. Η επιλογή του Drupal μεταξύ άλλων δημοφιλών και αξιόπιστων λύσεων έγινε με γνώμονα την αξιοπιστία, την ασφάλεια και την μεγάλη απήχηση που έχει στις ηλεκτρονικές κοινότητες. Σκοπός μας είναι η Π.Ε.Ν.Α. να αποκτήσει μια ιστοσελίδα λειτουργική και ανεξάρτητη από τους εκάστοτε κατασκευαστές της. Με την λύση αυτή μια μελλοντική αναβάθμιση θα είναι υλοποιήσιμη είτε από την παρούσα ομάδα, είτε από νέους προγραμματιστές με εμπειρία στο Drupal. Για να υλοποιήσουμε όλες τις δυναμικές σελίδες και ενότητες στην ιστοσελίδα της Π.Ε.Ν.Α. έπρεπε να χρησιμοποιήσουμε επιπρόσθετα πακέτα πάνω στον κώδικα της αρχικής πλατφόρμας. Με αυτό τον τρόπο καταφέραμε να προσθέσουμε καινούργια χαρακτηριστικά και δυνατότητες στην αρχική ιστοσελίδα. Συνοπτικά παραθέτουμε τα πακέτα (modules) που χρησιμοποιήσαμε: @font-your-face Google Fonts API Facebook API Facebook Apps Facebook Connect FB User Management User Reference Simplenews SMTP Authentication Support MULTILINGUAL INTERNATIONALIZATION Colorbox Entity API LoginToboggan Pathauto Quick Tabs Styles Transliteration ShareThis Views Webform GMap Location Node Locations Τ.Ε.Ι. ΠΕΙΡΑΙΑ-2011 2
Παρακάτω θα αναλύσουμε τα πιο σημαντικά πακέτα και τα χαρακτηριστικά που μας προσφέρουν. Με βάση την υπάρχουσα ιστοσελίδα αναλύσαμε τους τύπους αντικειμένων που ήταν απαραίτητοι προς δημιουργία και ξεχωρίσαμε τις κατηγορίες που θα χρησιμοποιήσουμε. Μεταφέραμε όλα τα προηγούμενα άρθρα στην καινούργια μας βάση. Με την χρήση των Views καταφέραμε να δημιουργήσουμε επερωτήματα σε διάφορα σημεία της ιστοσελίδας και να τα μορφοποιήσουμε στυλιστικά. Λόγω της μεγάλης σημασίας που λαμβάνουν πλέον οι κοινωνικές ιστοσελίδες, θεωρήθηκε σωστό να συμπεριληφθούν social χαρακτηριστικά και στην ιστοσελίδα της Π.Ε.Ν.Α.. Με αυτό τον τρόπο υιοθετήσαμε το facebook login σαν μια χρήσιμη λύση στην άμεση διασύνδεση των χρηστών με τον υπάρχοντα λογαριασμό τους στο facebook. Ακόμα προσθέσαμε social tagging εργαλεία σε κάθε άρθρο και ενότητα της ιστοσελίδας. Με αυτό τον τρόπο οι επισκέπτες μπορούν να μεταφέρουν την είδηση στους φίλους τους μέσω του ανάλογου κοινωνικού δικτύου. Δημιουργήσαμε νέα δομή στις ενότητες των Ε.Ν.Α., όπου πλέον το κείμενο αντικαταστάθηκε με πραγματικούς χρήστες, κάνοντας ακόμα πιο εύκολη την αλλαγή ρόλων και μελών στις δομές των ενώσεων. Επιπρόσθετα, οι χρήστες μπορούν να επιλέξουν σε ποιά ένωση είναι μέλη και να εμφανίζονται σε αυτή. Αυτό θεωρείται σημαντικό για την ενίσχυση του marketplace. Ένα ενδιαφέρον χαρακτηριστικό στις δομές των ενώσεων και των μελών που χρησιμοποιήσαμε είναι οι δυναμικοί γεωγραφικοί χάρτες, μέσω της χρήσης googlemaps. Με αυτό τον τρόπο οι επισκέπτες μπορούν να βλέπουν την διασπορά των μελών στον χάρτη και, σε περίπτωση ενδιαφέροντος, να εντοπίζουν μέλη των ενώσεων στην περιοχή τους. Οι μορφές επικοινωνίας είναι ελεγχόμενες από τον χρήστη και οι χρήστες επιλέγουν ποιές θα είναι διαθέσιμες στους επισκέπτες, εκτός του email. Μια ενδιαφέρουσα προσθήκη στην ιστοσελίδα αποτελεί η ενότητα «Προβληματισμοί», όπου οι χρήστες μπορούν να παραθέσουν δημόσια τα άρθρα τους προς συζήτηση με άλλα μέλη των ενώσεων (Forum). Φυσικά, η ενότητα αυτή θα επιβλέπεται ως προς την καταλληλότητα του περιεχομένου. Τέλος, το στυλιστικό και η εμφάνιση της ιστοσελίδας επιλέχτηκε με γνώμονα την λειτουργικότητα. Σκοπός μας ήταν να συμπεριλάβουμε όλα τα παραπάνω χαρακτηριστικά σε μια απλή και λειτουργική σελίδα. Έτσι η διαχείριση των άρθρων γίνεται απευθείας από την ίδια σελίδα, πράγμα που βοηθάει τον διαχειριστή στο έργο του και παράλληλα του προσφέρει όλα τα εργαλεία που χρειάζεται. Τ.Ε.Ι. ΠΕΙΡΑΙΑ-2011 3
2. Πλατφόρμα ηλεκτρονικού καταστήματος Οι τεχνικές προδιαγραφές για την κατασκευή και ολοκλήρωση της πλατφόρμας του Ηλεκτρονικού καταστήματος ορίζονται ως εξής: I. Χρήση τεχνολογιών Η κατασκευή του Ηλεκτρονικού καταστήματος θα βασίζεται στην τεχνολογία PHP και MySQL γνωστές για την σταθερότητα και ασφάλεια που παρέχουν. Η εφαρμογές της Ηλεκτρονικής Σελίδας θα συνδέονται δυναμικά με τη βάση δεδομένων MySQL και θα έχει ένα κέντρο διαχείρισης όπου θα έχει πρόσβαση μόνον ο διαχειριστής του συστήματος με το κατάλληλο user name και password. II. Κατασκευή πρωτότυπου δημιουργικού (Layout) Το δημιουργικό κομμάτι θα πρέπει να ικανοποιεί τα κριτήρια όσον αφορά την εικαστική ταυτότητα και να συμβαδίζει με τους σκοπούς και την αποστολή του συγκεκριμένου δικτυακού τόπου. Τα κριτήρια αυτά είναι: Πρωτότυπη σχεδίαση. Κατασκευή λογότυπου και όλων των απαραίτητων εγγράφων του συλλόγου (επιστολόχαρτα κ.α.) Λειτουργικότητα. Εναλλακτική πρόταση σε περίπτωση απόρριψης της πρώτης. Να συμβαδίζει με το γενικότερο πνεύμα και τη φιλοσοφία της εταιρίας. III. Προδιαγραφές Front Office της Ηλεκτρονικής Σελίδας. Το περιβάλλον του Front Office θα πρέπει να χαρακτηρίζεται από λειτουργικότητα. Η εύκολη και σαφή πλοήγηση βοηθά τον επισκέπτη της Ηλεκτρονικής Σελίδας να εντοπίζει με ταχύτητα και ακρίβεια την πληροφορία που αναζητά. Οι προδιαγραφές του Front Office συνοψίζονται στα παρακάτω: Αλληλεπίδραση με τον χρήστη (Interaction). Δυναμική ενημέρωση των περιεχομένων. Εφαρμογή E-mail List (Newsletters) με δυνατότητα επιλογής Εγγραφής & Διαγραφής από τον χρήστη. Χρήση κειμένου (text) και όχι γραφικών, για τους εσωτερικούς και εξωτερικούς υπερδεσμούς για φιλικότητα προς τις μηχανές αναζήτησης. Πεδίο σύντομης αναζήτησης πληροφοριών και αναλυτικής. Φόρμα επικοινωνίας με επικυρωμένα πεδία. Χρήση τεχνολογίας Ajax. IV. Προδιαγραφές Back Office της Ηλεκτρονικής Σελίδας Εύκολο στη χρήση. Δεν χρειάζονται γνώσεις προγραμματισμού Τ.Ε.Ι. ΠΕΙΡΑΙΑ-2011 4
Διαχείριση άρθρων και κειμένων με χρήση HTML Editor Διαχείριση χρηστών Εύκολη εισαγωγή νέας γλώσσας, διαχείριση της πολυγλωσσικότητας της ιστοσελίδας Διαχείριση πρόσθετων (Δημοσκοπήσεων, NewsLetter, Links) ΧΑΡΑΚΤΗΡΙΣΤΙΚΑ ΚΑΤΑΛΟΓΟΥ ΠΡΟΪΟΝΤΩΝ: Απεριόριστο αριθμό προϊόντων Απεριόριστο αριθμό κατηγοριών Απεριόριστο αριθμό υποκατηγοριών Λίστα χαρακτηριστικών προϊόντων Ενεργοποίηση / Aπενεργοποίηση προϊόντων και κατηγοριών με ένα κλικ Πρόσβαση μελών για κάθε κατηγορία και προϊόν επιλεκτικά. ΛΕΠΤΟΜΕΡΕΙΕΣ ΠΡΟΪΟΝΤΩΝ: Απεριόριστες επιλογές προϊόντων Παρουσίαση επιλογών προϊόντων με drop down, radio buttons group, checkbox ή text input. Εμπλουτισμένη περιγραφή προϊόντων, σύντομη ή με λεπτομέρεια Custom META tags for each product page Manageable product manufacturers list Λίστα σχετικών προϊόντων Απεριόριστες φωτογραφίες προϊόντων Μεγάλη φωτογραφία προϊόντος pop up ΕΜΠΟΡΕΥΜΑ/ΑΠΟΓΡΑΦΗ: Πλήρης έλεγχος αποθήκης Επιλογές «Λίστα τιμών» και «Οι τιμές μας» Χονδρικές τιμές. Ενεργοποίηση/απενεργοποίηση ελέγχου απογραφής προϊόντων. ΜΕΤΑΦΟΡΙΚΑ ΚΑΙ ΦΟΡΟΙ: UPS, FedEx & USPS real-time calculations Υπολογισμός μεταφορικών σε πραγματικό χρόνο Απεριόριστες μέθοδοι παράδοσης Απευθείας μεταφορά στην επιλεγμένη τοποθεσία Επιλογή από τους πελάτες ο τρόπος παράδοσης. Συγκεκριμένοι φόροι προϊόντων ΤΡΟΠΟΙ ΠΛΗΡΩΜΗΣ: Πλήρη λίστα για τους τρόπους offline πληρωμής : επιταγές, τηλεφωνική παραγγελία κ.α. Χρήση πιστωτικής κάρτας με διαδικασία πληρωμής σε πραγματικό χρόνο με φόρμα επικοινωνίας για λεπτομέρειες διεκπεραίωσης της συναλλαγής ΠΡΟΔΙΑΓΡΑΦΕΣ ΓΙΑ ΤΙΣ ΜΗΧΑΝΕΣ ΑΝΑΖΗΤΗΣΗΣ: Δυνατότητα λέξεων κλειδιών στις σελίδες περιεχομένου Δυνατότητα περιγραφής στις σελίδες περιεχομένου Τ.Ε.Ι. ΠΕΙΡΑΙΑ-2011 5
Δυνατότητα ολοκληρωμένης αναζήτησης και εντοπισμού πληροφορίας (δυναμική διασύνδεση δεδομένων, χρηστών, και επιχειρησιακών λειτουργιών) με σκοπό τη μέγιστη διάχυση της πληροφορίας και βέλτιστη υποστήριξη των καθημερινών εργασιών. Δημιουργία χάρτη ιστοσελίδας Πλήρη συμβατότητα για κατηγοριοποίηση στις μηχανές αναζήτησης ΣΧΕΔΙΑΣΜΟΣ Λεπτομερέστατες φωτογραφίες για τις κατηγορίες και τα προϊόντα Κατάλογος Προϊόντων ΦΡΟΝΤΙΔΑ ΠΕΛΑΤΗ: Ολοκληρωμένη διαμόρφωση αναζήτησης εσωτερικά στην Ηλεκτρονική Σελίδα. Υπενθύμιση password στους πελάτες Πρόσβαση μελών στο πληροφοριακό μέρος της ιστοσελίδας Εγγεγραμμένοι πελάτες μπορούν να επεξεργαστούν τον λογαριασμού τους οποιαδήποτε στιγμή Όλες οι πληροφορίες αποθηκεύονται σε ασφαλή βάση MySQL ΑΣΦΑΛΕΙΑ: Full HTTPS/SSL υποστήριξη Secure HTTPS/SSL πρόσβαση διαχειριστή Secure HTTPS/SSL checkout Ασφαλής κωδικοποίηση στοιχείων του πελάτη Password-protected administrative access Πλήρες σύστημα ασφάλειας, με καθορισμό κωδικών πρόσβασης / ελέγχου, δικαιωμάτων ομάδων χρηστών τόσο στις λειτουργίες του συστήματος όσο και στα διαχειριζόμενα δεδομένα V. Χάρτης Δικτυακού τόπου. Ο χάρτης του δικτυακού τόπου, το περιεχόμενο και η δομή του δηλαδή, θα μπορεί να αλλάζει και να μεταβάλλεται ανάλογα από τις εκάστοτε ανάγκες μέσα από την δυνατότητα που μας δίνει η διαχείριση του συστήματος. Υπάρχει επίσης η δυνατότητα να γνωρίζετε ανά πάσα στιγμή τα στατιστικά της ιστοσελίδας με πρόσβαση με κωδικούς στο κέντρο διαχείρισης των στατιστικών του δικτυακού τόπου σας. Τ.Ε.Ι. ΠΕΙΡΑΙΑ-2011 6