Einddocument V1.2. Brand a Band Brugklas Beatz. Datum 16-4-2015 PTM 21. Projectleden Tim Frakking



Vergelijkbare documenten
Persoonlijk Ontwikkelingsplan

Blok 1 - Introductie

Individueel procesverslag

Versie 2. Opdracht deel B Inhoud. Raoul Vos Hogeschool Leiden Studentnummer:

PROJECT: ONTWIKKELOMGEVINGEN VIRTUELE TESTOMGEVINGEN

Persoonlijk ontwikkelingsplan

Evaluatie project webshop 2.0

Procesverslag. Save Energy Leiden. Dennis Wagenaar v 1.0

Feedback Project Ergonomisch Ontwerpen

Persoonlijk opleiding plan

Ik-Wijzer Ik ben wie ik ben

Individueel verslag Timo de Reus klas 4A

Ik-Wijzer Ik ben wie ik ben

Persoonlijkheidstesten

Growth & Reflection. Opleverdatum: 18 juni 2014

Social media checklist

Theorieboek. leeftijd, dezelfde hobby, of ze houden van hetzelfde. Een vriend heeft iets voor je over,

Naam: Valérie den Besten Klas: G&I A Datum: Module: Project 100% presence Begeleider: Irene van Peer Groep 11 (team 14)

Zelfreflectie Jaar 1 Marco Kleine Deters Bedrijfskundige Informatica

Documentatie WD32. Christine van Woensel M32

Namens Jelle: Je kan heel goed verslagen schrijven. En je bent altijd gemotiveerd om te werken. Ga vooral zo door.

Presentatie Tekst Top plan (talentontwikkelingsplan) Amy Kouwenberg OABCE1A

Namens Max: Tops: Tips: soms had je een beetje een houding van dat komt wel, probeer volgend project daar op te letten.

Project Interactieve multimedia

Art/Media & Me Autobiotic Selfie document

Plan van aanpak Portfolio

Verslag Creatief Denken en Pitchen

Reflectiegesprekken met kinderen

HEEMKUNDE RIPS. Project Initiatie Document. Datum voltooid: Versie: 1.0. Document ID: 1 Bestandsnaam: Project initiatie document

We zijn alweer beland in sprint 3 de een en laatste sprint van deze cel periode weer.

Inhoud. 1 Wil je wel leren? 2 Kun je wel leren? 3 Gebruik je hersenen! 4 Maak een plan! 5 Gebruik trucjes! 6 Maak fouten en stel vragen!

Persoonlijk Ontwikkelingsplan

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.

SMART- Leerdoel Mathijs de Bok Emotion - RMM42

Onderzoek naar producten en concurrentie Shop till you drop

6. Indexatie: Zijn de verschillende pagina s binnen de site geïndexeerd door Google?

[PILOT] Aan de slag met de Hoofdzaken Ster

Grafisch ontwerp. Referenties.

Connect Social Business. Plan van Aanpak voor mijn stage bij ConnectSB

STAGE VERSLAG LVB NETWORKS

Een nieuwe website speciaal op maat gemaakt

Presentatie Feedback. Door: Tim Janssen Klas: GDD1A

SLB eindverslag. Rozemarijn van Dinten HDT.1-d

Persoonlijk Ontwikkelingsplan

360 graden feedback formulieren

Zelfreflectie meetinstrument Ondernemende houding studenten Z&W

Les 3: Het maken van pagina s, het menu en het schrijven van een blogpost Pagina s

DEEL 1. WERKBOEK 5 Eigen keuze Monique van Dam YOU: De keuze is aan jou!

Persoonlijke reflectie. Project Agile Development

DOELGERICHT LEZEN EN SAMENVATTEN KWALITATIEF ONDERZOEK ENGELS GRAMMAR CREATIEF DENKEN

Ontwerp Portfoliowebsite MMIO 2016

Analytisch denken Het oplossen van problemen door vragen te ontleden in kleinere delen, verbanden leggen en logische conclusies trekken.

Culture Shock -PIM. GROEP 7 ESRA ATESCELIK STUDENT NR: JUNI 2009 Eak500@few.vu.nl. Esra Atescelik juni

Pop- formulier. Circa. 30 tot 40 minuten

10 onderdelen die niet mogen ontbreken in een online briefing

Leerdoelen en reflecties op de leerdoelen. Lisa van Ginkel

d e s i g n d o c u m e n t MELK

Wij zijn Kai & Charis van de Super Student en wij geven studenten zin in de toekomst.

Inhoudsopgave. Inleiding 3. Mijn artfiact 3. Proces 4. Mijn beoordelingsblad en presentatie 5. Autotic Selfie eindproduct (ware grootte) 6

Initiatief. Initiatief Ik heb niet vaak t initiatief genomen, omdat ik niet snel op nieuwe ideeën opkwam.

Naam: Abdurrahman AKIN St.nr: Stud.: Informatica

MINIGIDS Omschrijving van de talenten

De Budget Ster: omgaan met je schulden

HET BELANGRIJKSTE OM TE WETEN OM MEER ZELFVERTROUWEN TE KRIJGEN

