Oy Digital Foamboard

Het Oy digital foamboard heb ik ontwikkeld gedurende mijn stageperiode bij Oy communications. In dit foamboard kunnen werknemers van Oy visuals uploaden via de back-end, welke klanten via de front-end weer kunnen bezichtigen. De back-end is verzorgd door een freelancer (en tevens oud werknemer van het bedrijf) en is geschreven in PHP en Javascript waar een SQL database aan hangt. De front-end wordt verzorgd door mijzelf en is geschreven in ActionScript 2.0. Ik ben begonnen met de wireframes in het programma OmniGraffle, waarin ik de ideeën van diverse brainstormsessies in verwerkt heb. Na meerdere evaluaties en revisies heb de wireframes voor de back-end door laten sturen naar de freelancer in kwestie en ben ik begonnen met het scripten in Flash. De Front-end roept PHP-pagina's aan met een ID om vervolgens een XML bestand terug te krijgen. Uit dit bestand haalt de front-end de visuals en metadata hiervan, om deze vervolgens weer te tonen in een hierarchie van projecten, categorieen en visuals.

Wireframes voor dit project kun je hier vinden.

Klik op de afbeelding hieronder voor de live versie, dit is de versie zonder CMS (enkel XML). Een aantal onderdelen werkt daarom niet in deze versie! Naam en wachtwoord zijn niet vereist, gewoon op de 'login' knop drukken. Het audiovisueel design van deze versie is nog niet definitief, deze wordt nog herzien door Oy. De afbeeldingen komen van stock.xchng.

Login:

Features:

  • Volledige applicatie schaalt naargelang de grote van je browservenster
  • Tooltips bij de diverse elementen
  • Realtime breadcrumbs tijdens het navigeren in het dock
  • Breadcrumbs met links naar huidige projecten, categorieen en visuals
  • Mousover welke de titel en beschrijving van de visual toont
  • Slideshow mogelijkheid, zowel met toetsenbord als via knoppen in de interface
  • Fullscreen mogelijkheid
  • Mogelijkheid om visuals te downloaden
  • Mogelijkheid om visuals te printen
  • Mogelijkheid om te deeplinken naar visuals
  • Mogelijkheid om visuals via e-mail door te sturen
  • Mogelijkheid om het dock relatief of absoluut te bedienen
  • Mogelijkheid om het paneel te tonen of te verbergen
  • Mogelijkheid om het dock te tonen of te verbergen
  • Mogelijkheid om klanten in te laten loggen op een persoonlijk foamboard
  • Mogelijkheid om je wachtwoord te bewaren
  • Mogelijkheid om een vergeten wachwoord op te vragen
  • Preloader
  • Contactpagina
  • Disclaimerpagina