Forarbejdning til produkt

Relaterede dokumenter
5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

Nyhedsbrev april: spørgeskemaundersøgelse

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt.

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

Grafisk workflow. website til duckhead music

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

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat

Grafik & Billede weloveorganic.com webshop

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

Oversigt HTML5 nye tags til sideopbygning

GRAFISK WORKFLOW GRAFISK WORKFLOW

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

Grafisk Workflow. Mediegrafiker - Svendeprøve. Mediegrafikeruddannelsen af Ramin Azizi

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet:

CentOS 7. Lavet af Ali Sarac og Andreas Jensen

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW

Mit grafiske workflow inkluderer:

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.

Form og dens underlige box model

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato:

GRAFISK WORKFLOW H1 MARIA SCHELDE

OPGAVE: WELOVEORGANIC.COM WEBSHOP

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen.

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

Byg et website med Dreamweaver

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio

Projekt i Programmering C Menu til hjemmeside.

Computerens anatomi-dokumentation CASE

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

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

Martin Møller Web1b Tirsdag den 19 juni 2012

grafisk workflow Madmagasinet

Webmaster Sweet-Swing.dk Websidens opbygning. Som eksempel er brugt siden om korets målsætning som den vises i editoren.

CSS fortsat: Boksmodel, floating & positionering

- nedarvning med selektorer

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

Grafisk Workflow. hovedforløb 2

Beginning CSS and Web Development kap. 1 11

Forståelse for grafisk produktion og workflow

Dokumentation. Karen-Louise Fejerskov

Nu skal vi især se på <font> og <center> samt centrering af hele siden på skærmen.

Computerens - Anatomi

Grafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling.

Afsluttende opgave i Kom/IT

Computerens Anatomi Af Mathias og Mark

GRAFISK WORKFLOW Hjemmesidedesign

KT OR LOW PRODUKTION // WORKFLOW

Computerens Anatomi. Kom/IT C - Computer Anatomi - Daniel og Fie - 3/ Planlægning af kommunikationsvalg og medieprodukt.

Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW.

! }! FORSIDE! <html>! <head>!

Præsentationsportfolio for Hovedforløb 1. Kongens Folk hjemmeside

Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet.

opsam ling fra sidst

Om styles / typografier / typografiark / stylesheets

\ \ Computerens Anatomi / /

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK PRODUKTIONSFORSTÅELSE

Grafisk Workflow Personligt website

1. Hovedforløb. Mediegrafiker

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside

Guide til din computer

Grafisk produktion og workflow

Webteknologi evalueringsopgave Vinter Niels Sundstrup

Overvågningskamera. ~Af Svend, Valdemar og Frederik~

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Grafisk produktionsforståelse

<!-- Kildetekst til en MC-test. Teksten kan direkte indlæses, som den er -->

TEKNISK DOKUMENTATION FAKTURA LAYOUT ABAQUE VERSION 2.0

Lad os lave en hjemmeside. Kikker du på vil du højst sandsynligt se dette.

Redaktørvejledning for Skriv en artikel

Password-beskyttelse af visse filer

OPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse

Sabine Puk Sørensen Svendeprøve portfolio

Guide til design af mailskabeloner i Medlemsservice

Stylesheets - grundteori.

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

3. PROJEKT, 2 SEMESTER

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Specialiseringen Rapport Lavede Af Rasmus R. Sørensen Side 1 af 6

TANDLÆGE KAMPAGNE. Marc Sztuk, Simon Drabsch og Marcus Rasmussen

1. Bilag: Brugertest for gammel site

Tillykke Med Fødselsdagen

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det?

Grafisk Workflow. Website til European Blues Challenge

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Nedarvning. At style tags inden i andre tags. - selektorer

Trin for trin guide til Google Analytics

Ratingsystem i PHP og MySQL

Transkript:

