Projekt Style & Experience Terrariet Vissenbjerg Gruppe 4 Mira, Darlene, Steven, Tinna og Jonathan



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

GRAFISK WORKFLOW Hjemmesidedesign

It-sikkerhed Kommunikation&IT

Produkt. Index side GRAFISK DESIGN

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

Portfolio Web:

Opret en formular i Dreamweaver

Style & Experience. Gruppe 24 Michael Nakel Andersen, Sari Wichmann, Jonathan

Van, Olaf, Stine & Nicolette Style and Experience

AFSLUTTENDE OPGAVE. Lad Grønsted forblive Grøn

Navn: Skole: Anslag: Emne: Klasse: Dato: URL:

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

[AFSLUTTENDE OPGAVE I KOM/IT]

GRAFISK DESIGN. Kenneth Friis Petersen

Projekt 1 Re-design af Odense Bunkermuseum

workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop

srum Fritidsaktiviteter : 1. Semester. Multimediedesigner Projektstart: 17/ Aflevering: 4/

6. November 2014 JB Plastics Projekt Gruppe D MULA Rie, Rasmus Seindal, Benjamin Vinje,Andreas, Anders, Jonatan Vanja og Pia JB PLASTICS

Grafisk design. Ide. Designprocess. Målgruppe

GRAFISK WORKFLOW. 1 Grafisk workflow

Trin for trin guide til Google Analytics

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden.

Gruppe: 2 Hold: MulB Årgang 2013 Lærere: Merete Geldermann Lützen & Jesper Hinchely

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

Grafisk. Workflow. Side 1

Grafisk workflow. bl.udbudsnet.dk

Produktbeskrivelse - Grafisk workflow

GRAFISK WORKFLOW. Hjemmeside design til Chem-Tec Plating

Grundforløbsprøve Projektbeskrivelse

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN 1. HOVEDFORLØB

En oplevelse for livet!

Mellemtrin. Job i lokalsamfundet

Produktdoku. Michelle Eistrup Grundforløbsprojekt juni 2011

Elevvejledning til SkoleKomNet - Min egen hjemmeside

Opgavebeskrivelse. Opgaveløsningen

Mit grafiske workflow inkluderer:

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S.

UGEOPGAVE UGE 45 ANIMATION GRUPPEPROJEKT. Gruppe 11 Animation4ever. 6. November Esben Sonne Engsted. Caroline Lyngaa Hansen

Introduktion. Properties (egenskaber) Timeline (Tidslinien) Stage (hovedscenen) kan redigeres.

GRAFISK PRODUKTION & WORKFLOW. Endotest website

Forfatter & illustrator workshop i børnehøjde

Dokumentation. Grafisk Design

Grafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...

Guide til Umbraco CMS

3. PROJEKT. Cph Business MULA SIMONE SNEDKER, TOBIAS SONNE, FRIDA MADSEN, ANGELICA OLESEN, ANDERS LAURIDSEN & JAKOB PLENGE.

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

RESPONSIV WEBDESIGN. Gøg og Gokke. Kommunikation IT Afleveres d Sara Jacobsen & Natasja Christoffersen 3. års HTX

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Niks Frost & Line Søs Hold 32B

GRAFISK DESIGN CAMILLA VINTER

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.

Webteknologi evalueringsopgave Vinter Niels Sundstrup

Redaktørvejledning for Skriv en artikel

Disse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden.

det færdige resultat

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site.

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2

Spil og svar. Journal nr Et webbaseret værktøj udviklet af Programdatateket i Skive

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

Superskolernes kampagne

EDUCATE.AU.DK/BLACKBOARD

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas

Grafik & Billede weloveorganic.com webshop

KT OR LOW PRODUKTION // WORKFLOW

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Projekt - Valgfrit Tema

JAN MØLLER JD DESIGN CMK

Vistemmernu. Et webbaseret værktøj udviklet af Programdatateket i Skive. programdatateket@viauc.dk Web:

Grafisk produktion & workflow

IsenTekst Indhold til Internettet. Manual til Wordpress.

Analyse af website: cinnobershop.dk

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK DESIGN. webdesign af pl.dk

Introducering af Flip MinoHD:

mininstitution vejledning til forældre... 2 Sådan logger du på systemet... 3 Sådan opsætter du din profil på mininstitution... 5

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Brugervejledning til Design Manager Version 1.02

