CODELA 
VAD, VARFÖR, HUR 
JODY FOO 
Department of Computer and Information Science (IDA) 
Linköping University, Sweden
⁃ Pedagogiska utvecklingsmedel 2013 
⁃ Mål: Prova programmerings-undervisning med 
labbar integrerade med föreläsning 
⁃ Sökande: Jody Foo, Anders Fröberg, Camilla 
Kirkegaard, Jalal Maleki 
Linköpings universitet 
Bakgrund
Linköpings universitet
Linköpings universitet 
Larry Smith 
https://www.flickr.com/photos/lsmith2010/15086171172
Linköpings universitet 
Izu navi 
https://www.flickr.com/photos/126057645@N04/14933056841
Linköpings universitet
⁃ För lång tid mellan teori och praktik, dvs 
föreläsning och labb. 
⁃ Lätt att glömma bort. 
⁃ Svårt för studenter att testa sin mentala modell 
⁃ Önskemål från studenter att få vara med när 
läraren livekodar 
Linköpings universitet 
Bakgrund
⁃ Det ska vara så kort uppstartstid som möjligt: 
idealet - penna och papper 
⁃ Undvika 
⁃ nerladdning 
⁃ installation 
⁃ konfigurering 
⁃ licensnycklar etc 
⁃ I största möjliga mån vara plattformsoberoende 
Linköpings universitet 
Hur?
Inspiration och alternativ 
⁃ Alternativ 
⁃ Förberedda virtuella maskiner som studenter kopplar upp 
Linköpings universitet 
sig till via t.ex. webbläsare 
⁃ Uppkoppling via SSH till skalmiljö 
⁃ Webbapplikation 
⁃ Inspiration 
⁃ jsfiddle - HTML/CSS/JS 
⁃ nu finns även trinket.io
PROOF-OF-CONCEPT/PILOT: 
CODELA
⁃Webb-baserad applikation för övningar i Python 
och HTML/CSS/JavaScript 
⁃ Implementation av Sahand Sajadee 
Linköpings universitet 
Codela
Linköpings universitet 
Codela: Funktionalitet 
⁃ Inloggad 
⁃ kan skapa övningar (URL, beskrivning, kod) 
⁃ spara övningar (redigering i webbläsare) 
⁃ Ej inloggad 
⁃ besöka övning 
⁃ prova och ändra övning, men inget sparas
Linköpings universitet
Linköpings universitet
Linköpings universitet
⁃ Demonstration från "scratch", dvs väldigt lite 
förberett. Codelan kan sparas och delas ut 
senare. 
⁃ Förberedd övning som görs under föreläsning 
⁃ Uppgift att göra hemma 
Linköpings universitet 
Från ett pedagogiskt perspektiv
Linköpings universitet 
Från lärarens perspektiv 
⁃ Skapa övning 
1. Logga in på codela 
2. Skapa övning som får en unik URL 
⁃ Dela övningen genom att länka till den
Linköpings universitet 
Tidsåtgång 
⁃ Eventuell extra förberedelse 
⁃ Tar längre tid på föreläsning än att livekoda
Linköpings universitet 
Från studentens perspektiv 
Baktanke 
frivilligt komplement 
till livekodning
Linköpings universitet 
Från studentens perspektiv 
Baktanke 
frivilligt komplement 
till livekodning
⁃ Fler frågor från studenter: "Jag provade att göra 
X, det fungerade inte. Varför?" 
⁃ Studenter aktiveras, de diskuterar med 
varandra, sitter kvar på rasten och provar 
⁃ Alla sitter inte med dator 
Linköpings universitet 
Observationer
Linköpings universitet 
Framtiden 
⁃ Positiva erfarenheter 
⁃ Fortsatt användning 
⁃ Utvärdering 
⁃ Eventuell vidareutveckling
FRÅGOR?

Codela. Pedagogiska utvecklingsmedel, statusuppdatering.

  • 1.
    CODELA VAD, VARFÖR,HUR JODY FOO Department of Computer and Information Science (IDA) Linköping University, Sweden
  • 2.
    ⁃ Pedagogiska utvecklingsmedel2013 ⁃ Mål: Prova programmerings-undervisning med labbar integrerade med föreläsning ⁃ Sökande: Jody Foo, Anders Fröberg, Camilla Kirkegaard, Jalal Maleki Linköpings universitet Bakgrund
  • 3.
  • 4.
    Linköpings universitet LarrySmith https://www.flickr.com/photos/lsmith2010/15086171172
  • 5.
    Linköpings universitet Izunavi https://www.flickr.com/photos/126057645@N04/14933056841
  • 6.
  • 7.
    ⁃ För långtid mellan teori och praktik, dvs föreläsning och labb. ⁃ Lätt att glömma bort. ⁃ Svårt för studenter att testa sin mentala modell ⁃ Önskemål från studenter att få vara med när läraren livekodar Linköpings universitet Bakgrund
  • 8.
    ⁃ Det skavara så kort uppstartstid som möjligt: idealet - penna och papper ⁃ Undvika ⁃ nerladdning ⁃ installation ⁃ konfigurering ⁃ licensnycklar etc ⁃ I största möjliga mån vara plattformsoberoende Linköpings universitet Hur?
  • 9.
    Inspiration och alternativ ⁃ Alternativ ⁃ Förberedda virtuella maskiner som studenter kopplar upp Linköpings universitet sig till via t.ex. webbläsare ⁃ Uppkoppling via SSH till skalmiljö ⁃ Webbapplikation ⁃ Inspiration ⁃ jsfiddle - HTML/CSS/JS ⁃ nu finns även trinket.io
  • 10.
  • 11.
    ⁃Webb-baserad applikation förövningar i Python och HTML/CSS/JavaScript ⁃ Implementation av Sahand Sajadee Linköpings universitet Codela
  • 12.
    Linköpings universitet Codela:Funktionalitet ⁃ Inloggad ⁃ kan skapa övningar (URL, beskrivning, kod) ⁃ spara övningar (redigering i webbläsare) ⁃ Ej inloggad ⁃ besöka övning ⁃ prova och ändra övning, men inget sparas
  • 13.
  • 14.
  • 15.
  • 16.
    ⁃ Demonstration från"scratch", dvs väldigt lite förberett. Codelan kan sparas och delas ut senare. ⁃ Förberedd övning som görs under föreläsning ⁃ Uppgift att göra hemma Linköpings universitet Från ett pedagogiskt perspektiv
  • 17.
    Linköpings universitet Frånlärarens perspektiv ⁃ Skapa övning 1. Logga in på codela 2. Skapa övning som får en unik URL ⁃ Dela övningen genom att länka till den
  • 18.
    Linköpings universitet Tidsåtgång ⁃ Eventuell extra förberedelse ⁃ Tar längre tid på föreläsning än att livekoda
  • 19.
    Linköpings universitet Frånstudentens perspektiv Baktanke frivilligt komplement till livekodning
  • 20.
    Linköpings universitet Frånstudentens perspektiv Baktanke frivilligt komplement till livekodning
  • 21.
    ⁃ Fler frågorfrån studenter: "Jag provade att göra X, det fungerade inte. Varför?" ⁃ Studenter aktiveras, de diskuterar med varandra, sitter kvar på rasten och provar ⁃ Alla sitter inte med dator Linköpings universitet Observationer
  • 22.
    Linköpings universitet Framtiden ⁃ Positiva erfarenheter ⁃ Fortsatt användning ⁃ Utvärdering ⁃ Eventuell vidareutveckling
  • 23.