BIGGER, BETTER, FASTER 6 September - 17 september 2010 Utrecht Schl f Art and Technlgy Jaar 1 GDD, GAR en IAD Design & Research 1 Crné van Delft Art 1 Dimme van der Hut Develpment 1 Crné van Delft Dimme van der Hut Prject Prtfli 2 Vrige week heb je in krte tijd een nline prtfli uit de grnd gestampt. De kmende twee weken de je dit pnieuw: Prtfli 2 wrdt een uitgebreide, verbeterde versie van Prtfli 1. Bij het ntwerpen drlp je wederm alle fases uit het design thinking ntwerpprces. Waar Prtfli 1 vral was gericht p het presenteren van ju als persn, is Prtfli 2 meer naar buiten gericht en dient het als archief en etalage van het werk dat je dit jaar en de kmende jaren zult maken. Vraag je dus af: vr wie maak ik dit? Welke taal met ik spreken, zwel in wrden als in beelden, m die delgrep te bereiken? Ok met je ged nadenken ver de structuur waarin je je werk de kmende maanden wilt bewaren en presenteren. Op datum, p thema, p materiaal p mdule? Plemp je gewn wat screenshts neer, f bedenk je een lay-ut waarin je werk met glans wrdt gepresenteerd? Je hebt twee weken m een nieuw en verbeterd nline prtfli te maken. Je upladt je site p je eigen HKU-serverruimte. Bij het buwen pas je de technieken en kennis te zals je die leert Art en Develpment. Ok bij Prtfli 2 is de manier waarp je tt een bepaald resultaat bent gekmen even belangrijk als het resultaat zelf. USAT1-10/11 Prject Prtfli 2 pag. 1
Eisen en randvrwaarden Je nieuwe prtfli geeft inzicht in je werk. Daarnaast maak je inzichtelijk he je werk tt stand is gekmen en he je je leerprces ervaart. Krtm: al het werk en pdrachten die je dit jaar maakt plaats je in je prtfli. Dat geldt vr affe prducten, presentaties en verslagen etc, maar k tussenresultaten en je persnlijke ervaringen. Je prtfli is tegankelijk en bruikbaar vr dit del vr alle dcenten en medestudenten van USAT. Prtfli 1 eisen Vr prtfli 2 gelden aanvullende eisen en randvrwaarden bvenp de vrwaarden van prtfli 1. Je bewaart een ngewijzigde kpie van prtfli 1 en maakt een link naar dit prtfli in je nieuwe prtfli 2 Lgbek Je hudt gedurende het hele jaar, wekelijks een lgbek bij met je activiteiten en ervaringen Inhud Je prtfli geeft inzicht in je werk: je plaatst alle schlpdrachten in je prtfli je plaatst extra/buitenschls werk dat je wilt delen in je prtfli Je maakt 2 evaluaties van de prtfli s van medestudenten en plaatst deze p je prtfli Je richt je prtfli (technisch) z in dat je zelf makkelijk wijzigingen en tevegingen aan je prtfli kunt aanbrengen Delgrep Dcenten USAT Medestudenten Eventueel derden Structuur en tegangkelijkheid Om je nieuwe prtfli tegankelijk te maken en te huden vr de bezekers is het belangrijk dat je een heldere en duidelijke structuur vr je website maakt, vr je begint met buwen. Verplichte navigatiestructuur/sitemap (zie verderp) Wireframes van verschillende type pagina s Handig menu vr navigatie dr je site In nderstaand schema is de verplichte structuur vr je HKU werk p je prtfli site pgenmen. Vr de verige delen van je site ben je vrij in de invulling. USAT1-10/11 Prject Prtfli 2 pag. 2
Hmepage bevat minimaal: ft naam studierichting/klas lijstje met laatste wijzigingen (incl links) CV/Bi Design & Research 1 Lgbek USAT- HKU werk Mdules ART 1 DEVelpment 1 Prtfli 1 dcument dcument dcument Eigen werk Leuke dingen. Prjecten Prtfli 2 Prject ART Prject DEV Prtfli 3 dcument dcument.... ISA werk Overig Seminars Midterm presentatie 1 Verplichte structuur prtfli site Veel dcumenten kun je p verschillende manieren pbergen, mdat ze bij verschillende nderdelen hren. Een vrbeeld van z n dcument is je persna beschrijving. Deze heb je in pdracht van Lies van Ressel gemaakt vr het nderdeel Research bij de mdule Design & Research. Op de pagina van D&R1 maak je dus een link naar dat dcument. Maar dit dcument hrt k bij het prject Prtfli 2. Ok p die pagina maak je dus een link naar dat dcument. Als je wilt kun je k vanuit je lgbek naar de persna beschrijving linken. Dit srt dcumenten zijn dus p (minimaal) twee manieren terug te vinden: via het mdule/nderdeel waar ze bij hren én via het prject waar ze bij hren. Andere dcumenten hren niet specifiek bij een prject, maar alleen maar bij een mdule/nderdeel. Bijvrbeeld de pdrachten die je van Jhn Macc krijgt. Deze link je dus via de mdule pagina (en eventueel vanuit je lgbek) Pagina indeling: kpjes per mdule nderdeel Om de verschillende pdrachten terug te kunnen vinden is het ndig m de lijst met pdrachten p de pagina s van de mdules duidelijk te rganiseren. Op de mdulepagina maak je vier kpjes. Een vr elk nderdeel. Onder deze kpjes plaats je de verschillende pdrachten. Op de prjectpagina s plaats je alle dcumenten die bij het prject hren. Srteer ze p (inlever) datum. Design & Research 1 Tls fr Thinking Actin Design Principles USAT1-10/11 Prject Prtfli 2 pag. 3
Art 1 Research Zelfmanagement & Cmmunicatie Thinking f Art Tekenen Digital Art 2D Digital Art 3D Develpment 1 Web Develpment Interactive Develpment Methds f Develpment Naamgeving en metadata Om snel te kunnen zien m welke pdracht/dcument het gaat is het belangrijk dat je de dcumenten van duidelijke titels vrziet. Verder kun je ng wat metadata tevegen, dat is infrmatie ver de pdracht. Verplichte metadata: Titel (waaruit duidelijk blijkt welke pdracht het is) Datum Versie Mdule/nderdeel Dcent die pdracht gegeven heeft Evt prject waar het bij hrt Een vrbeeld van z n link zu er z kunnen uitzien Persna s bezekers prtfli site (v 1.0) D&R/Research 15 sept 2008 Lies van Ressel prject: Prtfli 2 Wireframes prtfli site (v 2.0) D&R/Tls fr Thinking 15 sept 2008 Crné van Delft prject: Prtfli 2 Mindmap game, individueel (v 1) Methds f develpment 23 nv 2008 Niels Keetels Je kunt als je wilt vr de mdules en nderdelen de vlgende afkrtingen gebruiken (maar geen andere afkrtingen, anders vluit schrijven!) Design & Research 1 D&R Tls fr Thinking T4T Actin Design Principles ADP Research RES Zelfmanagement & Cmmunicatie Z&M Art 1 ART Thinking f Art TOA Tekenen TKN Digital Art 2D DA2D Digital Art 3D DA3D Develpment 1 DEV Web Develpment WDV USAT1-10/11 Prject Prtfli 2 pag. 4
Interactive Develpment IDV Methds f Develpment MOD Tip: gebruik abslute links naar de bestanden (beginnen met /~lginnaam/.) zdat je het hele stukje met link en beschrijving naar andere pagina s kunt kpiëren znder de link te veranderen! Menu/navigatie Denk na ver de navigatie en maak een handig menu vr je site. Je kunt er z vr zrgen dat de navigatie vr de bezeker handig is en er geen lege tussenpagina s ndig zijn. Je hudt dus wel de structuur aan zals hierbven geschetst, maar dat betekent niet dat elk blkje k perse een aparte pagina met zijn. Verzin een list! Prces, planning en deadlines Vrige week is het prces van design thinkink (Brwn 2008, Simn 1969) geïntrduceerd: Define, Research, Ideate, Prttype Chse, Implement, Learn Tijdens de kmende twee weken drlp je dit prces ngmaals, waarbij je iets meer tijd kunt nemen vr de verschillende fasen. Deadlines en Pstmrtem Prtfli nline: dnderdag 16 september 13:00 uur Evaluaties van 2 prtfli s van medestudenten: dnderdag 16 september 18:00 uur Pstmrtem: vrijdag 17 september Week 2, 6-10 september Je begint met terugkijken naar de laatste fase van Prtfli 1: learn. Wat ging er vrige week ged, wat ging er minder ged? Welke cnclusies trek je hieruit vr Prtfli 2? Vr de fases define en research van Prtfli 2 riënteer je je p een nieuwe delgrep: vr wie maak je je prtfli? Wat zijn dat vr mensen, wat wil je ze vertellen, he kun je ze bereiken? He zrg je ervr dat ze ju snappen, dus dat je bdschap ged verkmt? (Preece et al. 2007, Rsenfeld and Mrville 2006) Je bekijkt k wat er ndig is m een prtfli te maken dat een tijdje meekan, zdat je het de kmende jaren kunt gaan vullen met materiaal dat je binnen en buiten schl prduceert. Al deze infrmatie gebruik je in de fase ideate m een meerdere vrstellen te den vr de vernieuwde prtfli: navigatiestructuren (sitemap, flwchart), layuts, vrmgeving. Prbeer met vrstellen te kmen die nderling vldende variëren, en maak een aantal prttypes van deze vrstellen. Research: beschrijf je delgrep(en) als persna (Saffer 2007) Stel een lijst met need/requirements p Breng de infrmatie die in je prtfli met kmen in kaart Breng de INHOUD in kaart Verzin een STRUCTUUR: sitemap Ontwerp het mgelijk GEDRAG en de VERSCHIJNING: maak nieuwe wireframes. Deze wireframes meten gemaakt wrden vlgens de richtlijnen van Saffer (Saffer 2007) USAT1-10/11 Prject Prtfli 2 pag. 5
Je maakt minimaal 4 wireframes: 2 verschillende vr de hmepage en 2 verschillende vr een vervlgpagina. Week 3, 13-17 september Je neemt ng maximaal één f dag vr het uitwerken en testen van je prttypes, zdat je in de fase chse een beargumenteerde keuze kunt maken. Uiterlijk p dinsdag 17 september begin je met het implementeren (buwen in html) van het ntwerp. Dnderdagmiddag berdeel je het prtfli van twee medestudenten (de studenten die direct nder ju p de namenlijst staan). Je berdeelt het prtfli aan de hand van de Inhud, Structuur, Gedrag en de Vrmgeving Deze berdeling plaats je met links naar de andere prtfli s p je eigen prtfli. Lcatie: USAT- HKU-werk/Design&Research 1/Tls fr Thinking én USAT-HKU-werk/prjecten/prtfli 2 Vrijdag 17 september is de Pstmrtem. We kijken gezamenlijk terug p het prtfli 2 prject aan de hand van presentaties van studenten. Enkele studenten zal gevraagd wrden m zijn/haar prtfli te presenteren vr de grep, enkele andere studenten presenteren hun evaluaties en tips van het prtfli van medestudenten. Bibligrafie Brwn, Tim, (2008). Design Thinking. Harvard Business Review 6: 84-92. (must read) Saffer, Dan (2007). Designing fr interactin. Indianaplis: New Riders Publishing: 96-100; 109-113. (must read) Preece, Jenny, Rgers, Yvnne and Sharp, Helen. (2007). Interactin Design: Beynd Human- Cmputer Interactin. Hbken: Jhn Wiley & Sns. Rsenfeld, Luis and Mrville, Peter (2006). Infrmatin Architecture fr the Wrld Wide Web 3rd ed. Sebastpl: O Reilly. Simn, Herbert (1969). The Sciences f the Artificial. Cambridge: MIT Press. USAT1-10/11 Prject Prtfli 2 pag. 6