Mode og design et ressourcespild

ROSKILDE TEKNISKE GYMNASIUM Mode og design et ressourcespild Informationsteknologi Rasmus Kibsgaard Riehn-Kristensen 11-05-2012

Indholdsfortegnelse 1. Indledning... 4 2. Indledende afsnit... 5 2.1 Problemobservation... 5 2.1.1 Egen erfaring... 5 2.2 Problemformulering... 5 2.3 Kravopstilling... 5 2.4 Løsningsforslag... 6 2.5 Sammenligning og valg af løsning... 6 2.6 Valg af værktøj... 6 2.7 Resurseplan... 7 3. Målgruppen... 8 3.1 Kanylemodel... 8 Afsender... 8 3.1.1 Indkodning... 8 3.1.2 Støj... 8 3.1.3 Mediet... 9 3.1.4 Budskabet... 9 3.1.5 Afkodning... 9 3.1.6 Firewall... 9 3.1.7 Modtager... 9 4. Teori... 10 4.1 HTML... 10 4.2 CSS... 10 5. Kravspecifikation... 11 5.1 Obligatoriske krav... 11 5.2 Ekstra krav... 11 6. Design... 11 6.1 Hjemmesidens design... 11 6.2 Folderens design... 12 Side 2 af 15

7. Implementering... 13 7.1 User stories... 13 7.1.1 Mine user stories... 13 7.2 Hjemmesiden... 13 7.3 Folderen... 13 8. Afprøvning af produkter... 14 9. Konklusion... 14 10. Bilag... 15 Side 3 af 15

1. Indledning Jeg er en elev fra Roskilde Tekniske Gymnasium, og jeg går på Linjen Matematik- Informationsteknologi-Programmering. Denne opgave er lavet i forbindelse med klassens tema Hverdagens Luksus, i faget Teknologi A og eksamensprojektet i IT og programmering. Det tema jeg har valgt at arbejde med, omhandler den hverdag vi har med Luksus, og hvilke problemer der enten kan løses med en luksusløsning eller hvilke problemer der skabes ved at vi har luksus. I Teknologi har jeg valgt at sætte fokus på de problemer som luksus kan skabe. Jeg holder dog min fokus inde for hjemmets grænser. Der kan opstå adskillige problemer, men jeg har valgt at kigge på området: mode og design. Jeg ser et problem med at moden hele tiden skifter og der bliver skabt et nyt design, der overtager det forriges plads i hjemmet. Man smider derfor alt for mange gode og virkende møbler og ejendele ud flere gange gennem sit liv. I teknologi har jeg valgt at fremstille en lampe, der har et varierende design. Et design, der kan ændres så det vil blive set som noget tidsløst. Det skal desuden gøre op med at vi bare bliver ved med at skifte vores nuværende produkter ud, da det bare kan ændres til noget nyt. Jeg inddrager mit projekt fra Teknologi og bygger videre på det budskab, jeg har tænkt mig at promovere med mit produkt derfra. For at gøre det til en mere åbenlys kampagne, så har jeg tænkt på at enten opsætte en hjemmeside eller at lave nogle plakater eller nogle foldere. Hjemmesiden er et valg jeg har foretaget, for at man kan se alle processor af dette projekt. Der skal først være en introducerende forside, så en side hvor man kan læse om hvad jeg har fundet frem til i mit teknologi projekt, så en side hvor at man kan se billeder fra hele arbejdet med teknologi produktet og til sidst en side, som er dedikeret til programmering. Side 4 af 15

