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 med kom/it, lægge mine afleveringer ind for faget. Jeg er interesseret i at ramme flest mulige mennesker til at have lyst til at gå ind og tjekke min studieweb ud. Men det kan være svært at ramme alle. Så jeg har valgt at jeg vil fange censor, lærer, andre elever og mig selv. Det er vigtigt at jeg rammer censoren og lærerens interesse til eksamen, men jeg skal også fx selv have lyst til at gå ind og kigge på den. Andre elever på skolen vil evt. også få gavn af den. Interesse for lærer of censor: Læsevenlig tekst Forskellige farver der hænger sammen Links til sider skal være tydelige Afleveringer fra de forskellige ting jeg har lavet i kom/it Overskueligt! Interesse for mig selv og andre elever/kammerater: Flere billeder og links end tekst En masse farver Gerne links til andre sider Kunne læse om mig, hvem jeg er osv. Afleveringer fra kom/it timerne Farverne jeg vil bruge på min studieweb, skal være flotte og farverige. Jeg vil ikke bruge så mange dystre farver, såsom sort, brun, grå og andre mørke nuancer. Jeg vil gerne bruge nogle forskellige nuancer af lilla. Der er skal også være forskellige farver for hver side der er på min studieweb. Farverne: Lilla Lyserød Tyrkis Hvid Blå Inde på min studieweb vil jeg gerne have en side om mig selv, hvor andre kan læse hvem jeg er hvorfor jeg har valgt at gå på kom/it linjen. Jeg vil gerne have at man kan læse om skolen og de forskellige studieretninger. Der skal være en side hvor man kan læse hvordan kom/it er som fag. 1
Dokumentation af Studieweb III Jeg vil dokumentere min studieweb ved at vise alle de koder jeg har brugt for siden. Jeg vil fortælle hvad de forskellige koder, koder for og hvorfor jeg har gjort følgende. Først vil jeg indsætte de basic koder for HTML, det er de koder jeg har brugt på alle mine dokumenter, som grundelement. Jeg bruger programmet Sublime til at kode for min studieweb. Ovenstående koder, vil blive til følgende: Nu vil jeg dokumentere for hvad de forskellige koder står for. Den første kode viser at det er en HTML fil vi har med at gøre. Den næste kode hvor der står <head> beskriver hvad der skal stå i værktøjslinjen, altså hvad den kommer til at hedde. <title> står for hvad den skal hedde. Når man så skriver et stråstreg (/) betyder det at man lukker <title>, det er for at vise at <title> er slut. Det vil se sådan her ud </title>. Efter det kommer </head> og det betyder at <head> er færdig, da der er en skråstreg (/). Derefter går vi til <body> som betyder at det er selve vores side hvor vi skriver ting. Koden der kommer efter det er <h1> som betyder at det er overskrift nummer 1. Hvis man nu valgte at skrive <h2> i stedet for, så ville det betyde overskrift 2, og teksten vil hermed blive mindre en overskrift 1. <p> er selve brødteksten man kan begynde på her. 2
Til sidst kommer </body> og </html> som sagt står for afslutning. Dette er min index og det er det første man ser når man kommer ind på min side og også mit første dokument. Starter vi oppefra, ser man noget anderledes nemlig at der står <html lang= da >, det står for languages, oversat til hvilket sprog ens side skal være på og DA står for dansk. Kigger man lidt videre på koderne, er der en kode der hedder <meta charset= UTF- 8 >. Det eneste denne kodning gør, er at man kan skrive ÆØÅ. Derefter kommer koden der hvor der står <a href= xxxxx >xxxxx</a> osv. Det betyder at koden linker til en anden side. Alt det der står med hvis (kig på billedet), er selve teksten, altså det man vil kunne se på hjemmesiden. Alt det der står i er det dokument jeg henviser til. <hr> er koden for en streg, så der hvor koden <hr> er, vil der komme en streg på den fysiske side. Altså en salgs inddelinger på hjemmesiden. Så kommer <h1> er det som jeg forklarede ovenfor, det betyder en overskrift 1. Så kommer <p> som er brødteksten, det skal lige siges at alt det der står med hvidt (se billede) vil være det man kan se på den fysiske side. <h2> står for overskift 2. 3
HTX bekendtgørelse: 4
Jeg har lavet en side der hedder HTX bekendtgørelsen, hvor man kan klikke ind og se hvad man skal kunne i kommunikation/it på A- niveau. Der kan man klikke her på HTX bekendtgørelse og så kan man gå ind og læse om det. 5
Min studieweb: Jeg har også en side hvor jeg kort har skrevet lidt om mig selv. Siden hedder Om mig. Om mig: 6
Jeg har lavet en side man kan gå ind på der hedder Afleveringer, der kommer jeg løbende til at ligge mine afleveringer ind, jeg har lavet i kom/it. Afleveringer: For at jeg kan få de farver jeg har på min forskellige sider, altså min forside, og når man trykker ind på om mig eller afleveringer, altså alle farverne, fx baggrunden osv. koder for hver sin farve. Der har jeg lavet to nye sider på Sublime hvor jeg kun koder for de farver min studieweb skal have 7
Her koder jeg for de farver jeg vil have inde på min forside, når man klikker ind på min studieweb: 8
Ekstra viden: Jeg har opladet det hele via serveren FileZilla. Det er vigtigt at når man opretter dokumenterne, at man har alle referencer, dokumenter og billeder i samme mappe for at gøre det nemmer for browseren at finde dokumentet. Det er samtidig også vigtigt at navnene på de dokumenter og billeder du skal bruge ikke indeholder store bogstaver, æøå og mellemrum. Hvis de indeholder det kan det føre til at serveren ikke kan læse dokumenterne, det er dog også vigtigt at man skriver det hele korrekt for det kan også føre til at serveren ikke kan læse tingene. Egen refleksion: Da jeg satte mig ned for at forny min studieweb og lave en ny en fra bunden, havde jeg svært ved at vide hvad jeg skulle gøre. Så jeg spurgte en veninde til råds som er god til det med html og css. Vi satte os ned sammen, hvor hun viste mig fra bunden af hvordan man opbygger sin studieweb så den bliver flot og overskuelig. Jeg endte med at få sat mig ind i det og kan nu selv finde ud af at kode. Grunden til jeg ikke kunne finde ud af det til at starte med, var at jeg ikke havde lært det hele basic til at starte med, da jeg ikke gik her i grundforløbet og fik lært det med html og css. Det jeg så gjorde med min veninde var, at gå ind på w3schools.com hvor jeg fandt grundelementet for at opbygge sin studieweb. Ud fra opbyggede jeg simpelt og enkelt min studieweb ud fra standardkoderne. Det jeg synes der var svært, var at finde ud af hvad der skulle være på min studieweb og hvilke ting man kan trykke videre på. Jeg synes også det var lidt svært i starten og sætte mig ind i de forskellige koder, men det kom jeg hurtigt ind i alligevel. Jeg synes det var nemt at bestemme farverne jeg skulle bruge og så synes jeg også at programmet Sublime er et nemt og simpelt program til at designe sin studeweb osv. Hvad synes brugerne? Jeg stillede 3 spørgsmål til min tester Andreas, omkring min studieweb. Han skulle prøve og se om han kunne finde rundt på min side. Han fik spørgsmålene: Kan du finde Roskilde Tekniske Gymnasiums hjemmeside? Kan du finde HTX bekendtgørelsen? Hvor kan man læse om mig? Andreas mente at jeg godt kunne havet fremhævet min link til Roskilde HTX med en anden farve og gøre det lidt mere i øjenfaldende, så man ikke er i tvivl om hvor og hvad det er. Han mente også at knappen til HTX bekendtgørelsen skulle have mere plads i forhold til resten af min side og den måtte også gerne have en anden og mere i øjenfaldende farve. Skriften er god. På min side hvor man kan læse om mig, mente Andreas at jeg gerne måtte føre det hvide stykke længere ned, så det fyldte mere og det ikke bare ligner en boks. Overordnet synes Andreas at min side er god og den fungerede med at de andre småting godt kunne savnes lidt. 9