Christian Hjortshøj. HTX Roskilde Lære: Bartlomiej Warszawski. Fag: KomIT 1 S ide

Transkript

1 Christian Hjrtshøj HTX Rskilde Lære: Bartlmiej Warszawski Fag: KmIT 1 S ide

2 Indhld 1. Indledning Målgruppeanalyse Valg af medie Skitsering Skitse Skitse Skitse Færdig skitse Teknlgi RGB PPI Hvad PPI bruges til i hverdagen Prduktin af hjemmeside Titel Baggrunde Tpbanner på hjemmesiden Menu Infrmatin bx Ophavsret, plagiat g etikette Hvad er phavsret? Hvad er plagiat? Hvad er etikette? Bruger undersøgelse S ide

3 1. Indledning I kmit har man fået til pgave at skulle lave et prdukt, der handler m fremtidens skle, hvr alt undervisning frgår på en cmputer. Staten vil centralisere sklerne, g gå ver til at undervisningen i flkesklerne g gymnasierne frgår elektrnisk, vire ngle e-learings centre der ligger ude hs brgerne g selve undervisningen bliver sendt ud fra ngle superskler i København, Odense g Århus. Det vil sige at gså udkandsdanmark, kan få det samme høje faglige niveau, sm der er i rasten af Danmark. Da der kmmer centrere unde i næsten være by, skal beflkningen ikke transprter sig lige så meget g derved kan man spare på transprten g at CO2 udledningen. Fr at realisere regeringens prjekt, skal der udarbejdedes digitale undervisningsmaterialer, autmatisering af undervisningsadministratin g der skal laves en plysningskampagne, der frtæller m hvad regeringens prjekt er. Jeg har valgt at lave en plysningskampagne der frtæller m hvad fremtidens skle er. Det vil jeg gøre i gennem en hjemmeside. Igennem den pgave vil jeg kmme ind på målgruppe analyse, hvrfr jeg har valgt at lave en hjemmeside, g skitsering. Alt dette kan du læse mere m på de næste sider. 3 S ide

4 2. Målgruppeanalyse I dette afsnit kmmer jeg ind på, hvilken målgruppe, sm min kampagne skal henvende sig til. Afsender Afsenderen i dette medieprdukt skal være staten / undervisnings ministedet. Indkdning Medieprdukt skal bruges til at finde plysninger m, hvad fremtidens skler g skal henvende sig til flest muligt, derfr skal der laves en side, der hen vender sig til brugerne, her skal de få de nødvendige plysninger, at man sm elev kan se hvad det betyder fr en, g sm lære hvad de skal kunne. Budskab Budskabet er at brgene i Danmark får den vider, hvad det har af betydning fr dem, at der bliver laveret en ny måde at undervise Danmarks skle elver på. Mediet Mediet, sm er valgt, til at skulle frmidle, de nødvendige plysninger er en hjemmeside, da det er den måde fremtidens skle vil frgå på. Sklen skal være baseret på 100 % pc undervisning g derfr skal frmidlingen gså frgå igennem pc en. Støj Det der kan frringe prduktet er, hvis brugeren, der skal blive klgere på, hvad det er, ikke har en pc til rådighed, g der ved ikke kan blive frmidlet de nødvendige plysninger. Afkdning Nej da kampagnen skal kunne aflæs af alle, dem der har med sklen af gøre. Mdtager Mdtageren i denne kampagne er alle skle / gymnasium elever, lære, frældre g pressen der skal frtælle m fremtidens skle. 4 S ide

5 3. Valg af medie Jeg vil lave en hjemmeside der skal henvende sig til alle der har med flkesklen g gymnasiet af gøre. Det vil jeg gøre ved at lave under sider, der henvender sig fx til elverne eller lærerne sm skal undervise eleverne. Da man laver undersider, kan man give den nødvendige infrmatin, der høre til de frskellige målgrupper. Eleven har ikke behv fr at læse det samme sm læreren g mvendt. Selve hjemmesiden vil jeg lave i HTML. Da jeg syns at det er lettest fr mig at finde rundt i. 5 S ide

6 4. Skitsering 4.1 Skitse 1. Gestaltlve: Lven m lukkethed Da hjemmeside har en ramme m selv siden. Lven m frsættelse Da de er ens g ligger ved siden af hinanden. Lven m lighed Da knapper er ens. Interaktinsdesign: Den side vil ind hlde en træ-struktur. Når man klikker på en knap vil man stadig kmme hen til den frrige side igen. 4.2 Skitse 2. Gestaltlve: Lven m lukkethed Da hjemmeside har en ramme m selv siden. Lven m frsættelse Da de er ens g ligger ved siden af hinanden. Lven m lighed Da knapper er ens. Interaktinsdesign: Den side vil ind hlde en labyrintstruktur. Når man klikker på en knap vil der kmme ny frslag, der har relevans fr den side man ligge har været inde på. 6 S ide

