Forarbejdning til produkt

Størrelse: px
Starte visningen fra side:

Download "Forarbejdning til produkt"

Transkript

1 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

2 Kvinder og mænd mellem å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

3 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.

4 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

5 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 sec Max. FPS Gen. FPS Mincraft RAM G 1,85 3 3,32 3,37 2G 4G 6G 8G Min. FPS Tekst og browser Max. FPS G 4G 6G 8G Gen. FPS Oplevelse Brugeligt Brugeligt god god Load tid 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?

6 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

7 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=' 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">

8 <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 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 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>

9 <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

10 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=" Mere om computere</a></li> <li><a href=" Mere om bærbar computere</a></li> <li><a href=" om stationere computere</a></li> <li><a href=" 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;

11 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{

12 #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;

13 #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;

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

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

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet

Læs mere

Nyhedsbrev april: spørgeskemaundersøgelse

Nyhedsbrev april: spørgeskemaundersøgelse #ChronoContact_Survey { margin-bottom: 10px; margin-left: 0px;.form_element { float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 8px; margin-left: 0; margin-top: 8px;

Læs mere

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

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt. HTML & CSS 1 Efterlyst! All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduktion

Læs mere

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow Grafisk workflow Maria Clausen Svendeportfolio Grafisk workflow OPGAVEN Kunden har stiftet et nyt firma som hedder Wood id, som sælger lamper, møbler og tilbehør lavet i kvalitets træ. Kunden ville gerne

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow Grafisk Workflow REDESIGN AF GRAFISK FORUMS HJEMMESIDE Før Efter REDEGØRELSE OPGAVEN Da jeg ikke har noget med web at gøre på min elevplads, opfandt jeg en fiktiv opgave - nemlig at redesigne Grafisk Forums

Læs mere

Grafisk workflow. website til duckhead music

Grafisk workflow. website til duckhead music Grafisk workflow website til duckhead music Portfolio h1 Side 18 website til duckhead music Selvom jeg er hos et webbureau, så sidder jeg udelukkende med design, og er derfor ikke kommet til at kode endnu.

Læs mere

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

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne

Læs mere

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

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat Projekt-studieweb Om kommunikationsteorierne Morten, Jacob, Kristian og Cihat Gestaltlovene Loven om nærhed Loven om lukkethed Loven om lighed Loven om forbundethed Loven om fortsættelse Loven om figur

Læs mere

Grafik & Billede weloveorganic.com webshop

Grafik & Billede weloveorganic.com webshop Grafik & Billede weloveorganic.com webshop Opgaven og afsender: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt

Læs mere

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

workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop Om opgaven: For et halvt år siden overtog nogle bekendte værtshuset Midtskiws i Skive. De havde derfor brug for en ny hjemmeside, som kunne fungere som et online informationssted og visitkort for deres

Læs mere

Oversigt HTML5 nye tags til sideopbygning

Oversigt HTML5 nye tags til sideopbygning HTML5 er udviklet af WHATWG Oversigt HTML5 nye tags til sideopbygning (Web Hypertext Application Technology Working Group) En

Læs mere

GRAFISK WORKFLOW GRAFISK WORKFLOW

GRAFISK WORKFLOW GRAFISK WORKFLOW Opgaven At lave en ny hjemmeside til tekniske skolers sportslege. Den gamle var rodet og uoveskuelig. Det vigtigste var at rydde op, samt holde en rød tråd til logo og indbydelsen. Afsender Lærerne på

Læs mere

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

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Redesign af website for bilforhandleren PerB. Opgave har jeg stillet mig selv med det formål at lave en simpel men indbydende udgave af PerB s website.

Læs mere

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

Grafisk Workflow. Mediegrafiker - Svendeprøve. Mediegrafikeruddannelsen af Ramin Azizi Grafisk Workflow Mediegrafiker - Svendeprøve Mediegrafikeruddannelsen 2012-2016 - af Ramin Azizi www.azizidesign.dk Dokumentation Opgavebeskrivelse: Jeg har i denne opgave valgt at redesigne s hjemmeside,

Læs mere

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides

Læs mere

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

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: STILHISTORIE Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: http://www.mediegrafiker-ats.dk/12gf32med8b/stil/maria/ Opgaven I forbindelse med et tema omhandlende

Læs mere

CentOS 7. Lavet af Ali Sarac og Andreas Jensen

CentOS 7. Lavet af Ali Sarac og Andreas Jensen CentOS 7 Lavet af Ali Sarac og Andreas Jensen 3.8.2017 Indholdsfortegnelse Konklusion... 3 Installer CentOS 7 i VMware... 3 Installation af Apache, PHP5 og vores HTML side... 7 2.4 spørgsmål... 12 Kildekoder...

Læs mere

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW Opgaven I AArhus er en fiktiv hjemmeside. Formålet med hjemmesiden, er at Folk som befinder sig i Aarhus kan henvende sig til I AArhus og berette deres synspunkt på Aarhus. Siden henvender sig til unge,

Læs mere

Mit grafiske workflow inkluderer:

Mit grafiske workflow inkluderer: GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være

Læs mere

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

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik. GRAFISK WORKFLOW Opgaven Design og skabelse af website til maler og skrotkunstner Ole Møgelby. Websitet skal virke som en oversigt af Oles værker og som en informationsside. Programvalg Af programmer har

Læs mere

Form og dens underlige box model

Form og dens underlige box model Denne guide er oprindeligt udgivet på Eksperten.dk Form og dens underlige box model Denne artikel handler om hvilke problemer man som webudvikler kan komme ud for, og hvordan man løser dem. Jeg kommer

Læs mere

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

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06. Ordbøgerne.dk Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06 Side 1 af 35 Indholdsfortegnelse Indledning:...3 Design...4 Visuelt design:...4

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

Læs mere

OPGAVE: WELOVEORGANIC.COM WEBSHOP

OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker

Læs mere

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ GRAFISK WORKFLOW Hjemmeside - Husk hjelmen http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ Produkt Web sider Index side Underside - Cykelhjelmen - brug den rigtig. Underside - Husk nu cykelhjelmen.

Læs mere

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv

Læs mere

Byg et website med Dreamweaver

Byg et website med Dreamweaver Byg et website med Dreamweaver I denne øvelse skal vi opbygge et website for Hotel Holiday i Dreamweaver. Det færdige site kan ses her: http://www.itu.dk/people/khhp/hotel_holidays/velkommen.html Øvelsen

Læs mere

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

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe

Læs mere

Projekt i Programmering C Menu til hjemmeside.

Projekt i Programmering C Menu til hjemmeside. Projekt i Programmering C Menu til hjemmeside. 10-12-2004 Holstebro HTX Bent Arnoldsen Synopsis. Projektet her er en menu til hjemmesider, som er lavet så den er let at tilrette, når man tilføjer eller

Læs mere

Computerens anatomi-dokumentation CASE

Computerens anatomi-dokumentation CASE 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

Læs mere

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

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt Roskildes tekniske gymnasium Kulløse Mijlømesse Afsluttende kom/it projekt Casper Hansen og Christian Hansen 26-04-2009 Indhold Indledning... 3 Planlægning... 3 Overvejelser... 3 Hvordan man kommer til

Læs mere

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden

Læs mere

Martin Møller Web1b Tirsdag den 19 juni 2012

Martin Møller Web1b Tirsdag den 19 juni 2012 Martin Møller Web1b Tirsdag den 19 juni 2012 Projektbeskrivelse 3 Tema valg 3 Budskab 3 Afsender 4 Målgruppe 4 Kommunikations mål 4 Skitser 6 Layout index 7 Layout Kulturliv 8 Layout Gratis glæder 9 Layout

Læs mere

grafisk workflow Madmagasinet

grafisk workflow Madmagasinet grafisk workflow Madmagasinet Dokumentation Opgaven Madmagasinet skal have et website som er responsive, således deres brugere har en side som er optimeret til de forskellige platformer, hvorpå deres site

Læs mere

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

Webmaster Sweet-Swing.dk Websidens opbygning. Som eksempel er brugt siden om korets målsætning som den vises i editoren. Opbygning Som eksempel er brugt siden om korets målsætning som den vises i editoren. I editoren vises tabellinierne, selvom de på den færdige side i vores tilfælde er usynlige, bortset fra den sorte ramme

Læs mere

CSS fortsat: Boksmodel, floating & positionering

CSS fortsat: Boksmodel, floating & positionering Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 4, individuel øvelse CSS fortsat: Boksmodel, floating & positionering 1. Lidt om hvad du har lært Du har i øvelse

Læs mere

www.johnnihowardsen.dk - nedarvning med selektorer

www.johnnihowardsen.dk - nedarvning med selektorer Nedarvning Du styler som bekendt dit indhold med mange forskellige selektorer. De mest almindelige er class, id, tag men du kan også gruppere selektorer f.eks h1, h2, h3, p, a, img {font-family: Verdana,

Læs mere

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW Laura Svendsen Kernekompetencer GRAFISK WORKFLOW website til drømmemadpakken Hvad? Opgaven er anden del af en opgave i to dele, et trykt produkt og et digitalt produkt. Vi fik udleveret tekst og billeder

Læs mere

Grafisk Workflow. hovedforløb 2

Grafisk Workflow. hovedforløb 2 Grafisk Workflow hovedforløb 2 WORLD OF FURNITURE Forside.wrapper width: 95%; margin: 0 auto; box-shadow: 0px 0px 25px #888888; Image slider carousel 5 sekunder .button span.button span:after.button:hover

Læs mere

Beginning CSS and Web Development kap. 1 11

Beginning CSS and Web Development kap. 1 11 Beginning CSS and Web Development kap. 1 11 Plan Xhtml opbygning CSS Divs, class, id Baggrunde, farver og billeder Tekst Links Lister Tabeller Stand up programmering Xhtml vs. html i XHTML skal alle elementer

Læs mere

Forståelse for grafisk produktion og workflow

Forståelse for grafisk produktion og workflow Forståelse for grafisk produktion og workflow Fallulah hjemmeside Opgaven: Blev stillet i forbindelse med forløbet avanceret webdesign, jeg har hverken fået karakter eller bedømmelse på den. Opgaven bestod

Læs mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. Karen-Louise Fejerskov Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,

Læs mere

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

Nu skal vi især se på <font> og <center> samt centrering af hele siden på skærmen. Validering 4 Nu skal vi især se på og samt centrering af hele siden på skærmen. Det er i HTML ikke forbudt at bruge koden , men lad nu være alligevel, du får blot en masse valideringsproblemer.

Læs mere

Computerens - Anatomi

Computerens - Anatomi 2014 Computerens - Anatomi Rapporten er udarbejdet af Andreas og Ali Vejleder Karl G Bjarnason Indholdsfortegnelse Formål... 2 Indledning... 2 Case... 3 Design... 3 Skitser... 4 Planlægning... 5 Kravsspecifikation...

Læs mere

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

Grafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling. Grafisk w o rk f l ow jemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling. Deres vision er at skabe enkle og inspirerende

Læs mere

Afsluttende opgave i Kom/IT

Afsluttende opgave i Kom/IT Afsluttende opgave i Kom/IT Hjemmeside om varmluftballoner Fag:Kommunikation/IT Lærer: Karl G Bjarnason Problemformulering Den afsluttende opgave er den du skal til prøve i, hvis du skal til eksamen i

Læs mere

Computerens Anatomi Af Mathias og Mark

Computerens Anatomi Af Mathias og Mark Computerens Anatomi Af Mathias og Mark Planlægning af projekt Case Størstedelen af nutidens unge har deres egen smartphone, computer og fjernsyn. Computere i alle afskygninger bliver fortsat en større

Læs mere

GRAFISK WORKFLOW Hjemmesidedesign

GRAFISK WORKFLOW Hjemmesidedesign GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline

Læs mere

KT OR LOW PRODUKTION // WORKFLOW

KT OR LOW PRODUKTION // WORKFLOW PR D O U ION KT // W KFKF OR LOW PRODUKTION // WORKFLOW // WORKFLOW HJEMMESIDE / REDEGØRELSE / IDÉ, FARVE, FONT OG GRAFIK / SKITSER OG FLOWCHART / SKELET / STORYBOARD / CSS HVAD? Opgaven er en fiktiv hjemmeside

Læs mere

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

Computerens Anatomi. Kom/IT C - Computer Anatomi - Daniel og Fie - 3/3 2015. Planlægning af kommunikationsvalg og medieprodukt. Computerens Anatomi Planlægning af kommunikationsvalg og medieprodukt. Vi startede med at snakke om modtager, afsender og budskab og blev enige om at det skulle være simpelt for at få modtagernes interesse.

Læs mere

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

Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW. Denne guide er oprindeligt udgivet på Eksperten.dk CSS - en gennemgang Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW. Der er lidt CSS historie

Læs mere

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

! }! FORSIDE! <html>! <head>! FORSIDE opgaver body { background-color:#33adff; } header { background:#33adff; color:white; text-align:center; padding:5px;

Læs mere

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

Præsentationsportfolio for Hovedforløb 1. Kongens Folk hjemmeside Præsentationsportfolio for Hovedforløb 1 Kongens Folk hjemmeside Opgaven Jeg skal lave en ny hjemmeside til foreningen Kongens Folk. De har en gammel hjemmeside der skal fornyes. De ønsker en side, der

Læs mere

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

Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet. Side 1 Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet. Dette er nogle gange et ønske fra den enkelte kunde, som blot ønsker

Læs mere

opsam ling fra sidst

opsam ling fra sidst Opsam ling fra sidst Den rette tilgang til HTML og CSS Eksperimentér Tænk logisk Detaljerne betyder noget Find inspiration/information på nettet Gode genveje Gem cmd s på Mac ctrl s på PC Bladre mellem

Læs mere

Om styles / typografier / typografiark / stylesheets

Om styles / typografier / typografiark / stylesheets Om styles / typografier / typografiark / stylesheets (dvs. Cascading StyleSheet ~ CSS) CSS er et sprog til at definere layout på HTML-dokumenter. CSS indeholder flere muligheder for layout end HTML og

Læs mere

\ \ Computerens Anatomi / /

\ \ Computerens Anatomi / / HTX Roskilde - mat-it-prog, 1.4 \ \ Computerens Anatomi / / Introduktion En PC ( personlige computer ) eller computer er bygget op af forskellige komponenter. Vi vil hermed gennemgå størstedelen af computerens

Læs mere

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

GRAFISK WORKFLOW - RESPONSIV WEBSIDE GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK DESIGN. Min personlige e-portfolio GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

Grafisk Workflow Personligt website

Grafisk Workflow Personligt website Grafisk Workflow Personligt website Andreas Ernst Tørnqvist Grafisk Workflow Redegørelse Opgaven Opgaven er en personlig hjemmeside lavet i min fritid. Siden skal bruges som en reklamesøjle for potientelle

Læs mere

1. Hovedforløb. Mediegrafiker - 2015

1. Hovedforløb. Mediegrafiker - 2015 Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design

Læs mere

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

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2 1/ Indholdsfortegnelse Indledning... 3 Dokumentation... 4 Hjemmeside og logo design... 14 Valg af skrifttype... 15 AIDA... 16 Arbejdsroller og opgaver... 17 Logbog for vores proces (Ugevis)... 19 Konklusion...

Læs mere

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

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN 2015 Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN I denne tutorial kommer du til at I denne tutorial vil du lære hvad Bootstrap er, hvordan det fungerer og hvordan

Læs mere

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

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside 1. Lidt om hvad du

Læs mere

Guide til din computer

Guide til din computer Guide til din computer Computerens anatomi forklaret på et nemt niveau Produkt fremstillet af Nicolas Corydon Petersen, & fra Roskilde Tekniske Gymnasium, kommunikation & IT, år 2014 klasse 1.2 12-03-2014.

Læs mere

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,

Læs mere

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Niels Sundstrup Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Webteknologi - Carl- Henrik Nielsen - Syddansk Universitet, Kolding - Udlevering: 12. januar 2012 Aflevering: 19. januar

Læs mere

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

Overvågningskamera. ~Af Svend, Valdemar og Frederik~ Lavet af Svend, Valdemar og Frederik 2.3 HTX - Roskilde Overvågningskamera ~Af Svend, Valdemar og Frederik~ I dette forløb har vi arbejdet med overvågningskameraer. Det handlede om at lære, hvordan et

Læs mere

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

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 WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

Grafisk produktionsforståelse

Grafisk produktionsforståelse 04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere

Læs mere

TEKNISK DOKUMENTATION FAKTURA LAYOUT ABAQUE VERSION 2.0

TEKNISK DOKUMENTATION FAKTURA LAYOUT ABAQUE VERSION 2.0 TEKNISK DOKUMENTATION FAKTURA LAYOUT ABAQUE VERSION 2.0 INTRODUKTION... 3 SKABELON OPBYGNINGEN... 3 BYG DIN EGEN SKABELON... 3 INDSÆT FELTER... 3 INDSÆT VARELINJER... 3 FILNAVN... 4 LISTE OVER FELTER...

Læs mere

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette.

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Spørgsmålet er nu, hvordan laver man sådan en side? Du skal have et såkaldt webhotel, hvilket jeg

Læs mere

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger

Læs mere

Password-beskyttelse af visse filer

Password-beskyttelse af visse filer W EB DESIGN 101 K ODEORDSBESKYTTELSE A F VISSE FI LER Password-beskyttelse af visse filer P å et websted kan det være interessant kun at give en del af brugerskaren adgang til visse filer. Der er en mængde

Læs mere

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

OPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse GRAFISK WORKFLOW ARBEJDSPROCES OPGAVE BESKRIVELSE OPGAVEN At lave et redesign af AGF Fanclubs hjemmeside med et mere nutidigt look og bedre oversskuelig brugerflade. Opgaven har jeg stillet mig selv, men

Læs mere

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede

Læs mere

Guide til design af mailskabeloner i Medlemsservice

Guide til design af mailskabeloner i Medlemsservice Guide til design af mailskabeloner i Medlemsservice Indledning. I Medlemsservice er der mulighed for at sende mails til medlemmerne for at informere og bekræfte i flere forskellige situationer. Medlemsservice

Læs mere

Stylesheets - grundteori.

Stylesheets - grundteori. Når du designer med css gør du to ting: på den ene side opmærkes og struktureres sidens indhold med tags, eller markører på den anden side tildeles disse tags css-regler, hvormed du styrer layoutet. Her

Læs mere

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.

Læs mere

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

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

3. PROJEKT, 2 SEMESTER

3. PROJEKT, 2 SEMESTER 3. PROJEKT, 2 SEMESTER Bruger undersøgelse, af sociale medie. KENDSKAB TIL OG BRUG AF ONLINE SOCIALE MEDIER FORENINGEN AF DANSKE INTERAKTIVE MEDIER, FÅET TIL OPGAVE AT AFDÆKKE DANSKERNES BRUG AF SOCIALE

Læs mere

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

Lav en hjemme side der kan sælge fly billetter til en stor i Europa. EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal

Læs mere

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

Specialiseringen Rapport Lavede Af Rasmus R. Sørensen Side 1 af 6 Side 1 af 6 Indholdsfortegnelse INDHOLDSFORTEGNELSE 1 INTRO 3 STARTEN AF SPECIALISERINGEN 3 ANKOMST TIL SKOTLAND 4 DATABASER 5 NETVÆRK 5 INTERAKTION 5 AFSLUTNING AF SPECIALISERINGEN 5 KONKLUSION 6 Side

Læs mere

15-11-2013 TANDLÆGE KAMPAGNE. Marc Sztuk, Simon Drabsch og Marcus Rasmussen

15-11-2013 TANDLÆGE KAMPAGNE. Marc Sztuk, Simon Drabsch og Marcus Rasmussen 15-11-2013 TANDLÆGE KAMPAGNE Marc Sztuk, Simon Drabsch og Marcus Rasmussen Forord Vi har tilmeldt os konkurrencen fra Tandlægeforeningen, om at lave en kampagne for at få flere unge til at tage til tandlæge.

Læs mere

1. Bilag: Brugertest for gammel site

1. Bilag: Brugertest for gammel site Bilag 1 1. Bilag: Brugertest for gammel site Brugertest af Isabellais.dk Scenarie 1 Gå ind på www.vinoble.dk Du har på forsiden nogle vine som er fremhævet, de er placeret i nogle bokse, som du har mulighed

Læs mere

Tillykke Med Fødselsdagen

Tillykke Med Fødselsdagen HTML & CSS 1 Tillykke Med Fødselsdagen All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register

Læs mere

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

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? I dag skal du lære at lave hjemmesider, så du også kan bidrage til at opbygge

Læs mere

Grafisk Workflow. Website til European Blues Challenge

Grafisk Workflow. Website til European Blues Challenge Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde

Læs mere

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Afsluttende opgave - Kommunikation/IT C Klasse 1.1 11-05-2015 Affaldshåndtering Afsluttende opgave - Kommunikation/IT C Klasse 1.1 Hans Rasmussen & Kevin Kumar ROSKILDE TEKNISKE GYMNASIUM Indhold Affaldshåndtering i Grønsted kommune... 2 Krav... 2 Design...

Læs mere

Nedarvning. At style tags inden i andre tags. www.johnnihowardsen.dk - selektorer

Nedarvning. At style tags inden i andre tags. www.johnnihowardsen.dk - selektorer Nedarvning Du styler som bekendt dit indhold med mange forskellige selektorer. De mest almindelige er class, id, tag men du kan også gruppere selektorer f.eks h1, h2, h3, p, a, img {font-family: Verdana,

Læs mere

Trin for trin guide til Google Analytics

Trin for trin guide til Google Analytics Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent

Læs mere

Ratingsystem i PHP og MySQL

Ratingsystem i PHP og MySQL Denne guide er oprindeligt udgivet på Eksperten.dk Ratingsystem i PHP og MySQL Lær at lave et system til at vise rating/bedømmelse på artikler og nyheder. Skrevet den 03. Feb 2009 af virtual1ty I kategorien

Læs mere