portfolio GRAFISK WORKFLOW

Vejledning for forældre i brugen af mininstitution som digitalt kommunikationsværktøj

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

Kommunikation og design Ugeopgave 38 Website. Sarah Winther, Hold B

Webmail Gmail Generelt Side 1

Sådan laver du gode. opdateringer på Facebook

Denne rapport er skrevet af:

Grafisk Workflow. hovedforløb 2

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding

KODNING AF RESPONSIV DESIGN

4 // Grafisk produktion og workflow

Hjemmeside design til Everyday Health

Mellemtrin. Verdens bedste skole

Roskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter

Grafisk workflow. Se siden her:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Transkript:

Indledning Mandag den 18 maj var det dagen for start på projekt Style & Experience, Terrariet Vissenbjerg. Gruppe 4 er samlet med god energi for at vise hvad vi har lært i tiden op til dette projekt. Kommunikation og design 1.1 Research og analyse af stilarten Street art 1 er en slags kunst udført på gaden i det offentlige rum og noget man i modsætning til kunstudstillinger og statsligt støttede projekter - noget man som regel, per navn og kendskab til graffiti, forbinder med at være ulovligt. Men egentlig er street art kunst som er udviklet af forskellige kunstnere der har udfordret kunsten i sig selv ved at placere den steder, som man ikke normalt forbinder med kunst. Stort set har hver enkel udøver/kunstner af street art sine egne grunde og mål for at skabe kunst i det offentlige rum. Nogen ser de offentlige rum som uudnyttede områder til kunst mens andre nyder udfordringen ved det ulovlige aspekt i street art. Dog er der fællesnævnere som aktivisme og undergravelse af virksomhed i kunsten med temaer som adbusting og subvertising et mål er at tage gaderne tilbage og at nå et bredest muligt publikum ved at tilpasse kunsten det offentlige rums format. Der er forskellig slags street art og udtrykket omfatter ikke kun traditionel graffiti kunst men også stencilgraffiti - som er en art af graffiti, hvor man bruger papir, pap eller andet til at skabe en tekst eller et billede som er let at skabe kopier af. Så man simpelthen skære det ønskede design ud af det materiale man har valgt og så overføre det til en overflade ved at spraymale over designet. Udover stencilgraffiti er der også wheatpasting, stickerkunst og http://da.wikipedia.org/wiki/street_art 1 1

plakatkunst, som også er typer der er nemme at masse producere for at få sit budskab eller kunst bredt mest muligt. Udover disse former for street art findes der ogsåvideoprojektion, kunstintervention, guerillakunst, flash mobning 2 og installationer 3. Udøverne af kunsten bruger udtrykket street art til at skelne deres moderne offentlige kunstværker fra det typiske hærværk, som også bliver associeret med graffiti men også fra de store virksomheders kunst i form af reklamer osv. Et eksempel på en dansk street art kunstner er HuskMitNavn 4 som er blevet anerkendt for sin kunst og har sågar fået nogle af hans værker på udstilling. HuskMitNavn laver både stickerkunst, illustrationer til magaziner, T-Shirts og graffiti. Street art bliver nu til dags også kaldt for post-graffiti og neo-graffiti. Udforskende research og analyse 2.1 Idekatalog Til at supplere den nye website til Terrariet Vissenbjerg, har vi fundet på nogle ideer de kan udføre på trods af deres lave budget. De følgende ideer er fundet med målgruppen som udgangspunkt, og skal hjælpe med til at Terrariet Vissenbjerg får flere besøgene. 2 http://da.wikipedia.org/wiki/flash_mob 3 http://da.wikipedia.org/wiki/installation 4 www.huskmitnavn.dk 2