7 4.3 Skitse 3. Gestaltlve: Lven m lukkethed Da tp banneret har en kasse m sig. Interaktinsdesign: Den side vil ind hlde en labyrintstruktur. Når man klikker på en knap vil der kmme ny frslag der har relevans fr den side man ligge har været inde på. Ud fra de tre skitser ven ver, har jeg valgt, at lave en ny skitse, der inde hlder de bedste tinge, fra de tre skitser. Jeg har vaglt at interaktinsdesignet skal være en træ-struktur. Ud fra Gestaltlven, har jeg valgt at bruge lven m lukkethed, lven m frsættelse, g lven g lighed. 4.4 Færdig skitse Gestaltlve: Lven m lukkethed Da hjemmeside har en ramme m selv siden. Og at tp banneret har en kasse m sig. Lven m frsættelse Da de er ens g ligger ved siden af hinanden. Lven m lighed Da knapper er ens. Interaktinsdesign: Den side vil ind hlde en træ-struktur. Når man klikker på en knap vil man stadig kmme hen til den frrige side igen. 7 S ide

8 5. Teknlgi 5.1 RGB RGB er et farveskema, sm inde hlder rød, grøn g blå. Disse tre farver kan kmbineres på mange frskellige måder, sm så danner en ny farve. RGB bruges til at bestemme farven på en cmputer eller en tv-skærm. Hvis man vil lave hvid, gøres det ved at blande de tre farver med lige meget af hver farve. Det vil sige at hvid har en farve kde der heder R:255 G:255 B:255. Hvis man der i md vil lave gul vil farve kden hedde R: 255 G:255 B:000. Disse kder bruger man fte i farve prgrammer sm fx Paint i Windws PPI PPI betyder Pixels Per Inch, sm er en måleenhed, der bruges til fx digitale billeder. PPI beskriver pløsningen af billedet. PPI måles i tmmer, det vil sige tmme gange tmme. Hvis man siger at et billede har en pløsning på 300 PPI, indehlder billedet 300 pixels fr være kravt der en tmme høj g en tmme bredt Hvad PPI bruges til i hverdagen. 72PPI til 96 PPI Bruges nrmal til pløsning på cmputerskærme (2010) 150 PPI Bruges til grv print/skanning. (A4) 300 PPI Bruges til en nrmal print/skanning. (A4) 600 PPI Bruges til en fin print (A4) eller skanning (A4 til A3) PPI Bruges til en superfin print/skanning (A4 til A2). 1 4/5 2011, 2 4/5 2011, 8 S ide

9 6. Prduktin af hjemmeside 6.1 Titel <html> <head> <title>fremtidens SKOLE</title> </head> </html> Her giver jeg hjemmeside en titel, så man kan genkende side når man skiver fane. 6.2 Baggrunde </head> <bdy style="backgrund: url('b-index.jpg');"> </html> Her sætter man et baggrundsbillede ind, sm man vil have sm sin baggrund, jeg har valgt at lave en grøn baggrund. Baggrunden er lavet i Paint, hvr jeg har valgt farven. 6.3 Tpbanner på hjemmesiden <bdy style="backgrund: url('b-index.jpg');"> <table brder="0px" cellspacing="0px" align="center" Style="width: 800px;"> <tr style="backgrund-image: url('tp.jpg'); clr: #ffffff;"> <td clspan="4" style="text-align: center;"><h1><br>fremtidens SKOLE<br></h1></td> </tr> </table> </html> Her sætter man et tpbanneret ind, man sætter banneret ind i en tabellen, hvr den er baggrunds billede. Derefter har jeg sat verskriften ind i tabellen, hvr jeg har valgt at bkstaverne skulle være hvide. 9 S ide

10 6.4 Menu </tr> <tr style="text-align: center; backgrund-clr: #dddddd; fnt-size: 12pt;"> <td width=25%><a href="index.html">elever</td> <td width=25%><a href="laerer.html">lære</td> <td width=25%><a href="fraeldre.html">frældre</td> <td width=25%><a href="pressen.html">pressen</td> </tr> <tr style="text-align: center; backgrund-clr: #ffffff; fnt-size: 12pt;"> <td width=25%><a href="elev-index.html">aktuelt fr elever</td> <td width=25%><a href="elevbetydning.html">betydning fr mig</td> <td width=25%><a href="00.html"></td> <td width=25%><a href="00.html"></td> </tr> <tr> <td clspan="4" style="backgrund-clr: #dddddd; height: 2px;"></td> </tr> Du er man ved at lave menuen fr hjemmesiden. Den første linje er hvde menuen, det er den linje man kan se på alle sider. Den næste linje er undermenuen, sm ændre sig alt efter hvilken side man er på. Hvis man er under hvde menuen elever, er undermenuen tilpasset dem. Den sidste tabel er en linje der skiller menuen fra selve siden. </table> 10 S ide