2. Indledende afsnit 2.1 Problemobservation Når vi øger vores luksus i hverdagen, så øger vi samtidigt muligheden for at der opstår nye problemer 1 vi kan løse ved hjælp af mere luksus. En af de ting er blandt andet vores mode og det design som det har. For at virksomhederne kan blive ved med at sælge deres produkter, så sørger de for at påvirke mode branchen med nye design. Nye design betyder at ingen ejer dem, og derfor må dem, der går op i moden, ud og have fat i det sidste nye design. Problemet med at moden hele tiden skifter, er at vi så, som forbrugere, køber nyt tøj meget ofte. Og når vi køber noget af det nyeste mode, så har vi samtidigt noget der ikke længere er med på moden. Det kommer vi ikke til at gå med igen, så de fleste smider bare det gamle 2 tøj ud. 2.1.1 Egen erfaring Jeg kender godt selv til dette problem, men selv ser jeg det heller ikke som et problem før end at jeg tænker over det. Et eksempel er, at jeg for et år siden købte mig en ny telefon. Grunden til at jeg gjorde dette, var fordi at jeg godt ville være med på den nye bølge der hedder: Smartphones. Derfor skrottede jeg min gamle telefon for en smartphone. 2.2 Problemformulering Det problem jeg har tænkt mig at arbejde med, er følgende: Når moden skifter og der kommer nye design, så er vi meget hurtige til at smide gamle møbler og ejendele ud selvom at de stadig er i god stand og fungere på den bedste måde de kan. 2.3 Kravopstilling Efter at have analyseret mit problem, så kan jeg opstille nogle krav til mit kommende produkt. Da det er meningen at dette produkt skal være hovedkilden til information om min kampagne, så er det vigtigt at jeg opstille nogle kommunikative krav. De krav jeg er kommet frem til er følgende: - Det er vigtigt at al inforationen er let at komme til, og at der er en overskuelig oversigt så det er nemt at finde rundt. - Der skal ikke være nogle farver der irriterer eller gør så man ikke kan se teksten eller billeder. - Det er vigtigt at alle oplysninger er dokumenterede. 1 Problemer der opstår findes der allerede løsninger til, men der er ingen luksus løsninger. 2 Tøjet er ikke gammelt, det er blot lidt ældre end det nye vi køber. Side 5 af 15

2.4 Løsningsforslag Forslag 1: Mit første forslag til en løsning, er en plakat. En plakat, der er skrevet i et programmel dertil, så det er muligt at gøre den rigtig nice og øjenfaldende. Forslag 2: Mit andet forslag til en løsning, er en folder. Denne folder kan skrives i alle tekstredigeringsprogrammer og i programmer der er lavet dertil. Forslag 3: Mit tredje forslag til en løsning, er en reklamefilm. Denne reklamefilm kan laves med adskillelige forskellige programmer. 2.5 Sammenligning og valg af løsning Når jeg kigger på mine forskellige løsningsforslag, så er det løsning nummer 3 der virker mest rimelig. En reklamefilm ville give et godt overblik over produktet og så kan en sådan reklame sendes over fjernsynet. En plakat sættes op, men der er ikke så mange der faktisk ser dem. De fleste vandrer blot forbi dem og ænser dem ikke en tanke. En folder kan deles ud til mange, men de fleste plejer bare at smide dem ud eller også så tager de blot de andre ting der som regel deles ud sammen med folderne. Mit valg bliver en folder, da jeg for det første ikke har arbejdet så meget med foldere. For det andet så har jeg ikke set så meget på de forskellige programmer der er at arbejde med. Yderligere så, er det nok den bedste måde at komme rundt om produktet fra teknologi på. Desuden kan budskabet hurtigt bredes, når sendes det sendes ud til lokale steder og over internettet. 2.6 Valg af værktøj Når man ser på de forskellige programmer der er til at redigerer og sammensætte film. Jeg har fundet frem til to forskellige: Microsoft Word o Word er et skrift redigeringsprogram, som har en masse indbyggede skabeloner. Scribus o Scribus er skriftredigeringsprogram med en masse forskellige muligheder for at lave plancher og foldere.. Side 6 af 15

Jeg har valgt at arbejde med Word, dog er det ikke et gratis program. Jeg er i den heldige position at have en licenseret udgave, der er min egen. Desuden har Word mange flere redigerings muligheder end Scribus. 2.7 Resurseplan Side 7 af 15

3. Målgruppen Min målgruppe er unge til ældre, mest indenfor aldersgruppen 18-40 år, der bor i eget hjem. Jeg har mest fokus på den del af målgruppen, der prøver at følge moden og ikke tænker sig om, når det gælder genbrug og genanvendelse. De segmenter som jeg har fokus på, altså dem min målgruppe spænder over, er primært det blå og det grå. Det blå segment, er den del af befolkningen der arbejder meget, tjener mange penge og har et meget stort forbrug. Det grå segment, er den del af befolkningen der er lidt usikre, elsker nydelse og de yngre af segmentet går meget op i deres udseende. http://mikkelkjerri.dk/minerva-model/ De dele af segmenterne med at der bliver tjent mange penge, så der er et stort forbrug og at der bliver gået meget op i hvordan man ser ud og at man elsker nydelse, passer alle rigtigt godt på den målgruppe jeg har kig på. Har du mange penge, så har du et stort forbrug. Elsker du nydelse og går op i udseendet, så går du også op i moden. 3.1 Kanylemodel Kanylemodellen er en senere udgave af Laswells 5 H er. Jeg bruger kanylemodellen til at definere min kommunikation, da den er tiltænkt til medier der skal dosere et budskab til en modtager, som en kanyle dosere medicin. Afsender Afsenderen af mit produkt vil være en organisation, der gerne vil stå bag det budskab som mit nævnte teknologi produkt skal brede. Selv har jeg tænkt mig at opsætte den internetside der skal brede budskabet. Den organisation jeg har sat op, hedder Save your Resources Save your World. 3.1.1 Indkodning Spredningen af budskabet skal ske enten via en hjemmeside eller en folder. Konstrueringen af hjemmesiden kommer til at blive via HTML og CSS. Konstrueringen af en folder kommer til at foregå via Microsoft Word, da Word har en folder skabelon. 3.1.2 Støj De elementer der kunne være forstyrrende for mit produkt kunne være: - Skriften på hjemmesiden eller folderen kunne være utydelig eller ulæselig. - Farverne kunne være irriterende eller være for tæt på farven af teksten, så den ikke kan læses. - Billederne skal have relation til den tilhørende tekst, ellers kan de virke forvirrende. Side 8 af 15

3.1.3 Mediet Jeg har valgt at lave en hjemmeside som det primære medie. Ud over det vil jeg lave en folder til at brede budskabet yderligere. Hjemmesiden skal være stillet op, så det er muligt at læse om selve formålet med hjemmesiden, så man kan se fremstillingsfasen af det grønne teknologiprodukt og en side hvor at man kan læse rapporten her, teknologi rapporten og hente programmeringsprogrammet, sammen med journalen til. Folderen skal informere om selve formålet med projektet. Der skal være billeder af teknologi produktet og information om programmet fra programmering. 3.1.4 Budskabet Hjemmesiden skal bruges til at brede budskabet fra min teknologi opgave om at vi spilder vores ressourcer: Når vi øger vores luksus i hverdagen, så øger vi samtidigt muligheden for at der opstår nye problemer1 vi kan løse ved hjælp af mere luksus. En af de ting er blandt andet vores mode og det design som det har. For at virksomhederne kan blive ved med at sælge deres produkter, så sørger de for at påvirke mode branchen med nye design. Nye design betyder at ingen ejer dem, og derfor må dem, der går op i moden, ud og have fat i det sidste nye design. Problemet med at moden hele tiden skifter, er at vi så, som forbrugere, køber nyt tøj meget ofte. Og når vi køber noget af det nyeste mode, så har vi samtidigt noget der ikke længere er med på moden. Det kommer vi ikke til at gå med igen, så de fleste smider bare det gamle2 tøj ud. 3.1.5 Afkodning Målgruppen skal gerne blive informeret om hele miljø problemet som min teknologi opgave omhandler. Når de så er blevet informeret om problemet, så er det også meningen at folk skal gøre noget ved problemet. Til sidst er det også meningen at målgruppen skal blive informeret om produktet som jeg har fremstillet i Teknologi. 3.1.6 Firewall Udfordringen for mig, er at få folk til at interesserer sig for det her problem. Det er ikke lige nemt at få folk til at ændre på deres levevaner og derfor er det vigtigt for mig, at få informeret om det de kan komme til at miste. 3.1.7 Modtager Modtageren af mine produkter, er den målgruppe som jeg har defineret tidligere. Fokussen ligger dog mest på unge, da det er unge der tænker mindst på miljøet. Side 9 af 15

