Hvert team skulle finde et kommercielt website som skulle re-implementeres i HTML, CSS og JavaScript(JS). 

Der skulle implementeres enkelte og udvalgte sider i HTML og CSS, siderne skulle implementeres med JavaScript efter eget valg og kreativitet.

Hvert teammedlem skulle implementere nok Javascript til at indeholde og demonstrere pensum.

Afleveringen skulle indeholde:

Link til løsningen dvs en fungerende online interaktiv prototype (HTML, CSS, JAVASCRIPT).

i et link til Github  -Kildekode (eg. HTML, CSS, Javascript). 

Link til en fælles video (youtube), 4-8 minutter hvor teamet forklarer udvalgt JS kode, som demonstrerer hele pensum.

Vores gruppe på 4 bestod af Manar, Tahani, Nicolaj og mig selv. Vi havde før været i gruppe sammen og dette fungerede godt.

Mandag morgen startede vi ud med at sætte os ind i projektet. Derefter gik vi igang med at finde en kommerciel website hvor vi den så skulle re-implementeres i HTML, CSS og derefter implementeres med Javascript. Vi valgte at gå med Storms Pakhus Hjemmeside. Vi valgte den, da vi så mulighed for at lave….

1. En “hjælpe pop up chat boks” (Mig)
2. Et filter/filtrering på madvalget (Tahani)
3. En dropdown burgermenu (Manar)
4. Slides af madbilleder (Nicolaj)

Vi valgte hjemmesiden Storms Pakhus, da vi så potientiale og mangler som vi kunne forbedre.

Vi oprettede en fælles kode fil:

Jeg valgte at lave en “hjælpe pop up chat boks” da dette kunne indeholde pensum af java script.

Jeg fik inspiration fra den chat på billedet til venstre

Min færdige popup chat boks med eksempel på kode:

Aflevering af Video/koder + forklaring

Da vi var færdig med at kode fandt vi et lokale som ikke var optaget. Vi optag video af vores hjemmeside (storms pakhus) og snakkede og fortalte om videoen. Vi valgte nicolajs kode. Derefter sendte vi den færdige video til Thomas.

Reflektion

Jeg synes at denne projektuge var en god start på 2. semester. Det var lige på og hårdt i forhold til java script. Min opgave i dette projekt var jo som sagt at lave en hjælpe popup i java script. Jeg fandt inspiration fra en anden sides popupboks design og krydrede den med egne ideer og funktioner. Jeg synes at java script er svært. Det hele er en læringsproces hvor man øver sig og bliver bedre med tiden, jo mere man arbejder med de forskellige systemer og programmer jo bedre bliver man. Der var selvfølge flere tekniske udfordringer under vejs men vi havde heldigvis nicolaj i gruppen som er god til java script og god til at forklare og fikse problemer. Der var fx problemer med at få boksen til at lukke og åbne dette hjalp Nicolaj mig med at fikse. Herunder er der billeder af de andres java script. I gruppen havde vi god kommunikation og vi hjalp som sagt hinanden når der var behov for det. Vi lavede en afsluttende video hvor vi skulle fortælle ud fra at udvalgt kode hvilket gav mulighed for at gå igennem koden igen og forstå elementerne in java script endnu bedre.