Vi mener, at vi imødekommer brugergruppens behov og ønsker, da vi har skabt et nyt og anderledes design. Vores målgruppe stræber konstant efter nytænkning og søger events de kan deltage i med deres venner. Designet er spændende og idet vores menu fletter sammen med flowet, er det samtidig legend. Virksomhed Jazz arrangement Bandet No Slips arrangerede en koncert i anledning af Style & Experience projektet, da vi skal designe en hjemmeside til Odense Vinterjazz. I starten af arrangementet blev vi introduceret for de tilstedeværende medlemmer af bandet. Bandet introducerede derefter elektronisk musik og jazz, ved at give en lille smagsprøve af disse to musikgenre. Vi fik en hurtig beskrivelse af elektronisk musik og alle dens mange muligheder, til at skabe rytme ved hjælp af de uendelige sammensætninger af lyde. Bag sin computer samt mixer, begyndte Djʼen at introducere os til denne genre. Ved brug af sange i lavt tempo, opnåede man total afslappelse, hvor underbevidsthed fik lov til at overtage ens tanker. Derefter blev vi introduceret for jazz af bandets trommeslager samt saxofonist/keyboard. Jazz er baseret på improvisation og kreativitet. Indtrykket af koncerten var inspirerende og gav os alle et billede af jazzmusikken og hjalp os på rette vej med designet. Se bilag 1 for fotodokumentation. Projektstyringsforløb I gruppen lægger vi vægt på, at hvert gruppemedlem yder sit bedste, efter evne og at arbejdet bliver fordelt ud fra hver persons styrke, så resultatet bliver så godt som overhovedet muligt. Det forventes at alle forstår hinandens arbejde og at man forklarer sit arbejde, hvis en person er i tvivl. Arbejdsprocessen vil, på de skivemæssige og kodningsmæssige områder, være individuel og først blive set og rettet igennem af gruppens øvrige medlemmer, når produktet er færdigt. Der stilles de samme krav til gruppens leder. Som gruppeleder skal man have det overordnede overblik og have styr på hvad der er lavet og hvad der mangler. Personen 10
fungerer også som igangsætter, så folk har arbejde hele tiden. I vores gruppe valgte vi Nicolette som gruppe leder. Projekt reflektering Style & Experience projektet har været et spændende projekt og som gruppe, mener vi, at det er gået godt. I gruppen har det denne gang fungeret godt, at vi har haft mulighed for selv at vælge vores gruppe. Dette har givet en god dynamik, da vi fungerer godt med hinanden. Der har været en positiv, humoristisk og hyggelig stemning. Den gode stemning har gjort at vi har haft nemt ved at snakke med hinanden og diskuterer hinandens synspunkter igennem, både positive som negative. Gruppen var sammensat af to piger med høj score i aktivisten, en dreng med høj score i reflektoren og den sidste dreng med top score i teoretikeren og reflektoren. Vores gruppe har derfor haft et godt udsnit af læringsstilene, hvilket også har haft indvirkning på arbejdsfordelingen. Drengene har primært arbejdet med kodningen af hjemmesiden og tilvejebringelse af designet, mens pigerne primært har arbejdet med det skriftlige, som at skrive rapporten. Vi har alle haft meget fokus og indflydelse på designet af hjemmesiden. Til gengæld har gruppens gode humør og gode dynamik, haft indvirkning på processen som er blevet sløvet, ment på den måde at vi til tider har pjattet lidt mere end hvad vi burde, og kom lidt senere i gang. Dette var en af fordelene ved det første projekt (Research & Innovation) hvor gruppen var sammen sat tilfældigt ud fra læringsstile, og de mennesker man arbejdede sammen med ikke normalt var dem man snakkede med, og derfor var der knap så meget pjat, og et større fokus på rapporten. Tidsfristen gjorde også at vi ikke alle gruppen fik prøvet det hele, forstået på den måde, at dem der havde en styrke i at kode næsten kun lavede det, og dem der var bedst til at skrive næsten kun skrev. Generelt har vi som gruppe savnet at der var faste vejledningstimer. Til næste projekt er det vigtigt at have et endnu større fokus på produktet, deadlinen og tidsmængden der skal sættes af til hver enkelt opgave, da det skred for vores gruppe med hensyn til designet af hjemmesiden, som har været under udvikling alle dagene. På trods af den lidt skredne tidsplan som vi ikke helt overholdet (på trods af gantchartet) har det stadig været positivt at arbejde i gruppe med personer man selv har valgt at arbejde med. 11
Interaktion Analyse HTML/HTML5 I undervisningen er vi blevet introduceret til HTML kodning, som er den mest brugte form for kreation af hjemmesiden og eftersom det er et af kravene til dette projekt, har vi valgt at kode vores web site i ren HTML. Vi har dog også brugt nogle koder inden for den nye HTML5, som f.eks. videoklippet. CSS/CSS3 Cascading Style Sheet er en meget praktisk måde at få design integreret på hjemmesider. Eftersom vi har valgt at udelukkende bruge HTML, er det oplagt at tilføje CSS koder, til at indrette hjemmesiden med. NetBeans Dette program er et fremragende værktøj til selve kodningen af hjemmesiden. Fordelen ved denne software, fremfor Notepad++, er at den fremhæver start og slut positionerne af de diverse tags man har med, samt at den foreslår mulige tags, som man ville kunne have nytte af. Ud over det, lukker den automatisk, åbnede tags, når man indtaster </. Dreamweaver Dreamweaver er et af de mange Adobe programmer som vi har arbejdet med i interaction. Det positive ved dette program er at når man koder, kan man samtidig se, hvordan det rent udseendemæssigt ville se ud. Den vil også, lige som NetBeans, foreslå mulige tags man kan bruge. Photoshop CS5 Vi har valgt at bruge Photoshop CS5 til at lave baggrundsbilledet til websitet, samt linksene til undersiderne. Grunden til at vi bruger denne software er pga. at det er et af de redigeringsprogrammer vi arbejder med i undervisningen, plus at det er en rigtig god teknologi til kreation af billeder.
Stuktur/modellering Wireframe af forside: Sitemap: 13
Realisering/kode 1. Første kodeeksempel vi har valgt, er en CSS kode, som har til funktion at fremhæve vores menu, i de forskellige undersider. I første øjekast, ville man tro, det er knapper, lavet i flash, men i virkeligheden, er det en af de nye funktioner inden for CSS3: ul li a:hover{/*fremhæver nedenstående billede, når man fører musen over menupunkterne*/} background: url(../icons/menu_item_hover.png) no-repeat; 2. Det andet kodeeksempel, er fra det nye HTML5. Vi er stolte af at vise, da her inkluderer vi en flash fil, men i stedet for mange linjers kodning, kan vi nøjes med en enkelt linje. Koden er: <div id="gallery"> </div> <object width="820" height="430" data="flash/jazz_gallery.swf"></object> 14
Konkulsion Hvis Odense Vinterjazz skal fange det yngre publikum, er det vigtigt at bruge et anderledes og nyt design. Jazzgenren er ikke så udbredt i den unge del af befolkningen, så der skal være noget ekstraordinært, som kan fastholde deres interesse på siden. Vi har derfor lavet en hjemmeside med den surrealistiske stil som inspiration, da man specielt her kan lave designs, som bryder med mange af de klassiske hjemmesider ude på nettet, og også nogle af designprincipperne. På vores hjemme side har vi stræbet efter at bruge de tomme områder og for at gøre designet enkelt og elegant. Samtidig har vi centreret menuen så den ligger inde i billedet og bliver en del af det. I gruppen finder vi designet spændende og anderledes. Da vi selv er i målgruppen for vinterjazz, har vi haft den fordel at vi hele tiden har kunnet designe ud fra hvad vi selv fandt interessant. 15
Litteraturliste http://www.gallup.dk/vores-markedsfokus/medier/printmedier/gallupkompas/kompassegmenter.aspx (29-11-2011) http://www.gallup.dk/media/144663/moderne_individ.pdf (29-11-2011) http://www.carlander.dk/surrealisme/ (29-11-2011) http://www.denstoredanske.dk/kunst_og_kultur/musik/jazz/jazzterminologi/jazz (30-11- 2011) http://www.denstoredanske.dk/kunst_og_kultur/billedkunst/dadaisme_og_surrealisme/s urrealisme (30-11-2011) Rostrup Bøyesen, Lars: Verdenskunsten fra fortid til nutid, Maleriets, skulpturens, arkitekturens og ornamentikkens historie.. 1. udg. Lademann, 1971. (Bog) http://psykologiensveje.systime.dk/1-den-mangfoldige-psykologi/videomateriale/skinnerpraesenterer-behaviorismen.html (1-12-2011) http://en.wikipedia.org/wiki/han_hoogerbrugge http://legensby.dk/ http://pure.au.dk/portal/da/persons/camilla-skovbjerg-paldam(b72e4049-9a1f-4477-9e98-3d97fb2a8d96).html (1-12-2011) 16
Van, Olaf, Stine & Nicolette Style and Experience Bilag 1. Fotodokumentation fra No Slips koncerten. 17 02-12-2011
Van, Olaf, Stine & Nicolette Style and Experience 18 02-12-2011
2. Gantt Chart over projektforløb 19