Klokkevisningssiden

Hovedsiden som består av all informasjonen. Siden er bygget med HTML5, som en nettside, og tanken er derfor at den kan settes opp på et gammelt nettbrett eller PC, som ikke lenger er i bruk. Eneste kravet for å kjøre løsningen er en oppdatert nettleser og internettilgang.

Hovedsiden består av:

1. Menyknapp til kontrollpanelet
2. Værinformasjon
3. Klokke
4. Dag og dato
5. Hviken høytid det er/antall dager til neste høytid
6. Visuell klokke pr. barn som viser tidspunkt for å stå opp/legge seg, en visuell progressbar som vise hvor mye av dagen/natta som har gått, bilde eller navnet til barnet samt sol/måne som representerer dag/natt.
7. Bakgrunnsfarge som skifter mellom rød og grønn.
8. Opplesning av informasjon.

1 - Menyknapp oppe til venstre

Trykk på denne knappen for å komme deg til kontrollpanelet. Du blir da først spurt om å taste inn passordet ditt på nytt, og blir deretter presentert for kontrollpanelet.

2 - Værinformasjon oppe til høyre

Viser gradene samt et visuelt symbol for hvordan været er. Værinformasjonen vises basert på postnummeret som er angitt i kontrollpanelet.

3 - Klokke

Feltet viser klokka i sanntid. Klokkefeltet kan trykkes på, så vil løsningen lese opp hvor mye klokka er.

4 - Dag og dato

Feltet viser dag og dato i sanntid. Datofeltet kan trykkes på, så vil løsningen lese opp hviken dag, dato og årstall det er.

5 - Høytid

Viser hva som er neste høytid/ferie, og hvor mange dager det er til. Dersom det er høytid eller ferie vises det i stedet. Midt i sommerferien endrer feltet seg fra å vise at det er sommerferie, til å telle ned til skolestart. Høytidsfeltet kan trykkes på så vil løsningen lese opp hvor lenge det er til neste høytid, eller hvilken høytid det er.

Boksene med klokke, dag og dato og høytid vil automatisk skjules dersom oppløsningen på skjermen blir under 600 pikseler i bredden.

6 - Klokkefelt som opprettes pr. barn

Viser når barnet skal kan stå opp og når det skal legge seg. Klokkeslettene og bildene av sol/måne bytter automatisk plass ettersom om det er natt eller dag. Viser både visuelt, og med tall, hvor mye det er igjen av dagen/natten. Klokkefeltet til et barn kan også trykkes på, så vil klokken automatisk lese opp navnet til barnet, og hvor lenge det er til barnet skal legge seg.

Tidspunktene som vises settes i  kontrollpanelet når barnene opprettes, og kan sendere endre fra samme plass. 

Det er mulig å sette egen tidspunkter for helg. Disse tidspunktene brukes da automatisk dersom det er høytid/ferie.

7 - Bakgrunnsfarge

Bakgrunnsfargen til klokkevisningssiden er koblet til boksene i punkt 6, og bakgrunnsfargen blir rød dersom det er tid for at ett av barnene skal legge seg. Boksen til barnet som skal legge seg vil da endre til nattmodus, mens barnet som ikke skal legge seg enda vi være uforandret frem til leggetid.

8 - Opplesning av informasjon

Boksene med klokke, dag og dato, høytid og informasjonen omnår barnet skal legge seg kan automatisk leses opp. Dette gjøres enkelt ved å trykke på boksen du ønsker å få lest opp informasjon fra.

Klokkesiden oppdaterer seg selv hvert minutt, og henter da nye tidspunkter og ny status uten at hele siden lastes på nytt. Endrer du noe i kontrollpanelet, slår det gjennom innen et minutt.