Kickoff multidisciplinair

project CMD+INF

Doel module

In deze 2e-jaars module leren studenten Communication and Multimedia Design intensief samen te werken met studenten Informatica aan een interactief product.

Het realiseren van succesvolle interactieve oplossingen is teamwerk. Juist door de kruisbestuiving van interactie, vormgeving en development zul je eerder tot optimale gebruikersbeleving, technisch haalbare interactieoplossingen en maximaal rendement komen.

Je leert werken in een ‘agile’ projectaanpak, wat erop neerkomt dat je het product in 3 korte iteraties (sprints) ontwikkelt en dat ontwerpwerkzaamheden parallel lopen aan het programmeerwerk. Dit vraagt van alle teamleden veel flexibiliteit en een pragmatische manier van werken.

Opdracht:Ontwikkel een (multi)touch applicatie

Platform

WindowsiOS Android Phone

Casus 1: MediaMarkt: koopwijzer

Maak een koopwijzer app gebaseerd op de Saturn (=MediaMarkt) “kaufberater”http://www.saturn.de/mcs/shop/kaufberater.html

Mensen verleiden met / interesseren in het aanbod van MediaMarkt

Mensen goed en duidelijk advies geven

Mensen naar de webshop of fysieke winkel krijgen

Casus 2: RijkZwaan: Love My Salad

Maak een app voor dit ‘social salad network’ dat ‘engagement’ bevordert.

Gebruikers actiever maken: • recepten delen • commentaren • makkelijk laatste nieuws binnenkrijgen

Anderen volgen en notificaties krijgen als er nieuwe recepten zijn, of als er commentaren op jouw recepten zijn.

Dashboard waarop je kunt zien wat er gebeurt

Casus 3: RijkZwaan: Klanten app

Maak een app voor onze klanten. Creëer een persoonlijke ervaring voor de klant, waar hij informatie vindt over demo's, orders, nieuws, ...

Op demo's makkelijk productinfo opzoeken Ingebouwde QR-scanner Push messages (er komt een nieuwe demo

aan, kunt u alvast aangeven of u komt?) Een ras dat u laatst geliked heeft is van

fase 2 naar 3 gegaan en beschikbaar in uw regio, heeft u interesse in een proef op uw bedrijf?

Mijn favorieten van de demo kunnen zien

http://www.rijkzwaan.nl/wps/wcm/connect/RZ+NL/Rijk+Zwaan/Products_and_Services/Services/RZ+Services/Rassendemo

Casus 4: Bouwfonds: Huis zoeken

Maak een concept voor een tablet app waar beleving en interactie centraal staat.

Huis/project in de buurt zoeken. Meer info over dat project vinden: foto,

video, plattegronden (beleving) én contact kunnen opnemen met iemand van Bouwfonds. Bv. chat, socials of formulier

Als ik serieus interesse heb in een project / huis, is interactie rond dat project belangrijk: wie worden de buren? Hoe is de voortgang van de bouw.

Heb jij nog vette ideeën? Focus op beleving en contact tussen

mensen. Integratie van andere platformen als Facebook, Flickr etc. En geo targetting.

nieuwbouw.bouwfonds.nl

Casus 5: Tam Tam: Declaraties

Maak een app waarmee medewerkers simpel via hun smartphone declaraties kunnen indienen.

Maak een foto van een bonnetje, het bonnetje wordt herkend / bewerkt, bij voorkeur wordt bedrag, datum, etc via OCR uitgelezen, de medewerker geeft aanvullende informatie in, en de declaratie is ingediend.

Naast bonnetjes ook overige declaraties zoals gereden kilometers e.d. indienen.

De app moet gaan draaien in de context van de huidige Tam Tam app die reeds in de Apple App Store staat, en waarin authenticatie en security reeds geregeld is.

Must have features: Foto nemen, info toevoegen, bon indienen.

Casus 6: het Juridisch Loket

Maak een app waarmee mensen hun juridische vraag voor 80% zelf kunnen oplossen en waarbij maximaal voor 20% persoonlijk contact met juristen van het Juridisch Loket nodig is.

Veel voorkomende vragen snel kunnen opzoeken

Makkelijk online een vraag kunnen stellen aan een jurist

afspraak kunnen maken (en wijzigen) met een jurist van het Juridisch Loket voor ingewikkelder juridisch probleem.

Teams

Multidisciplinaire teams x teams van 3-4 mensen Per team 1-2 per studierichting

Werken tijdens college en daarbuiten Vragen en coaching tijdens college

Aanpak

3 sprints Demo/presentatie van werkend prototype

(+ontwerp) aan het einde van iedere sprint

6 weken 4 weken 4 weken

Sprint 1 (6 weken)

Casus kiezen Platform kiezen Use cases opstellen Use cases sprint 1 kiezen

Architectuurkeuze Datastructuur Werkende demo

