Undervisnings materiale jeg er stolt af.

Interaktivt materiale

Kodning er ikke alles favorit

Det har mine år som underviser i bl.a. HTMl og CSS på NEXT lært mig. Det er ikke det som Mediegrafiker eleverne er kommet for.

For mit vedkomne er kodning at sidestille med trolddom. Du har nogle ord, som i den rette rækkefølge skaber noget. Det er sgu da magisk!

I et forsøg på bedre at kommunikere min  nørdede  entussiasme videre til eleverne, valgte jeg at kigge nærmere på den hidtige måde at tilrettelægge vores undervisningsmateriale.

Det hidtidige materiale

I videoen herunder er der et eksempel på den hidtidige måde vi har kørt HTML og CSS opgaver. Det er en pdf med de oplysninger som eleverne skal bruge til at løse opgaverne - nogle gange oplyst tydeligt, andre gange som introduktion til de værktøjer de på egen hånd skal løse opgaven med.

Og hvad er der så galt med det?

Jamen altså... De fungerer sådan set fint, i det store hele. Så lad os lade det ligge.

Næh. Sådan fungerer det ikke.

    Udfordringen

  • Pdf'er er super til desktop, men tager sig ikke godt ud på mobilen, for de elever der bruger telefonen til at besøge vores LMS
  • De skal manuelt udskiftes ved eventuelle opdateringer af opgaverne - helst på alle de hold, der har haft opgaven og som stadig har adgang til LMS
  • Pdf'er er primært til statisk indhold, det kræver lidt at bringe bevægelse og interaktion ind i en pdf. Og selv hvis man har kompetencerne, går det stadig i ged det meste af tiden

LMS'ens udfordringer og muligheder

Vores LMS  har  faktisk muligheden for at skrive kode ind i et tekstdokument, man opretter på LMS'en. Der er dog to problemer med det...
For det første bliver man logget ud efter 20 minutters inaktivitet. Og at skrive i førnævnte dokument tæller ikke som en aktivitet, hvilket vil sige at man bliver logget ud og mister sit arbejde, hvis man ikke gemmer dokumentet hver 20. minut. Værre er dog det andet som er, at LMS'en "omskriver" koden, når man gemmer. En del af de mere "fancy" CSS bliver fjernet og alt det den beholder, bliver tilpasset til en obskøn miskmask af rode-kode.

Det er altså ikke ideelt. MEN LMS'en forstår kode og kan vise de ting den ikke  ødelægger  laver om på. Der er nogle muligheder, jeg kan eksperimentere videre med.

Det nye materiale (kom nu til sagen)

For at undgå tidsbegrænsning og omskrivning af koden, har jeg kodet lærematerialet i en gængs editor og oploadet det til skolens server, uden om vores LMS. På LMS'en har jeg lavet en iFrame der henviser til materialet på skolens server.

Kode mæssigt behøver jeg ikke bruge så meget krudt på selve skelettet af siden. Vores LMS danner struktur, så jeg kan nøjes med en simpel responsiv struktur og ellers koncentrere mig om at præsentere de eksempler materialet fokuserer på, samt små taktile og interaktive "easter eggs" rundt omkring på siden.

Se siden her eller kig på videoen herunder, for et indtryk af resultatet i sit tiltænkte habitat.

    Tanker om den nye model

  • Kan tilpasses til hvilket som helst device, uden de store problemer
  • Der er kun én fil der skal opdateres for at alle hold på LMS'en får den nyeste opgave/fil/information
  • Bedre muligheder for interaktion og indhold i bevægelse
  • Lidt nichet, men lige til HTML og CSS undervisningen, har eleverne mulighed for at inspicere koden og på den måde lade sig inspirere

    Ulemper ved den nye model

  • Print er ikke en direkte mulighed længere, for de elever der ønsker det. Kan løses med print-CSS eller traditionel pdf (men så har vi den gamle udfordring og dobbelt arbejde). Undersøg hvor mange elever der ønsker dette, i gennemsnit.
  • Det er ikke alle der er bekendte med kode, så metoden her er muligvis lidt eksklussiv. Det burde dog være muligt for mig at lave et CMS system, der vil kunne producere tæt på det samme, men nemmere tilgængeligt for folk der ikke hygger med kode.