Forarbejdning til produkt Indledning Du kender nok det, hvor man står og skal købe en ny computer. Den ene pc har 4G RAM og den anden PC har 8G RAM, men du ved ikke rigtig hvor meget RAM du har brug for, eller hvad RAM præcist gør. Derfor opsætter vi en case: (Hvor meget påvirker RAM, og hvor meget skal den daglige pc bruger have?) Hvor vi først finder den teoretisk viden om problemstillingen, derefter tester vi hvor meget RAM påvirker dagligdagens arbejdsprocesser pr. gigabyte. I praksis. Problemstilling Da flere og flere mennesker bruger computere er der kommet en tendens til at folk bare spørg efter en computer i butikkerne uden at vide hvad de egentligt får. De kan derfor komme udfor at betale for mere end de egentligt har brug for, for at dække de behov som de har til deres computer Problemanalyse Der er mange som har et problem, som de ikke selv ved de har. Det er et problem folk ikke ligger mærke til de har, fordi det ikke har fået fortalt bedre. Når man går ind i en butik, så går man ud fra, at dem som arbejder der ved bedst, det er ikke altid det sandt. Man har sikkert selv været ude for det, når man ikke ved noget om computer og spørger dem der arbejder, jeg skal bruge en computer til min søn, det er jo meget bredt at sige, så de spørger sikkert, skal det være en skole computer eller en spille computer? Så siger moren ja en spille computer allerede der er du blevet snydt. Nu når de ved du gerne vil havde en spille computer, det betyder at de viser en masse dyre computere eller mærkevarer, som er fuldstændig unødvendige, den kommer højst også til at koste alt for meget. En af de basiske ting at lære omkring computer, er nok RAM i forhold til hvilket spil du spiller. Fordi det er der hvor du kan spare dine penge, hvis du ved hvor meget Ram du skal bruge, på den måde ved du hvor god en computer du skal havde, hvis den nu ikke kræver ligeså meget som du havde regnet med, kunne du spare flere tusinde kroner. Det gælder også skole computere. Kommunikationsplan Mål gruppe

Kvinder og mænd mellem 40-60 år. Grunden til at vores produkt er rettet mod dem, er at de ofte ikke har en særligt stor viden omkring, hvad der egentligt sker inden i en computer. Hvad der er vigtigt at kigge efter, når man leder efter en ny computer. Mange folk bruger mange timer, på at søge efter computer der passer til deres forbrug eller den person, som de køber den til. Denne gruppe af folk, er også meget udsat for at betale langt over, hvad der er nødvendigt for deres behov af computer. Det Kommer også meget an på, hvad man bruger en computer til, hvis du nu bare skal bruge en computer, som bare skal kunne gå på nettet eller tjekke mail. Så er det ikke nødvendigt at betale kassen for en god computer. For eksempel, så er der mange mennesker som køber gamer computere, som egentlig ikke ved hvad der er i dem. Det udnytter mange forskellige firmaer ekstremt meget, det gør de ved hjælp af udseendet (Mac) eller priser. Men hvis du ved hvad du skal havde i din computer for starten, så kan det være meget nemmere at købe en computer til en god pris. Hvis du ved hvad du skal havde og hvorfor, så kan man altid finde det firma eller butik, som sælger computeren med tingene i, til den billigste pris. Afsender Daglig dags aviser under kategorien dagens tip. Vi som gruppe har valgt at skrive under kategorien dagens tip, under en avis, og det er fordi, de ting som computere bruges meget i dagligdagen. Der er mange mennesker som bruger en computer, men i virkeligheden ikke ved så meget om computeren generelt. Det er derfor det skal foregå i en avis artikel, fordi det er noget som normale mennesker vil læse, især hvis det er noget som påvirker dem. Alle mennesker ejer en computer, derfor kan viden inde i artiklen hjælpe dem. Især hvis det er en artikel, som kan hjælpe dem i forhold til økonomi. I det her tilfælde er det indholdet i en computer, der er der mange folk som egentlig er lige glade, så længe den virker ordenligt eller er pæn. Læseren vil derfor blive meget mere interesseret i emnet, fordi det er noget læsemateriale, som kan hjælpe dem med at spare nogle penge et sted, hvor de ikke normalt havde troet de kunne. Medie

