Front-end Web Developer

I am a Mid Front-end Web Developer and IT Trainer

Music Shop

Categories
Δεξιότητες HTML, CSS, PHP, SQL
Εργαλείο Ανάπτυξης Notepadd++, Sublime Text

Σχετικά με το Music Shop

Το Music Shop είναι ένα ηλεκτρονικό κατάστημα σε μια μορφή η οποία είναι όσο ποιο απλοϊκή γίνεται. Αναπτύχθηκε καθαρά για ακαδημαϊκό σκοπό, την μελέτη δηλαδή ανάπτυξης ενός ηλεκτρονικού καταστήματος. Η ιδέα αυτή προήλθε στα πλαίσια της παρακολούθησης από το Εθνικό και Καποδιστριακό Πανεπιστήμιο Αθηνών του αντίστοιχου μαθήματος. Στα πλαίσια του μαθήματος δόθηκαν γνώσεις των παρακάτω τεχνολογιών:

  • Bootstrap
  • jQuery
  • JavaScript
  • Διαχείριση βάσεων δεδομένων με χρήση της PHP.

 

Χρησιμοποιούμενες τεχνολογίες

Το ηλεκτρονικό αυτό κατάστημα σχεδιάστηκε με χρήση του πλαισίου εργασίας, framework, το οποίο ονομάζεται Bootstrap. Με αυτό μπορούμε να σχεδιάσουμε καλαίσθητες ιστοσελίδες προσαρμοσμένες σε κάθε τύπο οθόνης. Με την χρήση αυτού το προτύπου σχεδίασης, ο developer μπορεί να προσαρμόσει την εμφάνιση του ιστοχώρου ανάλογα δίνοντας την επιθυμητή μορφή.

Το Music Shop χρησιμοποιεί μια βάση δεδομένων στην οποία καταχωρούνται τα προϊόντα, οι χρήστες και οι παραγγελίες τους. Η βάση δεδομένων αποτελεί τον παρασκηνιακό μηχανισμό, back-end, του e-shop. Η διαχείριση της βάσης δεδομένων και η επικοινωνία με τον χρήστη-επισκέπτη γίνεται με την γλώσσα προγραμματισμού PHP.

Η JavaScript είναι μια γλώσσα προγραμματισμού η οποία χρησιμοποιείται στο προσκήνιο δηλαδή στον φυλλομετρητή, browser, του επισκέπτη. Ο slider των προϊόντων ο οποίος τα εναλλάσσει είναι ένα παράδειγμα υλοποίησης της JavaScript.

Το jQuery είναι μια βιβλιοθήκη εργαλείων τα οποία χρησιμοποιούνται από την JavaScript και ο σκοπός τους είναι ο εμπλουτισμός των δυνατοτήτων της γλώσσας αυτής. Ένα παράδειγμα χρήσης είναι όταν κάνουμε κλικ σε ένα κουμπί κοντά σε μία εικόνα και αυτή εξαφανίζεται.

 

Τι λειτουργίες εκτελεί το Music Shop

Το Music Shop αναπτύχθηκε κυρίως σε επίπεδο front-end ανάπτυξης, δηλαδή εμφάνισης. Τα χαρακτηριστικά του είναι:

  • Στο μενού υπάρχει το αρκτικόλεξο, Music Organ Experts, το οποίο παραπέμπει στην 1η σελίδα του καταστήματος.
  • Στο μενού Προϊόντα υπάρχουν 3 κατηγορίες προϊόντων. Σε κάθε σελίδα προϊόντος υπάρχει διαχωρισμός των προϊόντων σε υπό-κατηγορίες.
  • Κάθε σελίδα δείχνει τα πρόσφατα προϊόντα, τις σημερινές προσφορές και τα τελευταία νέα.
  • Στην σελίδα Λογαριασμός μπορούμε να κάνουμε τόσο εγγραφή νέου χρήστη όσο και είσοδος με υπάρχον λογαριασμό.
  • Στους όρους χρήσης βλέπουμε τους απαραίτητους όρους τους οποίους πρέπει να έχει το κάθε e-shop. Για ευνόητους λόγους έχει μπει εικονικό κείμενο.
  • Τέλος, στο καλάθι υπάρχει εικονική εμφάνιση των παραγγελιών.

 

Πηγαίνοντας παραπέρα

Ασφαλώς το παρόν ηλεκτρονικό κατάστημα μπορεί να αναπτυχθεί περαιτέρω όπως:

  • Στην σελίδα Λογαριασμός ο χρήστης αφού κάνει είσοδο τότε να βλέπει και να τροποποιεί τα στοιχεία του λογαριασμού του.
  • Το καλάθι αγορών όταν είναι συνδεδεμένος ο χρήστης να του δείχνει την τρέχουσα κατάσταση των παραγγελιών του. Τα δεδομένα αυτά θα ανανεώνονται αυτόματα με κάθε προσθήκη προϊόντος από άλλη σελίδα.
  • Στο κλικ του χρήστη σε προϊόν θα ανοίγει η αντίστοιχη σελίδα.

 

Επίλογος

Το Music Shop είναι ένα πολύ απλό δείγμα ανάπτυξης ενός ηλεκτρονικού καταστήματος για ακαδημαϊκή καθαρά χρήση. Ο καθένας μπορεί να το «τσιμπήσει» στο GitHub και να το αναπτύξει κατά βούληση.