21ST CENTURY SKILLS. Bewijsstukken. Kristel Pire

PIM 2013 VU. One day in Amsterdam. Martijn van der Burg MBG215

PLAN VAN AANPAK. Project conceptipedia animatie. Kimberly ten Bras Eline de Lange EKT1d

Inhoudsopgave. Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B

Ik ben Sim-kaart. Mobiel bellen groep 5-6. De Simkaart is een meisje, tikkeltje ondeugend en een echte kletsgraag. Aangeboden door

Startersservice Thomas More

PERSOONLIJK EINDVERSLAG

Ik ben Sim-kaart. Mobiel bellen groep 7-8. De Simkaart is een meisje, tikkeltje ondeugend en een echte kletsgraag. Aangeboden door

Lesbrief 14. Naar personeelszaken.

Ik weet dat het soms best wel allemaal wat ingewikkeld kan lijken.

2 Ik en autisme VOORBEELDPAGINA S

Piotr Tekien. Grafische Vormgeving Revisie portfoliostijl GAR1-B. 3 december 2014 PIOTR TEKIEN HKU GAME ART GAR-1B

Mijn ouders zijn gescheiden en nu? Een folder voor jongeren met gescheiden ouders over de OTS en de gezinsvoogd

Bedrijf: Contactpersoon: Van: Karin de Wit Design Karin de Wit. Datum:

Museumbezoek onder Studenten

Online Marketing. Door: Annika Woud ONLINE MARKETING

VMBO-ICT-Route examen 2009 Naam: Marc Schattorie Datum:

Juridische medewerker

Games & Interactie c Art, Media & Me Saskia Freeke Sonja van Vuuren Martin Lacet John Hennequin

Voorbereiding assessment

Presenteren Eindverslag. Maarten Meij Cmd1b 11 april, 2012

Handleiding Docenten/Begeleiders

Kasumi van Eijk Robin de Jong Plan van aanpak Carla kastelein MM2C

Magic hands doet Orivouwi

DESIGN THIS 2 MEREL SCHAAP CMD3C

Connect Social Business. Plan van Aanpak voor mijn stage bij ConnectSB

PROOF of CONCEPT. Technical justification + Design. Martijn Muit - Digital Publisching Semester 4

Leraar, je wist dat je het was.

ICT41. Blokart website DOCUMENTATIE. Gemaakt door. Thomas Anten & Sander van Gestel

CMD AAN PROCESVERSLAG

Transcriptie:

Einddocument V1.2 Brand a Band Brugklas Beatz Datum 16-4-2015 Opdrachtgever Brugklas Beatz PTM 21 Klas Projectgroep M21 left 2 foot Projectleden Tim Frakking Tutor Koos Driessen Robin laurenssen Daan Kuhlmann Boyi chen

management samenvatting In dit document komt alles te staan wat wij de afgelopen weken hebben gemaakt zo wordt er het merkdocument in verwerkt met de daarbij behorende onderzoekstrategie. Het zelfde geld voor de functionele ontwerp, concept en positionerings document. De gemaakte schetsen voor de website en de moodboards voor de band worden ook verwerkt in dit document maar in de bijlagen. Netzo als het PID en de evaluaties van alle groepsleden met de bijbehoren peerreviews. Contents management samenvatting... 2 Inleiding... 3 Merkdocument... 4 Positioneringsdocument... 11 Uitgewerkte schetsen van het ontwerp... 13 Stijl moodboard... 14 Functioneel ontwerp... 15 Concept brugklas beatz... 19 Testrapport... 23 URL site... 24 Bijlagen... 24 PID... 25 Peerreviews... 34 Door Tim Frakking... 34 Door Daan Kuhlmann... 38 Door Boyi Chen... 42 Door Robin... 46 Door Koos Driessen... 50 Induviduele Proftaak Evaluaties... 54 Daan Kuhlmann... 54 Tim frakking... 55 Boyi Chen... 56 Koos Driessen... 57 Robin Laurenssen... 58 2

Inleiding De aanleiding van dit project was de band brugklas beatz die naar ons toe kwam met de vraag om een website te bouwen die voldeed aan de door hun gestelde eisen. Ze kwamen naar ons toe omdat ze nog niet beschikten over een website. Maar om een goede website te bouwen die de persoonlijkheid van de band weerspiegelt was het nodig om onderzoek te doen. Hiervoor hebben we eerst een merktemplate gemaakt van de band. Daarna hebben we gekeken wat brugklas beatz nu als merk voorstelde. Dat onderzoek hebben we verwerkt in het merkdocument met daarbij het nodige advies. En toen zijn we begonnen met het maken van de website en de daarbij behorende CMS. De band brugklas beatz bestaat uit 5 leden die allemaal studeren aan de rock academy in Tilburg. De band is een halfjaar geleden opgericht en is een coverband van guilty pleasure songs uit de jaren 90 en begin 2000.Dit project is door 5 groepsleden gemaakt, waarvan de namen zijn te vinden op het voorblad van dit document. 3

