Style & Experience 1. semester efterår november - 2. december

Transkript

1 obligatorisk projekt Style & Experience 1. semester efterår november - 2. december Har du samme forhold til jazz? Odense Vinterjazz er en jazzfestival der finder sted hvert år i oktober. Koncerterne foregår på forskellige musiksteder i Odense. Foreningen har derfor ikke et specifikt domicil og deres kontaktflade med interesserede er gennem deres website og plakater/annoncer på caféer og i aviser. Gennem det nye site, vil Odense Vinterjazz gerne nå et yngre publikum (jer!), og de besøgende på sitet skal have en anderledes og interessant oplevelse.

2 Opgaven: Produkt: Design et funktionelt website med mindst seks undersider Odense Vinterjazz har formuleret følgende ønsker til indholdet af et website: en visuel præsentation af Odense Vinterjazz, som skaber en god balance mellem tekst og billede, lyd, film, etc. spændende præsentationer af alle aktiviteter, som Odense Vinterjazz er involveret i, og en underside med de vigtigste informationer og nyheder en underside, med som minimum en ny og spændende idé skræddersyet målgruppen en visuel og interaktiv præsentation af det unikke ved Odense Vinterjazz. Generelle krav: I er målgruppen for Odense Vinter Jazz nye website. Definer og beskriv målgruppen ved hjælp af de værktøjer, I har fået præsenteret i undervisningen. beskriv karakteristika hos den valgte målgruppe og udarbejd med afsæt heri en kommenteret visuel collage af denne. Begge dele skal indgå i rapporten. tag udgangspunkt i én af følgende fire stilarter: Modernisme, Pop art, Surrealisme eller Dekonstruktivisme. anvend den valgte stilarts karakteristika og udtryksmidler, så de bedst matcher web mediet og målgruppen. Jeres website skal primært visualiseres ud fra stilartens principper. Vælger I at afvige fra stilartens principper, skal I forklare og argumentere for jeres valg. Definér og implementér oplevelsesbetonede indholds- og formelementer skræddersyet til den valgte målgruppe. Skab et interaktivt og interessant webunivers, som fokuserer på stil og oplevelse. Integrer den givne stilart i alle aspekter (visuelle og auditive effekter, navigation, fontarbejde, bevægelse, lyd, musik osv.) Tekniske og funktionelle krav Vælg at realisere websitet med: 1. XHTML og CSS eller 2. Flash eller 3. En blanding af XHTML,CSS og Flash elementer. Afhængigt af valget skal følgende krav overholdes: XHTML Et XHTML website skal følge disse specifikationer: Alle sider skal valideres i forhold XHTML standarden (strict eller transitional) Alle sider skal formateres (styles) vha ekstern CSS (Cascading Style Sheets) Relevante flash-elementer skal inkluderes Anvend en logisk og struktureret mappe struktur på serveren.

3 Flash Et flash web site skal opfylde følgende specifikationer: Web sitet skal indeholde en grafisk menu Siden skal kodes i ActionScript 3.0 Web sitet skal opbygges i et flash projekt, der er baseret på den folderstruktur, der er defineret i undervisningen Alle source-files (.fla og.as) skal uploades i en zip-komprimeret mappe. Husk: Sitet skal uploades og være online tilgængeligt. Rapporten Den akademiske rapport skal indeholde og besvare følgende: 1 normalside = 2400 tegn med mellemrum Forside: Skole, antal anslag, vejledere Emne, Klasse, Gruppe medlemmer, URL til produkt Kommunikation Hver gruppe skriver maksimum tre nomalsider (eksklusiv bilag) Redegør for følgende punkter: Udforskende research og analyse Præsenter et idékatalog med det formål at optimere selve oplevelsesforløbet for jeres målgruppe. Idékataloget skal primært indeholde idéer, der skal implementeres på websitet. Vælg mindst én af jeres idéer og implementer den på website. Udarbejde en brugerprofil og et brugerscenarie til websitet Beskriv kort mission statement. Design Hver gruppe skriver maksimum tre normalsider (eksklusiv bilag) Redegør for følgende punkter: Research og analyse af den givne stil Hvad er stilens karakteristika? Giv eksempler Find et eksempel på et website, som anvender den valgte stilarts karakteristika. Forklar hvordan stilen kommer til udtryk. Vis det ved hjælp af screen prints. Begrund udformning af jeres websitet og valg af virkemidler. Hvis I på enkelte punkter vælger at afvige fra stilarten, skal I nøje redegøre herfor. Forklar hvordan jeres web site: matcher stilartens karakteristika forholder sig til designprincipperne imødekommer brugergruppens behov og ønsker.