11 6.5 Infrmatin bx </table> <table brder="0px" cellspacing="0px" align="center" Style="width: 800px;"> <tr> <td clspan="2" style="padding-left: 20px; paddingright: 20px; padding-bttm: 100px; backgrundclr: #ffffff; pacity: 0.8;" width=50%> Her skal der indsættes tekst. </td> <td clspan="2" style="padding-left: 20px; paddingright: 20px; padding-bttm: 100px; backgrundclr: #ffffff; pacity: 0.8;" width=50%> Her skal der indsættes tekst. Du er man ved at lave infrmatins bxense, hvr der skal stå de plysninger brugerne vil have. Nu er skabelnen til hjemmesiden færdig. Nu skal man bare sætte de plysninger ind, sm man vil have på hjemmesiden. </td> </tr> </table> </bdy> </html> 11 S ide

12 7. Ophavsret, plagiat g etikette. 7.1 Hvad er phavsret? Ophavsret betyder, at den persn der har lavet fx et billede, lavet en tegning eller har skrevet en artiklen har phavsretten til prduktet. Hvis man skal lave en hjemmeside fx, g fx har fundet et billede på nettet, sm man vil bruge, skal man søger fr at spørge m man må bruge billedet, da det er persnen der har taget billedet, der har phavsretten. Hvis man fr lav til at bruge fx billedet, skal man huske at skive, navnet på den persn der har phavsrettighederne Ophavsretten gælder fr alt, sm er skabt af en persn, altså musik, film, billeder, tekst g kunst Hvad er plagiat? Et plagiat er en efterligning, af en anden ting. Det vil sige at en kunster laver en kpi af et maleri g skiver den kunster på sm har lavet det riginale maleri. 4 Det samme sker der gså inde fr hjemmesider, hvr der er en persn der kpier en hjemmeside g ligger hjemmesiden p på et andet navn, der ligger den riginale hjemmeside. 7.3 Hvad er etikette? Etikette er almindelige gældende nrmer, fx at man ikke støder andre mennesker, at man taler pænt til hinanden sv. at man pfører sig rdentligt ver fr alle mennesker. Og at man ikke hænger ngle ud, fr nget de ikke har gjrt. Jeg verhlder phavsret, da jeg selv har taget alle mine billeder, med mit ejet kamera g at jeg selv har lavet min egen hjemmeside helt fra bunden. Jeg har gså selv skrevet mine tekster, sm er på hjemmesiden. Jeg har heller ikke lavet et plagiat, da det er en hjemmeside jeg selv har bygget p. Og jeg ver hlder etiketten da jeg ikke hænger ngle bestemmer mennesker ud, eller har et grimt sprg på hjemmesiden. 3 4/5 2011, 4 Plitikens Stre Ordbgs-cd-rm Versin 3.1 (søge rd plagiat) 12 S ide

13 8. Bruger undersøgelse Jeg har lavet en bruger undersøgelse af min hjemmeside, g hvr jeg spørg m, hvad flk lægger vægt på, når de er på en hjemmeside. Og hvad de syns m min hjemmeside. Jeg syns min brugertest er gået fint, g flk har svaret fint på mine spørgsmål. Jeg syns det er arveligt at der ikke er flere der har svaret på den. Men de tilbagemelding jeg har fået syns, jeg er gde. Jeg kan se ud fra det, de svare på min undersøgelse, at de gerne vil have ngle andre menu knapper, jeg ville gerne have haft en menu, hvr når man fx hldet musen hen ver elever, så kmmer alle under menuerne nede under, uden at man skulle skifte side. De skiver gså at jeg skulle have haft ngle flere billeder der, viser ngle børn i skle. Man kan se resulterende i de 2 bilag, der er ved lagt. Jeg har valgt at uplad t hjemmesider, den ende er den jeg har sendt ud til undersøgelse (den der er gennem gået i prduktin af hjemmeside), g en anden der er lavet frbedringer på, efter at jeg har fået kmmentarer på det jeg har lavet. Jeg har lavet en side hvr der stå hvem der har levet siden g jeg har lagt ngle nye billeder p, jeg har gså valgt at lave ngle nye menu knapper, så det burde være letter at finde rundt på siden. 13 S ide