Macaw wint Web Development Partner of the Year Award met Yindo online boekenwinkel

door: Maarten Sikkema - gepubliceerd op 13-10-2010

Uit bijna 3000 inzendingen voor de Worldwide Partner Conference (WPC) Awards 2010 is Macaw door Microsoft uitgeroepen tot Web Development Partner of the year in the categorie Custom Development Solutions. Hiermee wordt de inzet beloond om producten en services te leveren met uitstekende toepassing van en aanpassingen op innovatieve Microsoft-technieken, die de business van opdrachtgevers positief beïnvloeden.

Yindo is een online bibliotheek en webwinkel van de uitgeverij Van Duuren Media. Je kunt in Yindo boeken lezen, lenen, kopen en downloaden. Boeken die je hebt geleend verschijnen op je persoonlijke boekenplankje. Zo kun je vanaf elke computer met internettoegang je boeken lezen, bladwijzers toevoegen, pagina's afdrukken en zoeken in de volledige tekst van het boek. Je kunt bij Yindo ook boeken kopen, net als in elke andere online boekwinkel. Macaw leverde het ontwerp voor de site en drie interactieve onderdelen: de shop, het boekenplankje en de reader.

Unieke manier van publiceren

Het is moeilijk vast te stellen wat Yindo nu precies is. Is het een bibliotheek, een boekwinkel of een uitgeverij? De unieke manier van publiceren van boeken via de Microsoft Deep Zoom-technologie wijkt af van zowel traditionele papieren publicaties als van elektronische boeken. Deep Zoom is een techniek, waarbij je op afbeeldingen van hoge resolutie of samengestelde afbeeldingen eindeloos inzoomt zonder verlies van prestaties. De afbeelding wordt opgedeeld in talloze tegeltjes, die afhankelijk van het zoomniveau opgehaald en getoond worden. Hierdoor blijft de computer snel reageren en zijn de bladzijden van 600 dots per inch (dpi) toch snel te navigeren. Boekenplankjes zijn persoonlijk, maar een bedrijf kan ze ook, gevuld met toepasselijke boeken, als incentive of relatiegeschenk aanbieden. De grenzen van de mogelijkheden zijn nog niet bereikt.

Het frisse ontwerp en de dynamische presentatie van de boeken zet de toon voor een ontdekkingstocht langs het aanbod van boeken over onder meer management, fotografie en computers en internet. Met een boek centraal op het scherm en tientallen eromheen en op de achtergrond, wordt na elke klik weer een nieuwe reeks boeken getoond die aanleiding geeft tot verder klikken. Zien doet kopen en de Yindo shop is een continu wisselende etalage met een toepasselijke selectie uit het aanbod van meerdere uitgevers. Selecteren van het boek in het midden leidt tot een reader applicatie waarin voorbeeldpagina´s gratis te lezen zijn. De reader biedt meer informatie over het boek en maakt bladeren eenvoudig. Bovendien kan het boek op het hele scherm gezet en zo gelezen worden. Na lenen of aanschaffen van een book via Yindo Points (Yips) verschijnt het op een persoonlijke boekenplank en wordt geopend op de laatst gelezen pagina.

Interactiepatronen en implementatie

Macaw heeft de manier van navigeren in de shop ingebracht. Deze wordt het Power of 10 interactiepatroon wordt genoemd, omdat er een boek in het midden staat en er tien eromheen en honderd op de achtergrond staan. Voor de selectie heeft Van Duuren Media uitgebreide databasequery’s ontwikkeld, waarin de intelligentie achter het aanbieden van relateerde en relevante boeken ingesloten is. Dit is volledig onder controle en hiermee kunnen dus bepaalde boeken naar voren gehaald worden. Standaard zal het aanbod de interesse van de bezoeker volgen en gerelateerde en relevante boeken tonen bij het boek waarop je klikt. Hiermee wordt het bezoeken van een online boekenwinkel weer een boeiende speurtocht naar interessante publicaties.
Daarnaast heeft Macaw de userinterface van de drie Silverlight-onderdelen geïmplementeerd. Silverlight is een plug-in, waarmee cross browser en cross-platform dynamische Rich Internet Applicaties in een webbrowser getoond worden. Macaw zorgde voor een webservice die niet alleen de juiste pagina’s aanbiedt, maar bij elke pagina controleert of de ontvanger nog steeds een ingelogde gebruiker is en onder meer de bladleggers meegeeft. De Deep Zoom-tegels worden met een aparte service aangeleverd, waarmee de beveiliging van de content is gewaarborgd. Voor het omzetten van de digitaal opgemaakte boeken naar de Deep Zoom-composities is een applicatie gebouwd en opgeleverd. Hiermee brengt Yindo nieuwe boeken online. Daarnaast heeft Van Duuren Media een uitgebreide backoffice-applicatie ontwikkeld, waarin onder meer registraties worden bijgehouden, geleende en gekochte boeken worden vastgelegd, royalty’s worden bepaald en promotiecodes worden aangemaakt. Bovendien is de betaling van Yips via iDEAL, PayPal of bankoverschrijving mogelijk gemaakt.

Tools

De ontwerper bij Macaw heeft gebruik gemaakt van verschillende onderdelen van Expression Studio om de Yindo site te maken. Voor de creatie van Silverlight-applicaties, zoals de shop, boekenplank en reader van Yindo, heeft Microsoft deze set met softwaregereedschappen ontwikkeld. Expression Studio is een verzameling van krachtige tools, waarmee een webdesigner dynamische applicaties maakt. Hiermee is Microsoft de concurrentie aangegaan met Flash en Flex van Adobe. Op zo’n 75% van de computers in Nederland is de Silverlight plug-in al geïnstalleerd, mede door de toepassing van de techniek door de NOS en andere omroepen.

Expression Studio bestaat uit programma’s om te tekenen, video te bewerken en HTML, CSS en JavaScript-code op te stellen. Maar het belangrijkste onderdeel van de suite is Expression Blend, die het voor designers mogelijk maakt om complexe interfaces in Silverlight te creëren. Met Blend kunnen userinterfaces voor Windows-programma’s, Silverlight in de browser en Windows Phone 7 applicaties gebouwd worden. Bovendien kan een ontwerper in dit programma schetsen en prototypes maken, deze presenteren en er met de opdrachtgever over communiceren. In het bijzonder Expression Blend werkt met dezelfde type projectbestanden als Visual Studio, het gereedschap voor programmeurs. Bovendien sluit Blend aan op Team Foundation System, waarmee tegelijkertijd aan dezelfde bestanden gewerkt wordt. Hiermee is de samenwerking met programmeurs bij het implementeren van het ontwerp aanzienlijk vereenvoudigd. Het interpreteren van een ontwerp wordt teruggebracht omdat een ontwerper zelf verantwoordelijk is voor de implementatie van zijn ontwerp.

Resultaat

Het resultaat is een spannende en aantrekkelijke website op basis van innovatieve techniek, die voor Yindo een uniek aanbod en een unieke positie oplevert in de chaotische wereld van het elektronisch publiceren.