-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathbrukerveiledning.html
113 lines (113 loc) · 7.21 KB
/
brukerveiledning.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="no-NB">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Brukerveiledning</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="menu-placeholder"></div>
<header>
<h1>Brukerveiledning</h1>
</header>
<main>
<section>
<h2>Velkommen til Klassekartbyggeren!</h2>
<p> Denne applikasjonen hjelper deg med å lage og tilpasse klassekart for klasserommet ditt.</p>
<p> Bruk gjerne siden som utgangsunkt når du gjennomføre opplæring i bruk av løsningen.</p>
</section>
<section>
<h2>Komme i gang</h2>
<ol>
<li><strong>Åpne applikasjonen:</strong> Gå til <code>klassekart.vestfoldfylke.no</code> i en nettleser.</li>
<li><strong>Klassekart:</strong> finner du under menypunktet "Hjem".</li>
<li><strong>Introduksjon:</strong> til funksjonaliteten i løsningen finner du nedenfor.</li>
</ol>
<br>
<h3>Slik gjør du</h3>
<br>
<img src="brukerveiledning.gif" alt="Animert bilde som viser fremgangsmåten" width=850" height="450">
<br>
</section>
<section>
<h2>Steg 1: Registrer elever</h2>
<p>Tre ulike måter å registrere elever:</p>
<ol>
<li><strong>Skriv inn elevnavn:</strong> Skriv inn fornavnene på elevene, én per linje, i tekstområdet under "Steg 1" og klikk Oppdater klassekart.</li>
<li><strong>Hent elever:</strong> Klikk på "Hent elever"-knappen for å laste opp en tekstfil med elevnavn, klassekartet oppdateres automatisk.</li>
<li><strong>Fyll inn eksempelelever:</strong> Klikk på "Fyll inn eksempelelever"-knappen for å fylle inn eksempelelever automatisk.</li>
</ol>
<br>
<p><strong>Nullstill klassekart:</strong> Klikk på "Nullstill klassekart"-knappen for å fjerne alle registrerte elever og tilbakestille klassekartet.</p>
</section>
<section>
<h2>Steg 2: Tilpass og lag klassekart</h2>
<p>Det er flere måter å tilpasse klassekartet på:</p>
<ol>
<li><strong>Dra og slipp:</strong> Alle elementer i klassekartet kan flyttes på.</li>
<li><strong>Bygg ditt eget klasserom:</strong> Klikk på "Lag manuelt"-knappen for å åpne innstillingene for å bygge ditt eget klasserom.</li>
<li><strong>Legg til elementer:</strong> Bruk knappene for å legge til grupper, elever, rader og bokser.</li>
<li><strong>Bruk innstillinger:</strong> Angi antall rader og kolonner, og klikk på "Bruk"-knappen for å oppdatere klasserommet.</li>
<li><strong>Lag klassekart:</strong> Klikk på "Oppdater-klassekart" for å generere klassekartet basert på de registrerte elevene.</li>
<li><strong>Del elevene i grupper:</strong> velg antall elever pr gruppe for å gruppere elevene automatisk.</li>
</ol>
</section>
<section>
<h2>Steg 3: Eksporter klassekart</h2>
<ul>
<li><strong>Eksporter som skjermbilde:</strong> Ta et skjermbilde for å lagre klassekartet ved å bruke SHIFT+WINDOWS+S / Utklippsverktøy.</li>
</ul>
</section>
<section>
<h2>Manuelle tilpassninger</h2>
<ul>
<li><strong>Innstillinger:</strong> Klikk på "Lag klassekart manuelt"-knappen for å gjøre manuelle tilpassninger.</li>
</ul>
</section>
<section>
<h2>Tips og triks</h2>
<ul>
<li><strong>Redigerbare felt:</strong> Dobbeltklikk på gruppe- og elevnavn for å gjøre dem redigerbare.</li>
<li><strong>Dra og slipp:</strong> Bruk dra og slipp-funksjonen for å flytte elever og grupper rundt i klasserommet.</li>
</ul>
</section>
<section>
<h2>Tips til veiledere som skal gjennomføre opplæring</h2>
<ul>
<li><strong>Fysisk eller digitalt?</strong> Vurder om du skal kjøre digitalt, fysisk eller hybrid veiledning.</li>
<li><strong>Send invitasjon til deltakerne:</strong> <a href="Bruk av Klassekartbyggeren.msg"_blank" class="button-invite">Bruk gjerne dette eksempelet som utgangspunkt.</a></li>
<li><strong>Sett av ca 30 minutter:</strong> Hvis du skal ha fysisk veiledning, bruk et rom der du har tilgang til storskjerm og deltakerne kan sitte ved et bord med egne maskiner, noen kan ha behov for strøm.</li>
<li><strong>Veilendingen fysisk og digitalt?</strong> Pass på at du har møteromsutstyr som er tilpasset hybride møter, test godt på forhånd, dagen i forkant og rett før er optimalt.</li>
<li><strong>Gå til menypunktet "Brukerveiledning":</strong> Rull ned til "Komme i gang", kontroller at hele bilde under "Slik gjør du" blir synlig på skjermen.</li>
<li><strong>Del denne siden på storskjerm:</strong> Fortell brukerne at de kan gå til nettstedet på egen PC via adressen <strong>klassekart.vestfoldfylke.no</strong>.</li>
<li><strong>Forklar grunnfunksjonaliteten:</strong> Start med å fortelle om de tre stegene for å lage et klassekart. Vurder om elevene skal sitte 1:1, 2:2 eller i grupper, fyll inn elevenes navn og tilpass klasserommet </li>
<li><strong>Fokuser på funksjonene:</strong> Fyll inn eksempelelever</strong>, Oppdater klassekart, muligheten for Dra og slipp og Nullstill klassekart.</li>
<li><strong>La brukerne prøve selv:</strong> Gå rundt for å hjelpe til, hjelp brukerne med å lage egne importfiler slik at de kan generere grupper for deres egne klasser.</li>
<li><strong>Oppmuntre til å eksperimentere:</strong> Legge til og flytte rundt på grupper, elever og rader.</li>
<li><strong>Vær tilgjengelig for spørsmål:</strong> Sett av tid til å svare på sprørsmål fortløpende på Teams de neste ukene etter introduksjonen, gjennomfør gjerne en halvtimes oppfriskning etter noen uker.</li>
<li><strong>Be om tilbakemeldinger:</strong> Oppmuntre til å benytte knappen "Send tilbakemelding" i venstremenyen dersom de opplever at noe er feil eller de har forslag til forbedring.</li>
</ul>
</section>
<section>
<h2>Feilsøking</h2>
<ul>
<li><strong>Nullstill klassekart:</strong> Hvis noe går galt, kan du alltid nullstille klassekartet ved å klikke på "Nullstill klassekart"</li>
</ul>
</section>
<section>
<h2>Kontakt</h2>
<p>For tilbakemeldinger, <a href="https://forms.office.com/e/JAVyCrnuaz"> send en henvendelse via dette skjemaet</a>.</p>
</section>
</main>
<script>
document.addEventListener('DOMContentLoaded', () => {
fetch('menu.html')
.then(response => response.text())
.then(data => {
document.getElementById('menu-placeholder').innerHTML = data;
});
});
</script>
</body>
</html>