Aktiviteter uden opsyn: En skattejagt med nogle poster rundt omkring i Terrariet, hvor man f.eks. skal finde ud af hvor salamanderne lever. Denne aktivitet holder børnene i gang, styrker deres viden omkring dyrene og gør dermed terrariet mere spændende at være i. Aktiviteten kan bruges både som en hyggelig måde at finde alle svarene i fællesskab med familien på, eller man kan bruge det som en konkurrence familiemedlemmerne imellem. Derfor rammer denne aktivitet mange former for børnefamilier. Man kan stille kasser op, hvor man skal stikke hånden ind og mærke efter og derefter gætte hvad der er man rører ved. Inde i kasserne kan der ligge slangeham eller andre sjove ting fra de krybdyr der lever i terrariet. I denne aktivitet kan familien få lov at styrke følesansen og denne leg kan ligeledes fungere som en konkurrence, eller man kan i familien skiftes til at finde svaret. Det vil være ideelt for Terrariet Vissenbjerg at få nogle aktiviteter derude, der kan stimulere børnenes, såvel som de voksnes sanser, og det mener vi i høj grad, at disse aktiviteter vil gøre. Disse aktiviteter kræver ikke mange resourcer, og de kan stå der permanent så terrariet skal ikke bruge resourcer på at sætte dem i gang hver dag og have nogen til at holde øje med det. Få dyrene tættere på: Terrariet Vissenbjerg kan vælge en dag om ugen eller måneden, hvor en af dyrepasserne tager nogle af dyrene ud, så børnene kunne få lov at røre ved dem. Dette vil give de børn, der er nervøse for at komme i nærheden af dyrene, en chance for at komme tæt på dem i sikre rammer. Det vil give børnene en mulighed for at komme tæt på dyrene på en måde som de måske ikke har prøvet før. Terrariet Vissenbjerg har i forvejen store områder med marsvin, disse store områder kan med fordel bruges som de allerede er, men gøre det muligt for familierne at komme ind til marsvinene og klappe dem. Disse aktiviteter appellere meget til de små børn i børnefamilierne, derfor vil dette sammen med de andre aktiviteter give noget alle i familien kan samles om. 3

Projekt Style & Experience Terrariet Vissenbjerg Gruppe 4 Mira, Darlene, Steven, Tinna og Jonathan 2.2 Screenprint af website h"p://kids.tate.org.uk/games/street art/ Siden er af samme karakter som vores, den er bygget op med street art. Forsiden illustrere street art, med menuer der ligner dem vi har valgt. Forskellige fonte i forskellige farver. Lag på lag er brugt samt billeder fra virkeligheden. Dog minder vores side lidt om dekonstruktivisme med de beskidte farver og lidt dystre udseende. Figur 1. Screenprint eksempel. Figur 2.Screenprint eksempel med forstørret menu. 4

Projekt Style & Experience Terrariet Vissenbjerg Gruppe 4 Mira, Darlene, Steven, Tinna og Jonathan 2.3 Målgruppebeskrivelse samt visuel collage Vores målgruppe er børnefamilien. Vi vil have børnefamilierne ud til Terrariet Vissenbjerg, og vi vil have en sjov og brugervenlig hjemmeside til både børn og voksne. I en spørgeskemaundersøgelse udført i en skoleklasse på 4. klassetrin har over 65 % været i et terrarium. Ud af de 65 % har 13 % været i Terrariet Vissenbjerg og over 50 % har været i Randers regnskov5. Ifølge en undersøgelse fra 2008, gennemført af Danmarks statistik, har 80 % af de enlige med børn, adgang til internet i hjemmet og hele 95 % af Par med børn adgang til internet i hjemmet. Over 70 % bruger internettet til informationssøgning 6. Børnefamilierne har interessen for at komme i terrarium, og bruger internettet til at finde åbningstider og priser. Figur3.Visuelcollage. 5 Se figur 6-14 6 Se figur 4+5 5

7 Figur 4+5. Søjlediagrammer fra Dks statistik 7 h"p://dst.dk/ 6

