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

Størrelse: px
Starte visningen fra side:

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

Transkript

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

2 Indholdsfortegnelse Indledning:...3 Design...4 Visuelt design:...4 Informationsdesign:...7 Interfacedesign:...8 Implementering...9 Afprøvning...14 Konklusion...15 Bilag:...16 Projektbeskrivelse:...16 Kildekode:...17 Produktets udseende:...30 Side 2 af 35

3 Indledning: Da vi skulle analysere hvilke muligheder der var for at udforme vores projekt, kunne hurtigt se at den bedst mulige måde var ved brug af PHP. Der er så forskellige måder man kan bruge PHP, det kan enten bruges ved selv at skrive hele kildekoden, eller fx bruge et program til at gøre arbejdet. Vi valgte at bruge et program til det, fordi Andreas havde erfaring med brug af det. Vi valgte at lave produktet til aldersgruppen Der findes også andre former for ordbøger på nettet, deriblandt: Disse ordbøger er også gratis, men det er kun engelske ordbøger som er på siderne, hvilket ikke er det samme som vores, som er på dansk. Det er den fordi vi satser på den danske befolkning som målgruppe. Problemformulering: - At lave en ordbog som er fri til benyttelse. Valgt løsning fra projektbeskrivelsen: Vi valgte at bruge html til hjemmesiden, MySQL til databasen til ordbogen og så PHP til at hente dataen fra databasen. Vi valgte at bruge et program ved navn phpmyadmin til at lave, mens vi valgte at skrive html og PHP kildekoderne selv. Vi valgte også selv at designe alle designs. Side 3 af 35

4 Design Visuelt design: De visuelle design til vores program havde vi altid tænkt os skulle være en HTML side, hvor ordbogen så var indbygget. Vi lavede så en skitse af hvordan vi havde tænkt os det skulle se ud. Som man kan se på billedet overover havde vi tænkt os der skulle være en menu på side, hvor man kunne vælge de forskellige sider fra. Den skulle placeres i venstre side af selve siden, da vi synes det er mest normalt at finde den der. Farverne som vi valgte til vores side faldt helt naturligt over blå, da vi syntes at den passede godt ind i siden, så vi valgte at lave de forskellige ting forskellige nuancer af blå for at få lidt variation. Eller havde vi et banner som skulle indbyde én til side, så det skulle være noget smart som man kunne holde ud at kigge på. Eller ville vi bare have en frame hvor teksten kommer til at stå. Side 4 af 35

5 Første bud til banner blev: Det syntes vi var meget godt, men alligevel havde vi på fornemmelsen at der manglede noget, så vi tog banneret til revalidering. Så i Photoshop som vi har brugt til at lave det med, faldt vi over en effekt som hedder plastic, det gav det finish som vi ville have, og vi blev meget tilfredse med det der kom ud af det. - Det endelige banner I menuen har vi også gjort så når man kører musen hen over de forskellige links sker der det at det skifter farve, det eneste problem med denne ting er at det kun virker i Firefox. Vi tilføjet dette få at brugeren lettere kan se hvilket link han er på, samtidig med at det gør siden lidt pænere. Side 5 af 35

6 Det endelige visuelle design blev så: Side 6 af 35

7 Informationsdesign: Når man bruger vores produkt altså ordbogen, har vi gjort at vi opfylder de user stories vi nu skulle have. Det betyder at vores mål med de informationer der kommer du står beskrevet i de user stories vi nu skulle havde. Dermed skal vores produkt opfylde følgende informations krav, altså man skal have ordet, en oversættelse samt en forklaring af ordet. Her kan du se de informationer der kommer ud når man skriver et ord, i dette tilfælde var det havn, som er den ene af de to ord som vi har tilført til databasen. Der kommer så en oversættelse, en grammatisk forklaring samt en beskrivelse af nogle brug af ordet. Side 7 af 35

8 Interfacedesign: Det har vi gjort ved at løse dette er at vi har lavet en menu hvor man skulle skrive det ord man ville have oversat, samt vælge ordbogen, og så trykke oversæt. Du kan se vores menu herunder: Når man så trykker på oversæt, kommer der så de informationerne som vi lige har beskrevet i afsnittet informationsdesign. Det er de oplysninger som vi har fået lavet indtil videre, man kunne måske også gøre så der stod hvilken ordbog de tilhørte. Men da man skal vælge hvilken ordbog man vil bruge er denne information irrelevant. Side 8 af 35

