- processbeskrivelse -

Da jeg allerede har lavet en tidsplan over hele mit forløb ..
syntes jeg ikke at det er så nødvendigt at lave en processbeskrivelse..
dog startede jeg et par dage efter jul..

hjemmeside færdig:

www.mettejulienielsen.dk

- 46h modellen -

Projektet + krav:
Kravene til projektet er helt de samme som de plejer, dog må hjemmesidens tema være efter helt eget valg. Så derfor valgte jeg at lave en hjemmeside, der skal handle om mig selv, og hvor forkert det er, at dømme andre mennesker inden man kender dem, med en Stop mobning underside som understøtter dette.

Idé generering + processer:
Til at starte med, satte jeg mig ned, og tænkte igennem hvad det var jeg ville opnå med min hjemmeside. Jeg ville gerne have en hjemmeside om mig selv, men samtidig ikke blive for selvglad omkring mig selv. Så tænkte jeg på hvordan folkeskoleperioden havde været, og hvor lidt støtte der havde været at hente, så jeg tænkte lidt på at lave en hjemmeside, som gjorde at andre unge mennesker måske ville lære noget af fortiden.
Hjemmesiden henvender sig da helt klart til unge mennesker, men kan også bruges af ældre, dog mener jeg ikke selv, at de kan huske noget om deres skolegang, og selvom der også foregår mobning på arbejdet, tror jeg ikke at det er i samme grad. Unge mennesker kan virkelig ødelægge andres liv.
Designet var jeg ikke rigtig i tvivl om, det skulle være mørke farver, da jeg bedst kan lide mørke farver, jeg føler selv, at jeg kan slappe af med mørke farver, og så er det også lidt dystert i forhold til emnet.
Jeg lavede to moodboards for at få begge stemninger, både om mobning og en smule om mig, til sidst slog jeg dem sammen til præsentations moodboardet.
Design delene til hjemmesiden, lavede jeg om en del gange, da jeg ikke følte at det gav det ønskede resultat, og enten var det for fremtrædende eller også var det ikke pænt nok. Men jeg nåede da frem til en okay løsning.
Herefter begyndte jeg på mit grid-design og mine mock ups + at tage nye billeder til min hjemmeside.

Processer (implementering af fag)

Visualisering
Designmæssigt har jeg sørget for at have et meget enkelt design, f.eks. oppe i banneret har jeg taget nogle af de cirkler vi startede med at lære i vores første timer, og sat ind i højre hjørne. (bare for sjov skyld, for at vise at dem kunne jeg godt huske hvordan man lavede.)
Billederne på hjemmesiden, har jeg selv taget, og dem har jeg lavet mere fremtrædende end selve teksten og menu knapperne, sådan at man kan se, at jeg også har en lille passion for at tage billeder.

Interaktion
I kodningen har jeg sørget for at bruge en del div tags. Og implementeret SEO, Metatags brugt og KeyWords. Derudover havde jeg også en del h3 og h4 tags, som jeg selv stylede med tekst størrelse og skrift type. Plus en søgerobot der tillader google at få alle informationer, undtagen stylesheet, og MSN der får alle informationer undtaget billeder og stylesheet. Jeg har også lavet et sitemap, der beder robotten om at finde info engang om året, og nogle af siderne mere end andre.

Kommunikation
I kommunikation har jeg sørget for, at kommunikere så meget som muligt til unges samvittighed, som jeg kunne, dog kan siden også læses af voksne, da der er meget tekst.

Virksomhed
Jeg har valgt at implementere 46h modellen her, og derudover har jeg også sørget for at lave en tidsplan over hvad jeg skulle nå, dog har det været lidt forskelligt om jeg har været forud eller bagud, da der var mange ting der skulle nås inden jeg kunne blive færdig. Jeg har også brugt meget tid på at finde ud af, om min side var noget folk syntes var spændende at kigge på, og om teksten lød godt i andres ører.
Kodning, prototype og test (evaluering)
Jeg begyndte stort set at kode samtidig med at jeg designede dele til hjemmesiden, da jeg mente at jeg kunne lave banneret og kode nedad efterhånden. Da forsiden var færdig, genbrugte jeg mange af koderne på undersiderne, og testede hvordan folk syntes at de forskellige dele så ud undervejs, så jeg kunne rette delene inden at jeg nåede for langt. Derudover brugte jeg også rigtig lang tid på tekst, og forsøgte at gøre sådan, at folk ikke skulle scrolle meget på min hjemmeside, medmindre de virkelig ønskede at læse noget, og der kunne man så læse videre ved at trykke på en underknap.
Jeg lagde ikke en prototype ud på nettet, dog tog jeg min kodede ”tester” og vidste den til folk der kom hjem til mig. Og mange syntes at den var rigtig nem at bruge, hvilket gjorde at de gerne ville blive på siden, og så var det nogle pæne billeder, dog valgte jeg at ændre en af overskrifterne på siden, fordi den blev for lang. Og så var min hjemmeside klar til at blive lagt på nettet.

slut på dag