2.4 Beskrivelse af vores website Vi har valgt at bruge stilarten street art på vores hjemmeside til projektet Style and Experience. Den er valgt fordi vi gerne vil sætte et friskt og energisk præg på hjemmesiden, da mange børn forhåbentlig vil bruge siden ofte. Og ikke mindst for at bevare interessen fra de børn som besøger siden. Udseendet er anderledes fra andres hjemmesider der handler om terrarier. Brugeren skal være vågen og føle sig udfordret, da nogle af reptilerne gemmer sig lidt. Designet af siden afspejler lidt måden reptiler opføre sig på med hensyn til kamuflering. Street art stilen kommer til udtryk i designet ved en broget baggrund. Der er graffitifonde samt andre blandet fonde på siden. Street art stilen handler om at udtrykke kunst fordi man har lyst, og ikke fordi det er nødvendigt, og det hold der passer reptilerne i Terrariet Vissenbjerg gør det også af lyst. Det er ildsjæle der holder af stedet. Angående PLUS-værdierne på vores hjemmeside. Playability i form af de spil og quizzer der findes på hjemmesiden. Vi fastholder brugerne med underholdende spil, så som at gætte et reptil ud fra et billede, hvor kun en del af det er eksponeret. Samt at gætte hvorfra på kloden at et bestemt reptil stammer fra. Endvidere kan man også gætte en lyd fra et reptil. Det er også en god måde at forberede sig på, inden et besøg på terrariet. Likeability, forsiden er brugervenlig og det er nemt at finde de knapper som man hurtig skal bruge så som information. Når markøren er over menupunktet er det let at se. Det er en side der appelere til børn, og folk der er vand til at bruge internettet. Usebility, siden er genkendelig fordi man er fastholdt på samme side og menuen forbliver eksponeret. Det er kun center på siden der ændres. Sociability, på siden findes der et socialt forum for børn som selv har et reptil, eller ønsker sig et. I det forum har de deres eget site hvor de kan uploade billeder af deres reptil, kommentere hvad der sker, fortælle om det, eller hvad de har lyst til. De kan sende ebreve med spørgsmål om deres reptil, og på den måde kommunikere med de andre brugere og udveksle oplevelser og erfaringer. De kan møde andre børn med samme interesse for reptiler. 7

Ud over playability har vi lagt vægt på sociability, og det toner frem på siden, da vi satser på børn og deres familier som gerne skal vende tilbage og opretholde interessen for Terrariet Vissenbjerg. Ved vedvarende interesse fra børn på siden, er der mulighed for at nyhederne i terrariet bliver opdaget og skal ses med egne øjne og sprede reklame. Vores hjemmeside forholder sig til designprincipperne på den måde at vi ingen alignment har da street art tildels er lidt rodet og udfordrende for brugeren. Vi har grupperet de vigtige informationer med praktisk viden i begge sider, så de ikke øvede internet brugere også har en chance. Tekst og farver er ikke til at være i tvivl om, de er kontrastrige. Målgruppeundersøgelse Formålet med denne field-research er, at vi kan få et overblik over hvor mange børn i vores målgruppe, der har en interesse for reptiler, og om de har lyst til at eje et reptil. Flere og flere folk vil søge hjælp og fællesskab på vores site, hvis vi fik lavet et forum da kendskab til reptiler hos alm dyrlæger er for dårlig, så hjælpen skal hentes på nettet. Field-researchen vil vise os om folk med allergi også finder en interesse i reptiler. Denne field-research er foretaget på 23 børn på 4. klassetrin. 8

Figur 6-14.Cirkeldiagarm af målgruppeundersøgelse 9

Projektstyring 3.1 Observationsbaseret research & koncept Terrariet Vissenbjerg har ikke et stort budget som andre steder i Danmark, så som Randers Regnskov. Derfor går vi efter at gøre Terrariet Vissenbjerg til et sted hvor hyggen er i højsæde. Vi vil gøre Terrariet Vissenbjerg til et sted hvor børn kan røre sig og bruge deres sanser. Børnene skal have en lejeplads, med et sted hvor folk kan spise en madpakke, selv når det regner. Terrariet Vissenbjerg er et sted med reptiler, dog er der dyr som aber og en kænguru, dette synes vi ikke er nødvendigt, da det er et terrarium. På deres hjemmeside viser de flere dyr, som ikke findes på stedet, og dette skaber en forvirring når man har set siden og kommer til Terrariet Vissenbjerg. Vi syntes også Terrariet Vissenbjerg skulle få lavet en brochure, og få dem placeret på turiststeder. Dette vil gøre, at folk vil komme til at kende til stedet. Figur15+16.Fotos fra Terrariet Vissenbjerg. 10