Merkdocument Inleiding Brugklas beatz is een band die bestaat uit 5 studenten die momenteel studeren aan de rockacademie in Tilburg. Deze band is een coverband die gericht is op het coveren van jaren 90 en begin 2000 guilty pleasure songs. De band is een half jaar oud en heeft momenteel alleen maar een Facebook pagina. Ze willen uitstralen dat ze veel plezier hebben met het maken van de muziek en daarom posten ze regelmatig filmpjes op hun Facebook pagina. Hun doel is om naamsbekendheid te verwerven. Dit kan gebeuren door middel van de website die wij gaan maken voor de band. Maar hiervoor moeten we eerst weten waar de band voor staat. Dit wordt in dit document uitgelegd. 4

Kernassociaties De kernassociaties die horen bij brugklas beatz zijn fris, jong, muzikaal, highschool en de nineties. Dit komt doordat ze een band zijn die bestaat uit jonge mensen en zich ook kleden als jongeren uit de jaren 90. Daarnaast komt het nineties gevoel naar voren uit de nummers die ze als groep coveren want dat zijn guilty pleasure songs uit de jaren 90. Merkconcept Brugklas Beatz is momenteel nog een jonge band, maar wat hun anders maakt dan alle andere coverband s is dat zij zich focussen op het coveren van guilty pleausure songs uit de jaren 90. Ze proberen zich zelf ook te verkopen tijdens optredens als een frisse jonge band die veel plezier heeft tijdens het spelen van de nummers en dat gevoel proberen ze ook over te laten komen op het publiek. Merkvissie Brugklas beatz staat voor een jonge en frisse band die veel plezier hebben tijdens hun optredens waarbij ze jaren 90 guilty pleasure song coveren. Merkmissie Brugklas beatz bestaat momenteel pas een half jaar en ze hebben niet veel naamsbekendheid en hun meeste optredens vinden plaats in Tilburg. Hun doel is om binnen een paar jaar bekend te zijn door heel Nederland als een nineties guilty pleasure coverband. Merkwaarden Brugklas beatz staat als merk voor een band die het publiek een ervaring meegeeft nadat die een optreden van Brugklas Beatz bezocht hebben. Ze brengen het plezier en een nineties vibe over aan iedereen die een van hun optredens heeft bezocht. Merkpersoonlijkheid Brugklas beatz heeft als merkpersoonlijkheid jong, plezier en energie. Dit komt omdat het een jonge band die veel plezier heeft tijdens hun repetities en optredens. Energie komt vooral terug tijdens hun optredens en daarvoor is het publiek ook vatbaar. Merkgevoelens De gevoelens die Brugklas Beatz horen zijn: passie voor muziek, energiek, plezier en Jong. 5

Merkstijl De merkstijl van brugklas is gebaseerd op de stijl van de jaren 90. Dit houdt dus in dat ze zich kleden in de kleren die er in die tijd werden gedragen. Wij proberen de jaren 90 ook terug te laten komen (zie figuur 1).In figuur 1 kun je ongeveer zien welke kleuren en stijl wij gaan gebruiken voor de website en logo. Daarbij hebben we de keuzen gemaakt om een font te kiezen die echt bij die tijd past en toen kwamen we uit op TravelingTypewriter. Figuur 1:moodboard robin 6

Doelgroep De doelgroep waarop Brugklas Beatz zich op richt als band zijn leeftijdsgenoten. Dit betekend dat de meeste in hun doelgroep studenten en jong volwassen zijn tussen de 20 en 30 jaar. Deze studenten en jong volwassen hebben in hun vrije tijd vaak een bijbaan of een baan, daarnaast gaan ze met vrienden op stap in het weekend. Ze vinden het niet erg om hun geld te spenderen aan kleren of concerten. Vaak zijn ze actief op social media en dat gebeurt doormiddel van hun mobile devices. Zie figuur 2. Figuur 2: Gemiddelde student met een mobiel 7

Huidige Communicatieactiviteiten Momenteel beschikt de band alleen over een Facebook account. Hier op komen soms meldingen te staan over opkomende optredens. Bovendien posten ze soms repetities filmpjes waarop je kunt zien dat ze veel plezier hebben. Ze kunnen dit ook naar natuurlijk overbrengen naar zaken zoals YouTube, Twitter en Instagram. Dit zorgt ervoor dat je sneller vindbaar bent en een grotere doelgroep bereikt als band. Zo verwerf je meer naamsbekendheid. Zie figuur 3. Figuur 3: social media Huistijl Zoals in de concurrentie analyse te zien is, bestaan er al 90's coverbands met die typische groen/geel/paarse kleuren op hun site. Om Brugklas Beatz toch wat unieker neer te zetten t.o.v. hun concurrenten leek het ons verstandig om de huisstijl en lay-out van de website wat anders te doen. Met de naam Brugklas Beatz refereert de band naar de brugklas periode uit het leven van mensen. Daarom gingen wij al snel kijken naar een huisstijl die bij die naam past. 8