Avisartiklen skal vises på en af de web baseret aviser, da der er færre personer der i dagens Danmark bruger papir versionen af avisen, vi ved jo også at det er meget nemmere for folk at tjekke nyhederne. Web aviser bliver mere og mere populære i takt med at internettet, kommer til at være over det hele. Internettet er kommet på mobilen, de fleste mennesker rander rundt med deres mobil over det hele og bruger den også hele tiden. Derfor er det meget nemmere for folk at få adgang til forskellige hjemmesider, i det her tilfælde aviser. Derfor er vores avis artikel hjemmeside, også meget brugbar, fordi det er meget nemmere for folk at få adgang til den. Selv andre mindre computere, har adgang til internettet som ipads. I dette tilfælde bruger folk deres ipads til at spille på eller skole, men de bruger i hvert fald også nettet meget. Folk som sidder er hjemme med en kan også gå på vores hjemmeside, og tjekke hvad vi har lavet. Som du kan læse er der mange forskellige måder, man kan se vores ide på. Det er derfor vi har valgt at lave en hjemmeside, i stedet for noget andet. Det er nemt at vurdere og man behøver ikke printe den ud, eller lave noget mere om på den. Der er også meget mere viden inde på siden, hvor vi har kodet nogle links ind man kan bruge, hvis man vil læse lidt dybere ind i emnet. Baggrundsviden(Teori) RAM står først fremmest for: Random Access Memory. et er en vigtig del af en enhver selv bygget computer (programmering, spil, osv.), RAM er hvad computeren bruger når den åbner og skal holde et program åben. RAM er en kort hukommelseskort, den er designet til hurtigt læse og forstå programmets kode. Prøv at forstille dig RAM som kortids hukommelsen, hvis du prøver at løse en ligning, så vil du bruge din kortidshukommelse(ram) til at regne, mens den hiver information om hvad du skal gøre fra din langtidshukommelse(hardrive). Når problemet er blevet løst vil informationen omkring opgaven være for det meste væk, men informationen nødvendig for at løse samme slags opgave. Er blevet lagt ind på langtidshukommelsen. Når det kommer til hvilken slags RAM du skal have i din computer, går det 100 procent an på om hvad du skal bruge computeren til. Hvis du vil spille videospil anbefaler jeg 8 eller mere GB RAM med en kraft på 1600 mzh. Men hvis du vil programmere kan du nøjes med 3-4 GB. Krav til produktet Brugeren kan åbne og bevæge sig rundt på siden Brugeren bliver ikke forvirret af farve valget Brugeren er klar over hvor den kan finde den rigtige information Brugeren får en bedre forståelse af ram Valg af produkt For at vælge hvilket produkt der ville passe bedst til vores målgruppe, lavede vi en oversigt over de produkter som vi kunne lave. Vi kiggede så på hvilket krav som hvert produkt opfyldte og hvilket den ikke gjorde.

PowerPoint + God forståelse - kræver tilstedeværelse Video - unge mennesker + stort publikum Poster Tilfældigt publikum Folder Kun for åbne sjæle Hjemmeside Kræver en hvis mængde it viden Web Avisartikel + vises til aktive folk i samfundet + let tilgængeligt - begrænset til tekst Da vi så stod med listen kunne vi tydeligt se at web artiklen havde flere gode ting end den havde dårlige. Vi valgte derfor at producere den. Userstory - 1 Som en arbejdende person med børn og familie som har brug for computere har jeg brug for en simpel måde at finde ud af hvad der er vigtigt når det kommer til computere dette skyldes at jeg er træt af at snakke med overgearet ekspedienter i elektronikbutikkerne og bruge store mængder penge på noget jeg ikke engang ved noget om. Userstory - 2 Som en ældre person der er vokset op uden så meget som synet af en computer, og derfor ikke har nogle tekniske færdigheder har jeg brug for en måde hvor på jeg kan lære noget om computere dette kommer af at jeg ikke kan forstå hvorfor computere er så dyre og derfor gerne vil se om jeg på nogen måde kan spare penge. Userstory - 3 Som en skole eller der skal til at starte på gymnasiet har jeg brug for en ny computer. Mig og mine forældre har derfor brug for en måde hvorpå vi let kan finde ud af hvad vi skal kigge efter dette skyldes at mit budget er meget småt og mine forældre ikke kender så meget til computere. Fremstilling af produkt Praktisk forsøg Hvordan spiller denne teoretiske viden sammen med praktisk? Ved at opstille et forsøg hvor vi gentager en række dagligdags rutiner på den samme PC, men med forskellige antal gigabyte RAM, vil vi på den måde kunne finde frem til hvor meget RAM man har brug for. Eftersom at den daglige bruger er et meget bredt område, laver vi en masse forskellige