Endelig !!! fik jeg lagt den dumme hjemmeside på nettet.. og
det tog en evighed.. da One.com ikke kan gemme med stort jpg osv..

når min hjemmeside ligger på www.mettejulienielsen.dk

og resten må jeg lave lidt senere..

- 11.01.2011 -

I dag har jeg fået lagt min Usability test ud, og jeg har besluttet, at jeg ikke vil ændre noget på siden, da den er meget nem at komme til, og der er ikke meget scrollen hvis folk ikke gider at læse . . og ting folk ikke leder efter, bliver ikke fundet, medmindre de trykker ind på nogle underknapper :)

I dag skal jeg nå at lægge min hjemmeside ud på nettet..
og forhåbentlig også nå at lave 46h modellen og en process beskrivelse.. og så er jeg færdig.. :D

Usability test

Usability test:

Hvordan syntes du at hjemmesiden ser ud?

Flot.

Rigtig flot.

Kan du lide farverne?

Ja, rigtig flotte.

Ja meget harmoniske.

Hvordan finder du noget info om mig?

1 klik

1 klik

Hvis du ville lede efter ting jeg havde lavet, hvor ville du så kigge?

1 klik

1 klik

Hvis du skal kigge efter steder hvor du kan læse om mobning, hvor ville du så trykke?

1 klik

1 klik

Hvis du skulle finde ting om min skolegang, hvor ville du så trykke?

Kun til at finde hvis man virkelig leder efter den. Ca. 4 klik

2 klik, som ventet

Er der noget på hjemmesiden du ville ændre?

Nej

Nej, men for gamle mennesker er den nok ikke så spændende.

- 09.01.2011 -

I dag har jeg været i gang med den sidste side i kodningen og blevet færdig med både tekst og kodning. Derudover har jeg fået valideret alle siderne til 0 fejl.

Nu mangler jeg kun at lave en usability test af min hjemmeside, rette eventuelle fejl, og lægge min hjemmeside på nettet.

Derudover mangler jeg 46h modellen og lave en processbeskrivelse.

Hvad jeg har nået i dag !

I dag har jeg nået at kode alle siderne færdig, --> dog har jeg valgt at kode en side mere, for at
man på den måde ikke skal scrolle så meget, medmindre at man gerne vil..

Så er jeg også begyndt på valideringen af alle siderne og har fundet ud at at jeg kom til at
glemme at skrive slut på html og kodede br forkert, --> så det er hermed rettet..

I morgen vil jeg færdiggøre valideringen.. og den sidste side..

Præsentationsmoodboard

Her er mit præsentationsmoodboard, Jeg vil bruge farverne sort, brun og hvid, da jeg syntes disse farver er meget simple, og de virker også dystre nok til at omhandle mobning.

Dog har jeg taget nogle illustrerende billeder med, som gør at læseren har noget at se på, mens de læser. Dog er dette ikke en side, hvor man bare kan komme ind og se en masse billeder og grafik. Dette er en lærerig hjemmeside, derfor de mørke farver.

- D. 06.01.2011 -

I dag skal jeg nå at lave præsentations moodboardet færdigt, og jeg vil også se på implementeringen af 46h modellen og hvad jeg nu ellers mangler. . Derudover hvis
jeg får tid.. vil jeg også kigge på kodningen af den sidste side på min hjemmeside.

Valideringen af HTML og CSS vil jeg begynde på når jeg er helt færdig med kodningen af
aller sidste side..

- d. 04.01.2010 -

Hvad jeg har nået:

I dag har jeg nået at kode forsiden færdig, samt to af undersiderne der omhandler mine projekter og om mig, så man kan gå ind og se de to seneste projekter som jeg og min gruppe har lavet og hvad jeg vil opnå med siden.

På mine projekter, kan man også gå ind og klikke på billederne, så man kan komme ind til begge
siderne som er lagt ud på nettet og om mig kan man gå ind og se om min skolegang eller gå videre
via et link til stop mobning siden.

I morgen vil jeg fortsætte på at kode nogle af undersiderne, og så håber jeg på at jeg kan tilføje en
ekstra side til min kodning, da jeg syntes at teksten blev for presset.

- d. 04.01.2010 -

Jeg har været gået lidt i stå med min kodning, men begynder igen i dag at kode. . .
dog har jeg lidt problemer med internettet, så det må desværre blive med så lidt
hjælp fra nettet som muligt. . .

Min forside til hjemmesiden er kodet færdigt og SEO er også færdigt . .
Så det jeg mangler nu er egentlig min links side, for jeg er ikke sikker på
om der skal være billeder på siden. .

Derudover skal jeg også kode resten af siderne færdigt.. og så have noget tekst..

- hvor langt jeg er nået -

Lige nu er jeg i gang med kodningen.. og tror egentlig også at jeg kan holde
tidsplanen.. dog har jeg stadig ikke fået lavet præsentations moodboardet..
det laver jeg senere.. når jeg er helt sikker med mine billeder..

nu vil jeg fortsætte med min kodning.. og måske i morgen lave præsentationsmoodboardet