Når morgendagens flyvende sko i 3D space skal fungere med fortidens systemer
Vi blev af Shoe The Bear bedt om at lave lille applikation der kunne vise deres seneste sko kollektion. Konceptet for deres seneste kollektion var det klassiske bil-kort tema. I den forbindelse var der blevet trykt en serie rigtige kortspil med sko på, – hver sko med sine egenskaber og værdier. Dette kortspil ville Shoe The Bear nu gerne have som en del af deres eksisterende site, hvor en bruger i 3D kunne pakke kortene ud og se hver sko i et close-up format. Men der var et catch. Shoe The Bear har allerede et eksisterende site, som er lavet tidligere og med en langt tidligere version end den defakto standard webyte bruger. Denne tidligere løsning skulle vores løsning altså overgangsløst kunne integreres med.
Løsningen
Vi ønskede at skabe en løsning der ikke ændrede brugerens almindelige brug af Shoe The Bears side. Der var ikke i projektet indlagt mulighed for at flytte alt det eksisterende over på en ny platform. Så det vi gjorde var at bygge en lille applikation og placerede den i stedet for den eksisterende side. Når brugeren ankommer til siden vil han i stedet bliver mødt af vores applikation. Det første vores applikation så gør er at hente den eksisterende hjemmeside ind, så det for brugeren ser helt og aldeles ud som det plejer. Dog har vi nu friheden til dels at manipulere det eksisterende site, samt at placere de ekstra ordinære elementer vores løsning har brug for. Konkret mødes brugeren af det velkendte site, samt i venstre hjørne en svævende kort bunke. Ved klik på kortbunken bruger vi muligheden for at manipulere det eksisterende site, så det ryger ud i baggrunden. Herved skabes der plads til at 20 3D kort kan folde sig ud af kortbunken og udgøre den kollektionsvisning Shoe The Bear ønskede. Når brugeren er færdig med at se på kollektionen kan denne lukke kortbunken sammen igen, og det eksisterende site, får igen fokus og kommer i forgrunden.
Teknologier
Vi var nød til at forholde os til at det eksisterende site kørte baseret på en række AS1/2 .swf filer og vi derfor måtte lave noget cross scripting mellem den gamle og den nye AVM. Det lykkedes os at lave en Flex applikation der som en lille motor, lyttede til de udgående kald fra det eksisterende site, kunne hente og vise det indhold der nu blev efterspurgt. Det eneste der skulle tilføjes til kundens side var en ny index side samt vores løsning. Alt kundens øvrige side materiale forblev som det var. Det betød også at da kampagnen for kundens kollektion var ovre var det kun en enkelt fil der skulle ændres for at det gamle site kørte som før og vores 3D kampagne var væk.
Vi brugte til projektet følgende teknologier:
Papervision3D
Flex SDK 3.0
Præsentation
Vi har lavet en lille præsentationsvideo af oplevelsen af vores 3D kort applikation, som i samspil med det eksisterende bagvedliggende site.
To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed.