tests. Testen forløber sådan her: Opstart. Hvor langtid det tager for PC en at starte op. Det er en faktor som vil betyde noget for alle. Vi måler altså på tiden. Multitasking. Mange har mere end et program kørerende på en gang, og derfor er dette en meget bred tests også. Denne test indgår der hvor godt den håndtere et tekstdokument og 3 faner på Google Chrome. De åbnede faner er YouTube, Facebook og BT. Dette forsøg bliver målt ved en personlig vurdering. Counter Strike Global Offensive (CSGO). CSGO er et meget udbredt First person shooter spil. Det er let at trække på en normal gennemsnitlig PC. På kravende til spillet står der at man skal min. havde 4G RAM. Vi måler på Frames per second (FPS). Minecraft. Minecraft er valgt som den sidste test fordi at det er et af det mest solgte spil i verden, og det er kendt for at kræve meget RAM for at kunne trække det. Det vi måler på her er tiden det tager for en verden at indlæse. Resultat: Start up CSGO 2G 4G 6G 8G 2G 4G 6G 8G Tid 1min 6sec 1min 1min 51sec Min. FPS 110 110 140 170 3sec Max. FPS 200 200 210 200 Gen. FPS 150 155 160 170 Mincraft RAM G 1,85 3 3,32 3,37 2G 4G 6G 8G Min. FPS 110 110 120 160 Tekst og browser Max. FPS 150 150 190 210 2G 4G 6G 8G Gen. FPS 130 125 145 160 Oplevelse Brugeligt Brugeligt god god Load tid 48 37 33 30 RAM G 1,75G 2,55G 2,42G 2,68G Vurdering af resultater I alle testene ser vi at, jo mere RAM man har, jo bedre er oplevelsen, men er det de ekstra penge værd? Det er sandt at jo mere RAM jo hurtigere kører PC, men kan man mærke forskelle på 8G og 4G andre steder end på ens pung? Det er svært opsætte generelle krav til hvor meget RAM man skal bruge til forskellige processer, eftersom at det ikke alene kun er RAM der har en effekt på brugeroplevelsen. Resten af computerens hardware har også en stor indflydelse. I spil som Counter Strike Global Offensive, der er baseret på et højt grafisk niveau, på virker grafikkortet meget hvor god oplevelsen er, men har RAM også en effekt her?

Minimumskravet på antal af RAM er på 4G, men i testen kan vi se at spillet stadig er brugeligt med kun 2G RAM. I diagrammet kan man se at forskelle mellem min. Og max. Bliver større og større. Dette betyder at oplevelsen bliver mere og mere ustabil. Hvilket måske kan forklare minimumskravende. Men er det en betydelig faktor? I dette ligger den stabilt over 100 FPS hele tiden, hvilket er rigeligt til at få en god oplevelse. Produktion af it-produkt Da vi skulle lave siden startede vi ud med at opsætte alle de officielle ting i headeren så som at opsætte sprog, type og linke alternative css dokumenter og javascripts. Da de mest basale ting var sat op gike vi videre til at lave ellementerne på siden. Til at starte med opsatte vi div ellementer som skulle udgøre de forskellige opdellinger i siden. Derefter satte vi en beskrivende tekst så vi kunne huske hvad der skulle være i de forskellige bokse. Vi startede derefter med at lave de forskellige ting i hver boks. Den første boks var billedet i toppen. Sammen med overskriften og knappen til at komme videre. Billedet blev opsat i et img tag og knappen blev lavet ved hjælp af et div dokument der aktivere en funktion i et javascript. Over skriften er lavet af simpelt tekst som så er redigeret af style sheetet Den næste boks var selve artiklen. Som vi lavede ved først at skrive hele artiklen op i et word dokument og derefter konvertere det til html så det kan læses på siden. Ud over det indsatte vi også et diagram fra vores forsøg og en tabel med data fra vores forsøg. Det færdige produkt Produktet er en web baseret artikel der er har til mål at fortælle om RAM ved køb af ny computer. Sidens design er meget simpelt og indeholder få ellementer der kunne forvirrer brugeren. Farverne på siden gør det muligt at hurtigt anskaffe sig et overblik over de vigtigste elementer og tabeller, der er til interesse for brugeren. Siden kommer ikke kun med information om RAM men den giver også mulighed for at finde ud af mere, til de folk som genre vil det. Efterbearbejdning Succes kriterier for testen For at vores produkt opfylder de krav som vi har sat til den skal den i testen: Være brugelig uden forklaring af funktioner

