Framtidens gymnasiala webbutbildning Gy-11

Hur skall framtidens skola utbilda elever i webbutveckling? Vad skall kurserna heta och vad skall de innehålla? Det här är några frågor som Lars Gunther har brottats med det senaste året. Lars Gunther är med i såväl Web Standards Project Educational Task Force (WaSP EduTF) som W3C Open Web Education Alliance Incubator Group, OWEA, en inkubatorgrupp för W3C, vid sidan av att också vara ämnesexpert för Skolverket och ansvarig för att jobba med just detta inför den kommande gymnasiereformen Gy – 11.

Förra året blev jag tillfrågad om jag ville vara med i en referensgrupp i egenskap av “ämnesexpertis”, eller som Lars själv skriver – “mitt dream team“. Självfallet blev jag smickrad. Eftersom tankarna kring framtidens gymnasiala webbutbildning Gy-11 är av stor dignitet så tackade jag givetvis ja. Tillsammans med andra kända och erfarna svenska webbexperter, exempelvis; Robert Nyman, Tommy Olsson med bloggen autisticcuckoo.net, Roger Johansson som bloggar om gränssnittsutveckling i 456bereastreet.com och Isac Lagerblad, en gränssnittsprogrammerare som har varit medlem i W3C’s HTML WG i utvecklingen av HTML5, har vi bollat frågor fram och tillbaka med Lars om hur gymnasiets nya webbutbildning kan se ut. Nu börjar den ta form.

Webben som applikationsplattform

När jag började läsa webbdesign och standardprogrammering 1997 så var det två strikt skilda ämnen. Det fanns ingen direkt inbördes relation. I webbdesignen fick vi förvisso lära oss att göra hemsidor (HTML i tabeller!) med versaler i koderna “för att det skulle vara så”, men att lära sig separera strukturen från presentationen var det inte frågan om utan här fick fantasin flöda med “fulhtml”. Standardisering av webben var ett begrepp som aldrig förekom. Andra kapitel “vi inte behövde läsa” var om XHTML, Javascript, semantik och syntax, CSS, PHP, ASP eller DOM eftersom detta inte ingick i kursen. Givetvis uppstod det då problem när vi ville mer, exempelvis implementera vissa applikationer på hemsidan eller skapa vissa finesser, och inte fick lära oss hur vi skulle göra eller få veta hur det fungerade. Summerar jag kursen är det i överrensstämmande med vad Lars skriver i sin artikel “Hej då webbdesign!”. Nu har ju ett antal år passerat sedan 1997 men tydligen så har varken ämnesinnehåll eller didaktik förändrats nämnvärt om jag relaterar till vad Lars skriver:

Gymnsieskolan idag har ett ämne som heter webbdesign. Ämnesnamnet leder mångas tankar till grafisk design enbart, och många läroböcker utgår fortfarande från Frontpage. Samtidigt skall eleven kunna satser, funktioner och syntax i beskrivningsspråket, vilket gör att man inte kan ignorera handkodning av HTML och CSS. Det blir mer och mer klart att detta är två delvis skilda kompetenser i yrkeslivet, att olika lärare behandlar kursen med olika innehåll och att eleverna ofta förvånas över delar av innehållet. Koppla detta till undervisning som i värsta fall inte ändrats på 10 år och vi har problem, samtidigt som datorindustrin som helhet genomgår ett paradigmskifte.

1. Att konstruera inbördes relationer

I takt med att tekniken på webben både ökar och utvecklas kräver det också ett större kunnande och skicklighet oavsett om man arbetar med webbdesign eller webbutveckling och programmering. Den tidigare strikta avgränsningen mellan webbdesign och programmering är på väg att suddas ut. Istället går vi nu mot ett mer mångkunnande, en yrkesskicklighet som omfattar design och programmering i en och samma gestaltning.

I artikeln Vad kostar egentligen en hemsida? nämner jag två yrkeskategorier man idag kallar webbdesigner och front end engineer (gränssnittsutvecklare). Lars menar “att gränsen mellan att utveckla en webbapplikation och en annan slags applikation är så upplöst att det snarare går att utveckla designämnet till att omfatta alla slags gränssnitt”. Därför föreslås det att ämnet webbdesign byts till gränssnittsdesign med fokus på följande:

  1. Användbarhet – I slutändan finns det inget viktigare än att användaren kan uträtta sin uppgift, interagera på önskvärt sätt med andra användare eller finna sökt information.
  2. Skönhet – Estetiskt tilltalande applikationer är förtroendeingivande och skapar trivsel. Undersökningar visar att en av anledningarna till att affärsapplikationer inte blir använda, utan bakom ryggen på ledningen ersatta av användarnas egna program, är att dessa är mer tilltalande estetiskt.
  3. Tillgänglighet – Nya framsteg är ofta resultatet av forskning som ursprungligen gjordes för att hjälpa de som har funktionsnedsättningar, samtidigt kan de ironiskt nog också bli det som utestänger dessa. Man måste därför lära sig tänka på tillgängligheten från första början.

