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

PHP Snippets. De små korte. Skrevet af Daniel Pedersen

PHP Snippets. De små korte. Skrevet af Daniel Pedersen PHP Snippets De små korte Skrevet af Daniel Pedersen Indhold PHP Snippets De små korte er en samling af små og praktiske kode eksempler med kort forklaring, som med formål at kunne benyttes til opsalgsværk

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

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

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

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

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

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

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

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 guide af Daniel Pedersen

PHP guide af Daniel Pedersen PHP guide af Daniel Pedersen Side 1 af 12 Indholdsfortegnelse PHP guide af Daniel Pedersen Side 2 af 12 Indledning I dette hæfte finder du forklaringer til PHP funktioner, løkker, variabler samt en række

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

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

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

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

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

HTML, PHP, SQL, webserver, hvad er hvad??

HTML, PHP, SQL, webserver, hvad er hvad?? Dagens menu HTML og PHP: Baglæs fra output til input PHP: Variable, strenge og arrays Funktioner, oprettelse og kald (og variable på tværs af funktioner) echo vs return? if-else konstruktioner MySQL: Hvad

Læs mere

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

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

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

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

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

Aptana editor til MAC og Windows

Aptana editor til MAC og Windows 1 Aptana editor til MAC og Windows http://aptana.com/products/studio3/download For at downloade Mac versionen skal du klikke på : Customize Your Download og der efter klikke på MAC OS X. Indtast navn og

Læs mere

Matematik læringsprojekt Journal

Matematik læringsprojekt Journal Matematik læringsprojekt Journal Indledning Dette projekt udarbejdes af Oliver Mangelsen og Kasper Christoffersen fra klasse 3,3. projektet udarbejdes i faget programmering. Meningen med dette projekt

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

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12 Grundlæggende HTML Hjemmesider, kommunikation og kode Hvad er HTML? Hyper Text Markup Language Beskrivelsen siger at det er et tekst sprog bestående af markører Bruges til at vise hjemmesider i en browser,

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

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

[DIGITAL VIRKSOMHEDS INFRASTRUKTUR]

[DIGITAL VIRKSOMHEDS INFRASTRUKTUR] 2011 RTG Programmering Eksamensprojekt Mikkel Weywadt, Christian Hansen og Casper Hansen 3.4 [DIGITAL VIRKSOMHEDS INFRASTRUKTUR] s 1 af 70 Indhold Introduktion... 6 Analyse af problemstilling... 6 Arbejdstider...

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

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

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

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

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

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

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

Grafisk Design. rafisk Design

Grafisk Design. rafisk Design rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig

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

Indholdsfortegnelse If-sætningen... 3 Opgaver... 4 OR, AND sammen med if-sætningen... 5 Rand() funktion... 5 Opgave... 5 Include() funktionen...

Indholdsfortegnelse If-sætningen... 3 Opgaver... 4 OR, AND sammen med if-sætningen... 5 Rand() funktion... 5 Opgave... 5 Include() funktionen... Modul 2 Indholdsfortegnelse If-sætningen... 3 Opgaver... 4 OR, AND sammen med if-sætningen... 5 Rand() funktion... 5 Opgave... 5 Include() funktionen... 6 Opgave... 6 POST/GET og formular... 6 Opgaver...

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

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

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

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

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

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

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

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

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

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

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

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

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

Vejledning til OLO Organisation

Vejledning til OLO Organisation Vejledning til OLO Organisation Indhold OLO Organisation er... 2 Ansøge om medlemskab via foreningens hjemmeside... 3 Opret et nyt medlem, der har ansøgt om medlemskab via hjemmesiden... 9 Afvis en ansøger...

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

Projekt Du er på, hvor du går

Projekt Du er på, hvor du går Projekt Du er på, hvor du går Informationsteknologi B og Dansk A Arbejdsgruppe: Ugur, Mathias T., Devran og Lars Klasse 3.4 HTX Roskilde 16/11-2009 Vejledere: Karl G. Bjarnason & Birgitte H. Madsen Indholdsfortegnelse:

Læs mere

Tilpasning til skærm og browser

Tilpasning til skærm og browser Denne guide er oprindeligt udgivet på Eksperten.dk Tilpasning til skærm og browser Du har lavet en kode, som fungerer fortrinligt på din egen computer. Glad og tilfreds lægger du din hjemmeside på Nettet.

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 WEBSHOP TIL KLITMØLLER COLLECTIVE

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE WEBSHOP TIL KLITMØLLER COLLECTIVE Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige Jylland.

Læs mere

Guiden til overlevelse af HTX Klasse 3.4 Malte Tobias Thomé

Guiden til overlevelse af HTX Klasse 3.4 Malte Tobias Thomé Eksamensjournal Guiden til overlevelse af HTX Klasse 3.4 Indholdsfortegnelse Indledning:... 3 Problemformulering:... 3 Løsning:... 3 Målgruppe:... 3 Kompiler og sprog:... 3 Produktet:... 4 Hjemmesiden:...

Læs mere

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se. Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen

Læs mere

Design Diaries.

Design Diaries. Design Diaries http://blog.lykkeeilert.dk/ Patricia Gambula Larsen Patrick Lykke Eilert Ninette Andersen cph-pl130@cphbusiness.dk cph-pe58@cphbusiness.dk cph-na96@cphbusiness.dk INDHOLD Use case model