Tema og resultat er klart for brugeren Brugeren får ingen fejl der forvirre dem Test af produktet Testen blev foretaget på en ældre familie medlem som fik til opgave at gå ind på siden og få en forståelse af hvad ram er. Testen blev foretaget uden at brugeren fik hjælp til at bruge siden. Resultat af testen Testen viste at siden var let brugeligt for folk uden en stører teknisk viden. Testpersonen viste en forstørret viden om emnet og et nyt engagement i emnet som ikke var der før testen begyndte. Testpersonen fortalte dog at der var nogle problemer i forhold til det grammatiske, som gjorde at hun mistede en del af forståelsen. Korrektioner Som en effekt fra testen rettede vi de fejl som blev påpeget. Dette gjorde vi ved at omskrev teksten på siden, så den var lettere og mere overskuelig at læse. Konklusion Vi kan nu konkludere at vi har lavet den første prototype på en artikel der kan informere folk omkring hvilken slags og hvor meget RAM de skal købe. Siden er ikke fuldstændig færdig men en repræsentation af de elementer der skulle være på den færdige side. Ud over produktet har vi også lavet en plan over hvem der vil få noget ud af siden og hvor folk vil blive udsat for siden Bilag - Html kode - produkt.html <!DOCTYPE html> <html lang="da"> <head> <link href='https://fonts.googleapis.com/css?family=merriweather' rel='stylesheet' type='text/css'> <meta charset="utf-8"> <meta name="description" content="a guide for dummies on how much RAM to buy"> <meta name="author" content="martin Pinholt"> <meta name="keywords" content="html,css">

<title>den fulde RAM guide</title> <link rel="stylesheet" type="text/css" href="artikel.css"> <link rel="icon" href="computer.ico"> <script type="text/javascript" src="artikel.js"></script> </head> <body> <img src="ram.jpg" id="mainimg" alt="bagrundsbilled" style="opacity:0.0;"> <h1 id="intro" style="opacity:0.0;">hvor meget RAM <br> har den daglige PC bruger <br> brug for?</h1> <div id="button" onclick="scrolldown()" onmousedown="push()" onmouseup="release()" style="opacity:0.0;"><h1>læs mere</h1></div> <ul id="wrapper"> <li class="mainwrapper"> <div id="mainbar"> <div id="header" class="artikel"> <h1>hvad skal der kigges efter?</h1> </div> <div id="text" class="artikel"> <p> Når du kigger på en ny computer, og der står at den har 8GB RAM hvad betyder det så? Hvad er 2400 mhz RAM? Og hvorfor er det vigtigt? Alle disse ting, og mange andre vil vi kigge på. For at vise forskellen, har vi udført nogle forsøg. Forsøgene viser hvor hurtig computeren er, med forskellige mængder RAM. I sidste ende skulle du selv kunne sige hvor meget RAM du har brug for. </p> <p>før vi kan begynde at kigge på hvor meget RAM der er nødvendigt, skal vi have noget viden om RAM. Størrelsen på rammet bliver normalt angivet i GB. GB er en størrelse som, står for gigabytes. 1 gigabytes er det samme som 1.000.000.000 bytes. Du kan dog komme ud for at, se RAM der bliver angivet i MB. MB står for megabyte og 1 MB er kun 100.000 bytes. Hvorfor er det så så vigtigt at vide hvor meget plads der er på RAM stikken? Grunden er at jo mere plads der er på RAM stikken jo mere kan der gemmes på dem. Det bliver dog også dyre jo mere plads der skal være.</p> <p>en anden ting der fortæller hvor hurtig den er, er clock hastigheden. Hastigheden bliver målt i mhz som står for mega hertz. Clock hastigheden fortæller hvor mange ting den kan behandle i sekundet. Clock hastigheden er dog ikke et problem, når man kigger på nyer computere da producenter ofte vælger at gå med den mest normale clock hastighed på 2400 mhz.</p> <p>for at give dig en ide, af effekten af RAM. Har vi lavet et forsøg, der teste hvor lang tid det tager at tænde computeren med forskellige mængder RAM. </p> <img id="diagram" src="diagram.png" alt="diagram over opstarts hastighed med forskellige GB RAM"> <p> Som du kan se på diagrammet ovenfor, går det hurtigere Jo mere RAM der er. Start op tiden svinger dog ikke med mere end et par sekunder fra test til test. Forskellen ser derfor ikke så stor ud. Dog hvis man lavede testen på en ældre computer ville der være en endnu stører forskel. <br> Man kan også mærke forskellen når man bruge computeren. Ting som at surfe på nettet tager mindre tid og føles mere flydende. </p> id="tabel"> <table <caption><h2>computerens hastighed</h2></caption>