Konceptudviklingsmetode Til at finde vores koncept brugte vi innovationsdiamanten. innovationsdiamant Figur 17. Når man arbejder med innovationsdiamanten arbejder man med 4 punkter, viden, ikke-viden, relationer og koncept. I vores arbejde med innovationsdiamanten startede vi med at finde vores viden om Terrariet Vissenbjerg. F.eks. vidste vi, at stedet ikke var ret stort, og de har ikke mange resourcer. Vi vidste også at de gerne vil have et nyt website der kombinerer information med oplevelse. De vil gerne have at deres dyr er præsenteret på websitet, samt deres historie. Det er skolerne der er deres primære kunder. Efter vi havde fundet og samlet vore viden gik vi videre til vores ikke-viden. Vi fik hurtigt en snak i gang omkring børns allergi overfor kæledyr med pels, om børn kunne tænke sig et reptile som kæledyr, og om hvorvidt børn var bange for reptiler. Har børnefamilierne internet i hjemmet, og hvad bruger de nettet til? Vi blev enige om at undersøge alle emnerne nærmere ved både at bruge field- og deskresearch. Efter vi havde fundet frem til vores viden, og ikke-viden, ville vi finde ud af hvordan de ting vi har fundet ud af kan relatere til vores koncept. Vi skal have et website der er brugervenligt, og som har en tekst der er nem at forstå. Børn kan lige mange farver og kan lide at der sker noget på siden. Efter brug af innovationsdiamanten fandt vi frem til vores koncept. Vores målgruppe skal være børnefamilierne da det primært er skolerne der besøger Terrariet Vissenbjerg. Vi vil have nogle aktiviteter på stedet der kan tiltrække flere kunder. Vi vil have et website i stilarten street art og vi vil lægge vægt på playbillity og sociabillity. 11

3.2 Evaluering af gruppeproces Gruppen bestod som udgangspunkt af seks personer, Connie, Mira, Steven, Darlene, Jonathan, og Tinna. I gruppen havde vi en snak om styrker og svagheder for at alle vidste hvordan vi kunne trække på hinanden. Midt i projektet melder Connie ud til gruppen at hun er droppet ud af gruppen. Mira Skovløkke Svensson: Mira er pragmatiker og har været god til at planlægge og har opstillet en tidslinje over projektforløbet. Mira fik rollen som projektleder. Der var ingen i gruppen der umiddelbart var den fødte ledertype, men Mira valgte at tage udfordringen op, og vi andre bakkede hende op. Selvom der har været en del forvirring og problemer i gruppen har Mira formået at finde måder hvorpå vi kunne løse problemerne. Udover at Mira er projektleder har hun også, da hun er meget kreativ, fået ansvaret for designet af hjemmesiden sammen med Darlene, og at det matchede de krav, som vi i gruppen, havde lavet for designet. Endvidere har hun taget sig meget af det skriftlige i rapport, samt opsætning og layout. Steven Christensen: Steven er Aktivist og har i brainstormsprocessen kommet med nye og spændende ideer. Steven har ikke været bange for at tage imod nye opgaver og han er hurtig til at gå i gang med den opgave han får påtaget sig. Stevens styrker i dette projekt er at han blev brugt hvor vi andre havde brug for hjælp, han har påtaget sig nogle skriveroller og har også hjulpet til med det kreative. Darlene Andreasen: Darlene er aktivist og pragmatiker. Hun har kommet med mange gode ideer i vores brainstorm, og hun har været glad og optimistisk selv når tingene så ud til at være imod os. Darlene har ansvaret for kodningen af vores website samt design, hun har haft til opgave at sørge for at kodningen blev lavet til tiden og at koderne har fulgt reglerne for XHTML og at vi har husket at få alle de ting med i websitet som vi kom frem til. Jonathan Dalgaard Asmussen: Jonathan er aktivist. Han har haft ansvaret for vores 3D model. Han har ikke været bange for at tage en stor opgave og sige til os hvis vi forlangte for meget af 3D modellen. Tinna Louise Domino Andersen: Tinna er reflektor. Hun kan godt lide at tænke over tingene inden hun siger noget og i diskussionerne, er det heller ikke hende der råber højst, men alligevel har vi hørt hendes mening. Tinna har haft en stor del af rapport skrivningen og har derfor også haft en del af ansvaret for 12

