onsdag 11. desember 2013

Øving 3 - Oppgave 1

PLN-ifiser et eksisterende undervisningsopplegg:

Undervisningsopplegg - Gruppe på fire personer:

Presentasjon av tv-serie - prosjekt
Du og de andre i gruppen har fått i oppdrag av en tv-stasjon å lage et nettsted som presenterer en tv-serie for norsk ungdom mellom 16 og 20 år. Dere må gjerne få inspirasjon fra andre nettsider om samme tv-serie, men dere skal utvikle et nettsted med «deres» brukergrensesnitt.
Dere kan velge mellom følgende tv-serier: Frustrerte fruer, Greys anatomy, True Blood, Big Bang Theory og Dexter.
Målsetting for opplegget:
Lære om planlegging av et nettsted
Ta valg med tanke på brukergrensesnitt, logo og fargebruk på nettstedet
Fordele oppgaver innen gruppen og utføre disse innen en tidsfrist

Lærestoff:


Læringsaktiviteter:
  • Les oppgaven nøye og noter opp alle deloppgaver og rekkefølgen på disse. Velg selv om du vil bruke et regneark, tabell i Word eller verktøy som Gantt project (http://ganttproject.biz/) 
  • Lag en moodboard som synliggjør det visuelle utrykket i valgt tv-serie
  • Lag en fargepalett ut fra moodboardet ( farge på bakgrunn, tekst, 
  • bilderammer, logo.....) 
  • Sørg for å gjennomføre et brukergrensesnitt som samsvarer med valgt tv-serie. 
  • Presenter historien, persongalleriet og annen informasjon med både tekst og bilde.
  •  Nettsidene skal bygges opp ved hjelp av div og dette grunnoppsettet skal lages som en mal. Denne malen skal danne utgangspunkt for samtlige nettsider
  • Nettstedet skal også ha et egenutviklet bilde/logo som skal gå igjen på hver side og fungere som overskrift.
  • Nettstedet skal ha et ikon (favicon)som lages i Photoshop eller ved hjelp av en Favicon generator 
  • Hver enkelt nettside i webløsningen skal ha en egen tekst i tittellinja 
  • Nettstedet skal ha et eksternt stilark (CSS) 
  • Alle bilder dere bruker skal bearbeides i Paint.Net (eller annet bildeprogram), for eksempel ved tilpasning av bildestørrelse. Sørg for at alle bildene får en ramme og at filmseriens navn vises som en tekst på bildet
  • Når man peker på de ulike bildene i nettsiden skal navn på opphavsmann bli synlig («gul lapp») Tips: bruk attributtet title i img-taggen.
  • Nettstedet skal inneholde minst en animasjon (animert gif) Forbered deg på å vise løsningen din for lærer (alle oppgavedeler)


Vurdering:
Resultatet skal presenteres for klassen og faglærer. Det er viktig at selve prosessen, og hvordan dere arbeidet sammen, også kommer frem i presentasjonen.
Presentasjonen vil bli vurdert som godkjent/ ikke godkjent.

PLN-basert tilnærming til oppgaven
  • Det er lov å spørre de andre gruppene om hjelp/innspill men da må det skje gjennom f.eks. Twitter
  • En skal søke hjelp/inspirasjon utenfor klassen f.eks. gjennom et forum, Twitter, Facebook, Google+, Slideshare osv. Kjenner du f.eks. noen som tar en medieutdanning?
  • En skal samarbeide med gruppen, evt. andre, ved å bruke samarbeidsverktøy som f.eks. GoogleDocs, Google Hangouts el.l.
  • Dokumenter ved hjelp av skjermbilder hvordan dere bruker PLN for å få innspill eller hjelp
  • En skal dokumentere prosess ved hjelp av egen blogg - bruk gjerne skjermbilder for dette
  • Dere skal i løpet av prosjektet kommentere minst tre andre blogger - helst positive innspill, men en kan også stille spørsmål 


Grunnen til at dere skal arbeide på denne måten er flerdelt:

  • Ved å samarbeide vha. verktøy nevnt ovenfor kan en arbeide slik en individuelt foretrekker:
  • hjemme på egen arbeidsplass, med dempet musikk, mørkt eller lyst?
  • sammen med andre i gruppen f.eks. samskriving eller alene?
  • bruke flere typer ressurser f.eks. lyd og video, tankekart osv.
  • en skal reflektere over egen læring vha. blogg
  • en skal hjelpe hverandre, både som gruppe og i klassen
  • En kan søke kontakt/hjelp med andre utenfor klassen som har noe å bidra med
  • Bli vant med å bruke samarbeidsverktøy og kanskje også begynne å bygge et eget læringsnettverk


I forbindelse med oppgaven må dere:

Søke kunnskap i lærebok og andre oppgitte ressurser
Kunne anvende/bruke denne kunnskapen i eget arbeid med nettsted

Vurdere andre sitt arbeid ved å gi kommentar på blogger


Eksempel til elevene:

For å gi et praktisk eksempel til elevene, stilte jeg en tidligere elev et spørsmål på Twitter:









Etter kort tid fikk jeg dette svaret:















Ikke bare en lenke med eksempel, men ferdige filer som vi kunne bruke direkte i undervisningen.

Jeg synes selv at dette var et godt eksempel på hjelpsomhet og ikke minst hvor tidsbesparende slike nettverk kan være.



Egne kommentarer til gjennomføring av prosjektet:

Ved å gi en gruppeoppgave der elevene skal samarbeide og også samarbeide ved hjelp av dataverktøy/programmer, kan vi trekke inn konnektivisme. Det er vel uenighet om dette er en læringsteori eller om den beskriver nye måter å lære på ved hjelp av digitale verktøy. Konnektivisme trekker inn nye sosiale læringsarenaer og hevder vel at kunnskap om hvordan en skaffer seg informasjon kan være viktigere enn det en faktisk vet eller kan. George Siemens og Stephen Downes blir regnet som de som introduserte konnektivisme. (http://en.wikipedia.org/wiki/Connectivism)

Elevene har i skrivende stund vist frem resultatene av prosjektet. Løsningene ble gode, og alle gruppene oppfylte krav til nettsted:
  • favicon
  • logo/header
  • eksternt stilark (CSS)
  • bearbeiding av bilder i bildebehandlingsprogram
  • animert gif-bilde
  • fargepalett


Det som har vært utfordringen, og tildels mangler ved prosjektet har vært følgende:
  • Dokumentasjon av prosess vha blogg + kommentering av andres blogg
  • Samarbeid/kommunikasjon med andre utenfor gruppen
  • Søking etter hjelp/informasjon utenfor klassen


I etterkant stiller jeg meg følgende spørsmål:
  • Hadde gruppen behov for å søke hjelp/informasjon eller hadde de faktisk nok kunnskap internt i gruppen? I så tilfelle var det kanskje naturlig å gå rett på selve oppgaven?
  • Burde jeg også vist eksempel på hvordan dokumentasjon skulle foregå? Tenker her på bruk av f.eks. Skitch eller andre skjermutklippsverktøy.
  • Hva var motivasjonen for at elevene skulle bruke tid på å skrive blogg? Ble det her bare en ytre motivasjon i form av ett arbeidskrav? Det har vel vist seg at dette som oftest ikke er nok for å få god og varig aktivitet…
  • Fikk elevene for mange ressurser av meg? Burde de finne mer ressurser selv og hadde det evt. fått utslag i mer behov for innspill/hjelp?



Eksempel på elevsamarbeid:



Meldinger i Facebook:















Kommentar på blogg fra elev:


«Jeg syns at samarbeidet på gruppa gikk veldig bra og vi hadde en grei fordeling av arbeidsoppgavene. Vi brukte for det meste Facebook til å kommunisere sammen på fritiden, men vi kunne også ha brukt andre hjelpemiddler som Google+, Google drive og Google Docs til å kommunisere. Vi valgte å bruke Facebook siden dette var det som var lettest for oss, siden vi ikke er så vandt til å bruke de andre hjelpemiddlene.»


-Henrik M.


Eksempel på samarbeidsdokument i GoogleDocs:

















Kommentar på blogg fra elev:


«Som en måte å samarbeide på innad i gruppa, har vi opprettet en mappe i Google disk hvor vi deler filer, ideer og bilder. Dette gjør at vi blant annet kan jobbe på 3 datamaskiner samtidig, for deretter å sende hverandre delprodukter. Uten et slikt system ville arbeidsfordelingen blitt veldig urettferdig, fordi en datamaskin, og dermed en person måtte stått for alt av produksjon.»


Eksempel på prosjekt i its learning: