Computerens anatomi-dokumentation CASE

Transkript

1 Computerens anatomi-dokumentation CASE Case: Kundevejledning på WEB (Popup på hjemmeside når man søger efter computer) Målgruppe? - 30 til 50+ årig, da de kan have svært ved at vælge en computer der passer dem godt. Afsender? - STOR Elektronik forhandlere af computer hardware udbydere som Elgiganten, Power Formål/præmis (effekt) - At give dem en form for mere dybde gående viden inde for sammensætning af en computer og de forskellige typer ram, harddisk og processer. Faktuel sammenhæng i øvrigt? - Landsdækkende virksomhed som Elgiganten og Power Persona:Forældre med mindre viden om computer. ældre personer som skal til at lærer om computer. Generelt mennesker der har brug for computer viden om hvilke komponenter de skal have i deres kommende computer Lasswell s Kommunikationsplan/model: Hvem: Store elektronik forhandler af computer hardware udbydes som Elgiganten og Power Formål: At give personer med lille viden om computer hardware en dybere viden inde for sammensætningen af en computer og de forskellige typer ram, harddisk og processer og hvad de er gode til. I hvilket medie: Kundevejledning på deres Web. (Popup på hjemmeside når man søger efter computer) Modtager/Persona: Personer i alderen 30 til +50 år, som har en holdbar økonomi. Med hvilken effekt: At give målgruppen en bedre baggrund til fremtidige køb af computer Skrevet af: Andreas Igel og Nicolai Jensen

2 Tekst/info til vores produkt Processer/CPU-GPU Bestemmer hvor hurtigt du kan lave forskellige funktioner på din computer Intel i 5 processer god til computerspil Intel i 3 processer (god til internetsurf/skrive) Intel i 7 processer (god til billede og video redigering) Harddisk Opbevarer dine oplysninger så du kan komme til dem igen Ekstern harddisk intenso memory center 5 TB Flytbar harddisk microstorage 2nd Bay harddisk 500 GB Intern harddisk WD Red WD30EFRX 3 TB Grafikkort Grafikkortet styrer hvor flydende de forskellige programmer og funktioner på computeren kører på computeren. GTX titan ti X god og meget hurtig til at kører spil. XFX Radeon R9 380 også god til spil men ikke ligeså dyr som GTX Nvidia geforce gtx 980 ekstrem god til spil men også ret pebret i pris Ram Bestemmer hvor mange programmer du kan have kørende på en gang. Kingston HyperX Fury DDR DC -16GB KINGSTON 8GB DDR3 1600MHZ NON-ECC 2X4GB Kølesystem Er vigtig for at sikre at din computer ikke brænder sammen Man kan enten vælge mellem vand eller luft køling: Intel Air Cooling TS13A WCUK Spec 240GTS Solo - Black Ice Professional Watercooling Kit - ECO Edition Cases Opbevarer alle din computer hardware i en kasse der gør den flytbar Corsair Graphite Series 780T Corsair Carbide 100R Mid Tower Skrevet af Andreas igel, Rasmus Olsen, Nicolai Jensen

3 Dokumentation Informationsdesign Vi som gruppe har valgt at lave en brugerflade for en bestemt målgruppe i alderen 30 til +50 år. Vores brugerflade har til formål at give dem mere viden omkring computer hardware og sammensætning af en computer. Vi har tiltænkt at vores produkt skal anvendes på hjemme sider som Power s, Komplet og Elgigantens hjemmeside, så folk i vores målgruppe nemmere kan finde en computer der passer deres behov. og for at give dem muligheden for at udskifte forskellige dele selvom at de har minimal viden omkring computer hardware og sammensætningen. så derfor valgte vi at opsætte vores information design så enkelt så muligt med så konkret information som muligt for at gøre det så simpelt som muligt for ikke at forvirre vores målgruppe så du kunne vælge at lukke det ned fordi de ikke mente det var brugbart da det var for forvirrende Skrevet af : Andreas Igel

