Yoeran Luteijn » proces

Fase 2: Technisch onderzoek

Yoeran — Fri, 12 Mar 2010 12:00:24 +0000

Voor de technische kant heb ik gezocht naar bestaande libraries en stukken code die ik kan gebruiken bij het bouwen van mijn applicatie. Hierbij heb ik ook gezocht naar nieuwe (voor mij onbekende) technieken die mogelijk zijn met Flash.

Flash graphics opslaan als afbeelding
De post-its binnen het brainboard zullen zowel tekst als tekeningen gaan bevatten. De tekst, positie etc. is op te slaan via een simpele XML file. De tekeningen zijn echter een ander verhaal, deze zouden binair opgeslagen moeten worden of ook via een tekstuele omweg. Voor schaalbaarheid is de 2e optie het beste, maar het makkelijkste is optie 1. Hier ga ik nog een testje voor uitvoeren om te kijken wat de beste optie voor deze opdracht is.

Link: http://www.adobe.com/devnet/flash/articles/saving_flash_graphics.html

AMF
AMF is een communicatie-protocol tussen Flash en PHP. Deze library maakt het mogelijk om snel en met kleine pakketjes te kunnen communiceren tussen de 2 talen. Erg handig voor data uitwisseling.

Link: http://www.amfphp.org/docs2/index.html

LocalConnection
Flash heeft blijkbaar gelukkig de mogelijkheid om te communiceren tussen verschillende swf’s. Ik wilde graag weten of dit mogelijk was omdat dit namelijk de mogelijkheid bied dat de applicatie naar inzendingen van buitenaf kan luisteren en dus andere applicaties iets kunnen laten sturen.

Link: http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/net/LocalConnection.html
Link: http://www.adobe.com/devnet/flashplayer/articles/secure_swf_apps_07.html

Collision detection
Een interactie punt wat ik graag wil is de mogelijkheid om (meerdere) post-its te selecteren door middel van een vorm te tekenen. Deze library bied de mogelijkheid om na te gaan welke elementen zich binnen de getekende vorm bevinden. Daar kan ik in de code dus leuke dingen mee doen.

Link: http://code.google.com/p/collisiondetectionkit/

Fase 1: Gebruiksonderzoek

Yoeran — Sun, 07 Mar 2010 16:03:17 +0000

De eerste stap in mijn DesignThis! opdracht is het testen van het prototype wat ik lange tijd terug gemaakt heb. Het prototype is erg basaal, maar ik ben benieuwd hoe studenten en docenten er op dit moment tegen aan kijken en hoe ze de applicatie ervaren.

Om dit te weten te komen ga ik de volgende stappen ondernemen:

Flip mino lenen
4/5 studenten en docenten zoeken
deze groepen heel kort met het prototype aan de slag laten gaan
kleine focusgroup waarin ik huidige problemen/irritaties duidelijk wil krijgen m.b.t. brainstormen in het algemeen en de tools die hier voor beschikbaar zijn

Opzet prototype-testing
Deelnemers een bedrijfsnaam + bedrijfs-sector laten kiezen waarna ze voor dit fictieve bedrijf een logo moeten bedenken. Door middel van dit kleinschalige soort participatory design wil ik zien of een tool als de BrainBoard een zinvolle betekenis kan hebben. Daarnaast zal ik kijken of de huidige interacties duidelijk genoeg zijn.

Opzet focusgroup
Gesprek heeft als onderwerp een werkcollege waarin studenten samen met de docent de nieuwe stof willen toepassen. In dit gesprek wil ik van zowel docent als student proberen te horen hoe ze dit normaal aanpakken, of ze specifieke tools (theoretisch en praktisch) missen, of ze zelf nieuwe oplossingen hebben bedacht en/of tools hebben gevonden.

Plan van Aanpak – BrainBoard

Yoeran — Thu, 04 Mar 2010 09:53:04 +0000

BrainBoard
Een brainstorm-tool voor de smartboards op de Hogeschool locatie Pieter de Hoochweg. Dit concept is enige tijd geleden bij mij ontstaan tijdens een werkcollege op school. In dit college werd het smartboard erg “slecht” gebruikt. Tijdens een brainstorm werd er een verdeling getekend via de computer, waar vervolgens echte post-its op het smartboard werden geplakt om de input te groeperen. Vervolgens werden de post-its gefotografeerd om ze te digitaliseren en archiveren. Dit inspireerde mij om een tool te bedenken zodat dit proces makkelijker en leuker kan en daarbij eindelijk de smartboards tot hun recht te laten komen.

Hieronder de fasen die ik voor deze opdracht wil doorlopen en de bijbehorende deadlines:

1. Gebruiksonderzoek
In deze fase wil ik mijn bestaande prototype testen met enkele studenten door ze er mee te laten werken. Hierin hoop ik pijnpunten en problemen tegen te komen als wel nieuwe tips en kansen. Daarnaast wil ik ook bij enkele brainstorms deelnemen en toekijken hoe deze sessies ingericht zijn, wat er fijn is, wat werkt en wat er vertaald kan worden naar het digitale domein.

2. Technisch onderzoek
Naar aanleiding van het gebruiksonderzoek wil ik kijken welke technische mogelijkheden er zijn om de bevindingen door te voeren en/of te versterken. Daarnaast wil ik een kort verbredend onderzoek doen naar Flash technieken en libraries zodat ik eventueel het concept makkelijker of slimmer in kan steken.

3. Concept revisie
In de fase wil ik mijn bestaande concept nogmaals onder de loep nemen en de kennis en resultaten uit de vorige fasen toepassen en doorvoeren. Tijdens deze fase zal ik enkele momenten sparren met anderen om het concept te toetsen.

4. Interaction & Visual Design
Wanneer het vernieuwde concept afgerond is zal ik hierbij wireframes maken om het geheel duidelijk te krijgen voor mezelf. Aan de hand hiervan zal ik ook een kleine visual library aanmaken met alle componenten die terug zullen komen in de applicatie.

5. Development
Wanneer de wireframes en de visual library klaar zijn wil ik de applicatie ontwikkelen in Flash. Tijdens deze fase ga ik proberen regelmatig met anderen te ping-pongen zodat ik wellicht op tijd kan bijsturen en dat ik weet dat ik op het juiste pad zit.

Deadlines

Gebruiksonderzoek - 9 maart
Technisch onderzoek – 11 maart
Concept revisie – 18 maart
Interaction Design – 18 maart
Visual Design – 25 maart
Development – 8 april