<tr> <td>2gb</td> <td>4gb</td> <td>6gb</td> <td>8gb</td> </tr> <tr> <td>meget langsom</td> <td>langsom</td> <td>god</td> <td>hurtig</td> </tr> </table> <p>forsøgte ovenfor har den samme tendens her som hos start op testen. Jo mere RAM desto bedre er den. Inden du så tager ud, og køber alt det RAM du kan få fat i. skal det lige siges at der er penge at spare ved at vælge den rigtige mængde RAM. Til den normale forbruger, der kun bruger internettet til facebook, candychrush eller word dokumenter. Er 4 GB RAM mere end nok. Dette skyldes at vi kun snakker om lette programmer, som ikke kræver så meget af computeren. Det er derfor unødvendigt at bruge de ekstra penge på store mængder RAM. Husk dog på at der også er andre ting der, som har en betydning for computerens hastighed. Du kan læse mere om de andre dele ude til højre. </p> <h2 style="text-align:center;">konklusion</h2> <p>vi kan nu konkludere, at der er en sammenhæng mellem hvor meget RAM, der er i computeren og hvor hurtig computeren er. For den almindelige bruger anbefalet vi at man købe 4-6 GB RAM da det kommer med en rimelig pris og tilbyder god ydeevne. Hvis du derimod laver mere intensive ting skal du overveje at købe mere</p> </div> </div> </li> <li class="mainwrapper"> <div id="sidebar"> <div id="fakt" class="artikel"> <h2>hvad er RAM</h2> RAM står for: "Random Access Memory". RAM er en vigtig del af en enhver computer, lige meget om det er en bærbar,stationær,smartphone eller tablet. RAM bruges, når computeren åbner et nyt pogram, eller når et pogramerne kører i baggrunden.<br> RAM er et korttids hukommelseskort, hvilket betyder at, den er bygget til at læse og gemme ting, som computeren skal bruge når den er tændt. når så computeren slukkes forsvinder det igen.<br> Prøv at forstille dig RAM som et stykke papir, når man skal løse et matematik stykke, så ville man skrive det ned først, og derefter løse den. Det samme gør computeren. Hvis