4 Interaktionsdesign Vores formål med denne funktion (pop up funktion) på store computer hardwares butikkers hjemmesider er at give vores målgruppe et værktøj der giver dem muligheden for at finde en computer der passer til deres behov samtidig med at de får ny læring omkring de forskellige computer hardwares funktioner og sammenhæng og hvorfor de er gode til de forskellige handlinger de ønsker at bruge computeren til. Så selv brugen er en enkelt platform hvor de læser om de forskellige produkter og hvad de er god til i forhold til deres behov. F.eks. vil en mand vælge en stor harddisk da han skal have mange billeder fra ferien på computeren og der ikke har behov for at computeren er ekstrem hurtig. Hvor en kvinde derimod vil have en hurtig maskine der hurtigt er i gang og klar til brug så hun vil nok vælge en SSD harddisk der gør de forskellige programmer på computeren hurtigere og mere flydende at arbejde i. Ikke muligt at fremvise den interaktive del af produktet da det var langt for kompliceret at lave for os med vores kunnen inden for html og css uden at gøre brug af templates Skrevet af: Andreas Igel Visuelle Design Vi har gjort så meget ud af vores visuelle design som muligt med uden template vi kan finde på nettet vil det ikke ligne noget meget kønt popup vindue, men vi har gjort brug af CSS for at få lidt farve og struktur i vores pop up vindue ud og CSS, har vi selvfølgelig også gjort brug af HTML til at lave alt vores tekst og kodning. Vi startede med strukturen af html i koden. Sæt op head/body og alle de standardkoder. Så lavede vi en CSS kode some vi connected til vores html kode. I CSS lavede vi boxer som hed: Wrapper, Header, Main og footer. Wrapperen fylder hele siden. Headeren er op i toppen hvor vores title sider. Main består af 3 mindre boxer: MainLeft, MainMain og MainRight. MainLeft og MainRight ligger ud i siden af vore webside. De har en border som viser vore de ender og MainMain starter. MainMain er selve bodien af siden. Det er også her alt vi skriver under body i html koden bliver sat. Med hjælp af Div Id koden kunne vi placere alle de her boxer i det rigtig sted på website. Vi bestemmer størrelsen af boxerne med hjælp af koder som: min-height: 0000px; height: auto; width: 100%;. Med de her koder sidder boxerne i det sted de skal være selvom man tilføjer masser af tekst i html koden. Selvfølig skal man også være sikker på at alle Div id sider i rigtig sted, ellers ville boxer side det forkerte sted. Med CSS kunne vi også

5 sætte farver ind. Vi endte med at kun bruge en blå farve for alt untag MainMain som blev hvid. Så fik vi skrevet alt vores tekst ned i html koden for vores webside ved hjælp af koder som: <Li></Li> h1 h2 h3 h4 osv. Vi kunne desværre ikke indsætte pop up boxer fordi ingen af os havde arbejdet med java script før. Så vi kunne ikke følge den del af vores plan. Skrevet af: Nicolai Jensen Processen af udarbejdelse af produkt Vi startede med at lave noget idegenerering hvor vi fandt frem til hvordan vi kunne udvikle vores produkt altså en case. Selve målet med vores produkt at ramme en vores målgruppe som vi mente der ville kunne gøre brug af vores brug af vores produkt. Vores emne var Computer Anatomi så ud fra emnet skulle vi finde en case, vores valg af case faldt så på at vi gerne ville lave et produkt som der kunne hjælpe vores målgruppe fra 30 til +50 årig, med at få bedre viden omkring computer hardware og opbygning/ sammensætning af en computer. Vi valgte at vores produkt skulle være web placeret, det skulle fungere som et popup vindue hos store computer hardware forhandlere på nettet som, Elgiganten, Power eller Komplet. Hvor de så kan få muligheden at få mere viden omkring de forskellige komponenter i computeren og hvordan de fungere sammen og hvorfor og hvordan de forskellige produkter er gode til efter dette begyndte vi at lave et informations design af hvordan vi tænkte at den skulle se ud og hvor og hvor meget information der skulle på vores information design del af produktet, billedet du ser til højre for teksten er vores første forslag til vores produkt, som man kan

6 se er den meget tom og kedelig i farverne, men som vores arbejder skrider sammen begynder vores informations design at tage mere form med farver og information og layout af selv pop up vinduet (kan ses på side 3 til højre for teksten omkring informations design teksten) Skrevet af Andreas igel