4. Teori Da min hjemmeside er lavet med HTML og CSS, så vil jeg gerne lige forklare hvad HTML og CSS er. Yderligere vil jeg gerne forklare hvordan Words skabelon virker. 4.1 HTML Html (HyperText Markup Language) er det "sidebeskrivelsessprog", som man skriver internettets hjemmesider i. En sådan hjemmeside består af nogle filer, der hedder.htm eller.html, og nogle billeder som hedder.gif eller.jpg. Hjemmesider kaldes også for html-dokumenter. Et html dokument består af en række tags og noget tekst. Tags er en række kommandoer, som er indrammet af et < og et > tegn. Alle tags, med få undtagelser, har et start- og slut-tag. Jeg vil starte med et af de mest simple som udgangspunkt: <B> Dette kommer til at stå med fed skrift </B>. Det første tag, start-tagget, er her <B>. B'et står for "bold", som betyder "fed" på engelsk. Derefter kommer den tekst, som skal stå med fed skrift. Til sidst kommer slut-tagget </B>, som markerer, at der ikke skal være mere fed skrift. Hvis der ikke var noget slut-tag, ville alt tekst under tagget blive med fed. Skråen er der i øvrigt næsten altid på slut-tag. 4.2 CSS CSS (Cascading Style Sheets) er et computer-sprog der bruges til at beskrive hvordan man ønsker indholdet af et HTML/XHTML/XML dokument skal præsenteres på en hjemmeside. Man kan indlejre sproget i et HTML-dokument mellem to style-tags eller have det i filer for sig ved henvisning via et link-tag. Fordelen ved at placere denne type oplysninger i en fil for sig selv er, at formateringen kan genbruges i flere dokumenter. Hvis man ikke lægger det i en fil for sig vil man skulle gentage den samme kode på hver side hvor man ønsker samme effekt og det er bare spild af arbejde. Ved mere avanceret brug, kan et CSS-dokument bruges til at kontrollere en hel hjemmesides udseende og opbygning. Derved kan man holde indholdet af siden i HTML-koden og samtidig lade CSS-koden kontrollere udseendet. Ud over genbrug giver CSS-formatet mulighed for at kombinere formateringsoplysninger fra flere forskellige CSS-filer. Med denne teknik kan man eksempelvis have en CSS-fil med basal formatering, der bruges af alle HTML-dokumenter, man administrerer, og en anden, som bruges til eksempelvis "avanceret indhold". Side 10 af 15

5. Kravspecifikation Da jeg nu har bestemt målgruppe og defineret hvilke programmer jeg skal bruge, så er det vigtigt at jeg får sat nogle krav op. Af krav har jeg både obligatoriske krav og ekstra krav. Obligatoriske krav er hårde, altså skal de overholde før at programmet godkendes. De ekstra krav er bløde, altså er det krav der først skal opfyldes når de hårde krav er. 5.1 Obligatoriske krav - Hjemmesiden skal have sider der oplyser om formålet med hjemmesiden, produktet der er blevet produceret i teknologi og programmerne fra programmering. - Hjemmesiden skal være nem at komme rundt på. - Folderen skal have gode og illustrerende billeder. - Folderen skal ikke have al for meget tekst ellers gider de fleste ikke læse dem, især ikke målgruppen. 5.2 Ekstra krav - Der skal være billeder fra hele processen med at fremstille teknologi produktet. - Der skal være en kontakt side, til det firma der nu skal arbejde med hjemmesiden. - Folderen skal være i en masse farver, der dog ikke irriterer hinanden. - Folderen skal være af et holdbart materiale som karton. 6. Design I dette afsnit gennemgår jeg det design jeg har valgt for min hjemmeside og min folder. 6.1 Hjemmesidens design Hjemmesiden består af flere dele. En stor baggrund, der har farven grøn da hele idéen med denne opgave er at vi skal være mere grønne. Vi skal redde vores ressourcer og vores miljø, så baggrunden er grøn for at symbolisere og støtte dette. Jeg har valgt at sætte en ø ind i midten af hjemmesiden, så det virker som om at man læser en artikel. Det gør, synes jeg, hjemmesiden lidt mere seriøs. Overskrifterne er grønne, så de matcher baggrunden. Side 11 af 15