Persona’s en scenario’s

Concept Wireframes

• Schetsen Grafisch ontwerp:

• Concurrentieanalyse• Stijlstudie

Sprint 2 (4 weken)

Use cases sprint 2 kiezen(nieuwe features vs optimalisatie)

Zelfde deliverables als sprint 1 +

XML Testplan Tech.

documentatie Werkende demo

Wireframes• Geannoteerde

wireframes Grafisch ontwerp

• 2 ontwerpvoorstellen Mini usability test

• Testplan (taken)• Rapportage

Sprint 3 (4 weken)

Use cases sprint 3 kiezen(nieuwe features vs optimalisatie)

Denk aan bevindingen usability test

Zelfde deliverables als sprint 1/2 +

Tech. documentatie

Uitgevoerde test Werkende

applicatie

Grafisch ontwerp• Definitief ontwerp

Wat moet je opleveren?

Persona’s en scenario’s (CMD) Concept (CMD) Wireframes (CMD)

• Schetsen• Geannoteerde wireframes

Grafisch ontwerp (CMD)• Concurrentieanalyse en stijlstudie• 2 ontwerpvoorstellen• Definitieve ontwerpkeuze helemaal uitgewerkt

Usability test rapport (CMD)• Testplan (doel, aanpak, respondentprofielen, interviewvragen, taken)• Testrapport (conclusies en wat hebben jullie hiermee vervolgens gedaan, observaties)

Architectuurkeuze (INF) Datastructuur (INF) XML (INF) Broncode: om het programmeerwerk beoordelen (INF) Technische documentatie en testrapport: testplan en uitvoering (INF)

Eigen projectevaluatie Eindpresentatie

Eigen projectevaluatie

Welke use cases hadden jullie per sprint gepland? En gerealiseerd?

Als planning en realisatie niet overeenkwamen: waardoor kwam dat? Hoe hebben jullie als team hierin prioriteiten gesteld?

Per persoon:• Hoe ging de samenwerking in het team?• Wat was jouw verantwoordelijkheid / aandeel?• Wat hebben jullie van elkaar (CMD’ers en

informatici) geleerd? • Wat vonden jullie van het project? • Wat vonden jullie van de projectbegeleiding?

Eindpresentatie

30 min. presentatie 15 min. Q&A Presenteer:

• visie/concept, • ontwerpkeuzes (zowel interactie/grafisch als technisch*)

(* architectuur in hoofdlijnen, welke technieken, omgang met (tijdelijke) data en datalaag)

• resultaat• wat hebben jullie van het project geleerd?

(bv. qua app ontwikkeling, samenwerking, competenties,…)

Opdrachtgever beoordeelt mee

Zorg dat je zo min mogelijk afhankelijk bent van schoolhardware en -internetverbinding. Neem eigen verloopstekkers mee, kijk op tijd op school of alles werkt. Neem bv. van te voren een video op van de demo die je wilt geven voor als de verbinding te traag is voor een goede demo.

Beoordeling

15 Kwaliteit eindproduct (integraal)10 Tussentijdse opleveringen / voortgang (5 per sprint)25 Kwaliteit competenties

CMD5 Usability5 Wireframes5 Vormgeving5 Passend in context (device/mobile/resolutie)3 Usability test2 ROI

25 Samenwerking10 Eindpresentatie10 Professionaliteit (presentatie, taal, op tijd) 5 Projectevaluatie

2 Planning en keuzes maken2 Geleerd van andere discipline1 Samenwerking

INF5 Architectuur5 Data-opslag & -structuur5 Efficiente code5 Overdraagbaarheid code3 Technologiekeuzes2 Testplan / -rapport

100

Planning

Sprint 1: week 8, 9, 10, 11, 12, 13, 14 (pasen)

Demo 1: week 15 (8 april) Sprint 2: week 15, 16, 17, 18, 19Demo 2: week 20 (13 mei) Sprint 3: week 21 (pinksteren), 22 (doc. afwezig), 23, 24Deliverables inleveren: week 25 (17 juni)Einddemo / beoordeling: week 26 (24 juni)

Vandaag

Casus kiezen Platform kiezen Use cases opstellen

“De gebruiker kan … zodat hij…” Use cases sprint 1 kiezen Interview voorbereiden

Volgende week: Interview met opdrachtgever

Mobile Apps: Web-based or Native?Mobile Apps: Web-based or Native? Q&A with Josh ClarkWith mobile quickly emerging as a viable and practical source of web based content, designers need to know how to adapt and keep up. When do you need a mobile website? When should you have an app? What tools and techniques should you employ to address the needs of your users? Josh joins Jared Spool in this podcast for a discussion about making the decision between mobile web and native apps, including the following points: What are the benefits of creating native apps for all the different

platforms? How does a designer keep up with all of the different sizes and form

factors of devices?Listen to the podcast. (31m)