Website lay-out Al vrij snel kwamen we bij het idee uit van een schooltafel als achtergrond voor de website, een onder gekalkte schooltafel. Als we alleen een houten oppervlakte van een oude schooltafel hadden gebruikt zou je niet meteen zeggen dat het om een schooltafel blad zou gaan, het zou dan ook een normale tafel kunnen zijn. Dus dit is hem uiteindelijk geworden, door de naam van de band eraan toe te voegen hebben we hem wat unieker gemaakt. We vonden het belangrijk dat deze mooie achtergrond goed zichtbaar zou blijven op alle onderdelen van de site, daarom hebben we meerdere doorzichtige opacity elementen gebruikt. Met zo'n achtergrond is het ook belangrijk om goed te kijken naar de typografie die je wilt gebruiken, omdat het wel in diezelfde schoolstijl moet blijven. Als je dit niet zou doen kan het allemaal wat rommelig overkomen. typografie Het lettertype dat wij gaan gebruiken voor de website is: Traveling typewriter. De reden daarvoor is dat het een nineties feel heeft maar tegelijk ook nog leesbaar is wanneer het gebruikt wordt voor langere teksten. Voor het menu zijn we van plan een ander font te gebruikenm, namelijk Permanentmarker. Dit is gedaan omdat we als achtergrond een schooltafel hebben gebruikt en met dit font lijkt het net of het menu erop is geschreven met een markeer stift en dit ziet er gaaf uit. 9

Kleurgebruik Door het schooltafel idee hebben wij onszelf een beetje gelimiteerd in mogelijk kleurgebruik voor de huisstijl. Als we met deze achtergrond ook nog allerlei paars/groene elementen in de site hadden verwerkt dan zou het lelijk en druk worden. We hebben het wel geprobeerd maar als feedback van de band kregen wij ook te horen dat het belangrijk was om ons te focussen op juist dit originele idee en er niet ook nog een neon kleurenfeest bij te doen. Daarom zijn er weinig kleuren gebruikt en bestaat de lay-out vooral uit de kleuren wit, zwart en bruin. Om toch nog een beetje die leuke 90's kleuren te gebruiken hebben wij het nieuwe logo wel met felle kleuren gedaan. Onderzoeksstrategie: Hier hebben wij de bieb onderzoeksstrategie toegepast. 10

Positioneringsdocument Wij zijn op google gaan kijken naar andere jaren 90 coverbands. Het aantal resultaten viel ons behoorlijk tegen, wij hadden verwacht dat er meer soortgelijke bandjes waren. Voor Brugklas Beatz is dit natuurlijk een goed teken, want dan is er niet zo veel concurrentie. De eerste website die we tegenkwamen van een soortgelijke band was http://www.ninedeeeznite.com/ Het logo is goed gemaakt en imiteert daarmee die typerende jaren 90 show logo s (saved by the bell in dit geval). Qua lay out is de site wel een beetje gedateerd. De home pagina is goed gevuld maar als je op een van de menu knoppen klikt dan ziet het er allemaal wat klein en saai uit. De zwarte achtergrond past bij hun coverband ook een stuk beter dan bij Brugklas beatz omdat ze zich meer richten op rock. De tweede site en coverband die we gevonden hebben is van http://www.sugarspicemusic.nl/. Deze website maakt gebruik van een grote full page achtergrond die op elke pagina terug komt. Er worden dan divs met een opacity overheen gezet die de juiste content bevatten. 11

Het is wel leuk hoe ze de bandleden voorstellen aan bezoekers, er staan ook leuke originele teksten bij. Dat zouden wij ook kunnen doen maar wij hebben niet genoeg kennis van de bandleden en ze komen voor ons ook iets serieuzer over. Het is dan wat lastiger om de bandleden individueel grappig en goed neer te zetten. Het komt allemaal wel wat druk over, niet echt fijn om naar te kijken. http://buurtjongens.nl/ Buurtjongens hebben een mooie professionele site, maar qua stijl past die helemaal niet bij een 90 s coverband. De site zegt niks over de band en zou beter passen bij een hippe sushi tent ofzo. Er zit wel goede javascript in de site verwerkt en hij is daarbij perfect responsive. De coverband sugerspice heeft een site die het meest in de buurt komt bij het imago dat Bruklas Beatz heeft. Het geeft een kleurrijk, blij jaren 90 gevoel zonder te kinderachtig over te komen. 12

Uitgewerkte schetsen van het ontwerp Onderzoeksstrategie: Hier hebben wij de bieb onderzoeksstrategie toegepast. 13

Stijl moodboard Onderzoeksstrategie: Hier hebben wij de bieb onderzoeksstrategie toegepast. 14

Functioneel ontwerp Inleiding In het functioneel document wordt er uitgelegd wat het doel is van de website die wordt gebouwd voor Brugklas Beatz. Hierin staan beschreven: - De doelgroepen - Site map met functionaliteit per pagina - Stijl analyse 15

