Kom/IT Undervisningsmateriale - Rapport Klasse 1.7 Mathias Saxe H. Jensen 10-05-2011 Side 1 af 10
Indhold Forside... 1 Indledning... 3 Problemstilling... 3 Målgruppe... 3 Problemformulering... 4 Kommunikationsplan... 4 Krav til første prototype... 5 Design... 5 Implementering... 6 Test og User-stories... 10 Konklusion... 10 Side 2 af 10
Indledning Vi er 10 år ude i fremtiden og Danmarks folkeskoler og gymnasier skal centraliseres. Dette sker blandt andet ved at skoler i udkants-danmark skal omdannes (eller udvikles) til små e-learnings centre. Disse centre skal have gode indlæringsmedier og effektive undervisningsmønstre. Undervisningsmaterialer som bøger og opgavesæt vil blive erstattet af nye digitale, og derved ressourcesparende, versioner. Det er vigtigt at disse nye digitale indlæringsmedier og undervisningsmaterialer udstråler professionalitet og kvalitet, da dette vil skabe bedre hengivenhed blandt de elever (og lærere), der skal begynde at bruge disse nye medier og værktøjer. Problemstilling Når elever er færdige med folkeskolen og skal videre til gymnasiet kan de fleste sagtens gøre sig forståelige på sproget engelsk. De fleste har også godt styr på grundlæggende engelsk grammatik og sprogforståelse. På gymnasiet er niveauet højere og man lærer om mere avanceret grammatik, samt uregelmæssigheder i det engelske sprog. Denne indlæring foregår ofte ved først at læse om og gennemgå et givet grammatisk emne, hvorefter man laver en række opgaver eller en test for at se om man har fået fat i stoffet. Det er dette koncept jeg vil digitalisere og forbedre, i den forstand at der, ved brug af mit produkt, forhåbentligt ikke vil være et lige så stort behov for tilstedeværelsen af en lærer, samt at der slet ikke vil være behov for bøger og papir. Målgruppe Som det svagt fremgår af ovenstående har jeg valgt at målgruppen for mit projekt skal være førsteårs gymnasieelever. Jeg har valgt denne målgruppe fordi jeg pt. selv er en del af den og derfor har gode kompetencer og gode erfaringer angående denne gruppes foretrukne undervisningsmetoder. Dertil skal der nævnes at jeg egentlig ikke er en del af målgruppen, da mit medieprodukt i teorien først skal implementeres for år 2021 s førsteårs gymnasieelever. Da dette kun er 10 år ude i fremtiden vil der dog sandsynligvis og relativt set, ikke være den helt store forskel på gymnasieelevers foretrukne undervisningsform. Min målgruppe er altså år 2021 s førsteårs gymnasieelever. Nutidens førsteårs gymnasieelever er en rimelig blandet gruppe og har mange forskellige kompetencer. Der er dog en gennemgående trend for et relativt højt sprogligt og/eller bogligt niveau, hvilket også gerne skulle kendetegne de danske gymnasier. Fremtidens gymnasieelever vil (forhåbentlig) have et lige så højt fagligt niveau, hvis ikke højere, som nutidens gymnasieelever og det er derfor vigtigt at undervisningen og undervisningsmaterialet har et tilsvarende højt niveau. Side 3 af 10
Problemformulering Jeg vil lave et digitalt medie til engelsktimerne, der skal kunne det samme som bogen, blyanten og papiret kunne for tidligere generationer. Brugeren skal først have mulighed for at læse og få information om et givet engelsk grammatisk emne, hvorefter brugeren skal tage en lille test for at resumere, indlære og se om vedkommende har forstået stoffet. Hensigten med denne lille test og tests som denne vil ikke være at overtage engelsktimerne, men blot supplere dem; der kunne måske indføres en sådan test i slutningen af alle engelsktimer. Kommunikationsplan Lasswells fem spørgsmål: Afsenderen vil i realiteten være undervisningsministeriet, da det er her det bliver vedtaget hvad skolerne skal undervise i. Budskabet er en effektivisering af nutidige undervisningsmetoder. Modtagerne er som tidligere nævnt førsteårs gymnasieelever. Mediet har stor betydning for tests som disse, da det er essentielt at testene er effektive, i den forstand at de er let tilgængelige, enkle og ikke tager for meget tid af timerne. Derfor har jeg valgt at disse tests skal foregå på nettet, nærmere bestemt på en HTML-side. Effekten af disse tests skulle efter hensigten være at elever for bedre indsigt i avanceret engelsk grammatik og uregelmæssigheder. Side 4 af 10
Tests som disse kunne måske implementeres i slutningen af alle engelsktimer, hver gang med et nyt emne selvfølgelig. Det vil være en stille og rolig afslutning på engelsktimen og man (og måske læreren) vil få en evaluering på hvor godt man fulgte med i timen, samt hvor godt det går generelt. Grunden til at jeg satte og måske læren i parentes er, at det for nogen måske ikke er så hensigtsmæssigt at læreren ser vedkommendes resultater for hver time. Nogen vil måske føle at der ligger et stort pres på dem, under engelsktimerne og kan måske blive unødvendigt stressede. Det er heller ikke hensigtsmæssigt at læreren bruger for meget tid på at tjekke alle elevers resultater. På den anden side vil det sandsynligvis skabe mere disciplin blandt eleverne, og læreren kunne bare se hver elevs slutresultatet i f.eks. procent. Krav til første prototype Som nævnt skal testen være meget brugervenlig, og bygges op i HTML med tilhørende CSS-dokument. Man skal kunne gå ind på siden som førstegangsbruger og begynde at bruge den (tage testen) uden instruktioner fra f.eks. en lærer. Først skal man komme ind på en side med grundlæggende information om testen og hvordan den vil forløbe. I bunden af denne side skal der være en knap der fører til næste side. På næste side skal der stå den behøvede information om det givne prøveemne, dvs. teori og eksempler. Til slut på denne side skal der igen være et en knap der denne gang linker til selve testen. Selve testen skal gå ud på at indsætte de rigtige ord i nogle sætninger, så de giver mening og har rigtig grammatik. Når man er færdig med at indsætte data (færdig med testen) skal man trykke på knappen Afslut testen og man vil nu få vist hvor ens fejl ligger, samt hvor mange rigtige svar man har. Designet skal være enkelt, stilfuldt og professionelt og skal desuden ikke distrahere brugeren fra selve testen. I toppen af siden skal der være et logo for e-learning med enkelte farvede elementer. Design Det grundlæggende design på siderne skal være neutralt og gråt, da dette design ikke vil distrahere brugeren. Baggrunden skal have en lys grå farve, mens den egentlige side (der hvor alle elementer er placeret) skal have hvid baggrund, da dette vil gøre den sorte tekst letlæselig. Den egentlige side skal være centreret på skærmen og være omgivet af en mørkegrå boks, for at markere hvor dens grænser går. Desuden vil denne grå boks medvirke til, at siden vil føles som et lukket element i henhold til gestalts 2. lov (loven om lukkethed), hvilket sandsynligvis vil have en god virkning på brugerens koncentration. Logoet i toppen af siden skal have enkelte turkise eller cyane elementer for udseendets skyld og vil derfor også blive rammet ind med en grå boks, for at gøre det nemmere at abstrahere fra det. Selve testen skal bestå af en række engelske sætninger, som hver mangler et ord et sted. På dette manglende ords plads skal der være en drop-down menu, hvor man kan vælge mellem en række ord, hvoraf ét er det rigtige. Når man har valgt et ord for hver sætning, trykker man på afslut testen-knappen, hvorefter man vil få at vide, hvor man har lavet fejl og hvor mange procent af spørgsmålene man har svaret rigtigt på. Det er ikke muligt at programmere et system, der kan gøre ovenstående i simpel HTML og derfor Side 5 af 10
er jeg nødsaget til at skrive det i et andet programmerings sprog. Jeg valgte Javascript til dette fordi det generelt er godt understøttet af de fleste browsere og fordi jeg ved det er muligt at lave et sådant quizsystem ved hjælp af Javascript. Første side skal som sagt have logoet øverst, hvorefter sidens overskrift skal stå nedenunder med understregning. Under overskriften skal der stå generelle informationer om testen, samt en knap der linker til næste side. Anden side skal have samme layout som første side; logoet øverst, overskrift med understregning, generelle informationer om dette site og en knap i bunden der fører videre til testen. Til forskel fra den første side, skal der være en info-boks midt på siden, hvori informationer om det givne emne skal stå. Jeg har valgt at info-boksen skal være mat orange, for tydeligt at markere dette vigtige område og fordi orange er kontrastfarve til de blålige elementer i sidens logo. Tredje side er siden hvor testen skal foregå. Den skal have samme layout som de foregående sider; logoet øverst og overskrift og informationer nedenunder. Herunder skal selve testen så være, med drop-down menus osv., hvorefter afslut testen-knappen skal være i bunden. Implementering Jeg startede med at lave logoet til toppen af siden, i programmet Inkscape: Figur 1. Grundlæggende designudvikling af logoet. Side 6 af 10
Figur 2. Valg af font til det turkise E i logoet. Det er vigtigt at denne font er moderne, idet at den vil være farvet og derved fange brugerens blik. Den skal udstråle kvalitet og autoritet. Figur 3. Dette er det færdige logo efter lidt polering, blandt andet ved hjælp af gradient-værktøjet. Side 7 af 10
Da jeg havde lavet logoet begyndte jeg på HTML-siderne. Figur 4. Dette var et af mine første udkast og da det er et flot og enkelt design, holdt jeg fast ved det. Figur 5. Her er så prototypen af den første side. En enkel og meget brugervenlig side, med en knap i bunden, der linker til næste side. Side 8 af 10
Figur 6. Prototypen til side 2. Her ses den orange boks hvori informationerne om emnet står. Der er desuden god plads til forbedring på denne side, da nogle elementer i den orange boks ikke sider helt hvor de skal. Figur 7. Her ses den sidste side hvorpå testen er, eller rettere skulle have været. Det Javascript der skulle stå for resultatudregningen, har voldt så store problemer, at det ikke er færdigudviklet til tiden. Side 9 af 10
Test og User-stories Ifølge en del af de indsamlede user-stories er mine sider og koncepter måske fór enkle, og det er foreslået at jeg muligvis skal inddrage aspekter som lyd, i form af engelsk tale. I stedet for at læse sig frem til reglerne, kunne man få det forklaret på engelsk! Dette koncept har jeg leget lidt med i baghovedet, men smed det over bord, da man i så tilfælde skulle have fat i en englænder til at lægge stemme (og accent) til. Jeg vil dog ikke udelukke en sådan implementering i fremtiden. Konklusion Alt i alt er projektet gået godt, da det jo ikke er meningen man skal stå med det færdige produkt til sidst. HTML-siderne er flotte og fungere efter hensigten, dog i modsætning til Javascriptet, der ikke ligefrem kører som smurt. Side 10 af 10