skrivearbejdet. Hun har været god til at hjælpe hvor der har været brug for det. Projektforløbet startede godt, vi fik styr på hvor vi havde hinanden i projektforløbet of hvordan vi kunne trække på hinanden. Vi fik fordelt vores ansvarsområder, og delt nogle opgaver ud. Vi har været tre aktivister, en pragmatiker og en reflektor i gruppen, vi har haft lidt af hvert og har det har vi nydt godt af. Efter nogle dage holdt vi et møde med lærerne hvor vi blev klar over at vi var ved at bevæge os i den gale retning, vi var startet i den anden ende af projektforløbet, så vi var ved at komme bagud med websitet. Efter lang tid med at prøve at få styr på tingene igen, fik vi at vide at Connie havde meldt sig ud af gruppen. Dette var endnu en udfordring vi skulle igennem, da vi nu pludselig var en man mindre. Vi brugte lang tid på at få skuden vendt og få alle mand til igen at komme videre. Vi har arbejdet godt sammen og har overholdt de aftaler vi har haft i gruppen. Manglen på en projektleder type har også gjort at vi flere gange har siddet og set forvirret på hinanden fordi vi alle har siddet midt i det og ikke har kunnet få det store overblik. Det vi kan gøre bedre til næste gang og sikre os at vi har forstået opgaven rigtig. Vi skulle have gået til lærerne noget før så vi kunne måske kunne have fanget problemerne tidligere i forløbet. Tidsplan Mandag 18/5 Tirsdag 19/5 Onsdag 20/5 Tur Bl Udkast Bl Terrariet design af Vissenbjerg, website field research Valg af sblart Samle og målgruppe brainstorm Uddele opgaver Bl ferien Lave Tidsplan udforme Lave KravspecifikaBon over spørgsmål Bl projektet spørgeskema Bl website Dagens møde Dagens møde Skrive logbog Skrive logbog Mandag 25/5 Tirsdag 26/5 Onsdag 27/5 Konceptgodkendelscollage samt færdig Målgruppe Website 3D færdig Punkt 1,2.1 2.3 samt 3.1 færdig Punkt 3.2, 2.4 samt 4 færdig Samle rapport samt Korrekturlæsning Dagens møde Dagens møde Dagens mødedagens møde Skrive logbog Skrive logbog Skrive logbog Skrive logbog Torsdag 28/5 Korrekturlæsning samt print Dagens møde Skrive logbog Fredag 29/5 Deadline kl 12.00 Dagens møde Skrive logbog 13

Interaktion. 4.1 Kodeeksempel på flash galleriet, til Terrariet Vissenbjergs web site. Figur 18. flash_galleri.fla layers oversigt. Oversigt over de fire layers I flash_galleri.fla og deres funktioner: 1. Background layer: Indeholder baggrunds billedet til hele galleriet. 2. Content layer: Derefter har vi content layeret, som indeholder alt indhold med grafik og tekst til de forskellige billeder. 3. Controls layer: I controls layeret, har vi valgt at ligge vores grafiske knapper, som har til formål at gå frem og tilbage i galleriet. 4. Actions layer: Via den første keyframe i layer: actions, ligger vores actionscript. I controls layeret, har vi valgt at ligge vores grafiske knapper, som har til formål at gå frem og tilbage i galleriet. 14

1. Background layer: Figur 19. flash_galleri.fla grafikken til background layeret. Al grafik som ses I galleriet, er lavet på forhånd I Adobe Photoshop, og er derefter blevet importeret til biblioteket, inde I Adobe Flash. 1. Content layer: Figur 20. flash_galleri.fla grafikken til content layeret. I content layered, har vi valgt at lave en tekst bosk, inde I programmet Adobe Flash. Denne boks er placeret i den brune kasse. Font og dets farve, er således også lavet i programmet. I content layeret, er der tre forskellige layers: images, text og actions. For hver billede + billedets tekst, ligger i hver deres keyframe. 15

1. Controls layer: Figur 21. flash_galleri.fla grafikken til controls layeret. Figur 22. flash_galleri.fla grafikken til mouseover, i controls layered. I controls layeret, ligger to grafiske knapper lavet i Adobe Photoshop. Disse er blevet konverteret til to symboler, og derefter lavet til knapper button og givet navnet mc_btn. I disse knapper har vi lavet en mouseover, så når brugeren fører musen over disse to pile (se figur4.), vises et andet billede med samme grafik (se figur 5), bare i en grøn farve. De to knapper har fået instance navnene: next_btn og last_btn 16

4. Actions layer: Figur 23. flash_galleri.fla koden til actions layeret. I dette layer, ligger overstående kode (se figur 5) i den første keyframe. Det der sker i koden, når next_btn knappen er trykket på, hvis den nuværende frame er lige(==) med det totale antal af frames i mc_content, så retunere den til frame 1 af mc_content. Hvis ikke ( }else{ ) den er på det totale antal af frames, vil den gå til næste frame. last_btn gør I princippet det same, den gør bare det hele bagvendt. Det der sker er, at hvis den nuværende frame er lige med (==) frame 1, så går den tilbage til sidste frame. Og hvis ikke ( }else{ ), går den tilbage til første frame. 17