man så ikke skal bruge matematik stykket igen, vil man smide det ud, det samme sker i computeren. </div> <div id="reference" class="artikel"> <h2 style="text-align:center;">vil du læse mere?</h2> <ul> <li><a href="http://www.faktalink.dk/titelliste/computerens-historie/de-forsteelektroniske-computere"> Mere om computere</a></li> <li><a href="http://www.altomdata.dk/hvilken-type-baerbar-skal-du-vaelge"> Mere om bærbar computere</a></li> <li><a href="https://www.fcomputer.dk/artikler/station%c3%a6r-computer-guide-tilvalg-af-station%c3%a6r-computer.html">mere om stationere computere</a></li> <li><a href="http://nettips.dk/gratis-tips-kob-af-ny-computer/">flere råd til køb af computer</a></li> </ul> </div> </div> </li> </ul> <div id="footer"> <a href="../index.html">tilbage til startside</a></div> </body> </html> Css file - artikel.css body{ #mainimg{ #intro{ #Button{ margin:0px 0px 0px 0px; color: black; cursor:default; font-size: 16px; font-family: "Merriweather",Times,Serif; padding-bottom: 80px; display: inline-block; position: relative; width:80%; left: 5%; z-index: -1; font-size:30px; display: inline; position: absolute; left:2.5%; top: 70%; font-family: "Times New Roman", Times, serif; display: inline-block; position: absolute; left:65%; top: 74%; text-align: center;

border-radius: 100px; background-color: rgba(10,10,10,0.1); width: 30vw; height: 10vh; z-index: 2; font-family: "Times New Roman", Times, serif; #Button:hover{ background-color: rgba(10,10,10,0.2); cursor: pointer; #Button:active{ background-color: rgba(15,15,15,0.3); border-style: inset; border-color: rgba(10,10,10,0.25); #Button h1{ position: relative; margin-top: 0px; top: 15%; #wrapper{ padding-left: 0px;.mainWrapper{ display: inline; padding-left:0px; list-style-type: none; #mainbar{ display: inline-block; position: relative; top: 5%; left:2.5%; width:60%; height: 1000px; z-index: 1; #sidebar{ display: inline-block; position: relative; width:37%; height: 1000px; float: right;.artikel{ font-size:20px; display: inline-block; position: relative; left: 2.5%; width: 95%; background-color: white; z-index: 1; box-shadow:-1px -1px 50px 10px rgba(100,100,100,0.3) inset; #header{ top:2.5%; text-align: center; width:95%; #header h1{

#text{ #diagram{ #tabel{ margin: 0px 0px 0px 0px; padding-top: 30px; padding-bottom: 30px; top:4%; width: 89.8%; overflow: auto; padding: 10px 30px 10px 30px; display: inline-block; left:1%; width: 98%; border-style: solid; border-color: grey; padding-left: 5%; width:95%; font-weight: bold; #tabel tr td{ padding: 10px 0px 10px 0px; text-shadow:2px 3px rgba(0,0,0,0.2); color: white; background: -webkit-linear-gradient(rgba(250,145,40,0.5),rgba(250, 120, 40,1)); #tabel, tr, td { text-align: center; border: 1px solid black; border-collapse: collapse; background-color: #furtherreading{ top:6%; height: 10%; padding-bottom: 2.5%; #fakt{ background-color: white; padding: 20px 20px 20px 20px; width: 85%; top: 2.5%; #reference{ display: inline-block; position: absolute; width:79.3%; top: 108%; padding: 40px 40px 40px 40px; background-color: white; #reference li{ padding-bottom: 10px; a{ color: blue; text-decoration: underline; cursor: pointer;

#footer{ position:relative; width:100%; height:50px; top:100px; text-align: center; padding-top:50px; font-size:25px; Javascript - artikel.js function push(){ var width=document.getelementbyid('button').clientwidth; var height=document.getelementbyid('button').clientheight; document.getelementbyid('button').style.width=(width-6) + "px"; document.getelementbyid('button').style.height=(height-6) + "px"; function release(){ var width=document.getelementbyid('button').clientwidth; var height=document.getelementbyid('button').clientheight; document.getelementbyid('button').style.width=(width+6) + "px"; document.getelementbyid('button').style.height=(height+6) + "px"; var oldscrolly=-1; function scrolldown(){ if (window.scrolly<document.getelementbyid('mainimg').clientheight && oldscrolly<window.scrolly){ oldscrolly = window.scrolly; window.scrollby(0,5); settimeout(scrolldown, 7); else{ oldscrolly=-1; function goto(){ window.scrollto(0,0); var opacity=0; window.onload=fadein; function fadein(){ if (opacity+0.01<1){ opacity+=0.01; document.getelementbyid("mainimg").style.opacity=opacity; settimeout(fadein,16); else{ opacity=0 fadeinnext(); function fadeinnext(){ if (opacity+0.01<1){ opacity+=0.01;

document.getelementbyid("button").style.opacity=opacity; document.getelementbyid("intro").style.opacity=opacity; settimeout(fadeinnext,16);