Ανάπτυξη front-end ηλεκτρονικού καταστήματος με σύγχρονες τεχνολογίες σχεδίασης

Abstract

Τα ηλεκτρονικά καταστήματα, κοινώς e-shops εδώ και μερικά χρόνια έχουν μπει στη ζωή μας και έχουν διευκολύνει αρκετούς καταναλωτές καθώς, προσφέρουν γρήγορες συναλλαγές, πλοήγηση από το σπίτι, πληθώρα προϊόντων με ακριβείς περιγραφές και φωτογραφίες αλλά και ασφαλείς αγορές. Με μοναδικό εργαλείο έναν ηλεκτρονικό υπολογιστή με πρόσβαση στο διαδίκτυο, η διαδικασία επίσκεψης σε ένα κατάστημα μετατρέπεται σε διαδικτυακή, χωρίς όμως να διαφεύγει κάτι στον καταναλωτή. Η συγκεκριμένη μεταπτυχιακή εργασία αποσκοπεί στη δημιουργία ενός ολοκληρωμένου ηλεκτρονικού καταστήματος (e-shop) αντρικής ένδυσης με αντικείμενο τη μελέτη και κατασκευή του στην πλευρά του front-end. Όταν συζητάμε για το “frontend”, μιλάμε για το τμήμα του ιστού που μπορείτε να δείτε και να αλληλοεπιδράσετε. Τα τελευταία χρόνια έχει υπάρξει μια πραγματική ανάγκη για διαφοροποίηση μεταξύ των σχεδιαστών που εργάστηκαν αυστηρά στο Photoshop και εκείνων που γράφουν κώδικα HTML και CSS. Τα πράγματα μπερδεύονται μάλιστα ακόμη περισσότερο, όταν οι σχεδιαστές διέσχισαν τις γραμμές του σχεδιασμού και άρχισαν να εργάζονται με την Javascript και την jQuery. Έτσι τώρα, όταν συζητάμε για τον όρο “σχεδιασμός ιστοσελίδων”, μιλάμε για εκείνους που εργάζονται με το Photoshop και το Fireworks, καθώς και εκείνους που χρησιμοποιούν κώδικα HTML, CSS, JavaScript, jQuery κτλ. Ό, τι βλέπετε, στο διαδίκτυο είναι ένας συνδυασμός HTML, CSS, JavaScript, τα οποία ελέγχονται από το πρόγραμμα περιήγησης (browser) του υπολογιστή σας. Αυτά περιλαμβάνουν πράγματα όπως γραμματοσειρές, drop-down μενού, κουμπιά, transitions, sliders, φόρμες επικοινωνίας. Επομένως πολλά από αυτά τα στοιχεία θα τα συναντήσουμε στο συγκεκριμένο e-shop. Αρχικά θα αναφερθούμε στο ηλεκτρονικό εμπόριο. Σε αυτή την ενότητα ορίζουμε τον όρο ηλεκτρονικό εμπόριο, θα επικεντρωθούμε στα είδη του, τα πλεονεκτήματα αλλά και τα μειονεκτήματά του, αλλά θα γίνει και αναφορά στα χαρακτηριστικά των e-shop και σε κάποια διεθνή πετυχημένα e-shop. Στην εργασίας θα γίνει η παρουσίαση του e-shop και η χρήση του μέσα από στιγμιότυπα χρηστών και διαχειριστή και θα αναλυθούν οι παρούσες λειτουργίες του. Στην παρούσα πτυχιακή εργασία θα δοθεί έμφαση στο κομμάτι του front-end.Παρουσιάζεται τεχνολογίες που χρησιμοποιήθηκα όπως είναι Html 5,Css3 και bootstrap ενώ παράλληλα αναλύονται τα πλεονεκτήματα και τα μειονεκτήματα τους μέσα από μια σύντομη και περιεκτική αξιολόγηση. Στο τελευταίο κομμάτι της εργασία παρουσιάζονται τμήματα του κώδικα που έχουν σχέση με το κομμάτι του front-end.