Læs mere

Gruppe: Rocky Albeck, Mark Berthelsen og Maria Solstar Programmering eksamensprojekt Dato: 06.05.09

Gruppe: Rocky Albeck, Mark Berthelsen og Maria Solstar Programmering eksamensprojekt Dato: 06.05.09 Gruppe: Rocky Albeck, Mark Berthelsen og Maria Solstar Fag: Programmering C Skole: Roskilde Tekniske Gymnasium Vejleder: Carl Bjarnasson Dato for aflevering: 06.05.09 Side 1 af 19 Indholdsfortegnelse:

Læs mere

Naja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse

Naja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse Interessentanalyse Jeg fik til opgave at skulle lave en ny studieweb som er min egen personlige side. Min studieweb skal bruges til lidt information og så vil jeg løbende igennem de to år jeg har igen

Læs mere

Se hjemmesiden på:

Se hjemmesiden på: Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed

Læs mere

HVAD ER WORDPRESS 2 HVORDAN LOGGES IND 3 HVORDAN NAVIGERES DER 4 HVORDAN SKRIVES EN SIMPEL NYHED 5 AVANCEREDE NYHEDER 6 HVORDAN RETTES EN NYHED 7

HVAD ER WORDPRESS 2 HVORDAN LOGGES IND 3 HVORDAN NAVIGERES DER 4 HVORDAN SKRIVES EN SIMPEL NYHED 5 AVANCEREDE NYHEDER 6 HVORDAN RETTES EN NYHED 7 JonLitle.dk HVAD ER WORDPRESS 2 HVORDAN LOGGES IND 3 HVORDAN NAVIGERES DER 4 HVORDAN SKRIVES EN SIMPEL NYHED 5 AVANCEREDE NYHEDER 6 HVORDAN RETTES EN NYHED 7 PROFIL 7 KOMMENTARER 7 Hvad er Wordpress Wordpress

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

Interaktionsudvikling

Interaktionsudvikling Projektopgave 3: Interaktionsudvikling CPH business, klasse: MulA2013 Projektansvarlige undervisere Thomas Hartmann MereteGeldermann lützen: Projekt produkt url: www.amalieardahl.dk/projekt3/index.html

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

Denne rapport er skrevet af:

Denne rapport er skrevet af: Rapport til Kajakklubben Rapport til Kajakklubben Generelt: Frontend: Backend Admin: Backend instruktør sign up: Backend medlem sign up: Database: Oprettelse af database og SQL sætning: Konklusion: Bilag:

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

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

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

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

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

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

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

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

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning Opgaven Opgaven var fiktiv, og gik ud på at lave en side med titlen Husk Hjelmen - hvilket skulle være en underside, til rådet for sikker trafik. I sidens layout skulle vi vise at der var plads til at

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

Tagboard Template Class

Tagboard Template Class Tagboard Template Class Skrevet af Daniel Pedersen Tagboard Template Class Skrevet af Daniel Pedersen Side 1 af 22 Indholdsfortegnelse 1.0 INDLEDNING...3 2.0 SYSTEM DESIGN...4 2.1 INDIVIDUEL SYSTEM DESIGN

Læs mere

Mini Afsluttende Projekt

Mini Afsluttende Projekt Mini Afsluttende Projekt Tobias Sønderskov Hansen og Lau Lund Leadbetter Roskilde Tekniske Gymnasium Klasse 2.4 - IT 2013 Side 1 af 18 Indholdsfortegnelse Indledning... 3 Mindmap... 3 User Stories... 4

Læs mere

AFSLUTTENDE OPGAVE. Lad Grønsted forblive Grøn

AFSLUTTENDE OPGAVE. Lad Grønsted forblive Grøn AFSLUTTENDE OPGAVE Lad Grønsted forblive Grøn Lad Grønsted forblive Grøn Indledning Til dette afsluttende projekt har jeg valgt at fokusere på udemiljøet i en park, og om hvordan et godt udemiljø kan påvirke

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

WORKFLOW & PRODUKTION

WORKFLOW & PRODUKTION OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation

Læs mere

Afsluttende Opgave. Vejledning til ballonprojekt. Elever. Fag. Skole. Lærer

Afsluttende Opgave. Vejledning til ballonprojekt. Elever. Fag. Skole. Lærer Afsluttende Opgave Vejledning til ballonprojekt Denne rapport er en del af den afsluttende opgave i kommunikation/it C på RTG. Temaet til opgaven er Varmluftballonen, efter det obligatoriske Projekt Ballonflyvning,

Læs mere

! }! FORSIDE! ! !

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

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

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

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

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

WEBSITE Projekt 3 Af: Ulvi Imanov, Adem Kurnaz, Shiko Nzorubara og Alexander Kofod Dato: 23.11.2012

WEBSITE Projekt 3 Af: Ulvi Imanov, Adem Kurnaz, Shiko Nzorubara og Alexander Kofod Dato: 23.11.2012 WEBSITE Projekt 3 Dato: 23.11.2012 Indholdsfortegnelse Indledning... 2 Designbrief... 2 Kommunikationsanalyse... 3 Flowchart... 4 Eksempel på HTML... 5 Argumentation for design... 7 Evaluering... 9 Gant-diagram...

Læs mere