4.1 Kodeeksempel på XHTML, til Terrariet Vissenbjergs web site. Figur 24. Hjem.html koden til Terrariet Vissenbjergs web side. Først oppe i koden har vi valgt at kommentere hvorfor vi har lagt vores stylesheet fil (forkortes CSS) eksternt. <!-- Vores stylesheet ligger eksternt, i samme mappe som denne side (hjem.html). Denne kode sætter vi i <head>, for at undgå at skrive vores stylesheet i hver eneste side vi laver. -->. Dernæst skrives funktionen til at hente vores eksterne stylesheet fil ind til vores nuværende side (hjem.html). <link rel="stylesheet" type="text/css" href="stylesheet.css" /> henter vores eksterne stylesheet. Den måde denne funktion slutter på, er /> måden og er ifølge XHTML, den bedste måde at få det til at virke i ældre browsere. Dernest har vi: <body bgcolor="#424a33" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no"> Giver vores side en given baggrundsfarve(kunne også ligges I stylesheetet). Scroll= no, gør at der ikke bliver vist en scrollbar i browseren. Man kan sætte denne til: yes, no og auto. I vores tabel i cellerne (td):<td rowspan="2" id="links">, giver vi cellen en id med navnet links. Dette har vi brug for at skrive, så vi kan få gavn af vores eksterne stylesheet. Links refererer til vores ene og specifikke selector som har en given property og en værdi. Vi har også nogle link atributter ex:<a href="hjem.html"><img src="images/ design_slices_01.jpg" width="214" height="57" alt="" style="text-decoration:none; border:none"></a>. Vi har valgt at ligge denne <a><a/> atribut rundt om et billede, fordi dette billede bliver brugt som en knap på vores web site. Vi stylet billedet så vi undgår at få vist en kant (border) rundt om billedet, som ses i browseren når brugeren klikker på knappen. Dette sker ved style="text-decoration:none; border:none". Vi undgår også at der kommer en streg under billedknappen (underline), via text-decoration:none. 18

4.2 Kommentering/forklaring af vores kode Vi har valgt at kommentere vores kode internt i filerne. Produktion 5.0 Vores website findes på adresse http://www.vissenbjerg.sub.ots.dk/group4/hjem.html 19

Bilag SWOT analyse af Terrariet Vissenbjerg Styrker Besøge af mange skoler Engageret medarbejdere Stor parkeringsplads God beliggenhed ved motorvejen Rundvisning i terrariet Muligheder Flere besøgende Svaghed Begrænset ressourcer og økonomi Få dyr Kedeligt udendørsområde Trusler Konkurrenter 20

Logbog Mandag 18/ 5: Mandag kl 09 mødtes gruppen friske og klar på projekt. Sammen vælger vi den målgruppe og stilart, som skal arbejde med projektet igennem. Vi har i fællesskab valgt stilarten pop- art. Og vores målgruppe er børnefamilien. Vi snakker om projektet som vi hver især har læst igennem den daværende weekend. Endvidere laver vi en tidsplan og udfylder den med de ting og deadlines vi kender til på nuværende tidspunkt. Samt det vi beslutter os for nu. Fra kl 12 kører bussen mod Terrariet Vissenbjerg som vi skal ud og besøge samt lave observationsbaseret research. Efter besøget har jeg, Mira i fritiden designet udkast til website, til diskusion tirsdag. Tirsdag 19/ 5: Gruppen møder kl 09 i lokale 25 og holder morgenmøde omkring designet af website. Vi anvender flittigt diamanten baseret på vores besøg i Terrariet Vissenbjerg. Hvad ved vi, og hvad ved vi ikke. En fælles brainstorm bliver skrevet ned i punkt for punkt i henhold til opgavens krav. Spørgsmål til analyse omkring reptiler og allergi bliver udarbejdet til brug onsdag i en skoleklasse i Middelfart. En kort beskrivelse af vores målgruppe bliver igangsat og skal være færdig onsdag. Mindre kravspecifikation til hvad website skal indeholde og kunne. Vi er også startet på at skrive om projektstyringsforløbet og valgt en projektleder. Til sidst her idag tirsdag har vi skrevet logbog for mandag og tirsdag. Onsdag 20/ 5: Gruppen holder morgenmøde for at snakke om at finde nyt design, da vores nuværende design ikke høre inde under de fire stilarter projektet bygger på. Så nyt design bliver startet op, og Steven fra gruppen er ude på fieldresearch. Alle går igang med skrivearbejdet. Alle tager arbejde med hjem til vi igen mødes mandag. Mandag 25/ 5: 21