Doel De website die wij maken is voor de nineties coverband Brugklas Beatz. Ze hebben laten weten dat ze de website willen gaan gebruiken om meer naamsbekendheid te verwerven. Internet wordt met de dag belangrijker en daarom is belangrijk dat je als band met de tijd mee gaat en over een goed website beschikt. Daarom is er ook de keuze gemaakt om de website perfect responsive te maken, hierdoor is de site ook op mobiele apparaten zoals smartphone en tablets goed weer te geven. Dit zorgt ervoor dat de website bestand is tegen de toekomst waar mobiele apparaten een steeds belangrijkere rol spelen. De bandleden moeten ook op een simpele manier pagina s kunnen toevoegen en aanpassen, dit gaat gebeuren doormiddel van een op maat gemaakte CMS. Hierin kunnen ze op een gemakkelijk wijze plaatjes en videos toevoegen of bepaalde content verwijderen. Doelgroep De band wil uitstralen dat ze een jonge en frisse coverband zijn die nummers spelen uit de jaren 90 en begin 2000, vooral de guilty pleasures uit die tijd. Verder laten ze momenteel op Facebook zien dat ze veel plezier hebben in de band door regelmatig filmpjes te uploaden van hun repetities terwijl ze gekke dingen doen. Ze zijn dan ook vooral gericht op studenten en leeftijdsgenoten. Deze jong volwassen hebben in hun vrije tijd vaak een bijbaan en gaan ze in het weekend graag stappen met hun vrienden. Ze vinden het niet erg om hun geld te besteden aan bier, kroegavonden of festivals. Figuur 5: typische student 16

Sitemap Home Media Biografie Contact Muziek Videos Fotogalerij Functionaliteit per pagina Home is de eerste pagina waarop je beland wanneer je de website bezoekt en is daarmee dus ook de landing page. o Als je contact wil met de band dan kan dit doormiddel van een form op de contact pagina. o Als je meer wilt weten over de band dan kun je terecht op de biografie pagina. o De media pagina bevat drie elementen die doorverwijzen naar de bijbehorende media pagina's: De muziek die de bandleden coveren kun je op deze pagina afspelen doormiddel van een media player. Video van de band kun je terug vinden op de video pagina. Op de fotogalerij pagina is een galerij aanwezig met daarin foto s van de band. 17

Stijl analyse Brugklas beatz is een jaren 90 coverband, dit houdt in dat hun muziek en stijl gebaseerd is op de stijl die in die tijd populair was. Dit is ook terug te zien tijdens de optredens van de band; ze zijn dan gekleed in de stijl van de jaren 90 en zelfs hun haren doen je aan die tijd denken. De stijl die BB nu gebruikt en ook terug komt in hun logo is het gebruik van de felle kleuren die in die tijd veel gebruikt werden. Verder hebben ze ook een gebruik gemaakt van een font die vaak in die tijd gebruikt werd. Wij hebben geprobeerd om in het nieuwe logo dat wij gemaakt hebben de jaren 90 feel terug te laten komen en er tegelijk een moderne draai aan te geven zoals je kunt zien in figuur 6. Figuur 6:Nieuwe logo Onderzoeksstrategie: Hier hebben wij de veld onderzoeksstrategie toegepast. 18

Concept brugklas beatz De opdracht De opdracht die we hebben is brand a band. We moeten voor een band van de Rockacademy in Tilburg een website maken en daaromheen ook nog wat andere producten. Hierin moet een goede huisstijl zitten. We zijn begonnen met een merktemplate maken voor de band. De naam van de band is brugklas beatz. Zij maken covermuziek van de late jaren negentig en begin 2000. Merktemplate 90s kleding Instrumenten spelen gestructureerd Opvallen, Anders zijn Veel lol Liefde muziekgenre enthousiasme Gemotiveerd Doelgericht Professionaliteit 90s muziek De naam van de band is Brugklas Beatz en vanwege het woord brugklas kwamen er ook al wat conceptideeën in ons op. 19

De uitstraling moet het jaren 90-gevoel oproepen maar mag daarbij niet te kinderlijk worden. Iedereen krijgt een bepaald gevoel bij de naam van de band Brugklas Beatz. De meeste mensen ongeacht hun leeftijd - zullen terugdenken aan de periode waarin zij in de brugklas zaten. Hierbij komt iedereen vanzelf een keer bij de tafels in het lokaal uit, bij de ene zaten deze van onderen vol met kauwgom en bij de ander waren de mooiste tekeningen en teksten hierop terug te vinden. Voor de rest moet naast het overduidelijke stijlelement plaats zijn voor duidelijke content. Concept Ons idee is om het gevoel van de tafels op school en andere echte jaren 90 elementen terug te laten komen in de uitstraling van de band. Als we kijken naar de feedback op de moodboards en op de eerste schetsen, kunnen we een goede mix kunnen maken van de elementen die jullie goed vonden. Schooltafel met attributen en dingen gekrabbeld in het tafeltje. Oude Nokia bij bijvoorbeeld de contactpagina. Cassettebandje op de media-pagina. Polariod voor fotomedia. VCR voor videomedia. Nieuw logo, die meer past bij onze stijl. Half transparante leesvelden, zodat de belangrijke content goed leesbaar is. Omdat het ook belangrijk is voor jullie dat (bijvoorbeeld) de website overzichtelijk is denken wij dat het een goed idee is om de belangrijke inhoud wat los te houden van alle stijlelementen, hierdoor is voor de gebruiker duidelijker welke inhoud misschien wel belangrijk kan zijn voor hem of haar. We combineren dus de naam van de band met wat iconische spullen van de jaren 90. In het nieuwe logo vind je ook de sterke kleuren van de 90s terug. Onze site moet gezien worden als een tafel, die vol wordt gegooid met 90s spullen. Wij maken hierbij gebruik van de alom bekende nokia 3310, polaroid foto s, vcr s, en cassette s. Om duidelijk te maken dat het hier om een band gaat, is er genoeg content toegevoegd. 20