4 Virksomhed Hver gruppe skriver maksimum tre normalsider (eksklusiv bilag) Redegør for følgende punkter: Observationsbaseret research & konceptudviklingsmetode (max 1 sides tekst) Sammenfat de væsentligste observationer og indtryk, I fik fra jeres research på forbindelse med Jazzarrangementet på MMD den 28. november og beskriv, hvordan de har indvirket på konceptudviklingen. Lav en fotodokumentation heraf (placeres i bilag). Gør rede for valg og anvendelse af metode til udvikling af koncept. Projektstyringsforløbet/Evaluering af gruppeproces (max to sider) Analysér og vurdér projektforløb og gruppeprocesser med afsæt i nedenstående opgaver/spørgsmål: Opstil en tidsplan over projektforløbet, som indeholder deadlines og indhold, dvs. hvornår skal hvad være færdigt (evt. i et Gantt Chart) Udvælg en projektleder, og redegør for dennes og de øvrige gruppemedlemmers roller/ansvarsfordeling i projektforløbet. Mod slutningen af projektforløbet, reflekter over hvordan det gik. Hvordan fungerede I som gruppe? Tag udgangspunkt i læringsstilprofilerne. Hvad var positivt/negativt og hvad kunne gøres bedre i både projektforløbet og i gruppeprocessen til næste projekt? Interaktion Hver gruppe skriver maksimum tre normalsider tekst (eksklusiv bilag) hvor indholdet er: Analyse Diskuter hvilke teknologier (HTML,CSS, Flash.) og værktøjer (Notepad++, Dreamweaver, CS5 ) I har valgt at bruge til at bygge websitet. Struktur/modellering Lav et strukturdiagram (sitemap) som en model af, hvordan sitet er struktureret. Lav et eller flere wireframes som en model af, hvordan indholdet på de enkelte sider er struktureret. Realisering/kode Udvælg de to kodeeksempler fra jeres web site, som I er mest stolte af. Forklar hvorfor I valgte netop disse kodeeksempler. (Et kodeeksempel bør højest indeholde 20 liner kode) Kommentér/forklar jeres kode. Dette kan gøres enten ved at indsætte kommentarer i selve koden eller ved at skrive kommentarerne som tekst.

5 Rammer for projektet Tidsplan: Præsentation af projekt Fredag d 25. november Observationsbaseret research: Mandag d. 28. november på EAL JAZZ workshop med Jazz-Electronica bandet NO SLIPS (mere info på fronter) Indsamling af relevant billed, lyd og informationsmateriale Aflevering: Deadline den 2. december kl på Caroline s kontor. 3 kopier af rapporten Den samme deadline gælder for uploading af web site og rapport. URL + tekniske detaljer bliver annonceret på Fronter Mundtlig præsentation DK web a 21. december 2011 DK web b 19. december 2011 Hver gruppe forbereder en præsentation af opgaven. Præsentationen gennemføres med understøttelse af Power Point (og må vare maksimum 15 min.) Hvert medlem i gruppen skal deltage i præsentationen af både det skriftlige arbejde og websitet. De fire hovedområder: kommunikation, design, virksomhed og interaktion skal alle bestås, før projektet kan bestås. Hele holdet er tilstede ved præsentationen. Projektansvarlige: Mona Lyngs Kjærgaard molk@eal.dk Merete Østergaard mere@eal.dk Bjarne Slipsager Anni Grøndal Kirsten Kasch Adam Montandon Pernille Christiansen Jens Berg Peter Storm-Henningsen bjsl@eal.dk anng@eal.dk kika@eal.dk admo@eal.dk pkc@eal.dk jebe@eal.dk pesh@tietgen.dk Vejledning (se plan på Fronter)