9 Implementering Her i implementering vil vi forklare lidt om specielle svære kloder fra PHP scriptende. Det første stykke er om hvis der skulle ske en fejl på websitet. if (mysql_errno() == 0) Finder ud af om der er nogen fejl { $antal = mysql_num_rows($result); else { - Hvis der er fejl udføres dette, og der skrives hvilken fejl der er tal om echo "<br>sql fejl: "; $error = mysql_errno(); $errortext = mysql_error(); echo $error; echo " ". $errortext; Først søger din browser efter om der skulle være nogen fejl. Det gør den på grund af koden if (mysql_errno() == 0) Finder ud af om der er nogen fejl { $antal = mysql_num_rows($result); Hvis den ingen fejl finder, så kører din browser bare vider med de andre koder. Hvis den til gengæld skulle finde en fejl går den videre til denne kode: else { - Hvis der er fejl udføres dette, og der skrives hvilken fejl der er tal om echo "<br>sql fejl: "; $error = mysql_errno(); $errortext = mysql_error(); echo $error; echo " ". $errortext; echo betyder det du kommer til at se, så det første din browser skriver er sql fejl. Så søger browseren efter hvilken fejl det er og derefter viser browseren hvilken fejl den har fundet. Side 9 af 35

10 Dette stykke af kildekoden handler om hvordan selve ordbogen virker. Det første den gør at søge igennem rækkerne (ord) indtil den har været alle ordene igennem. Når den finder et resultat så viser browseren det. Først stykke betyder at hvis den finder et match så kører browseren videre med scriptet. if ($row = mysql_fetch_array($result)) { - Den henter rækken og flytter pointeren hen på den næste Do betyder gør det her og så while betyder indtil at der ikke flere ord er. Så browseren bliver ved med at søge efter ord indtil den har været hele listen igennem, når den så finder et ord der matcher så bruger den scriptet med do og sætter ind hvad den har fundet. do { - DO... WHILE bliver mindst udført en gang. Det afhænger af udtrykket i WHILE echo "<div id='tekst1'> Ordet: ". $row['word2']. "<p>"; echo "<div id='tekst1'> Oversættelsen: ". $row["oversaetelse"] ; echo "<p> <div id='tekst1'> Beskrivelsen: ". $row["beskrivelse"] ; print "<hr>"; $ix++; while($row = mysql_fetch_array($result)); - Det gør at den stopper når der ikke er flere rækker. EKS. Hvis der kun er 1 række stopper DO efter en gennemgang. echo "</form>"; else { $nytord = $_POST['word']; if (strlen($nytord) == 0) { - Hvis der ikke står noget i ord skrives der ikke noget i Framen else { echo "Der var desværre ikke nogen ord der matchede"; - Hvis der skrives forkert i ord, skrives dette Side 10 af 35

11 Else, betyder så at hvis den ikke kunne finde et ord der matchede, så viser browseren. echo "Der var desværre ikke nogen ord der matchede"; For at forklare hvordan vi lavede databasen vil vi vise nogle billeder fra phpmyadmin som vi jo brugte til at lave det. Det er et simpelt program som hjælper en med at danne hjemmesider, da det har en grafisk brugerflade. Dette billede viser de rækker vi har i vores database, det er disse rækker som referer til de oplysninger der finde i databasen. Som man kan se har vi defineret 5 forskellige ting som skal være i vores database. Deriblandt oversættelsen, beskrivelsen og ordbogen de forskellige ord tilhører. Side 11 af 35

12 Dette billede viser så de forskellige ord som vi har tilføjet vores database, man kan her se de forskellige grupper som vi viste før og hvordan de fungere. Det fungere på den måde at når man laver et nyt ord eller række i denne del af databasen skal man udfylde de forskellige rækker som vi har defineret. Disse rækker som definerer hvilke informationer de forskellige ord skal inde laver man i følgende menu. Her skal man så vælge hvilke specifikationer selve definitionen skal have, i dette tilfælde er det oversaetelse (oversættelse) som der er ved at blive lavet specifikationer for. Side 12 af 35

13 Problemer og fejl: Allerede for starten af gik det nogenlunde uden problemer. Det var kun små problemer vi fik, såsom hvilken farve vi skulle vælge til vores website. Vi havde problemer med at finde nogle farver der passede ordentligt sammen. Så vi kiggede lidt tilbage på noget af det vi havde på første år omkring farver og ved hjælp af det fandt vi frem til nogle farver som vi selv syntes passer godt sammen. Side 13 af 35

14 Afprøvning Vores første prototype, var ikke den største succes, vi havde kun fået opbygget hjemmesiden og manglede selve databasen. Dermed kunne vi ikke afprøve det vi havde fået lavet. Anden prototype som er den vi beskriver i denne rapport, har vi gennemtestet for fejl, vores konklusion af vores anden prototype er at der ikke er de store fejl. Vi har både testet det i Internet Explorer og Mozilla Firefox og vi kan konstaterer at vores produkt er kompatibelt med begge browsere. Dette betyder at de fleste kan bruge vores produkt, eller i hvert fald dem som bruger Internet Explorer og Mozilla Firefox. Vi kunne også godt have afprøvet det på flere browsere, men vi havde ikke flere lige ved hånden. Selve prototypen virker fuldt ud efter den hensigt vi havde i tankerne i starten. Der kommer de informationer ud af programmet som User Stories havde forklaret skulle kunne. Der kommer nemlig en oversættelse og en forklaring af ordet. Side 14 af 35

15 Konklusion Dette projekt har været en god måde at få et indblik i hvordan en af måderne til at udvikle et system på kan gøres. Vi har haft et forholdsvis godt samarbejde og efter vores mening er der kommet et godt og vellykket prototype ud af det. Vi tror på at vores ide og prototype sagtens kunne blive til virkelighed, det eneste der skulle bruges var tid, for fundamentet er allerede lavet. Det har været interessant og udfordrende, så Alt i alt har det været et godt projekt. Side 15 af 35

16 Bilag: Projektbeskrivelse: Gruppe: Andreas Foldager & Rasmus Bjerring Pedersen Problemformulering: - At lave en ordbog som er fri til benyttelse. Målgruppe: Vores målgruppe er årige personer som går på hhv. gymnasiet og universitet, som ikke vil bruge en masse penge på ordbøger. Produkt: Vores produkt kommer til at bestå af en hjemmeside som har en ordbog indbygget i sig. Det kommer til at være sådan at man har et felt man kan skrive ordet i og en felt med nogle forskellige ordbøger man kan vælge imellem. Feltet man skriver i skal så printe oversættelsen ud i en boks som er neden under, og så kan man se oversættelsen på den måde. - Redskaber: Ordbogen. For at lave dette produkt skal vi bruge en database samt noget PHP kodning. Hjemmesiden: Der skal vi bare bruge almindelig HTML kodning, hvilket jo laves i et tekst dokument. Side 16 af 35

17 Kildekode: Index: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso "> <title> Ordbøgerne.dk - Dine gratis ordbøger på nettet </title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <center> <table border="1" cellspacing="0" cellpadding="0"> <img src="banner2.jpg" title="banner" alt="banner"> <tr> cellpadding="0" width="150"> </center> class="title1"> cellpadding="0"> <tr> </tr> <tr> <tr> <td width="150px" height="600px" VALIGN="top"> </td> <tr id="pimp"> target="iframe"> Forside </a> cellpadding="0"> <table border="0" cellspacing="0" <td class="title" height="20px" bgcolor="000066"> <center> <font color="white"> Menu </font> <td width="100%" height="85px" valign="top" <table border="0" width=100% valign="top"> <td class="title1" height="20px" cellspacing="0" <a href="forside.html" title="forside" </tr> <tr id="pimp"> </td> <td class="title1" height="20px" cellspacing="0" Side 17 af 35

18 <a href="oversaetelse1.php" title="orgbøgerne" target="iframe"> Ordbøgerne </a> </td> </tr> <tr id="pimp"> <td class="title1" height="20px" cellspacing="0" cellpadding="0"> <a href="nyhed.html" title="nyheder" target="iframe"> Nyheder</a> </td> </tr> <tr id="pimp"> <td class="title1" height="20px" cellspacing="0" cellpadding="0"> <a href="kontakt.html" title="kontakt" target="iframe"> Kontakt</a> </td> </tr> <tr id="pimp"> <td class="title1" height="20px" cellspacing="0" cellpadding="0"> <a href="projektbeskrivelse.html" title="projektbeskrivelse" target="iframe"> Projektbeskrivelse</a> </td> </tr> </tr> </table> </td> </table> <table border="0" width="150" height="495px"> <tr> <td class="menu_" valign="bottom"> Sidst opdateret d. <br> 17/ </table> </td> </tr> </td> Side 18 af 35

19 <td class="title2" width="700px" height="600px" VALIGN="top"> <iframe name="iframe" scrolling="" frameborder="0" src="forside.html" height="100%" width="100%"></iframe> </td> </tr> </table> </center> <div id="tekst"> <center><p><b>developed by: Andreas Foldager & Rasmus Bjerring Pedersen </b> </center> </body> </html> Forside: <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso "> <title> Ordbøgerne.dk - Dine gratis ordbøger på nettet </title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <div id="headline"> <b>velkommen til Danmarks største gratis online ordbøger</b> <div id="tekst"> <p>ordbøgerne.dk er en gratis ordbogs tjenste til alle i alle aldersgrænser. Vi tilbyder blandt andet synonym, Dansk-Engelsk og Engelsk-Dansk ordbøger som jævnligt bliver opdateret for at i som bruger skal kunne få det bedste ud af ordbøgerne.dk, derfor er det også vigtig at hvis du skulle finde en fejl eller lignende bedes de kontakte os, så alle fejl og mangler kan rettes. Side 19 af 35

20 Enjoy!</p> <hr> <div id="underline"> <b> </b> <div id="tekst"> <p>vi har fået tilført 2 ord til Dansk - Engelsk ordbogen, disse ord er: <br> <li>havn </li> <li>hus </li> <br> Du kan foreløbig kun søge på disse to ord, og få et resultat. <hr> <div id="underline"> <b> </b> <div id="tekst"> <p>ordbøgerne vil en gang efter efterårsferien (uge 42) være oppe at køre med nogle ord i nogle af ordbøger, så vær tålmodig, da det tager en del tid at få lavet dem.</p> <a href="nyhed.html" title="nyheder" target="iframe"> <div id="tekst2"> Flere nyheder fra ordbøgerne.dk </a> </body> </html> Nyheder: <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso "> <title> Ordbøgerne.dk - Dine gratis ordbøger på nettet Side 20 af 35

21 </title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <div id="headline"> <b>nyheder fra ordbøgerne.dk</b> <div id="tekst"> <p>her vil vi poste alle nyheder. <hr> <div id="underline"> <b> </b> <div id="tekst"> <p>vi har fået tilført 2 ord til Dansk - Engelsk ordbogen, disse ord er: <br> <ul> <li>havn </li> <li>hus </li> </ul> <hr> <div id="underline"> <b> </b> <div id="tekst"> <p>ordbøgerne vil en gang efter efterårsferien (uge 42) være oppe at køre med nogle ord i Side 21 af 35

22 dem.</p> nogle af ordbøger, så vær tålmodig, da det tager en del tid at få lavet <hr> <div id="underline"> <b> </b> <div id="tekst"> <p>vi er i fuld gang med at tilføje ord til diverse ordbøger. Der er også sket flere rettelser rundt omkring på ordbøgerne.dk. Håber det nye design vil falde i god smag.</p> <hr> <div id="underline"> <b> </b> <div id="tekst"> <p>starten på ordbøgerne.dk er gået i gang og er godt på vej til at komme godt afsted fra start. Vi starter ud med at lave 3 ordbøger og vil så løbende tilføje flere ordbøger til listen. vær nu søde at kommentere, så vi kan få rettet diverse fejl.</p> </body> </html> Kontakt: <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso "> <title> Side 22 af 35

23 Ordbøgerne.dk - Dine gratis ordbøger på nettet </title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <div id="headline"> <b>kontakt</b> <p><br> <div id="underline"> <b>support:</b> <div id="tekst"> <p>hvis du har spørgsmål eller forslag til Ordbøgerne.dk og dens tjenester, kan du skrive til </p> <div id="underline"> <b>adresse:</b> <div id="tekst"> <p>ordbøgerne.dk A/S <br> Maglelunden 4 <br> 4000 Roskilde <br> Denmark <br> tlf. +45 **** **** <br> fax. **** **** </p> </body> </html> Side 23 af 35

24 Oversættelse: Vi kommentere denne del ved at skrive med Kursiv. <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso "> <title> Ordbøgerne.dk - Dine gratis ordbøger på nettet </title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <?php $con = mysql_connect ("den host der bliver brugt","brugernavn","kode til brugeren") - Den connecter til serverens database. or die ("Cannot connect to MySQL"); - Hvis den ikke kan connecte skrives dette. mysql_select_db ("Den database der skal bruges", $con) - Her vælges den database som skal bruges fra serveren. or die ("Cannot connect to DB ordbøgerne.dk") ; - Hvis den ikke kan connecte til databasen skrives dette. $sql = 'SELECT * '; $sql.= 'FROM `ord` WHERE word = "'. $_POST['word']. '" AND ordboger = "'. $_POST['ordbog']. '"'; - Det gør at den vælger alle de ord som macther det ord som er blevet skrevet i feltet og sammenligner med den valgte ordbog. $result = mysql_query ($sql); - Der udføres det sql statement der er i $sql variable if (mysql_errno() == 0) Finder ud af om der er nogen fejl { Side 24 af 35

25 $antal = mysql_num_rows($result); else { - Hvis der er fejl udføres dette, og der skrives hvilken fejl der er tal om echo "<br>sql fejl: "; $error = mysql_errno(); $errortext = mysql_error(); echo $error; echo " ". $errortext; echo "<form action='oversaetelse1.php' method='post'>"; echo "<center><table border='1' cellspacing='0' cellpadding='0' width='665px' height='30px' > <tr> <td bgcolor='000066' height='10px' class='title3'> Ord: <input type='text' name='word' size=30 maxlength=23 > Vælg ordbog: <select name='ordbog'> <option>sononym</option> <option>dansk - Engelsk </option> <option>engelsk - Dansk</option> <option>dansk - Tysk </option> <option>tysk - Dansk </option> </select> <input type='submit' value='oversæt'> </td> </tr> </table> <br> <table border='1' cellspacing='0' cellpadding='0' width='665px' height='100px' > <tr> Side 25 af 35

26 <td width='100%' height='300px' valign='top' class='oversaetelse'></center>"; echo "</form>"; $ix = 0; if ($row = mysql_fetch_array($result)) { - Den henter rækken og flytter pointeren hen på den næste do { - DO... WHILE bliver mindst udført en gang. Det afhænger af udtrykket i WHILE echo "<div id='tekst1'> Ordet: ". $row['word2']. "<p>"; echo "<div id='tekst1'> Oversættelsen: ". $row["oversaetelse"] ; echo "<p> <div id='tekst1'> Beskrivelsen: ". $row["beskrivelse"] ; print "<hr>"; $ix++; while($row = mysql_fetch_array($result)); - Det gør at den stopper når der ikke er flere rækker. EKS. Hvis der kun er 1 række stopper DO efter en gennemgang. echo "</form>"; else { $nytord = $_POST['word']; if (strlen($nytord) == 0) { - Hvis der ikke står noget i ord skrives der ikke noget i Framen else { echo "Der var desværre ikke nogen ord der matchede"; - Hvis der skrives forkert i ord, skrives dette echo "</td> </tr> </table>";?> Side 26 af 35

27 </body> </html> Stylesheet: #headline { color: black; font-family: Verdana; font-size: 15px; #underline { color: black; font-family: Verdana; font-size: 13px; a:link, a:visited { font-family: Verdana; font-style: normal; font-size: 11px; color: white; text-decoration: none; a:hover { font-family: Verdana; font-style: normal; font-weight: bold; font-size: 12px; color: white; text-decoration: none; background-color: ; li { color: Black; font-size: 13px; font-family: verdana #tekst { color: #666666; Side 27 af 35

28 font-family: Verdana; font-size: 13px;.title { font-family: verdana; font-size: 13px; font-weight: bold; color: black;.title3 { font-family: verdana; font-size: 13px; font-weight: bold; color: white;.title1 { font-family: verdana; font-size: 13px; font-weight: bold;.menu_ { font-family: verdena; font-size: 10px; color: #666666;.banner { background-image: url(banner.jpg);.oversaetelse { background-color: #6699FF; font-family: verdana; font-size: 13px; Side 28 af 35

29 font-weight: bold; color: black; #pimp { background-color: #0000FF; #pimp:hover { background-color: #6699FF; Side 29 af 35

30 Produktets udseende: Forside og index. Her ser man forside og index. Index er det som danner tabellen samt menuen, det er selve formen af siden. Side 30 af 35

31 Oversættelse: Som man kan se på billede er dette her man finder ordbøgerne, og man kan skrive ordet som skal oversættes og vælge ordbog. Side 31 af 35

32 Her ser man så oversættelsen med et ord, her kan man så se de informationer der kommer ud, selve ordet, oversættelse og en beskrivelse. Side 32 af 35

33 Når der så skrives et forkert ord kommer denne meddelelse om at ordet ikke var i databasen eller at man har skrevet forkert. Side 33 af 35

34 Nyheder Det er her man kan se de nyheder som sker på siden, hvilke ord der er blevet tilføjet osv. Side 34 af 35

35 Kontakt Det er her man kan se hvem man skal kontakte hvis man har spørgsmål til ordbøgerne, hvordan de virker mm. Side 35 af 35

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

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

Web 2.0. World Wide Web (www)

Web 2.0. World Wide Web (www) Web 2.0 World Wide Web (www) I marts 1989 skrev Tim Berners-Lee et information udveksling program kaldt ENQUIRE. Da han arbejde i CERN, var han ikke tilfreds med kommunikationen, derfor videreudviklede

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

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

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

PHP Crash course. Databaser

PHP Crash course. Databaser PHP Crash course Databaser PHP Intro PHP er et server scripting sprog der kan bruges til at lave aktivt indhold på hjemme sider. Der er to betingelser som skal opfyldes for at serveren fortolker PHP koden.

Læs mere

PHP kode til hjemmeside menu.

PHP kode til hjemmeside menu. PHP kode til hjemmeside menu. Home Hovedmenu 1 Hovedmenu 2 Hovedmenu 3 Hovedmenu 4 Undermenu 1 Breadcrumb Her vises indholdet af den valgte side Undermenu 2 Undermenu 3 Undermenu 4 Evt. en mulighed for

Læs mere

Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:...

Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:... Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:... 9 Nogle HTML tags... 9 Databaser og PHP Når vi snakker

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

Mark André Lyhne. Eksamen 2012. 12web1b

Mark André Lyhne. Eksamen 2012. 12web1b Mark André Lyhne Eksamen 2012 12web1b Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre...

Læs mere

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

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

PHP 3 UGERS FORLØB PHP, MYSQL & SQL

PHP 3 UGERS FORLØB PHP, MYSQL & SQL PHP 3 UGERS FORLØB PHP, MYSQL & SQL Uge 1 & 2 Det basale: Det primære mål efter uge 1 og 2, er at få forståelse for hvordan AMP miljøet fungerer i praksis, og hvordan man bruger PHP kodesproget til at

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

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

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

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2 GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer

Læs mere

Fremstilling af en hjemmeside

Fremstilling af en hjemmeside Fremstilling af en hjemmeside Du kan vise en hjemmeside på to måder. Enten ved at lade din computer virke som en server, eller ved at købe dig et såkaldt webhotel. Dette er en nem måde, og det er ikke

Læs mere

Projekt 3: Interaktionsudvikling 11/04.14

Projekt 3: Interaktionsudvikling 11/04.14 Projekt 3: Interaktionsudvikling 11/04.14 Gruppe 5 http://kostecki.dk/cph/cupcakes/v2/opskrifter.php Christina Juulmann www.chrissycreations.dk Jacob Kostecki www.kostecki.dk Jayne Alice www.jaynealice.com

Læs mere

IT projekt uge 4 9. Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013

IT projekt uge 4 9. Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013 PHP-Projekt IT projekt uge 4 9 Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013 4-3-2013 Indholdsfortegnelse Indledende afsnit... 2 Brainstorm... 2 User stories... 2 Problemformulering...

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

Tidsregistrering. Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4. Informationsteknologi B. Roskilde Tekniske Gymnasium 25-11-2014

Tidsregistrering. Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4. Informationsteknologi B. Roskilde Tekniske Gymnasium 25-11-2014 2014 Tidsregistrering Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4 Informationsteknologi B Roskilde Tekniske Gymnasium 25-11-2014 Indholdsfortegnelse 1 Indledning... 3 2 User stories... 3 3

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der

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

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

Dynamisk hjemmeside: NeuTravel

Dynamisk hjemmeside: NeuTravel Dynamisk hjemmeside: NeuTravel Problemformulering I dette projekt ønsker vi at lave en uafhængig hjemmeside til brug af turister, som gerne vil læse neutral information (dvs. information der ikke er farvet

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

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

INFORMATIONS TEKNOLOGI B

INFORMATIONS TEKNOLOGI B INFORMATIONS TEKNOLOGI B Eksamensprojekt - bilag Dette dokument indeholder kildekoder til hjemmesiden. Morten Kristensen, 3.a 17-04-2009 TITELBLAD Projektet Titel: Undertitel: Fag: Vejledere: Eksamensprojekt

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

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

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

Afsluttende projekt(kom/it): E-learning Hjemmeside om ballonprojekt Af: Kevin, Martin og Sara

Afsluttende projekt(kom/it): E-learning Hjemmeside om ballonprojekt Af: Kevin, Martin og Sara Afsluttende projekt(kom/it): E-learning Hjemmeside om ballonprojekt Af: Kevin, Martin og Sara Roskilde Teknisk Gymnasium Dato 02/04/13 08/05/13 Side 1 af 9 Indhold Problem... 3 Overvejelser... 3 Produkt...

Læs mere

Eksamen. Jonas Langhoff Nielsen Web01b

Eksamen. Jonas Langhoff Nielsen Web01b Eksamen Jonas Langhoff Nielsen Web01b 1 Indhold Tidsplan 3 Projektbeskrivelse og Målgruppe 4 De 6 Designparametre. 5 Skitser.. 6 Flowchart 7 Fremstilling af Logo 8 Farvevalg 9 Valg af fonte 10 Skelet.

Læs mere

Fornyelse af ældre websites

Fornyelse af ældre websites Afleveret: D.13. marts 2015 Roskilde Tekniske Gymnasium Klasse 2012.4 Fornyelse af ældre websites Afsluttende projekt Informationsteknologi B & Programmering C Projektrapport Lavet af: Frederik Bagger

Læs mere

#Anna Skak #Mediegrafiker

#Anna Skak #Mediegrafiker Grafisk Workflow OPGAVEN Fodboldklubben Egmont Rollators FC ville have en website, for at gøre klubben mere synlig for eventuelle nye medlemmer. Websitet skulle indeholde alle de praktiske oplysninger

Læs mere

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,

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

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

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

Dynamiske Billeder, Image Map & XY coordinater. ASP.NET og Access Databasen.

Dynamiske Billeder, Image Map & XY coordinater. ASP.NET og Access Databasen. Dynamiske Billeder, Image Map & XY coordinater. ASP.NET og Access Databasen. Tutorial lavet af Jákup W. Hansen TSU 2006 22. april 2008 Hvorfor denne tutorial: Denne tutorial er ikke direkte pensum på datamatikkerskolen,

Læs mere

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og

Læs mere

IT UNIVERSITET I København DYNAMISK WEBDESIGN

IT UNIVERSITET I København DYNAMISK WEBDESIGN IT UNIVERSITET I København DYNAMISK WEBDESIGN Lavet af: Roksana TadayonEslamy E-mail:Rota@itu.dk Indholdsfortegnelse 1. Indledning... 3 1.1 Formål... 3 1.2 Problems art... 3 1.3 Afgrænsninger... 3-4 2.

Læs mere

Grafisk workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

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

IVÆRKSÆTTERKURSUS Midtf org- Erhvervsråd 13 maj 2009

IVÆRKSÆTTERKURSUS Midtf org- Erhvervsråd 13 maj 2009 IVÆRKSÆTTERKURSUS Faaborg-Midtfyn Erhvervsråd 13. maj 2009 PROGRAM 18.30 Velkomst - plan for i aften Webdesign Mål og målgrupper Domæne og hosting Grafisk layout Søgemaskiner SEO Navigation Indhold 20.00

Læs mere

Valutaomregneren. Informationsteknologi B. Roskilde Tekniske Gymnasium. Adam Poul Kjærum Philip Elbek. Afleveringsdato: 13-05-2015

Valutaomregneren. Informationsteknologi B. Roskilde Tekniske Gymnasium. Adam Poul Kjærum Philip Elbek. Afleveringsdato: 13-05-2015 Valutaomregneren Informationsteknologi B Roskilde Tekniske Gymnasium Adam Poul Kjærum Philip Elbek Afleveringsdato: 13-05-2015 Vejledere: Christoffer Soya og Karl Bjarnason Billedet lavet af: Philip Elbek

Læs mere

OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre.

OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. WORKFLOW OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. Det er en fiktiv opgave. MIT BIDRAG Jeg stod for al design og

Læs mere

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

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

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE Opgavebeskrivelse Jeg har valgt at gennemgå min egen responsive hjemmeside, hvor jeg vil fokusere på responsivt design. Layout Min hjemmeside har jeg

Læs mere

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E.

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E. Portfolie Redesign www.gaardbodesign.dk Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013 Jens Jákup E. Gaardbo indholdsfortegnelse design... gestaltlove... opbygning...

Læs mere

Kommunikation/IT C - Afsluttende opgave 2011

Kommunikation/IT C - Afsluttende opgave 2011 Kommunikation/IT C - Afsluttende opgave 2011 Roskilde Tekniske Gymnasie Martin Fabricius & Simon Dein, 1.3 Side 1 af 11 Indholdsfortegnelse: Indledning... s3 Målgruppe (diskussion)... s4 indledende kravfangst...

Læs mere

Datalogi HTML Aarhus Katedralskole

Datalogi HTML Aarhus Katedralskole HTML HTML er en forkortelse for HyperText Markup Language og er således et markeringssprog og ikke et programmeringssprog! HTML bruges til at opmærke indholdet på en hjemmeside, og skal ses som en måde

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

Produkt. Index side GRAFISK DESIGN

Produkt. Index side GRAFISK DESIGN Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere

Læs mere

Vejledning start Test Indberetning i ENAO

Vejledning start Test Indberetning i ENAO Vejledning start Test Indberetning i ENAO Formål Formålet med denne vejledning er at vise hvordan man foretager indberetning af Test indberetning i Energitilsynets nye indberetningssystem, ENergiAnmeldelse

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

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4 Maskine Udlejning 15. oktober 2010 Jacob Weng, Jeppe Boese og Mads Anthony Roskilde Tekniske Gymnasium Udlejningsvirksomhed 3.4 Indholdsfortegnelse Problemformulering:... 2 Planlægning:... 2 Analyse af

Læs mere

Kom godt i gang med iframe

Kom godt i gang med iframe Kom godt i gang med iframe Denne introduktion til iframe henvender sig til dig, der arbejder med skolens onlinekommunikation. Den forklarer, hvordan du med en forholdsvis enkel HTML-kode automatisk kan

Læs mere

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

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS 1. Lidt om hvad du har lært Du har i øvelse 1 lært at lave en HTML5-side med afsnit,

Læs mere

Indhold. 2 Kommunikation/IT afsluttende opgave

Indhold. 2 Kommunikation/IT afsluttende opgave 16/05-2008 Kommunikation/IT afsluttende opgave Roskilde Maraton Louise Regitze Skotte Andersen, klasse 1.4 08 2 Kommunikation/IT afsluttende opgave Indhold Problem og målgruppe... 3 Problemstilling...

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.

Læs mere

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05

Læs mere

Grafisk workflow. Layout Da guiden primært skal betjenes med fingrene, har jeg programmeret den som en touchbaseret webapplikation (WebApp).

Grafisk workflow. Layout Da guiden primært skal betjenes med fingrene, har jeg programmeret den som en touchbaseret webapplikation (WebApp). Redegørelse Grafisk workflow Opgaven Medicinalfirmaet Boehringer Ingelheim, havde et ønske om at digitalisere en lægefaglig håndbog. Det er en såkaldt Quick guide, som er et lille overskueligt opslagsværk

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

Lav dine egne hjemmesider/websider

Lav dine egne hjemmesider/websider Sider, der skal publiceres på World Wide Web, laves i et særligt format, html, som fortæller browseren, hvordan den skal vise tekst og billeder. Html (Hypertext markup language) er meget fleksibelt og

Læs mere

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

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

Sapporo Christmas Campaign. http://sapporo.creativefolder.dk

Sapporo Christmas Campaign. http://sapporo.creativefolder.dk Sapporo Christmas Campaign http://sapporo.creativefolder.dk Faktaark Projekttitel Sapporo Christmas Campaign Projekt URL www.sapporo.creativefolder.dk URL Databaseindhold www.sapporo.creativefolder.dk/viewleads.php

Læs mere

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion... Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion... 4 Fase 5: Test... 5 Fase 6: Offentliggørelse... 5 Kanyle-modellen:...

Læs mere

CSS CSS er en forkortelse for Cascading Style Sheets. CSS er et sprog som bruges til at definere layout på fx HTML-dokumenter.

CSS CSS er en forkortelse for Cascading Style Sheets. CSS er et sprog som bruges til at definere layout på fx HTML-dokumenter. CSS CSS er en forkortelse for Cascading Style Sheets. CSS er et sprog som bruges til at definere layout på fx HTML-dokumenter. HTML var oprindeligt tænkt som et rent struktur-markeringssprog, der eksempelvis

Læs mere

Eksamensprojekt. Webshop. Roskilde HTX Klasse 3.4 Vejleder: Karl G. Bjarnasson Fag: Informationsteknologi B og Programmering C

Eksamensprojekt. Webshop. Roskilde HTX Klasse 3.4 Vejleder: Karl G. Bjarnasson Fag: Informationsteknologi B og Programmering C Eksamensprojekt Webshop Roskilde HTX Vejleder: Karl G. Bjarnasson Fag: Informationsteknologi B og Programmering C Lars Thomsen 20-05-2010 Indholdsfortegnelse 1) Indledning... 3 2) Problemanalyse... 3 2.1)

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

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs mere

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

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg Opgaven Der skal designes en hjemmeside til en pensioneret revisor, som ønsker at starte en fritids beskæftigelse op, som privat revisor. Han Ønsker en hjemmeside der skal kort fortælle om hans forretning.

Læs mere

Beskrivelse af Region Midtjyllands hjemmesider og intranet, samt funktioner i nuværende CMS

Beskrivelse af Region Midtjyllands hjemmesider og intranet, samt funktioner i nuværende CMS Beskrivelse af Region Midtjyllands hjemmesider og intranet, samt funktioner i nuværende CMS Region Midtjylland Regionshuset Viborg Koncern Kommunikation Webteam Indholdsfortegnelse Indholdsfortegnelse...2

Læs mere

DTU 02335 Net Teknologi A Webprogrammering og Datakommunikation Eksamensprojekt Krav til rapport September 2008 KRAV TIL RAPPORTEN

DTU 02335 Net Teknologi A Webprogrammering og Datakommunikation Eksamensprojekt Krav til rapport September 2008 KRAV TIL RAPPORTEN KRAV TIL RAPPORTEN Eksamensprojektet i Web-programmering og Datakommunikation skal afleveres som en rapport. Rapporten skal afleveres, i 2 eksemplarer (kopier). Endvidere skal være angivet URL, for emner

Læs mere

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt...

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... 3 Information... 3 Programmering... 3 Design... 4 Brochure... 4 Hjemmeside...

Læs mere

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

Læs mere

Dokumentering af umbraco artikeleksport:

Dokumentering af umbraco artikeleksport: Dokumentering af umbraco artikeleksport: Lav en artikel side 2-3. Installationsguide side 3-5. Opsættelse af databasen og web.config side 5-8. Umbraco: templates side 8. Umbraco: borger.dk tab side 8.

Læs mere

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information web som medie Internet vs WWW Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information Internet protokoller (forskellige måder at udveksle information

Læs mere

Designmanual for webintegrator grundforløbs eksamen

Designmanual for webintegrator grundforløbs eksamen Kræn Byskov Videndjurs Webintegrator Designmanual for webintegrator grundforløbs eksamen Side 1-14 Indholdsfortegnelse Indledning 3 Målgruppe 4 Timeline 5 Logo 6 Font 7 Farver 8 Flowchart 9 Storyboard

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med

Læs mere

Læringsprogram. Christian Hjortshøj, Bjarke Sørensen og Asger Hansen Vejleder: Karl G Bjarnason Fag: Programmering Klasse 3.4

Læringsprogram. Christian Hjortshøj, Bjarke Sørensen og Asger Hansen Vejleder: Karl G Bjarnason Fag: Programmering Klasse 3.4 Læringsprogram Christian Hjortshøj, Bjarke Sørensen og Asger Hansen Vejleder: Karl G Bjarnason Fag: Programmering Klasse 3.4 R o s k i l d e T e k n i s k e G y m n a s i u m Indholdsfortegnelse FORMÅL...

Læs mere

Grafisk Design. fra idé til visuelt udtryk Benett

Grafisk Design. fra idé til visuelt udtryk Benett fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup

Læs mere

Eksamensopgave 2012. Aarhusportalen. Melissa Emilie

Eksamensopgave 2012. Aarhusportalen. Melissa Emilie Eksamensopgave 2012 Aarhusportalen Melissa Emilie Indhold Indhold... 1 Aarhusportalen... 2 Projektbeskrivelse... 2 Hvem er kunden... 2 Målgruppe... 2 Hvad ønsker vi at opnå... 2 Temaer... 2 Tidsplan...

Læs mere

Personalekursus i Dreamweaver 3. Vejledning

Personalekursus i Dreamweaver 3. Vejledning Personalekursus i Dreamweaver 3 Vejledning Velkommen til personalekursus Dreamweaver 3 på RUC Det er ingen hemmelighed, at vi skal nå meget stof på relativ kort tid, så det kan være i vil føle at vi går

Læs mere

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside.

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Grafisk Design Dokumentation Inspiration Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Kort om opgaven Hjemmesiden, skulle være oplysende om produkter og virksomheden, den skulle være enkel

Læs mere

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau Roskilde Tekniske Gymnasium Eksamensprojekt Programmering C niveau Andreas Sode 09-05-2014 Indhold Eksamensprojekt Programmering C niveau... 2 Forord... 2 Indledning... 2 Problemformulering... 2 Krav til

Læs mere

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

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere