Skrivmiljö

När jag tidigare utvecklat har jag inte haft en speciell setup för Javascript utan jag har varierat editor efter humör. Oftast är det Visual Studio, Dreamweaver eller Notepad++ som stått för sällskapet men planen nu är att hitta en miljö som jag känner mig mer bekväm med och som har stöd för externa bibliotek så som jQuery samt en välbyggd intellisense (kör stenhårt på Microsofts ord för ”automatifyllnad”, om någon kan ett bra svenskt ord så upplys mig gärna). Jag tycker att intellisense ofta är nödvändig för att man ska vara effektiv i sitt utvecklande.
Valet av utvecklingsmiljö för denna kurs har därför fallit på Aptana. Plug-in som installerades direkt var jQuery-plugin samt stöd för GIT, dock verkar det senare enligt supportforum vara något skakigt och många uppmaningar om att istället köra med GIT kommandotolksbaserat förekommer.

Testverktyg

Firebug är en kär gammal vän som säkert kommer att få jobba en hel del i denna kurs. Jag har även installerat plugin för jQuery-stöd samt färgkodningsstöd till FireBug för att göra livet lite lättare.

Kodmiljö

Kod lever bra och frodas i många fall på den lokala hårddisken, problem uppkommer dock när något inträffar med denna kod. Kod kan raderas av misstag, kod skrivas över och hårddiskar kan krascha. Då är det en bra idé att ha sin kod säkert lagrad i en versionshanterare. Jag har tidigare kört med CVS (längesedan) samt SVN (mer nyligen) och i kursen är nu siktet inställt på GIT via Github. Jag har inte tidigare testat GIT men jag har sett och hört GIT nämnas mer och mer de senaste åren så det ska bli spännande att tillfälle att få kika närmre på det.

För dokument som inte lämpar sig för versionshantering i GIT så kommer dropbox att användas.

Applikationen

Jag, som många andra, blir tvungen att ändra mitt val av applikation som ska skapas. För enkelhetens skull kommer jag att nöja mig med att återuppliva fönsterhanteraren PWD som vi kör i kursen webbteknik 1. För min egen pedagogiks skull vore det ytterst intressant att få känna på hur den uppgiften skulle gå att lösa med tanke på enhetstester, arvsmodeller, plugin, dokumentation med mera. Förhoppningsvis kommer jag även på detta sätt kunna föra ner mycket erfarenhet i grundkursen.

2001-01-28, Distansundervisning

Denna presentation höll jag från Kalmar mot campus Växjö där ett antal gymnasielärare från Växjöområdet fanns samlade.

Se presentationen i Adobe Connect

(Tyvärr var jag tvungen att köra frågorna i slutet via Skype varför det blir tyst på inspelningen)

2001-01-29, Demonstration, distansundervisning och SmartBoard

Denna, lite mer improviserade demonstration, hölls inför fysikollegiet på plats i Kalmar.

Se presentationen i Adobe Connect

Jag har själv inte skrivit några större rena Javascriptapplikationer och min tanke är att försöka följa kursen och dess steg i mån av tid. Även om jag är kursansvarig för kursen så är det David Waller som är den som tagit fram material och som sitter inne på stora kunskaper inom området. Mitt mål är jag personligen kan lyfta mina kunskaper inom området, någon som kommer att bära frukt i grundkurserna.

Kursen bygger på ett antal steg och till varje steg ska studenterna skriva relaterade blogginlägg som behandlar stegets innehåll. Jag hoppas att även jag kommer att kunna ta mig tid att skriva en bloggpost per steg. Steg 1 behandlar förarbete och resursinventering.

Min relation till Javascript

Jag har från och till sedan 2005 hållit kurser i Javascript, både serversidescriptande i gamla ASP, OS-skriptande i WHS men kanske främst kurser inom Javascript för webbläsarimplementationer. Jag har dock alltid känt att jag inte fått tillfälle att sätta tänderna djupt i språket för att förstår det från grunden. Tyvärr har undervisningen i många fall blivit lidande av den bitvis dåliga litteratur som funnits på området, och då främst litteratur från början av decenniet, och även min personliga kodstil har blivit delvis ”förstörd” av litteraturen och dess i många fall rent felaktiga antaganden. Jag ser med tillförsikt fram emot att få en större förståelse för prototypbaserade språk och framför allt dess arvsmodell då man ibland känner sig bortsnurrad med en bakgrund från c och c++. Tid till källkritik har i många fall varit bristfällig och jag hoppas därför att inom ramen för denna kurs ha möjlighet att verkligen kunna gå på djupet och få en större förståelse för, det i många fall, missförstådda språket javascript.

Förutom att undervisa inom området har mina personliga äventyr och utforskningar av språket ofta begränsats till mindre implementationer och då ofta till funktionalitet som att till exempel validera formulärdata, minimering/maximering av element, asynkrona anrop till servern, bekräftelse rutor, modala popuper, lightboxar et cetera. Detta är ju ett vanligt användningsområde för javascript och också något de flesta webutvecklare är relativt bekväma med. Här jag haft fokus på att göra min applikationer så ”unobtrusive” som möjligt, det vill säga separera innehåll (html) från presentation (css) och uppförande (javascript) samt skriva applikationer som fungerar oavsett webbläsare och som även fungerar utan att javascript är aktiverat.

Att skapa rena, större javascriptapplikationer är något som jag länge varit intresserad av, men aldrig tagit mig tid att göra och det ser jag som en intressant utmaning de kommande tio veckorna.

I bokhyllan

Inför kursen har jag beställt ett antal böcker som förhoppningsvis kommer att ta mig dit jag vill. Nytt i bokhyllan är:

• JavaScript, the Good Parts av Douglas Crockford
• jQuery Cookbook av jQuery Community Experts
• Even Faster Web Sites av Steve Sounders
• Professional JavaScript for Web Developers 2nd edition av Nicholas C. Zakas

och sedan tidigare finns även:

• Javascript The Definitive Guide av David Flanagan
• Pro Javascript Design Patterns avRoss Harmes och Dustin Diaz
• Pro Javascript Techniques av John Resig
• med flera

som säkerligen kan komma till användning. (jag vill även efterlysa min bok ”ppk on Javascript” som jag tror att jag lånat ut till någon student). Dessutom har David gjort ett gediget arbete med att leta upp webbreferenser och föreläsningar som det ska bli ett nöje att ta del av. Jag hoppas även kunna gräva fram lite passande vetenskapliga artiklar inom området.

Applikationen

Under åtta års tid har jag sporadiskt arbetat på den utbildningsplattform som huvudsakligen används inom undervisningen vid våra IT-utbildningar och något som saknas på detta system är ett bra administrationsgränssnitt. Min tanke är därför att skapa en smidig och utbyggbart administrationsfunktion för detta system. Fördelen här är att jag kan kräva att lärare som administrerar sina kurser har JavaScript aktiverat, något som jag inte vill kräva på studentsidorna. Omfattningen kommer jag försöka hålla tillbaka då min tid kommer att vara begränsad på grund utav att jag har mycket undervisning denna period.

För några veckor sedan fick jag en idé kring att börja sända livestreamade webbsändningar en gång i veckan med ämnen relaterade till webbprogrammeringsprogrammet. Alla som tittar har möjlighet att chatta med oss direkt och vi anpassar programmet efter önskemål.

Idéen växte fram med inspiration ur en kombination av befintliga webbsändningar och bloggposter:

• webbradion.net – Podcast om webbutveckling
• slashat.se – Livesänd teknikpodcast
• Our Favorite Tweets of the Week , Webdesigners Depot
• Våra erfarenheterna kring livesända föreläsningar

För några veckor sedan gjorde jag slag i saken och bjöd in en tredjeårsstudent, Erik Falk, som gäst till första testavsnittet. Utfallet av detta test var mycket positivt. Vi hade runt 70 samtidiga tittare vilket var mer än dubbelt mot vad jag förväntat mig.

Med detta initiativ hoppas jag uppnå följande:

• Öka gemenskapen bland studenterna, och kanske främst för distansstudenterna genom att de får möjlighet att vara del av något på samma villkor som campusstudenter.
• Ökad integration mellan årskurserna samt mellan studenter och alumner.
• Ge studenter i tidiga årskurser insikt i kommande kurser, och eventuella vidareutbildningar på avancerad nivå.
• Vi bedriver kurser med hög kvalité, och med modern teknik. Vi behöver då visa upp detta för omvärlden.
• Syns man inte, finns man inte. WPTV är en stor fördel ur marknadsföringssynpunkt.
• Presumtiva studenter ges god möjlighet att få mycket och relevant information om programmet innan de söker vilket kan minimera felval.
• Förhoppningsvis ökar allmänbildningen inom IT-området för såväl oss lärare som för de studenter som följer programmen. Vi har möjlighet att bli mer personliga och ta upp ämnen som inte täcks in av normala kurser.
• Det är en trevlig slutpunkt på veckan!

Som det ser ut nu så kommer fler utbildningsprogram att haka på idéen och vi kan då dela upp veckorna mellan programmen så att de som är sugna på att lyssna har denna möjlighet varje vecka, med intressanta gäster och varierande ämnen. Förhoppningsvis kan detta även öka integreringen mellan våra program då de studenter som lyssnar får en naturlig insikt i andra utbildningsprogram.

Men nackdelar då? Givetvis finns sådana, och som vanligt är den stora nackdelen kostnaden. I detta fall härrör i princip hela kostnaden till arbetstid. Varje vecka så bör man nog vara beredd att avsätta cirka fem-sex timmar till den som ansvarar för sändningen, vilket givetvis omsatt i pengar ger en kostnad för varje program, men jag hoppas att man kan se nyttan i dessa investerade pengar.

Framtiden? Jag ser stora möjligheter att på sikt samarbeta med lärare och studenter inom medieproduktionsutbildningarna för att kunna genomföra än proffsigare och bättre produktioner, vilket framför allt skulle vara väldigt spännande.

Hur som helst så har reaktionerna på de första pilotavsnitten varit väldigt positiva från många olika håll vilket gör att jag tror att WPTV kommer att fortsätta existera även framöver.

Sugen på att se ett avsnitt? Jag länkar in de avsnitt som sänts här. För kommande avsnitt uppmanar jag dig att hålla koll på wptv.se eller följa @webbutvecklare på twitter.
Fredagen den 20 november klockan 13.00 kör vi avsnitt 1!

Avsnitt 0, Pilot – Entréprenörsskap med Erik Falk

Avsnitt 0.5 – Pilot 2 med Marcus Wilhelmsson

All form av feedback tages hjärtligt emot, gärna som kommentarer på detta inlägg.

Bakgrunden är att jag och en kollega hade avsatt tid för att sätta oss och spåna kring en framtida sommarkurs som ska erbjudas bland annat Webbprogrammeringsstudenter sommaren 2010. Vi satte oss i konferensrummet och började köra på som vanligt med att punkta upp innehållet på Whiteboarden. Snabbt kom vi dock fram till att det vore trevligt med studentfeedback och jag testade då att twittra kort om vad vi gjorde vilket gav snabbt resultat. Förslaget kom sedan fort om att starta en wave kring kursen och en hel del studenter med wavekonton kunde då gå in och redigera kursinnehållet tillsammans med oss. Problemet var dock att de som inte hade tillgång till Google Wave inte kunde följa vad som hände. Vi valde då att streama ut skärmbilden tillsammans med ljud och bild via Adobe Connect Pro. Jag twittrade samtidigt ut länken och många studenter och lärare tittade in och hjälpte till. I slutet av sessionen tittade till och med en programmerare från ett lokalt IT-företag in i rummet.

Resultatet blev innehållet till en ny kurs där vi fick mycket värdefull feedback av studenter och andra lärare, men det mest intressanta med det hela var hur enkelt och smidigt allt gick när man kombinerade olika typer av sociala verktyg för att helt enkelt kunna arbeta mer effektivt.

En inspelning av hela förloppet (i alla fall från det att vi kom på att vi skulle använda ACP) finns här:
Adobe Connect upptagning av session inspelad 2009-10-16

Tyvärr ställde jag inte in ljudet när vi drog igång så detta är inte det bästa, men man kan få en känsla av hur det fungerade.

Google’s lösning på problemet heter Wave, ett kollaborativt verktyg som i mångt och mycket liknar ett traditionellt e-postprogram men som verkar riktigt genomtänkt. Man kan i samma våg (jmfr. e-postmeddelande) redigera texten tillsammans i realtid, kommentera och så vidare. Jag rekommenderar skarpt att kika på presentationen av Google Wave:

Under presentationen funderade jag mycket på hur detta verktyg skulle kunna användas i lärar-studentsituationer, och det känns verkligen som ett verktyg som jag saknat sedan jag började arbeta som lärare, eller började studera för den delen. Att i en och samma applikation kunna realtidschatta, föra en normal epost-konversation och diskutera kring ett dokument skulle absolut vara oumbärligt. Och bäst av allt, det finns en enkel och bra funktion för att kunna kontrollera historiken, något som mer än ofta är viktigt då man handleder studenter. Det verkar dessutom som att det kommer att vara relativt enkelt att själv skriva plugin till Wave samt att integrera Wave i befintliga webblösningar.

Detta är absolut ett i raden av Googleverktyg som jag kommer att hålla ögonen på under 2009 och jag hoppas verkligen att jag snart får möjlighet att testa detta och jag är riktigt sugen på att integrera Google Wave i HELP (det LMS som jag konstant utvecklar).

Torsdagen den 7 maj kommer MSDN Live till Kalmar i ett samarbete mellan Högskolan i Kalmar, Capitex och Microsoft. Detta är ett utmärkt tillfälle för dig som arbetar som utvecklare i någon av Microsofts tekniker att fördjupa dig och få information om det som är på gång. Dagen delas in i två teman:

Tema: Ramverk och verktyg på förmiddagen är primärt för dig som inte tidigare varit på denna typ av arrangemang medan

Tema: Rika klienter och webb på eftermiddagen riktar sig till dig som redan arbetar med Microsofts produkter. Du kan välja själv om du vill delta på både för- och eftermiddag eller bara välja ett av passen.

Bland annat så kommer följande att avhandlas:

• .NET Framework 1-4
• Visual Studio igår och imorgon
• XAML
• ASP.NET MVC
• Silverlight 3
• .NET RIA Services

För mer information och anmälan: www.capitex.se/msdn

Arrangemanget är helt kostnadsfritt och kommer att genomföras i våra lokaler på Kalmar Nyckel. Välkommen! Men anmäl dig redan idag då antalet platser är begränsat.

2002 var inte min starka sida att skriva snygg klientsidekod utan sidorna består av ett hopkok av inline-css och tabeller. Målet nu är att helt skriva om den klientkod som systemet genererar samt till viss del ändra upplägget av serverdelarna. Optimalt vore kanske att skriva om allt från början och då utveckla helt efter exempelvis en MVC-modell, men med tanke på att det till dags datum är nergrävt över 3000 mantimmar i systemet så känns det inte allt för inspirerande att börja om på ny kula.

Denna gång kommer jag att fokusera en hel del på de administrativa delarna av systemet och eliminera dagens behov av att manuellt editera konfigurationsfiler och sätta upp filstrukturer. Tanken är att allt detta på ett enkelt sätt ska skötas via en administrationsmiljö. Dock har jag märkt att de mer avancerade användarna uppskattar möjligheten att kunna sköta mycket av arbetet direkt i filstrukturen varför fokus också kommer att vara på bakåtkompabilitet och jag kommer fortfarande att tillåta manuell editering av den numera klassiska inställningsfilen _setup.php.

Jag blev i samband med att jag började göra om layouten på systemet tipsad om Alessandro Fulcinitis sida Layout Gala som utifrån en enkel och logisk grundstruktur i XHTML visar på olika sätt att styra layouten. Jag rekommenderar skarpt att kika lite snabbt på sidan och ett bokmärke till den.  Jag efterlyser samtidigt liknande sidor. I och med en bättre användning av CSS/XHTML på sidorna kommer det också att vara möjligt att skriva nya teman till systemet och jag funderar lite löst kring att utlysa en tävling i att skapa snygga teman kring kurshemsidorna, alternativt integrerar detta som en laboration i de inledande kurserna.

Bilden ovan visar ett smakprov på hur det kan komma att se ut. Inga stora förändringar men en hel del moderniseringar. Upplägget på sidorna som det är idag har visat sig fungera mycket bra och vara logiskt så det blir inga större förändringar där. 

Så för att engagera dig som läsare, du som är eller har varit student och använt dessa sidor eller på annat sätt arbetat med systemtet. Vad skulle du vilja se för förändringar?

Dock så var det roligt att se att Simon lyckats komma med i ett reportage i SVT.

Ansökningstiden har nu gått ut och de första söksiffrorna indikerar ett något ökat söktryck på campusutbildningen och ett något minskat söktryck till distansutbildningen, tvärtemot vad jag trodde för någon vecka sedan. Dock kan en förklaring vara att så många liknande utbildningar precis startat runt om i Sverige som då på distans blir direkta konkurrenter.

Ett fokus som jag kommer att ha är att försöka få svar på vilka eventuella problem asynkrona uppdateringar av sidor ger vid användandet av till exempel skärmläsare. Enligt tidigare forskning på området som jag läst så är har skärmläsare väldigt svårt att hantera asynkrona uppdateringar och de informerar inte användaren om att innehållet på sidan har ändrats. Kanske är detta bättre idag?
Det blir också intressant att höra vad den lag som införs 2010 för tillgänglighet på bland annat myndigheters webbplatser kommer att innebära i pratiken.

Mitt mål är att försöka komma med en sammanfattning här när jag är tillbaka på fredag.