Front-end Web Developer

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

De Blasio

Categories
Δεξιότητες Adobe Flash

De Blasio

website-Deblasio2Σχετικά με το De Blasio

Το site De Blasio ανήκει σε έναν ιδιώτη ο οποίος πουλά κούκλες, μπούστα και stand βιτρίνας. Το site αυτό το έφτιαξα για λογαριασμό της εταιρίας TECHNOkids-TECHNOPLUS Καλλιθέας & Π.Φαλήρου, το οποίο τώρα έχει αλλάξει όνομα σε eFuture Καλλιθέας.

 

Σχετικά με το Site

Το De Blasio έχει φτιαχτεί εξ’ ολοκλήρου με το Adobe Flash. Το site όταν φορτώνει, ανεβαίνει ένα αρχείο το οποίο είναι αρκετά μεγάλο. Για να μην γίνεται ενοχλητική αυτή η αναμονή, υπάρχει ένας pre-loader ο οποίος δείχνει την ταχύτητα φόρτωσης σε ποσοστό %. Στην συνέχεια εμφανίζεται μια εισαγωγική οθόνη στην οποία περνάνε, κυλάνε, κάποιες φωτογραφίες από τις κούκλες βιτρίνας τις οποίες διαθέτει. Λειτουργεί δηλαδή σαν image slider κατά κάποιον τρόπο. Παρατηρούμε επίσης ότι καθ’ όλη την διάρκεια της επίσκεψης του site υπάρχει μουσική υπόκρουση στο παρασκήνιο.

Στην συνέχεια βλέπουμε ένα μενού επιλογών με το οποίο υπάρχει διαδραστικότητα με τον επισκέπτη. Η λογική είναι η εξής: Υπάρχουν φωτογραφίες με κούκλες βιτρίνας ταξινομημένες κατά φύλλο και ηλικία. Η ταξινόμηση αυτή υλοποιείται μέσα από το μενού. Σε αυτό λοιπόν βλέπουμε ενεργές 2 κατηγορίες, άνδρες και γυναίκες.  Για κάθε μια κατηγορία, εμφανίζονται 2 ομάδες κουτιών με εικόνες, μία για κάθε κούκλα. Η κάθε κούκλα διαθέτει έναν κωδικό. Ανάμεσα στις δύο κατηγορίες υπάρχει ένα κατακόρυφο κενό κουτί. Σε αυτό, όταν το ποντίκι του επισκέπτη κυλίσει πάνω σε μια εικόνα, εμφανίζεται η εικόνα της κούκλας με το εφέ του zoom-in. Ο χρήστης κάνοντας κλικ σε μια εικόνα της κούκλας, μεταβαίνει στο παράθυρο στο οποίο εμφανίζονται λεπτομέρειες αλλά και άλλες εικόνες σχετικά με την κούκλα αυτή.

Τέλος υπάρχει και η σελίδα επικοινωνίας με τα στοιχεία επικοινωνίας της εταιρίας σε δύο γλώσσες, Αγγλικά και Ελληνικά.

 

Τεχνική αναφορά

Όπως αναφέραμε παραπάνω, το site φορτώνει ένα αρχείο. Για κάθε μια κατηγορία υπάρχει ένα αντίστοιχο σκηνικό, scene. Για κάθε ένα scene υπάρχουν ομάδες φακέλων, μια για κάθε κούκλα. Σε κάθε κούκλα υπάρχουν καρέ στο οποίο εμφανίζονται οι λεπτομέρειες της κούκλας. Η ποικιλία των εικόνων δικαιολογεί το μεγάλο μέγεθος του site-αρχείου. Η διαδραστικότητα τέλος του De Blasio υλοποιείται με την Action Script.

To deblasio.gr από το 2017 άλλαξε σε WordPress κατασκευής από το eFuture.