informatie architectuur • herkansing eindopdracht rondleiding app voor het stedelijk museum Het Stedelijk Museum is een internationaal instituut in Amsterdam, gewijd aan moderne en hedendaagse kunst en vormgeving. Het Stedelijk Museum beschouwt educatie als een kernopdracht. De afdeling Educatie biedt opvallende en innovatieve tools, toegesneden op een eerste ontmoeting met kunst én gericht op een groeiende verbintenis met de kunst en het museum. Leerkrachten uit het basisonderwijs krijgen lesmateriaal dat kinderen helpt bij het kijken naar kunst, aansluitend de eigen belangstelling en kennisniveau.
individuele opdracht: ontwerp een app en educatieve site voor het Stedelijk Museum Ontwerp een structuur en interface voor een tablet app en een website die leerkrachten van basisscholen tijdens het bezoek aan het museum en na afloop in de klas gebruiken. App en site vormen samen een bruikbaar educatief hulpmiddel dat uitnodigt tot kijken, vragen, discussiëren en creëren. Jij gaat bedenken hoe de verplichte content onderdelen en functies (pagina 3 en 4) worden gecombineerd tot een gebruiksvriendelijke structuur en interface.
De tablet app Voorafgaand aan het bezoek huren de meesters, juffen en hulp-ouders een ipad met gps van het museum. Met behulp van een app geven ze groepjes leerlingen vervolgens een rondleiding door het gebouw. Met een tablet in de hand leiden zij de kinderen via een bepaalde route door het museum. Onderweg toont de app aan de leerkracht bij ieder kunstwerk uitleg, verdieping en context. Ook kan de leerkracht met behulp van de app opdrachten aan de kinderen geven en controleren, en ter plekke foto’s maken. De app is nadrukkelijk bestemd voor leerkrachten en begeleiders van groep 6, 7 en 8 van het basis-onderwijs. Het is niet de bedoeling dat kinderen de app zelfstandig gebuiken. Zie pagina 3 voor een uitgebreide beschrijving en verplichte onderdelen
De site Na het bezoek kunnen de leerlingen op een website de kunstwerken van hun rondleiding terugvinden. In de klas kunnen de kinderen extra informatie opzoeken, antwoorden op vragen controleren en vervolg-opdrachten maken. Ook kunnen ze foto’s van hun eigen, nagemaakte kunstwerken toevoegen. Alle content is voor de kinderen een bron voor een individueel werkstuk of spreekbeurt. De site is bestemd voor kinderen uit de groepen 6, 7 en 8 van het basis-onderwijs. De site wordt gebruikt in de klas. De site is autonoom, en maakt geen onderdeel van de structuur van stedelijk.nl Zie pagina 4 voor een uitgebreide beschrijving en verplichte onderdelen
Volgende pagina: inleverdatum, inhoud van het rapport
HvA CMD V1 • december 2012 • Informatie Architectuur • Herkansing Eindopdracht • Stedelijk Museum
pagina 1
inleverdatum 12 december 2012, 17.00 uur Geprint en ingebonden rapport op A4 formaat. Inleveren uiterlijk woensdag 12 december 2012 om 17.00 uur in/bij kamer TTH 01A34. Digitaal ingeleverd is onvoldoende.
inhoud van het rapport Iedere student levert een individueel rapport in met een volledige informatie architectuur voor de rondleiding app en website van het Stedelijk Museum. Het rapport maak je voor de visual designers, front-enders en de opdrachtgever. De visual designer kan aan de hand van je document een ontwerp af te leveren, de front-ender heeft genoeg informatie om de applicatie en de website te bouwen, en de opdrachtgever krijgt een goede indruk van het eindresultaat. Met behulp van de site map en de wireframes laat je zien hoe de pagina’s zijn ingedeeld, hoe de navigatie werkt, en wat er op de pagina’s te zien is. Ook laat je zien hoe de gebruiker via de website informatie kan vinden, gebruiken en delen. Het rapport bevat minimaal de volgende onderdelen:
concept en aanpak • 1 pagina tekst (meer mag) met een uitleg van het concept, • 1 pagina tekst (meer mag) van je aanpak via de stappen (zie pagina 4) • 1 pagina tekst (meer mag) met je conclusies en een verantwoording van je keuzes
vier gedetailleerde wireframes van de app • wireframe van het home screen (beginscherm) • wireframe van een rondleiding • wireframe van een kunstwerk • wireframe van een opdracht Maak een keuze voor een liggende of staande interface met als resolutie 768 x 1024 px. Kies landscape view of portrait view - je hoeft ze niet allebei uit te werken. Op de wireframes zijn de verplichte content onderdelen uitgewerkt (p. 3). Als je iets wilt verduidelijken mag je meer wireframes maken.
twee gedetailleerde wireframes van de website • wireframe van een pagina met de gelopen route • wireframe van een pagina met een bekeken kunstwerk Op de wireframes zijn de navigatie en de verplichte content onderdelen uitgewerkt (p. 4). Als je iets wilt verduidelijken mag je meer wireframes maken.
Twee site maps in Garret IA • site map van de app • site map van de website Als onderbouwing voor je keuzes in pagina-indeling en navigatie toon je twee site maps. Op iedere site map moeten de rubrieken, subrubrieken en content pagina’s van de site goed zijn aangegeven. Ook de onderlinge relaties tussen verschillende (sub)rubrieken moet duidelijk zijn. Probeer zo goed mogelijk aan te geven welke informatie wordt gebruikt door zowel site als app.
content matrix met tags, titels en description van de website Een volledig ingevulde content matrix met alle pagina’s van de website. De content van de app hoef je niet op te nemen in de content matrix. • titels van hoofdrubrieken en subrubrieken • titel van iedere pagina • description van iedere pagina • 20 tags per pagina
Volgende pagina: verplichte onderdelen
HvA CMD V1 • december 2012 • Informatie Architectuur • Herkansing Eindopdracht • Stedelijk Museum
pagina 2
verplichte onderdelen tablet app Rondleiding: toon de locatie van de gebruiker De app geeft vooraf keuze uit een aantal thematische rondleidingen. Een rondleiding bestaat uit een fysieke wandeling door de zalen van het museum, die in een vooraf bepaalde volgorde worden doorgelopen. Iedere zaal bevat één of meerdere kunstwerken. Een rondleiding is dus een fysieke wandeling langs de collectie-opstelling. (Je mag hiervoor aanemen dat de app door GPS weet waar de leerkracht is.) De gebruiker: • • • • • •
kan kiezen voor een algemene rondleiding over de collectie van het Stedelijk of voor een rondleiding over een specifiek thema zoals design, een kunstenaar, het gebouw, stroming of een actuele tentoonstelling weet op ieder moment waar hij is en waar hij heen moet. ziet de afgelegde, en de nog af te leggen delen van de route geeft de mogelijkheid direct een kunstwerk op te vragen onafhankelijk van de route toont automatisch een keuze voor de dichtstbijzijnde kunstwerken in de buurt van de gebruiker kan tijdens de rondleiding foto’s en filmpjes maken en bewaren
Toon kunstwerken en informatie over kunstwerken Per kunstwerk toont de app beknopte informatie, die de gebruiker kan voorlezen en laten zien. De gebruiker kan zelf uitgebreide informatie opvragen: • Kunstwerk • Kunstenaar • Periode • Stroming • Gerelateerde kunstwerken (uit de digitale collectie) • Gerelateerde kunstenaars • … Toon context van de zaal en route Het Stedelijk Museum kent een thematische opstelling. Iedere route en zaal heeft een thema waarbinnen de kunstwerken zijn gegroepeerd. Over deze thema’s geeft de app beknopte informatie, en kan de gebruiker zelf meer informatie opzoeken: • Thema’s • Periodes • Stromingen • Kunstwerken als groep • Gerelateerde kunstwerken (uit de collectie) • Gerelateerde kunstenaars • …. Toon opdrachten op route, thema, zaal of kunstwerk Per kunstwerk, per zaal en per route kan de leerkracht opdrachten / vragen over het kunstwerk opvragen, die de kinderen ter plekke beantwoorden. De vragen worden altijd gesteld in groepen. De leerkracht kan de antwoorden controleren en bewaren. • • •
speurtocht, inzichtsvragen, ja/nee, multiple choice Foto of filmpje maken Antwoorden invoeren, puntentelling / score bekijken
Toon bezoekdetails, bewaar routes Na afloop van de rondleiding kan de docent de informatie over route en opdrachten bewaren en exporteren naar een site; • Lijst van bekenen kunstwerken • Beantwoorde vragen / opgeslagen antwoorden / puntentelling • Gemaakte tekst en foto’s • De gelopen route
volgende pagina: vervolg verplichte onderdelen HvA CMD V1 • december 2012 • Informatie Architectuur • Herkansing Eindopdracht • Stedelijk Museum
pagina 3
Verplichte onderdelen website De site is autonoom, en maakt geen onderdeel van de structuur van stedelijk.nl Toon bewaarde route Na het bezoek kunnen kinderen uit groep 6, 7 en 8 op een website de kunstwerken op hun gelopen rondleiding nog eens bekijken. In de klas kunnen de kinderen extra informatie opzoeken, antwoorden op vragen controleren en vervolg-opdrachten maken. Ook kunnen ze foto’s van hun eigen, nagemaakte kunstwerken toevoegen. Het geheel is voor de kinderen een bron voor een individueel werkstuk of spreekbeurt. Toon per rondleiding • • • • •
Lijst van kunstwerken Beantwoorde vragen Opgeslagen antwoorden Gemaakte tekst en foto’s De gelopen route
Toon per bekeken kunstwerk De gebruiker kan zelf uitgebreide informatie opvragen over de kunstenaar, periode, kunststroming en gerelateerde kunst uit de collectie. • • • • • •
Kunstwerk Kunstenaar Periode Stroming Gerelateerde kunstwerken (uit de digitale collectie) Gerelateerde kunstenaars
stappen 1. inventariseer en analyseer de verplichte onderdelen (p 3 en 4) en bronnen (p 5.) 2. bedenk een idee of concept 3. selecteer definitieve content en functies; 4. groepeer gelijksoortige informatie en functies tot rubrieken 5. breng rangorde aan binnen je rubrieken 6. verfijn in sub-rubrieken, sub-sub rubrieken enzovoorts 7. geef rubrieken een naam of label 8. maak een pagina-indeling voor de belangrijkste schermen. 9. maak een navigatie en classificatieschema's; 10. maak metadata labels, description, titel en url voor de pagina's; 11. documenteer bovenstaande stappen in rapport;
Volgende pagina: bronnen en beoordeling
HvA CMD V1 • december 2012 • Informatie Architectuur • Herkansing Eindopdracht • Stedelijk Museum
pagina 4
bronnen • site maps, wireframes, software en stencils http://intra.iam.hva.nl/content/1213/verdieping1/informatie_architectuur//lesprogramma/ • voorbeeld site map http://intra.iam.hva.nl/content/1213/verdieping1/informatie_architectuur//lesprogramma/garrett_ia_quickref.pdf http://intra.iam.hva.nl/content/1213/verdieping1/informatie_architectuur//lesprogramma/IAV1_voorbeeld_sitemap.pdf • voorbeeld wireframe http://intra.iam.hva.nl/content/1213/verdieping1/informatie_architectuur//lesprogramma/wireframing_voorbeeld.pdf • lege content matrix http://intra.iam.hva.nl/content/1213/verdieping1/informatie_architectuur//lesprogramma/contentmatrix-2012.xls • stedelijk museum http://www.stedelijk.nl/ http://www.stedelijk.nl/educatie/visie • de digitale collectie van het stedelijk museum http://stedelijk.nl/collectie/collectie-online • stromingen in de moderne kunst http://www.dekunsten.net/algemeen.html
beoordeling beoordeling: verzorging rapport Het rapport en de bijlagen zijn voorzien van omslag, voorblad, inhoudsopgave, paginacijfers en je naam, datum, studentenummer en groep. Op wireframes moeten alle contentsoorten duidelijk zijn aangegeven. De labels voor verschillende navigatiesoorten moeten zichtbaar zijn. Verder moet de verhouding tussen elementen onderling kloppen. Uitleg en opmerkingen moet je als notitie toevoegen. Wireframes zijn greyscale. Wireframes en site maps moeten voorzien zijn van: een complete legenda van de gebruikte tekens en symbolen; voor- en achternaam (en), groep, projectnaam, datum, versienummer te beginnen bij 0.1. Site Maps zijn zwart-wit. Op de site map moeten de rubrieken, subrubrieken en content pagina's goed zijn aangegeven. Ook de onderlinge relaties tussen verschillende (sub)rubrieken moet duidelijk zijn.
beoordeling: professionele rapportage Je hebt de opdracht volledig uitgevoerd, en levert professionele documentatie op.
beoordeling: proces Je aanpak toont dat je de gereedschappen van de informatie architectuur kunt toepassen; en weet welke stappen je moet volgen;
beoordeling: inzicht, creativiteit, ontwerphouding Uit je concept en verantwoording blijkt dat je de kennis kunt toepassen in een praktijksituatie, en zelfstandig tot oplossingen komt.
beoordeling: extra punten Originaliteit. Creativiteit. Professionaliteit. Je krijgt een hogere beoordeling met concept, functies en content die een duidelijke meerwaarde leveren voor de gebruiker.
HvA CMD V1 • december 2012 • Informatie Architectuur • Herkansing Eindopdracht • Stedelijk Museum
pagina 5