Nya förslag på upplägg av ämnen och dess innehåll:
Webbutveckling (Detta är inte ämnet webbdesign!) – Här fokuseras de grundtekniker som webben byggs upp av: HTML, CSS, DOM och EcmaScript, fast också lite om http och DNS. Kommande tekniker som SVG, Canvas och de idéer som relaterar till HTML5 kan behandlas i fortsättningssteg, liksom Flash och andra tilläggstekniker. Standarder och semantisk kodning, separation av olika slags logik (innehåll, design, beteende), tillgänglighet, utvecklingsbarhet, optimering och nåbarhet (findability). Genom detta ämne skall eleverna ta sina första steg mot att bygga såväl webbapplikationer som webbsidor.

Gränssnittsdesign – Denna kurs fokuserar på att skapa attraktiva och användbara användargränssnitt. Här fokuseras alltså på design, men inte bara grafisk design, utan också på interaktionsdesignen. Estetiskt tilltalande grafisk kommunikation skall kombineras med funktionell utformning. Detta ämne kan varieras som webbdesign — där hänsyn skall tas till att webben idag skall fungera också för mobila enheter, talsyntes och utskrift.

Ämnet innehåller grafiska moment som färglära och färgval (inklusive hänsyn till färgblindhet), komposition/layout, typsnitt och utformning av gränssnittselement (ex. formulärelement, menyer, knappar, etc), principer för användbarhet och tillgänglighet, utveckling av prototyper och användartestning ingår också. Honnörsorden hämtas från WCAG, men breddas så att de gäller alla, inte bara de som har funktionsnedsättningar: En god design kan uppfattas (perceivable), är förståelig (understandable), användarvänlig/manövrerbar (operable) och robust.

Webbprogrammering – Detta ämne fokuserar på utveckling av dynamiska webbplatser. Det kan ges som en kurs i PHP ihop med MySQL. Det kan ges som en kurs i .NET eller JSP eller Python eller Ruby… Val skriptspråk eller databashanterare får skolorna själva göra. Efter 100 poäng bör eleverna kunna utveckla en enkel CMS, t.ex. ett basalt bloggsystem. Erbjuder man ytterligare 100 poäng, så kan man titta vidare på XML och JSON, webbtjänster och MVC-arkitektur, liksom på fördjupad kunskap om databaser och andra tekniker för datalagring. Redan från “Hello World” skall säkerhet betonas. Exempelvis skall eleven kunna filtrera indata och “escapa” utdata, så att alla vanliga försök till injektioner stoppas.

Med detta förslag så illustrerar bilden här ovanför en klar och tydlig interaktion mellan ämnena. Deras inbördes relationer knyter an till vissa gemensamma grundkunskaper som överlappar varandra vilka vi anser vara viktiga för utbildningen och för framtiden.

2. Kommunikation

Grunden för att all kommunikation ska fungera är att vi förstår varandra. Det är viktigt att kunna kommunicera med samtliga inblandade i alla led. En gränssnittsutvecklare till exempel bör inte bara förstå webbdesignern utan även back-end utvecklarna. Till det behövs ju detaljkunskap. Emellertid berör kommunikation inte bara den interna dialogen utan också dialogen utåt mot kundkretsen. Att beskriva vad det är man levererar samt att förstå vad det är kunden efterfrågar är således ett måste.

3. Att förstå webben som applikationsplattform ur ett socialt, tekniskt och samhälleligt perspektiv

För att förstå varför dagens samhälle ser ut som det gör måste vi veta hur det såg ut i går. Hur såg till exempel “gårdagens” webbapplikationer ut? Varför sker utvecklingen i en sådan rasande fart och behöver vi verkligen alla tekniker? Varför blev CSS så banbrytande? Får vem som helst publicera en bild av mig utan mitt tillstånd? Försvinner aldrig det som finns på nätet? Hur kan webben användas? Vad är en IP-adress? Vad är en URL? Vad är DNS?

Dessa frågor är relevanta i en webbutbildning. Givetvis bör det också ske fortlöpande diskussioner kring olika etiska och juridiska aspekter. Med internet öppnas ju en mångfald av både gott och ont. Social media och communities skapar globala nätverk, vi får chansen att träffa nya vänner som vi annars aldrig hade fått möjlighet till. Vi kan lättare hålla kontakt med varandra via e-mail och bloggar. Vi lägger upp interaktiva fotoalbum och använder nätet som en gigantisk encyklopedia.

Men det finns också en baksida, och den gör oss oerhört sårbara. Nätmobbingen har ökat. Försäljningen av olagliga varor är svår att spåra. Pedofilerna har fått en ny och större arena. Identiteter blir stulna via phising (nätfiske) och vi peppras ideligen av spam och blir utsatta av hackerattacker.

Att förstå webben som applikationsplattform ur ett socialt, tekniskt och samhälleligt perspektiv är inte bara att veta hur man skapar interaktiv media, hemsidor eller cms:s, utan också vad som kan göras med dessa. Det bör finnas ett samförstånd mellan byggsten och färdig applikation och hur detta sedan kan påverka oss, på både gott och ont.

Summan av kardemumman

Vilka gymnasister får IT-jobb idag? Lars Gunther beskriver tre sorters elever som kan få jobb direkt efter gymnasiet:

  1. Extremt duktiga och motiverade. Dessa lär sig på egen hand mer än vad kurserna kräver. De har ofta en portfolio av arbeten att visa upp, som de gjort för sitt höga nöjes skull. De får anställning eller uppdrag utifrån detta, inte på grund av betygen.
  2. Elever med personliga kontakter i branschen, exempelvis förmedlas anställningen av nära släkt.
  3. Elever som kompletterar sina betyg med kommersiella certifieringar (CCNA, MCSE, CompTIA, etc), i kraft av vilka de anställs.

Vad vi upptäcker här är att de “normalt” givna kursernas innehåll inte är tillräckliga. Dels utökar eleverna sitt kunnande på egen hand, dels kompletterar de betyget med ämnen/certifieringar. Det finns med andra ord ytterligare kunskap som önskas i ämnet men som inte ges. De med kontakter har dessutom lättare att få jobb. Hur kan då gymnasiet bemöta det här? Lars har även här en idé:

  1. Locka fram lusten. Undervisning som får fler att känna att det är roligt och givande, så att de sliter sig från Facebook och WoW för att istället utveckla något!
  2. Skolan kan samarbeta med näringslivet så att kontakter skapas.
  3. Skolorna kan certifiera sina elever genom att samarbeta med branschen. Det är exempelvis vanligt att skolor har CCNA som erbjudande idag.

Avslutningsvis ger Lars en känga åt nuvarande lärarkår:

Det stora problemet är fortbildning

Gymnasiets lärarkår verkar leva i illusionen om att de kan lära ut webbdesign idag, på samma sätt som de gjorde 1999. (Glöm HTML5 och CSS3, de har inte fattat HTML 4.01 och CSS 2.1!) Läromedlen är ofta lika bedrövliga, kanske för att de annars inte skulle bli inköpta. Vi behöver hitta vägar att låta lärarna i webbrelaterade ämnen genomgå en konstant fortbildning och vi måste se till så läromedlen skrivs av kunnigt folk.

Vi får hålla tummarna för att det nya förslaget om gymnasiala webbutbildningen Gy-11 godtas, annars vore det som att kasta datasverige tillbaka till stenåldern. Vi skulle ofelbart halka efter den övriga datavärlden.

Liknande poster:

10 Comments Add yours

  1. Mia says:

    Kommer du att skriva någon bok till kursen eller vet du någon som gör det?

    Har nu varit i kontakt med över 10 förlag och alla har samma svar, de kommer inte att göra något material varken till kursen gränssnittsdesign eller webbutveckling…

    1. Lena says:

      Hej!
      Nej det kommer jag inte att göra, men jag kan tipsa dig om en bra bok (att använda som grundbok) – “Interact with web standards – a holistic approach to web design” – som bland annat Lars är delaktig i. Du kan läsa om den direkt på deras hemsida http://interactwithwebstandards.com/, men också hos The web Standards project, hos http://www.webteacher.ws/2010/05/18/now-available-interact-with-web-standards-a-holistic-approach-to-web-design/. Och köpa den hos cdon, http://www.bokus.com/bok/9780321703521/interact-with-web-standards-a-holistic-approach-to-web-design/. Den finns säkert på fler ställen.

      Sedan kommer det ju att finnas styr/måldokument. Utifrån dessa får man, åtminstone till en början, plocka ihop relevant litteratur om det inte anges särskilt.

      mvh/Lena
      edit/ 2/2-11 – Det verkar inte mindre än att en serie nya böcker är på G och som det ser ut nu så ska jag vara delaktig författare . När de kommer ut kan jag däremot inte svara på. Jag hänvisar till ovanstående bok fram tills dess (bra lärarhandledning om inte annat).
      mvh/Lena

  2. lukas says:

    Går just nu på lärarutbildningen och undrar om universiteten som använder verktyg som “it’s learning” även undervisar i gränssnitt varför kan de inte påverka plattformen mer.
    Sen har man sidor som rikstagens sida som man ska läsa och där fungerar det heller inte smärtfritt i olika webbläsare.

    Man undrar vem som utvecklar läromedel? Det verkar ännu vara en konkurrens mellan olika skolor där man slåss om media elever och vill därför inte samarbeta om bra utbildningsmaterial.

    1. Lena says:

      Hej Lukas och ursäkta för sent svar! Det där med läromedel är en känslig fråga, många institutioner lägger upp litteratur skriven av bekanta eller dem själva – i ekonomiskt syfte kan man förmoda. Andra hänger inte riktigt med i vad som händer i webbvärlden, för utvecklingen sker ju i rasande fart inom vissa områden. Sedan tror jag att det finns en viss tjurskallighet inför att lära om samma saker fast på nytt sätt. Det är inte så för alla men för en del. Personligen tror jag att det bästa är att ha en väl grundad kunskap och att man därefter inte slår sig till ro med det utan är aktiv i utvecklingen. Jag tror inte heller att det finns läromedel som täcker hela området utan man får pussla, och varför inte använda webben och duktiga utvecklares bloggar? Det tycks finnas en rädsla hos Högskolor, och gymnasier med för den delen, att använda nätet som källa. Allt ska vara verifierat och väldokumenterat, men hur väldokumenterat är litteratur som inte hänger med i utvecklingen och därmed lär ut “gammal skåpmat”?

      Vad gäller It’s learning så är den lärportalen en katastrof – vi kommenterade det också men uppenbarligen så är det den som de flesta vill använda sig av. Om det beror på att det inte finns någon bättre eller om det är av andra skäl låter jag vara osagt. Klart är dock att det finns en del att diskutera kring litteratur och kunskap. Tack för ditt inlägg =)

  3. Mia says:

    Håller med Linus helt och fullt. De läromedel som finns är så otroligt dåliga och tidsbristen gör att man inte hinner göra något bra eget material.

    Är nu inne på mitt femte år som lärare och jobbar inte riktigt lika hårt som de första åren men det blir fortfarande ca 50-60 timmar i veckan för att överhuvudtaget kunna göra något eget material.

    Önskar verkligen att det kommer ut BRA läromedel den här gången!!!

    1. Lena says:

      Om allt går som det ska så kommer det bli revolutionerande bra mycket bättre, samtidigt som det kommer att ställas större krav på lärarens ämnesdjup. Men har man läst ämnet i lärarprofilen så bör det inte vara några problem =)

  4. Linus says:

    Undervisar i dag i webbdesign och brottas dagligen med avvägningar mellan att orka göra 100% av allt matreal eller nöja mig med smörja. Tyvärr gör tidsbristen att man måste falla tillbaka på tryckt matreal.

    Men har lärt ut xhtml/css sedan fyra år tillbaka.

    Vi i skolan tycker jag har ett ansvar att anpassa oss till verkligheten. Även om det kan vara svårt att tolka kursmålen så de använder teknik som är aktuell idag.

  5. Aaa! says:

    Intressant! När jag läste webbdesign på gymnasiet så var man tvungen att göra sidor med frames för att kunna få högsta betyg, även animerade gifbilder var ett måste. 🙂

    Hoppas förslaget går igenom, verkar mycket vettigt.

  6. Kia says:

    Jag läste en kurs som hette webbdesign på gymnasial nivå nu i somras, på NTI-skolan. Den kursen handlade mest om användarvänlighet och grundläggande saker inom Dreamweaver, Css, Html och Xhtml. Jag tyckte den var ganska bra, men saknar fortsättningskurser.

    1. Lena says:

      Att förlita sig på en sk wysiwyg-redigerare som FrontPage eller Deramweaver kan vara vanskligt, vilket jag även skriver om i artikeln http://kaxigt.com/lar-dig-html/. Vi menar att det är viktigt att lära sig knacka hederlig kod för hand och att använda sig av textredigerarna i öppet kodläge. Det är dock intressant det du skriver – ni fick lära er grundläggande gränssnitt och användavänlighet, nyckeln till webstandards. Det är bra! Inte alla kurser omfattar detta. Trots allt så menar vi att webbutbildningarna är föråldrade och behöver ses över, de interna relationerna mellan (server)programmering, webbutveckling, gränsnitt och design, är på tok för små (om de öht finns någon interaktion alls). Innehållsligt nosar man på det mest grundläggande – men därifrån till att skapa ett mer heltäckande och logiskt nät i utbildningen saknas.

      Tack för din kommentar =)

Leave a Reply

Your email address will not be published. Required fields are marked *