Morgen møde bliver holdt. Connie har søndag aften sendt smser til Mira, citat af sms: Hej mira. Jeg dropper ud af gruppen. Vi snakker om det i gruppen. Derefter gør vi klar til konceptgodkendelse, vi får diskuteret vores problemer og status i gruppen under konceptgodkendelsen samt hvad Connie har sagt ang at droppe ud gruppen. Vi er alle lidt forvirret og frustreret og holder et møde med Thomas så vi bliver klar over hvad hjemmesiden skal indeholde. Derpå går vi igang med ny omgang af design, og laver alle et mugup hvor vi derpå stemmer om hvilke et det skal være. Tirsdag 26 /5: Nyt design er oppe og stå og vi holder nyt møde med René om designet. Skrivearbejde fortsætter. Vi får en konceptgodkendelse fra Rene, og designet på hjemmesiden er også i orden. 3D ikon bliver igangsat. Ellers er der godt gang i kodning samt skriver til rapporten. Forside print hos fotohandleren bliver sat over, så det kan hentes onsdag. Onsdag 27/ 5: Gruppen starter med morgenmøde, og går derefter igang med henholdvis skriveri, flashgalleri og 3D samt visuel collage. Forsidebillede bliver hentet hos fotohandleren. Selve rapporten bliver samlet, og gennemlæst. Torsdag 28/ 5 Morgenmode bliver holdt, og vi starter med at sikre os rygspiraler samt laminering til rapporten. Kodeeksempler bliver tilføjet rapporten. Rapporten bliver printet ud og afleveret på Carolines kontor. Website bliver stylet færdig. Fredag 29/ 5 Dobbel tjek af upload på server, og om det hele er som det skal være. 22

Brainstorm Målgruppen vi har bestemt os for er børnefamilier. På grund af at besøgstallet samt indtjening skal øges. Og da de i forvejen har masser af klasser der besøger dem, vil børnefamilien gavne mere. Forældrene vil der i gennem lære mere om disse dyr, så det ikke kun er skolen der viser terrariet frem. Børn har overtalesevne uden lige og for forældrene lader sig overtale. Flere og flere børn har idag allergi over for dyr med pels. Og derfor kan de stadig være med på at have et kæledyr som er et reptil. Og vores field research går på at finde ud af om børn virkelig ønsker et reptil som kæledyr, hvis de har eller får allergi over for pelsdyr. TVs ønsker til website: Balance mellem billeder og tekst. Men vores ide bygger på billeder af enkelte dyr og info om dem. Og ikke en masse øvrige dyr de ikke kan vise frem alligevel. Og da det er et børnesite, skal disse dyr have en personlighed Derpå kan der være et lille galleri af alle de dyr de har med lidt info dertil. Præsentation af de udvalgte dyr er dem der egner sig til kæle/hobby dyr, og de bliver fremhævet med mere personlighed og karakter. Ud over de ønsker som de har vil vi tilføje en brugervenlig login hvor man kan tilføje billeder osv med eget dyr. Udover det vil vi gerne finde firmaer der sponsorere enkelte dyr og derved fx få deres reklame på montren. Ny attraktion kunne være at gøre udendørsområdet mere spændene til både forældre og børn. opfordring til at have madkurv med eller der er mulighed for at grille. Drikkelse kan købes. Fx. skattejagt hvor man finder poster i området, grene man kan svinge sig i, fremvisning af dyrene så børnene kan røre ved dem, kaninkæle park. Terrariet historie vist i gammel støvet historie ligende bog med indholdsfortegnelse, med korte appetitvækkende historiefacts, og man kan stadig finde hele historien. 23

Kildeangivelse Websites: http://dst.dk/ http://da.wikipedia.org/wiki/street_art http://da.wikipedia.org/wiki/flash_mob http://da.wikipedia.org/wiki/installation http://huskmitnavn.dk/ Tekster: Lotte Darsø, ph.d., Børsen Ledelseshåndbøger (2003): En formel for innovation? Robin Williams & John Tollett, The non designers web book. 24