Uitwerking Site 21

Flyer Ondezoeksstrategie: Hier hebben wij de bieb onderzoeksstrategie toegepast. 22

Testrapport De site werkt op alle browsers goed, is goed responsive en toont geen bugs. We hebben de code ook door een html validator gedaan en daaruit zijn een paar fouten gekomen. Het gaat om de volgende fouten: 103 #casette Value Error : margin attempt to find a semi-colon before the property name. a 126.content Value Error : float center is not a float value : center 165 #gallerycont Value Error : background-color none is not a background-color value : none 172 #contact_form Value Error : float center is not a float value : center Dit waren allemaal slordigsheids foutjes en die hebben wij weggehaald, toen zaten er geen errors meer in de code. 23

URL site Boyichen.nl/brugklasbeatz Bijlagen 24

PID Inleiding Doel van dit document Dit document is opgesteld om alle relevante basisinformatie en uitgangspunten van het project vast te leggen om het op de juiste wijze te kunnen besturen. Het heeft tot doel het project te definiëren, als basis te dienen voor het management ervan en de beoordeling van het succes van het project mogelijk te maken. Dit Projectinitiatiedocument (of PID) behandelt de volgende fundamentele aspecten van het project: Wat beoogt men met het project te bereiken? Waarom is het belangrijk om deze doelstellingen te bereiken? Wie zijn er betrokken bij het managen van het project en wat zijn hun rollen en verantwoordelijkheden? Hoe en wanneer zullen de maatregelen die in dit PID besproken worden gerealiseerd worden? Het document wordt gebruikt: om er zeker van te zijn dat het project een gezonde basis heeft voordat de Stuurgroep gevraagd wordt zich aan het project te committeren; om te dienen als basisdocument op grond waarvan de Stuurgroep en de Projectmanager de voortgang en wijzigingen kunnen toetsen en bewaken en vragen omtrent geldigheid van het project tijdens de uitvoering ervan kunnen beoordelen. Het doel van dit project is een brand creëren en daarbij ook een website die voldoet aan de voorwaarden die brugklas beatz heeft gesteld. Zo moet de website een jaren 90 look hebben, overzichtelijk zijn en er tegelijk professioneel uitzien. Verder moet de website gemakkelijk aan te passen zijn doormiddel van CMS. Het zou mooi zijn als wij de beste site zouden maken van de klas zodat onze site daadwerkelijk ook zal worden gebruikt. Dit is ook een doel van ons. Het is belangrijk dat we ons uiterste best doen om deze doelen te bereiken. Iedereen in de klas zou het natuurlijk leuk vinden als hun site ook echt zal worden gebruikt. Ook voor de band is belangrijk dat ze een site krijgen aangeleverd die jaren mee kan zonder dat ze met problemen of bugs komen te zitten. 25

Achtergrond De context van het project De band Brugklas Beatz is naar ons toegekomen met de vraag of wij een website voor hun kunnen bouwen. Dit komt omdat ze momenteel nog geen website hebben daarbij mogen wij ook het logo nog aanpassen want dit kan er volgens de bandleden nog beter uit komen te zien. Het doel van dit project is het opleveren van een website die voldoet aan de voorwaarden die Brugklas Beatz heeft gesteld. Zo moet de website een jaren 90 look hebben, overzichtelijk zijn en er tegelijk professioneel uitzien. Verder moet de website gemakkelijk aan te passen zijn doormiddel van CMS. Concrete aanleiding voor het project Het project is als opdracht aan ons geven door school. Wij volgen de studie ICT en Media design op de Fontys. Redenen, waarom voor een projectmatige aanpak werd gekozen Door een projectmatige manier van werken is het als groep makkelijker om de opdracht tot een goed einde te krijgen. Je kijkt vantevoren telkens wat je met een bepaalde taak of actie wilt bereiken en hebt een duidelijk doel voor ogen. Beschrijving van de huidige situatie en de eventuele problemen of tekortkomingen van deze situatie We besteden op dit moment ongeveer 4 a 6 uren per week aan het project, dit zal misschien meer worden wanneer we in verdere stadia aankomen en we een duidelijker beeld hebben van ons doel. 26