Forsiden, altså den første side man kommer ind på, skal have en beskrivelse af sidens formål og en liste over opdateringer, så man kan holde øje med at siden bliver opdateret. Den anden side, denne skal handle om det arbejde jeg har lavet i dette fag, teknologi og Programmering, skal bestå af afsnit for hvert fag der indgår. Der skal yderligere være link til de forskellige opgaver og med programmering skal der være link til programmer. Den tredje side skal være en side, hvor at man kan se det produkt jeg har fremstillet i Teknologi. Det skal ligne en side, hvor at det er muligt at købe produktet. I toppen af alle tre sider, er så hjemmesidens logo. Jeg har valgt at designe logoet simpelt. Jeg har valgt at give det farven blå, og skrive tekst på i stedet for at lave et billede. Logoet er blåt så det er fængende, så man ser det med det samme. Teksten på logoet er hele essensen af projektet og budskabet: Save your Resources Save your World. 6.2 Folderens design Folderen består af et ark A4 papir, hvor der er printet på begge sider. Begge siderne er delt op i tre lige store stykker. På forsiden af folderen er der en forside med billede, en bagside hvor at man kan se kontaktoplysninger og en mellem side, som er en lidt info om mit produkt jeg har lavet i Teknologi. På bagsiden er der så tre sider med information. På de tre sider skal der være følgende: information om hjemmesiden og produkterne derpå og budskabet skal bredes ud og forklares. Side 12 af 15

7. Implementering I dette kapitel af projektet vil vi gennemgå udviklingen af mit program, som skal visualiserer mit teknologiprodukt i 3D. Jeg har valgt at bruge sproget HTML og sproget CSS til at lave hjemmesiden. Til at lave folderen vælger jeg at bruge Microsoft Word. 7.1 User stories Indenfor programmering og informationsteknologi har vi en komponent, som vi kalder for user stories. En user story er en eller flere sætninger der beskriver hvad jeg forventer at programmet skal kunne gøre. 7.1.1 Mine user stories Når programmerne åbnes, forventer jeg at der et inputfelt hvor jeg kan indtaste en parameterværdi for længden mellem 1 og 10 i det ene og en parameterværdi for tilføjelsen i den anden. Når jeg har indtastet en parameter for radiussen, så forventer jeg at programmet rendrerer et 2D-billede af en 3D-modellen med den ændrede værdi. Hvis jeg indtaster en ny parameter for længden, så forventer jeg at der bliver rendreret et nyt 2D-billede af den nye 3D-model. 7.2 Hjemmesiden Siden er stillet op som alle andre hjemmesider er. Selve layoutet er sat op i CSS filen, så jeg definerer hvor og hvordan baggrunden ser ud, hvordan overskrifterne ser ud og hvilken farve de har, hvor øen er og hvordan den ser ud, hvor sidelinjerne skal være og hvor store de skal være og hvor menuen skal være og hvordan den ser ud. Selve teksten og billederne der så skal være på siden, skriver jeg i HTML. Jeg vælger at lade være med at gå alt for dybt ned i html en, da det ikke er den det handler om men mere Folderen. Hjemmesiden er blot mediet til at bringe budskabet. 7.3 Folderen Folderen er som sagt skrevet i Microsoft Word, ved hjælp af en af dens indbyggede skabeloner. Disse skabeloner kan man hente lige så mange forskellige af som man vil, da det er gratis så længe man har en udgave af Word. Skabelonen er meget nem at bruge, da den på forhånd har markeret de Side 13 af 15

brugbare områder op. 8. Afprøvning af produkter Min folder blev godt modtaget af de individer der har set på den. Alle testpersonerne var inden for min definerede aldersgrænse. Hverken farverne eller teksten er utydelig eller generende, hvilket er et af mine krav. Dette gør at folderen er læselig og nem at gå til. Folderen blev godt modtaget af testpersonerne og det betyder at den falder godt ind hos målgruppen. Når den gør det, så er det vigtigste krav opfyldt. Læseren skal læse folderen. Folderen kunne dog forbedres ved at jeg bruger et rigtigt folder redigerings program som eks. Scribus. 9. Konklusion Formålet med IT projektet, var at få oprettet et medie til at brede et budskab som jeg har arbejdet på i faget Teknologi. Jeg har oprettet en hjemmeside som det computerbaserede medie, og da alle stort set har internet i dag så er det også dette medie hvor man kan hente rapporterne om de andre dele af dette projekt. Yderligere for at brede budskabet ud over computerens grænser, har jeg så lavet en folder der forklarer om præcis det samme som hjemmesiden og samtidigt henviser til den. På siderne af hjemmesiden har jeg først en introduktion til produktet. Yderligere har jeg en side hvor at alle rapporter der hører til dette projekt og til sidst en side hvor at produkterne kan hentes. Testen af produktet viser præcis den respons som jeg regnede med. Side 14 af 15

10. Bilag Jeg har lagt min folder op som bilag ved siden af. Side 15 af 15