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 7

Casus 1: Wereld Natuur Fonds

Maak een digitale versie van het WNF-magazine Panda.

Circa 1 miljoen donateurs ontvangen het magazine, maar om de natuur te sparen willen ze natuurlijk liever een digitaal magazine.

Welke relevante interactie kun je aan het magazine toevoegen?

Makkelijk beheerbaar voor redactie 

Casus 2: Oxxio

Maak een app waarmee bezitters van ‘slimme’ meters de strijd aan kunnen gaan met vrienden, straat, wijk of stad.

Ingrediënten: Google maps, scorebord, overzicht van doelen, integratie socials, goed spelelement

Optioneel: ‘domme’ meters mee laten doen (foto van meterkast maken)

Casus 3: MyTimetable (Eveoh)

Maak een mobiele site voor MyTimetable die werkt op smartphone en tablet.

100.000 gebruikers (and growing) Eenvoudig kunnen samenstellen en

(heldere en simpele) weergave van lesroosters

Toevoegen / verwijderen van vakken Koppelen aan agenda-applicatie op

telefoon / tablet Rekening houden met accessibility Evt. rooster offline beschikbaar

http://www.eveoh.nl/products/mytimetable/

Trefwoorden: mobile, tablet, HTML5, CSS3, jQuery, responsive design, offline app, accessibility, polyfills

Casus 4: Nationale Nederlanden

Maak een app die studenten en starters op de arbeidsmarkt aanspreekt en 'iets te maken heeft met later'.

Moet studenten en starters uitdagen zich te verdiepen in pensioen en actief mee te denken over oplossingen die passen bij hun eigen wensen, levensstijl en levensstandaard.

Belangrijk is dat de app 'iets' heeft of kan waardoor je hem regelmatig gebruikt.

“Pensioen is saai, onbegrijpelijk en het duurt nog héél lang

voordat ik er iets mee te maken krijg…”

Casus 5: Zekerleuk.nl

Maak een app waarmee je verlanglijstjes kunt maken en gebruiken.

Product toevoegen aan verlanglijst door streepjescodes te scannen.

Verlanglijstje door kunnen sturen naar 06-nummers in de contactlijst.

Ontvangers kunnen overal verlanglijstje bekijken en er een cadeau van afhalen.

Zoeken naar nieuwe cadeaus voor de verlanglijst.

Cadeau top 5 van dit moment kunnen bekijken.

Casus 6: Unicef

In diverse landen richt Unicef scholen op om meer kinderen (met name meisjes) kansen in de maatschappij te bieden.

Bedenk en ontwikkel een “Sim School”: Wat is er nodig om een Unicef schooltje draaiende te houden?

Serious gaming Bewustzijn en betrokkenheid

vergroten Aanzetten tot actie (bv. doneren)

Casus 7: Kamer van Koophandel

Welke bedrijven zitten in de buurt? Ik krijg een factuur, maar wie is dit bedrijf? Zijn ze verhuisd? Hoe lang bestaan ze eigenlijk? Snel onderweg even opzoeken in het Handelsregister.

Zoek bedrijven (in een bepaalde categorie) op (GPS) locatie met straal, of op naam

Toon info uit het Handelsregister Bedrijven volgen door opslaan in

favorites (ook notities kunnen toevoegen)

Bedrijfsinfo delen per e-mail

Casus 8: Mixit

Ontwikkel een app die ingezet kan worden als verlengstuk van een intranet, zodat medewerkers beter kunnen samenwerken.

Wie is wie, stel een vraag aan je collega’s, zoek op het intranet, e.d.

Evt. Yammer stream integreren Maak verbinding met een eigen

backend omgeving in de cloud (bv. Microsoft Azure). Azure heeft standaard api's om te koppelen naar allerlei platformen, bv. SharePoint, Google apps voor business, Wordpress

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 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

Wireframes Grafisch ontwerp Datastructuur XML Testplan Werkende applicatie

Sprint 2 (4 weken)

Use cases sprint 2 kiezen(nieuwe features vs optimalisatie)

Zelfde deliverables als sprint 1 + Implementatie grafisch ontwerp Mini usability test uitvoeren

(bevindingen presenteren tijdens sprintdemo)

Sprint 3 (4 weken)

Use cases sprint 3 kiezen(nieuwe features vs optimalisatie)

Denk aan bevindingen usability test

Wat moet je opleveren?

Wireframes (CMD) Grafisch ontwerp (CMD) Usability test rapport: aanpak, observaties,

conclusies en wat hebben jullie hiermee vervolgens gedaan? (CMD)

Datastructuur (INF) Broncode: om het programmeerwerk beoordelen

(INF) 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 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 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 meeZorg 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

30 Samenwerking10 Eindpresentatie

5 Inhoud5 Presentatie

5 Projectevaluatie2 Planning en keuzes maken2 Geleerd van andere discipline1 Samenwerking

5 Professionaliteit (op tijd)

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

100

Planning

Sprint 1: week 6, 7, 8, 10, 11, 12Demo 1: week 13 (26 maart) Sprint 2: week 14, 15*, 16, 17Demo 2: week 19 (7 mei) Sprint 3: week 20, 21, 22*, 23**Einddemo / beoordeling: week 24 (11+13 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)