Projectdefinitie Projectdoelstellingen Waarom moet dit project gerealiseerd worden? Brand a Band is een opdracht die wij uitvoeren vanuit onze opleiding ICT & Media Design op de Fontys. Het project kent de volgende leerdoelen: Binnen een kleine groep een opdracht voor een webpresentatie van een opdrachtgever uitvoeren Onderzoeksstrategieën benoemen voor analyse, design en realisatie Toepassingscontext en ontwikkelproces doorzien en verantwoorden Een productverantwoording opstellen en verantwoorden Een bijdrage leveren aan productpresentatie Een algemene aanpak voor ICT & Media opdrachten herkennen Hoe ziet de gewenste situatie eruit? Het doel van dit project is het opleveren van een website die voldoet aan de voorwaarden die brugklas beatz heeft gesteld. Zo moet de website een jaren 90 look hebben, overzichtelijk zijn en er tegelijk professioneel uitzien. Verder moet de website gemakkelijk aan te passen zijn doormiddel van CMS. Welke voordelen biedt het project? Door het project leer je hoe het is om in groepsverband te werken en in opdracht van een klant een project te realiseren. Welke mogelijkheden (capabilities, facilities) biedt het product of het projectresultaat? Het project biedt de band een makkelijk aanpasbare website van hoogwaardig niveau die daarbij ook aansluit op hun jaren 90 muziekstijl. Scope van het project Wat is de reikwijdte of het bereik van het project? Welke onderdelen, doelgroepen, werkgebieden, afdelingen etc. worden wel betrokken bij het eindresultaat? Wat valt onder onze taken: Ontwerp webpagina s CMS waarmee de website zelf te beheren is Visualisatie van de podia-optredens. De zaken te staan die wij niet doen: Het hosten van de website Het beheren van de website De inhoud van de website aanleveren 27

Productdecompositiestructuur (PDS) op projectniveau PDS Project Eindproduct presentatie A Website B Live set up filmpje C cms A1 HTML A2 CSS Benodigde Resources - Contact met klant - Duidelijke opdracht beschrijving - Contact uren om samen te werken - Content van de klant, zowel tekst en foto s - Feedback van de klant 28

Uitsluitingen Wat behoort niet tot het projectresultaat? Het hosten van de website Het beheren van de website De inhoud van de website aanleveren Randvoorwaarden Welke voorwaarden moeten aanwezig zijn om het project te kunnen realiseren? Er moeten deadlines worden gesteld en hier moeten wij ons als groep ook aan houden. Luisteren naar de klant is ook een belangrijke voorwaarde, zonder goed te luisteren zal het optimale niet worden bereikt. Aannames Welke veronderstellingen zijn gemaakt om de planning te kunnen halen? Als groep hebben wij een stel regels afgesproken die we moeten volgen, doe je dat niet dan kun je uit de groep worden gezet. Op deze manier wordt je gedwongen om aanwezig te zijn en je taken op tijd af te hebben. Als iedereen zich aan deze regels houdt en op tijd aangeeft wanneer een taak niet goed gaat, dan zullen we mooi op schema blijven. 29

Projectorganisatiestructuur Stuurgroep Brugklas Beatz Projectborging Huub Prüst Projectlid Projectlid Projectlid Projectlid Projectlid Boyi Chen Opdrachtgever Tim Frakking Koos Driessen Daan Kuhlmann Robin Laurenssen Rolbeschrijving Aangeven van wensen m.b.t. het eindresultaat. Projectgerelateerde taken - Specifieke verantwoordelijkheden Keuzes maken indien wij met meerdere opties naar hun komen. 30

Projectborging (verantwoordelijkheid stuurgroep = tutor) Rolbeschrijving Zorgen dat er geen grote problemen binnen de groep ontstaan en het in de gaten houden van onze vooruitgang. Projectleden Rolbeschrijving Bijdrage leveren aan het eindproduct zodat wij na 10 weken niet met lege handen komen te staan. Specifieke verantwoordelijkheden - Taken vervullen - Aanwezig zijn - Communiceren Groepsregels Welke afspraken zijn er in het projectteam gemaakt? - Alle opdrachten af hebben op de dag van de deadline af hebben. - Aanwezig bij alle afspraken/groepsmeeting. - Laten weten als je afwezig bent. - Aangeven als het niet lukt. - Gemaakte producten voor de proftaak op dropbox zetten. Wanneer deze afspraken niet worden nagekomen geldt het volgende: Bij 2 waarschuwingen een gele kaart en bij 2 gele kaarten een rode kaart en dan uit de groep worden verwijderd. Een gele kaart wordt pas uitgedeeld in overleg met groepsleden en tutor/slb er. 31

Projectbeheersing Rapportage Wie rapporteert wat aan wie en wanneer? Wij hebben als groep afgesproken om alles waaraan we gewerkt hebben op dropbox te zetten. Zo hoef je niet telkens na te vragen wat iemand nou daadwerkelijk heeft geproduceerd of onderzocht. Dit is onze manier van rapporteren naar elkaar binnen de projectgroep. Voortgangsbewaking Hoe en met welke frequentie wordt de voortgang bewaakt? Elke week zullen wij tijdens de eerste keer dat wij elkaar zien tijdens ptm even de vooruitgang bekijken. Even evalueren wat we zo allemaal hebben uitgevoerd in die week en wat er op de planning staat. Risicomanagement Benoem de risico s: - Iemand kan een taak toegewezen krijgen of op zich nemen die niet aansluit op zijn of haar werkniveau. - Er kunnen problemen binnen de groep ontstaan wanneer er taken niet op tijd af komen of we het over bepaalde besluiten niet eens worden. Hoe wordt met risico s omgegaan? Goed blijven communiceren is belangrijk, zodat we op de hoogte blijven van dergelijke kleine problemen. Elkaar helpen is ook belangrijk natuurlijk. 32

