Kunst 2013: Tablet first Projectperiode 4 – MG1 Mediadeveloper
Inleiding De heropening van het Rijksmuseum heeft uiteraard veel media-aandacht opgeleverd. Op het web is er voor een frisse benadering gekozen. Content first: Naast de hoognodige informatie over het museum en het plannen van een bezoek, kan je vooral de kunst ‘opsnuiven’. Hierbij is de maker van de website uitgegaan van het begrip ‘tablet first’, waarbij tijdens de ontwikkeling steeds de tablet als uitgangspunt genomen wordt. Lees eerst het volgende artikel over de makers van de website van het Rijks als start van je onderzoek: http://www.fabrique.nl/case/rijksmuseum/ Zie lees hoofdstuk uit de volgende presentatie (pijltje naar beneden) voor een paar praktische voorbeelden: http://vasilis.nl/presentaties/mca/new-defaults/presentatie/#/7
De opdracht Een museum heeft aan jou de opdracht gegeven om een subsite te maken voor een nieuwe tentoonstelling over een kunststroming/kunstenaar [zie lootje]. Het doel van de subsite is het informeren en amuseren van bezoekers. De subsite komt onder de link ‘tentoonstellingen’ of ‘exhibitions’. Als je een buitenlands museum hebt, zorg je dat de teksten in het Engels zijn. Heb je een Nederlands museum dan zijn je teksten Nederlands.
Eisen Dit project voer je in de volgende stappen uit: • • •
Bouw de functionaliteit (het gaat om de inhoud) Pas de gewenste layout en typgrafie toe Geef het geheel een likje verf (kleur en visueel ontwerp)
Techniek en functionaliteit De front-end van de website is geschreven in html 5 en moet goed renderen op de moderne webkit browsers (Chrome, Safari, Opera). De website wordt gemaakt met php en mysql, waarbij een logische structuur in de bestanden wordt aangehouden. Hiervoor kan bijvoorbeeld de php boilerplate worden gebruikt. Gebruik aparte bestanden voor: • De configuratie • Verzameling van functies • Database connectie • Alle SQL-queries • paginaonderdelen, zoals head, header, footer etc. De front-end werkt (enigszins) ‘responsive’ voor twee schermresoluties naar keuze. De student kiest een laptopscherm en een tablet naar keuze. Voor de tablet wordt de staande positie gebruikt. Moscow prioriteitenlijst De website en alle voorafgaande sprints worden opgeleverd op de ma-cloud. Maak een duidelijke link vanaf de rootmap. Bewaar je sprints! De eisen voor de functionaliteit staan in een zgn. Moscow prioriteitenlijst. Zie http://nl.wikipedia.org/wiki/MoSCoW-methode . De functionaltiteiten zijn verder beschreven vanuit de gebruiker. Dit noemen we user stories of gebruikersscenario’s.
Must (dit moet erin) De bezoeker krijgt (ongeacht op welke pagina hij binnenkomt) een melding dat het om een studieopdracht gaat en dat het museum en de kunstenaar niet hebben meegewerkt aan het project. Deze melding moet de gebruiker wegklikken om de site te bekijken. Gebruik hiervoor een html element, dat ook verschijnt als javascript uitstaat. Geen javascript popup dus. De bezoeker kan fullscreen zoveel mogelijk (minimaal 30) kunstwerken bekijken van de betreffende kunstenaar. Als het beeld een te lage resolutie heeft, vergroot je deze zelf uit in Photoshop. Als je te weinig materiaal hebt, kies je dummy-materiaal van een vergelijkbare kunstenaar. Zorg er wel voor dat je dit aangeeft bij de informatie. De bezoeker kan bladeren door de werken, waarbij de werken fullscreen te zien blijven.
De bezoeker kan de website goed bekijken op zijn tablet (in verticale stand) en op zijn laptop / pc. De website reageert hiervoor ‘responsive’. Hiervoor is de tablet als uitgangspunt genomen. De bezoeker kan zoeken in de kunstwerken op verschillende manieren. Minimaal op: • Titel en beschrijving • Tags • Kleuren De bezoeker kan informatie over het kunstwerk lezen en deze verbergen als hij het hele werk wil bekijken. De bezoeker kan de navigatie van de hoofdwebsite (van het museum) benaderen in de footer of in een uitklapmenu, zoals op de website van het Rijksmuseum. De bezoeker kan op een aparte pagina informatie (tekst, beeld en video) vinden over de kunstenaar. Voor meer informatie wordt er verwezen naar minimaal 5 andere websites. Should (zou erin moeten, maar de website kan ook zonder) Drie zelf bedachte functionaltieiten, beschreven vanuit de gebruiker. Hiervan is er minimaal 1, waarbij de bezoeker een persoonlijke toevoeging kan doen. Denk aan: • Upload van eigen kunstwerken • Favorietenlijst • Comments bij de werken Verder voeg je bij minimaal 1 van de gekozen scenario’s een social media element toe. Je mag ook de onderstaande ‘coulds’ promoveren tot een should Could (kan erin komen als je genoeg tijd hebt) Per kunstwerk kan deelinformatie worden opgevraagd, zoals de namen van de geportretteerde personen. De bezoeker kan op een interactieve pagina (bijvoorbeeld een virtueel atelier) op een speelse manier informatie over de kunstenaar ‘ontdekken’. Denk bijvoorbeeld aan een ‘scrollend’ De beheerder kan alle informatie eenvoudig toevoegen doormiddel van een content management cms. Would (ga je nu niet doen, maar voor de volgende versie) N.v.t.: Tenzij je blijft zitten, komt dit project niet meer terug!
Vormgeving Ten eerste werk je de bovengenoemde functionaliteit uit in een nette layout. Houd hierbij voor ogen dat de kunstwerken full screen te bekijken zijn en de overige onderdelen zo min mogelijk opvallen. Gebruik uitschuifmenu’s voor minder belangrijke informatie, zoals de naam van het museum en de hoofdnavigatie en/of plaats deze content onderin de pagina’s. Gebruik zoveel mogelijk typografische oplossingen om de site visueel aantrekkelijk maken. Denk aan: • • •
Uppercase of underline om ‘blokvormige’ onderdelen te maken voor buttons etc. Zorg voor een nette uitlijning: Onder, boven, links of rechts van woorden of zinnen met andere onderdelen, zoals foto’s. Gebruiken een uitgesproken lettertype (anders dan arial, verdana of times). Kies vanuit je onderzoek een passend font. Gebruik technieken zoals Google font, Cufon of Typekit om de fonts op de verschillende browsers goed te tonen.
Maak de koppen en links fors, zodat ze goed te bedienen zijn op een tablet.
Plan van aanpak Het plan van aanpak is bedoeld als voorbereiding op het productieproces. Hiervoor geef je antwoorden op diverse vragen. Let op: Het gaat om een beschrijving van jouw uitgangspunten en niet om een concrete invulling. Het is een plan dat waarschijnlijk na sprint 0 (onderzoek, functioneel ontwerp en prototype) weer bijgesteld moet worden.
Analyse: Wat? Wat moet er gemaakt worden? Doormiddel van een onderzoek en eerder opgedane kennis, ga je de opdracht uitpluizen en beschrijf je wat er precies gemaakt gaat worden. Beschrijf de “probleemstelling” en welke oplossing de klant hiervoor in gedachte heeft. Beschrijf ook hoe jij zelf het “probleem” wilt aanpakken. Onderzoek het museum: o.a. doelstelling en doelgroep. Onderzoek de kunstenaar en de bijbehorende kunststroming. Analyseer de websites: wat vind je goed, waarin onderscheiden ze zich?
Hoe? Naar aanleiding van de voorgaande analyse kan je bepalen welke voorwaarden er gesteld worden aan het ontwerp: -‐ Visueel ontwerp (vb: is al gemaakt, maar moet nog worden afgestemd met …) -‐ Functioneel ontwerp (vb: benodigde informatie, gesprekken met … ) -‐ Technisch ontwerp (vb: het functioneel ontwerp moet goedgekeurd zijn)
Verder worden de technische specificaties vastgelegd: -‐ Bouw back-‐end (vb: PHP5, MySQL5) -‐ Bouw front-‐end (vb:HTML4.01 strict …) -‐ Oplevering: hosting en/of uitroltraject (vb: PHP5, MySQL5,geen safe mode …) Beschrijf (indien van toepassing) ook hoe je hier samen aan gaat werken en welke hulpmiddelen je gaat gebruiken. Denk aan: Project wiki, SVN, Git(hub), Google,SVN, Dropbox etc. Als laatste wordt het oplever-‐ en testtraject beschreven. Denk verder ook aan eventuele nazorg! (en beschrijf dit)
Wie: taakverdeling? Beschrijf wie wat gaat doen: ook eventueel uitbesteed werk. Benoem de testpersoon en de gemaakte afspraken.
Planning Vul de hierna volgende planning aan en voeg de gebruikersscenario’s toe aan de verschillende sprints. Benoem per scenario de taken en koppel hier een aantal uur aan. Plan minimaal 15 uur per week in.
Planning Voor dit project houden we een scrumplanning aan. Elke sprint rond je af met een oplevering op ma-cloud. In een map kunst/sprint0, sprint1 etc. Tip: Maak steeds een volledige kopie van je werk inclusief de database, voordat je een nieuwe sprint start. Per sprint maak je voor jezelf taken (todo list) aan n.a.v. de beschreven functionaliteiten (gebruikersscenario’s). De deadline van sprints vallen steeds midden in de laatst genoemde week, namelijk tijdens de projectbegeleidingsuren. Reken jezelf dus niet rijk en schuif je werk niet door naar het einde van de week! Sprint 0 – week 1 + 2 Dit is eigenlijk geen sprint. Je rond de volgende producten af: • •
• •
Plan van aanpak Functioneel ontwerp o Wireframes van de verschillende pagina’s o Beschrijving van de zelf bedachte gebruikersscenario’s Database-ontwerp Prototype met de globale flow en de aangepaste boilerplate
Sprint 1- week 3 + 4 Minimaal de helft van de onderdelen onder ‘must’. Kies zelf waar je mee wilt starten en rond het geheel af met de vormgeving daarop toegepast. Sprint 2 – week 5 + 6 De overgebleven onderdelen onder ‘must’. En plan de ‘shoulds’ in. Sprint 3 – week 7 + 8 De overgebleven ‘shoulds’. Zorg ervoor dat alle content in de database staat. Eventueel de ‘coulds’. Sprint 4 + Oplevering en beoordeling – week 9 Laatste, belangrijkste doorgeschoven gebruikersscenario. Zorg voor de finetunig van vormgeving en verwerk je laatste feedback uit gebruikerstests.
Testscenario Aan het eind van elke sprint ga je je product laten testen door een testpersoon. Kies deze zelf. Zorg ervoor dat je een persoon uit de doelgroep van het museum kiest. Bedenk één of meerdere testscenario’s voor de gebruikerstest. Bijvoorbeeld: -‐ Vooraf beschreven zoekactie en het gewenste resultaat -‐ Uploaden: stappen benoemen o Naam opgeven o Wachtwoord vergeten etc. Het verslag van de test bevat de volgende onderdelen: -‐ Testpersoon benoemd -‐ Data zijn benoemd -‐ Testopstelling is beschreven (hoe ga je de resultaten vastleggen) -‐ Formulier (zelfgemaakt) is door de testpersonen ingevuld. -‐ Conclusie
De onderwerpen Volgens loting heb je 1 van volgende musea toegewezen gekregen.
1. T ROPENMUSEUM -‐ M.C. E SCHER E S C H E R M E E T S I S L A M IC A R T
12 J U L I T / M 3 N O V E M B E R 2013, P A R K Z A A L Deze tentoonstelling maakt de invloed van islamitische kunst op het werk van de beroemde Nederlandse graficus M.C. Escher zichtbaar. De één op één vergelijkingen van werken uit beide kunstvormen onthullen een overeenkomstige vorm, stijl en soms thematiek. Digitale animaties en werktekeningen tonen de opvallend vergelijkbare wiskundige basis, structuur en opbouw van de werken. Bijzondere culturele ontmoeting tussen islamitische en Europese kunst Met interactieve onderdelen als digitaal tekenen en puzzelen ontdekt u hoe dit soort wiskundige kunst in elkaar zit. Ervaar zelf hoe bijzonder deze culturele ontmoeting tussen islamitische en Europese kunst is.
Pagina komt bij 'tentoonstellingen en activiteiten' SITE IN HET NEDERLANDS MAKEN
C ENTRAAL MUSEUM UTRECHT -‐ SURREALISME '
2. DE REVOLUTIE VAN HET SURREALISME IN NEDERLAND, 1930 TOT NU [WERKTITEL] 15 F E B R U A R I 2014 T / M 9 J U N I 2014 Hoe zie jij de werkelijkheid? De surrealisten ontdekten dat de werkelijkheid geen objectief, rationeel gegeven is; het gaat erom hoe je die ervaart. Het gaat om de beleving, en daarin spelen allerlei emoties, angsten, droombeelden en onderhuidse driften een grote rol. Zo transformeert de alledaagse wereld in een vreemde, unheimliche realiteit, een surrealiteit. Het surrealisme heeft nooit opgehouden te bestaan; de huidige kunst en beeldcultuur is ervan doortrokken.
Pagina komt bij 'bezoeken > tentoonstellingen SITE IN HET NEDERLANDS MAKEN
3. EYE A MSTERDAM -‐ F ELLINI Fellini -‐ The Exhibition 30 J U N I T / M 22 S E P T E M B E R 2013
Van 30 juni tot en met 22 september 2013 is in EYE 'Fellini – The Exhibition' te zien, een grote tentoonstelling over een van de gezichtsbepalende meesters van de naoorlogse Italiaanse cinema. Groot geprojecteerde filmfragmenten, foto’s, archiefstukken, brieven en affiches, onder meer uit de eigen collectie van EYE, geven inzicht in de obsessies, fantasieën en drijfveren van de man achter La strada, La dolce vita, 8 ½ en Cittá delle donne.
Pagina komt bij 'exposities' SITE IN HET NEDERLANDS MAKEN
4. FOAM -‐ S TEPHEN G ILL
S T E P H E N G IL L -‐ B E S T B E F O R E E N D 17 M E I -‐ 14 J U L I 2013 Best Before End is de eerste overzichtstentoonstelling van de Engelse fotograaf Stephen Gill (Bristol, 1971). De tentoonstelling Best Before End bevat een groot aantal series die Gill de afgelopen veertien jaar in en rondom de Londense wijk Hackney maakte, evenals recent werk dat voor het eerst in Foam getoond wordt. Alle series inBest Before End zijn een poging om te reflecteren en te reageren op verschillende aspecten van het leven in deze zich snel ontwikkelende wijk, die Gill de afgelopen jaren van micro tot macro niveau in beeld bracht.
Pagina komt bij 'foam bezoeken > kalender' SITE IN HET NEDERLANDS MAKEN
5. G RONINGER M USEUM -‐ F UCK OFF 2
FUCK OFF 2. C U R A T E D B Y A I W E IW E I , F E N G B O Y I , M A R K W IL S O N 26 MEI 2013 T/M 17 NOVEMBER 2013 De tentoonstelling FUCK OFF 2 is samengesteld door kunstenaar en activist Ai Weiwei, conservator en kunstcriticus Feng Boyi en hoofdconservator van het Groninger Museum Mark Wilson. Met werk van 37 hedendaagse Chinese kunstenaars en kunstenaarsgroepen stelt deze expositie vragen bij het maatschappelijke, juridische en politieke klimaat van het huidige China.
Pagina komt bij : ontdekken > tentoonstellingen SITE IN HET NEDERLANDS MAKEN
6. M USEON -‐ N A -‐ APEN
N A -‐ A P E N ! E E N W E R E L D V O L IM IT A T IE
27 S E P T E M B E R 2013 T O T 07 S E P T E M B E R 2014
Camouflage, schaduwen, goochelen, robots, … Het is allemaal nep. Of is het toch echt? De nieuwe thematentoonstelling Na-‐apen! neemt allerlei soorten imitaties en namaak onder de loep, zowel in de natuur, in de wereld van de technologie als bij mensen. Imitatie is een inspiratiebron voor onze eigen creativiteit! Ontdek het zelf en concurreer met robots, aap een aap na, probeer je te camoufleren tussen de zebra’s of dans met je imitatie de sterren van de hemel. Bovendien is de thematentoonstelling Na-‐apen! dé kans om je carrière als popster uit te bouwen. Klim op het podium en geef een ‘net echt’ popconcert! Toch wordt imitatie ook vaak in een negatieve context gebruikt. Hoe onderscheid je een echte van een valse diamant, echt van fake geld, of een authentieke designerhandtas van een namaakversie?
De pagina komt bij 'kijken en doen'> 'tentoonstellingen' SITE IN HET NEDERLANDS MAKEN
7.
G EMEENTE M USEUM D EN H AAG -‐ E DITH EN E GON S CHIELE
EDITH & EGON SCHIELE VERWACHT VAN 01-‐06-‐2013 T/M 06-‐10-‐2013 Het prachtige portret dat kunstenaar Egon Schiele in 1915 maakte van zijn vrouw Edith hangt in het Gemeentemuseum Den Haag. Het is zo’n bijzonder schilderij dat het museum dit jaar heeft uitgeroepen tot het jaar van Edith Schiele. Rondom Portret van Edith is nu een kinderboek gemaakt en een kindertentoonstelling samengesteld. Naast de originele illustraties van Harriët van Reek is er in de speciale kindermuseumzaal van alles te doen, te maken, te zien en te lezen. Deze tentoonstelling is dus bij uitstek geschikt om met het hele gezin te bezoeken.
De pagina komt bij 'tentoonstellingne > nu te zien' SITE IN HET NEDERLANDS MAKEN
8. T ATE M ODERN -‐ M ATISSE H E N R I M A T IS S E : T H E C U T -‐O U T S 17 A P R I L – 7 S E P T E M B E R 2014 Tate Modern’s major exhibition, Henri Matisse: The Cut-‐Outs, is the most comprehensive exhibition ever devoted to the artist’s paper cut-‐outs made between 1943 and 1954. It brings together around 120 works, many seen together for the first time, in a groundbreaking reassessment of Matisse’s colourful and innovative final works.
Deze pagina komt bij: what's on > tate modern > exhibitions SITE IN HET ENGELS MAKEN
9. G UGGENHEIM (NY) -‐ C HRISTOPHER W OOL
C H R IS T O P H E R W O O L
O C T O B E R 25, 2013–J A N U A R Y 22, 2014 At the heart of Christopher Wool’s creative project, which spans three decades of highly focused practice, is the question of how a picture can be conceived, realized, and experienced today. Engaging the complexities of painting as a medium, as well as the anxious rhythms of the urban environment and a wide range of cultural references, his agile, largely monochrome works propose an open-‐ended series of responses to this central problem. This retrospective will fill the museum’s Frank Lloyd Wright–designed rotunda and an adjacent gallery with a rich selection of paintings, photographs, and works on paper, forming the most comprehensive examination to date of Wool’s career. The exhibition is organized by Katherine Brinson, Associate Curator, and is supported by The Andy Warhol Foundation for the Visual Arts.
De pagina komt bij 'exhibitions' SITE IN HET ENGELS MAKEN
10. S MITHSONIAN -‐ M ARTIN L UTHER K ING J R .
O N E L IF E : M A R T IN L U T H E R K IN G J R . J U N E 28, 2013 -‐ J U N E 1, 2014
Under the leadership of Martin Luther King Jr. (1929-‐1968), non-‐violent protest became the defining feature of the modern civil rights movement in America. In this exhibition, trace the trajectory of King’s career, from his rise to prominence as the leader of the national civil rights movement to his work as an anti-‐war activist and advocate for those living in poverty through historic photographs, prints, paintings and memorabilia. This exhibition marks the 50th anniversary of the March on Washington for Jobs and Freedom and King’s stirring “I Have a Dream speech” and features buttons and the program from the March, original art from theTime magazine cover featuring King as Man of the Year, and Time issues covering his assassination and funeral.
De pagina komt bij 'exhibitions -‐ current' SITE IN HET ENGELS MAKEN