Kwaliteitsbewaking Benoem welke acceptatie criteria er zijn afgesproken: Must haves o HTML o CSS o PHP o Pagina s (Biografie, Agenda, Media en contactpagina) o CMS-systeem Should haves o Nieuwe foto s o Boekingssysteem Could haves o Nieuw of aangepast logo Wijzigingsprocedure Hoe wordt met wijzigingen omgegaan? Bespreken binnen de groep en met de klant indien belangrijk genoeg. Escalatieprocedure Hoe wordt met escalaties omgegaan? Proberen er als groep uit te komen en anders even aanbellen bij de tutor. 33

Peerreviews Door Tim Frakking Feedback over: Boyi Chen (feedback ontvanger) Verzorgd door: Tim Frakking (feedback gever) Sterke punten (van feedback ontvanger) Zeer goed communicatief en komt goede ideeën. Nooit negatief tegen over het project ook al zit het niet mee en werkt vanuit haar zelf veel aan de proftaak. Verbeterpunten Soms wat rustiger zijn en even wat anders doen als je vast zit. Samenwerken Net zo als koos goed in het samen werken en was ook altijd aanwezig. Nakomen van afspraken Had altijd alles af volgen de afspraak en op tijd. The extra mile: (wat heeft iemand buiten zijn taak om gedaan?): Veel thuis gewerkt aan de proftaak zoals de rest. Gemaakte tussenproducten: (concrete producten benoemen): -CMS -Schetsen -Moodboards Inzet en motivatie: Goed, niks op aan te merken Cijfer: 8 34

Feedback over: Daan Kuhlmann(feedback ontvanger) Verzorgd door: Tim Frakking(feedback gever) Sterke punten (van feedback ontvanger) Kwam met goede ideeën en kon deze ook goed visualiseren. Verder was hij altijd positief en kon hij goed omgaan met kritiek. Verbeterpunten Soms kwam hij niet opdagen en dan liet hij niks weten en hij leverde soms zijn werk niet op terwijl wij dit gezamenlijk hadden afgesproken. Samenwerken Heeft zelf laten weten dat hij liever alleen werkt maar heeft tijdens het project redelijk goed samengewerkt. Nakomen van afspraken Kwam vooral in het begin zijn afspraken soms niet na maar na het project vorderde werd het steeds beter. The extra mile: (wat heeft iemand buiten zijn taak om gedaan?): -Tijdens gewerkt aan de proftaak. Gemaakte tussenproducten: (concrete producten benoemen): -Schetsen -Moodboard -Live Performance video -Images op de media pagina -Concept van brugklas beatz Inzet en motivatie: Kwam in het begin niet echt gemotiveerd over maar dit werd elke week steeds beter. Cijfer: 7.5 35

Feedback over: Koos driessen(feedback ontvanger) Verzorgd door: Tim Frakking (feedback gever) Sterke punten (van feedback ontvanger) Van het begin al gemotiveerd en komt met goede ideeën. Verder goed in de technische aspecten van het project. Verbeterpunten Had soms de neiging om zijn eigen mening door te drijven. Samenwerken Heeft goed samengewerkt tijdens dit project en was altijd aanwezig tijdens de lessen. Nakomen van afspraken Had altijd alles af volgens de afspraken. The extra mile: (wat heeft iemand buiten zijn taak om gedaan?): Thuis gewerkt aan de CMS voor de proftaak. Gemaakte tussenproducten: (concrete producten benoemen): -CMS -Schetsen -Moodboards Inzet en motivatie: Zeer motiveert en de inzet was perfect Cijfer: 8.5 36

Feedback over: Robin Laurenssen(feedback ontvanger) Verzorgd door: Tim Frakking (feedback gever) Sterke punten (van feedback ontvanger) Vind het niet erg om langer door te werken en bied altijd zijn hulp aan. Verbeterpunten Soms laten weten wanneer hij iets af heeft en laten weten wanneer hij niet komt opdagen. Samenwerken Werkt goed samen en luistert goed naar andermans ideeën en komt zelf ook met ideeën. Nakomen van afspraken Kom het grootse gedeelte van zijn afspraken na. The extra mile: (wat heeft iemand buiten zijn taak om gedaan?): Veel van zijn vrije tijd gewerkt aan de proftaak Gemaakte tussenproducten: (concrete producten benoemen): -Positioneringsdocument -Gedeeltelijk html en css -Een PID -Schetsen -Moodboard Inzet en motivatie: Goed gemotiveerd tijdens het project en dat zijn inzet was ook goed Cijfer: 7.5 37