Praktiskt Webbprojekt

Ny kursblogg

2008-08-12T00:11:00.000+02:00

Bloggen finns numera på prwebb.mkfc.se

Tips till klassen vecka 16

2008-04-22T15:04:00.004+02:00

Mina tips till klassen vecka 16 består av en rad länkar :)

Några rejält inspirerande sidor för webdesigners:

http://sixrevisions.com/

http://www.noupe.com/design/63-impressive-website-background-images-trends-resources-and-tutorials.html

Bestämma mer om hur er RSS-widget ska se ut i Wordpress?
Här är ett par plugins:

http://wordpress.org/extend/plugins/kb-advanced-rss-widget/

http://www.ozpolitics.info/blog/?p=87
(med den här kan man faktiskt samla ihop andras RSS-flöden till en lista i sin egen blogg)

Olika sätt att bryta textrader med PHP:

http://www.the-art-of-web.com/php/truncate/

En vår med Wordpress

2008-04-09T16:12:00.004+02:00

Under våren använder många av elever på Praktiskt Webbprojekt webbapplikationen Wordpress för att skapa webbplatser. Wordpress är ett flexibelt verktyg för att skapa hela webbplatser. Jag har provat många fri webbapplikationer vid det här laget , och jag har själv fastnat för Wordpress på grund av dess (i jämförelse) enkla gränssnitt och dokumentation för att skapa teman och plugins. Nyligen har Wordpress 2.5 släppts, men många nya funktioner och förbättringar. Idag har jag skickat några tips om Wordpress-länkar till eleverna:

Om hur man skriver en Wordpresswidget, och samtidigt en bra blogg skrivet av en utvecklare

Det kan vara intressant att kolla in Wordpress-grundarens blogg

Hur blir din blogg besökt? Mickey kanske har lite bra tips

Projektöversikt för Matlistan

2008-02-13T11:03:00.002+01:00

Nu finns min projektöversikt för Matlistan publicerad. För att göra en skiss över projektet har jag använt verktyget Freemind.

Tips på forum för de som går vårtermin

2008-02-05T16:28:00.000+01:00

Jag fick idag frågan om hur man lättast kan göra ett forum. Mitt tips är att anpassa ett färdigt om man inte vill bygga ett helt själv. Då finns det några att välja på, säkert många men här är några jag känner till sedan tidigare:

phpBB
(tror två varianter av den finns)
http://www.phpbb.com/

punBB
(vsett att vara ett lättare alternativ till phpbb som många tycker är för stort)
http://punbb.org/

bbPress
(av utvecklarna bakom Wordpress)
http://bbpress.org/

Vanilla
(lite annorlunda web2.0-stuk)
http://www.getvanilla.com/

Simple Machines Forum (SMF)
(tja, ytterligare ett ganska välkänt alternativ)
http://www.simplemachines.org/

Alla dessa går att anpassa layouten i, mer eller mindre enkelt.

Läs även andra bloggares åsikter om forum, webbdesign, php, phpbb, punbb, smf, vanilla, bbpress

Mina kunskapskällor i projekt matlistan

2008-02-05T09:25:00.000+01:00

I kursen ingår ett avsnitt om metod, bl.a. studiemetod. Där ingår att göra en lista över kunskapskällor och resurser. Uppgiften är förstås avsedd att få eleven att tänka på detta, listan är egentligen inte så viktig. Men här är mina resurser för projekt Matlistan, som exempel på hur man kan göra.

Länktips den 24 januari

2008-01-24T10:25:00.000+01:00

Idag skrev jag ett klassbrev till kursen. Jag gick idag genom del.icio.us hotlist (något som jag brukar ha som rutin) och hittade lite sidor jag tänkte passa på att tips om. Jag kommer lägga ut mina länktips här på bloggen också.

12 steg till en proffsig webbdesign

Riktlinjer för Apples gränssnitt
(deras teorier kan nog appliceras på webbprojekt också)

Studentresurser

Skriv en bok med Google Docs

Väldigt varierat innehåll, men med hjälp av andra i sociala nätverk så hittar man sådana här godbitar snabbt ;)

Ett exempel på målgrupp

2008-01-18T15:17:00.000+01:00

Ett exempel på målgrupp finns nu på projekt Matlistans blogg :)

Elevernas projekt under våren

2008-01-14T08:48:00.000+01:00

Jag har inte kunnat hålla mig, utan rättat några visions-uppgifter i helgen. Här är några av vårens projekt (inlägget uppdateras varefter jag rättar fler):

2 webbtidningar, 1 om kultur

Webbshop för parfym

Presentation av ett bröllop

Bemanningssystem

Blogg och galleri

En webbplats för artiklar om mellanöstern

Imaginära landet Oriku online

Butik för utlandssvenskar i Thailand

Några till

Community-baserad T-shirtshop

Sida om mathantverk

Och ytterligare några...

Hemsida för marknadsöring av musiker/producent.

Samlad information om biståndsarbete.

"Tjejtjej"-sida om smink, hårvård, sex, kost, träning, mode och liknande ting

Blogg och Vision för Matlistan

2008-01-13T20:39:00.000+01:00

Handledarens projekt Matlistan har nu en blogg: www.matlistan.com/blogg. Där kommer projektets delar presenteras under kursens gång.

En blogg är bra marknadsföring för ett webbprojekt, och kan hjälpa upp en domän litegrann innan publicering av den färdigställda produkten. Bloggen kan bland annat pinga tjänster som www.nyligen.se, svensk.lemonad.se, www.technorati.com och en rad andra. Den kan också göras väldigt sökmotorvänlig.

Elevrabatter, bland annat på Adobe

2008-01-12T15:20:00.000+01:00

Visste du att Adobe och Apple ger stora rabatter på sina programvaror åt studerande. Att du kan köpa Photoshop billigare eller en Mac?

Läs på MKFC om rabatter
Apples butik för utbildning
Adobe för studerande

Egen hemsida snabbt och gratis

2008-01-10T12:09:00.001+01:00

Praktiskt Webbprojekt sträcker sig över en termin, men ibland kan men behöva få upp något snabbt på nätet. Bland höstens och vårens elever finns några projekt som enkelt låter dig skapa egen hemsida. När de är redo ska jag tips om dem, men till dess så ska jag lista några andra sätt:

www.wordpress.com eller www.blogger.com
Två bloggtjänster som är välanvända och snabbt låter dig skapa en avancerad blogg. Du kommer igång snabbt, men vill du göra egna inställningar, ha egen domän etc så tar det lite längre tid och en del pillande. Wordpress.com har fördelen att du får övning i verktyget Wordpress vilket kan vara bra om du vill installera det på en egen server någon gång. Den här bloggen för Praktiskt Webbprojekt är ett exempel på en Blogger-blogg.

www.ning.com
En tjänst som förtjänar med kännedom än vad den har. Här kan du skapa egen community - med forum, bloggar, profilsidor och allt möjligt. Adressen blir till exempel bildochfoto.ning.com.

www.wikispaces.com
Här kan du skapa en fri wiki, som du kan uppdatera tillsammans med andra eller använda för att skapa din egen sida. Jag har gjort en mycket enkelt där jag knappast ändrat någonting: http://webbprojekt.wikispaces.com/

www.googlepages.com
Googles sidskapare kan man använda för att bygga en enklare hemsida. Det har förstås sina begränsningar och kräver en del pillande, men det går. Här är någon som gjort om fotohistoria: http://prittsel.googlepages.com/

Det finns förstås fler, men jag valde ut några jag känner till från olika kategorier - blogg, community, wiki, enkla sidor.

Idén till det här inlägget fick jag från Bengt på Brainjam :)

Läraren som går sin egen kurs

2008-01-09T12:25:00.000+01:00

Ibland illustreras saker bra med exempel inom utbildning, i alla fall som komplement. Därför ska jag följa kursen Praktiskt Webbprojekt i vår och skapa en webbplats på www.matlistan.com. Mina uppgiftsinlämningar kommer dock bli publika, alla kommer kunna läsa dem.

Praktiskt Webbprojekt på del.icio.us

2008-01-08T15:40:00.000+01:00

För att alla snabbt ska kunna posta länkar till kursen så har jag börjat använda en tagg på sociala länknätverket del.icio.us som jag kallat prwebbprojekt.

Hur fungerar det? Användare på del.icio.us sparar länkar (kan göras via en knapp i webbläsaren) som de tycker verkar bra och märker dem med taggar (dvs etiketter, nyckelord). Mina länkar som kan vara intressanta Praktiskt Webbprojekt kommer dyka upp under:

http://del.icio.us/mattiaswirf/prwebbprojekt

Som du ser står mitt namn i den länken, du ser alltså bara mina länkar jag etiketterat som prwebbprojekt. Vill du se länkar postade av vem som helst med taggen prwebbprojekt så kan du besöka adressen men byta ut mitt namn mot ordet "tag":

http://del.icio.us/tag/prwebbprojekt

Du kan välja att prenumerera på länkar med den här taggen, du kan få en ständigt uppdatera lista i din webbläsare. Så här ser det ut hos mig:

Vill du se länkar med flera nyckelord lägger du till dem med "+" i adressen. Så här kan man se länkar jag sparat med de två nyckelorden "fotografer" och "natur":

http://del.icio.us/mattiaswirf/fotografer+natur

Jag kommer inom kort med en liten screencast-film som visar hur du använder del.icio.us och liknande tjänster.

Man kan även dela länkar i nätverk, exportera, komma åt från alla datorer, besöka hotlistan på http://del.icio.us för att se vad andra har hittat för kul sidor.

Spara gärna det här blogginlägget på del.icio.us

Save This Page

Vårens elever kan träffas i Facebook

2008-01-04T02:43:00.000+01:00

Nu finns Praktiskt Webbprojekt på Facebook. För vårens uppsättning av Praktiskt Webbprojekt har vi skapat en grupp på Facebook. Se den som ett fikaställe / bibliotek / lounge utanför klassrummets väggar. Här blir det lite lättare att snacka om helt andra saker än Webbprojekt, eller utbyta kunskaper som är användbara.
Gruppen heter Praktiskt Webbprojekt vt08.

Höstterminens andra kvalitetsmätning

2008-01-04T02:21:00.000+01:00

Under en termin gör MKFC 2 kvalitetsmätningar. Eleverna sätter poäng där den högsta är 4 (dvs det finns inget "mitten"-alternativ). Här kan du se årets sista för kursen Praktiskt Webbprojekt. Alla punkter hade över 3 men jag ska se till att vi till mätningen för kursen innan sommaren kommer upp i över 3,5 på de aktuella punkterna.

Tips v40

2007-10-01T10:06:00.000+02:00

Här är lite tips jag skickade till eleverna i början av september. Jag lägger ut dem här också varefter, med lite fördröjning.

Skriver jag konstigt?
"Vinkelparentes, editor... vad tusan menar handledaren?" Undrar ni detta kan ni besöka sidan för svenska datatermer: http://www.nada.kth.se/dataterm/ Jag försöker följa den, men ibland blir det snedsteg förstås eftersom det är en levande lista med datatermer.

Inspiration
Här hittar du några länkar för designinspiration: http://del.icio.us/mattiaswirf/inspiration Det är en av mina "etiketter" på del.icio.us, så länkarna ökas på ibland och min huvudsida hittar du på http://del.icio.us/mattiaswirf . på http://del.icio.us förstasida hittar du länkar som är populära, där kan man hitta pärlor ibland. Man kan skicka länkar i nätverk och bevaka användare som har samma intressen, på så sätt hitta nya webbplatser om de ämnen man vill.

Översättning från engelska till svenska
Mycket av materialet på nätet som ni kan behöva är på engelska. Här är några uppslagsverk:
http://lexin.nada.kth.se/sve-eng.html
http://www.tyda.se/

Höstens projekt

2007-09-05T09:13:00.000+02:00

Höstens projekt på kursen är en intressant blandning. Jag har försökt samla dem här nedan för att ge uppfattning om bredden och vad vi kan hoppas få se i vinter.

Virtuellt galleri för konst och konsthantverk
Prylsajt
Hemsida för programpaket och webtjänster
Sida för klickerträning
Webbsida som riktar sig till småbarnsföräldrar och blivande föräldrar
Marknadsföring för musiker och dj
Publiceringssystem för hemsidor
Hemsida för naturalselection-klan
Hemsida åt band och produktionsbolag
Portal för ett imaginärt land
Samling för författare som tryckt egna böcker
Tips för att hålla kontakten med barn och barnbarn
Informationsportal för musik, bodyart
Hemsida för koperativa berättelser
Online-portfolio för konstnärliga verksamhet.
Webbshop för funktionshindrade
Informationsportal för musik, bodyart
Musikportfolio

Där flera projekt varit liknande har jag sammanfattat dem under en punkt, så det är egentligen fler projekt än dessa.

Första veckan av PRW snart till ända

2007-08-17T12:41:00.000+02:00

Den första veckan av kursen är snart slut. Som vanligt har den mest gått åt till inloggning, introduktions-uppgifter för eleverna (presentera dig och liknande) samt början på Projektplanering - en viktig del av kursen som formar terminen. Ändå... jag tycker den här bilden säger en del av känslan som jag, och säkert några av eleverna, har:

Upplägg på studieplattformen

2007-08-15T09:26:00.000+02:00

Så här ser Edulink ut. Första veckan får man göra introduktionsuppgifter som alla på skolan gör. Därefter tar man tag i Projektplaneringen (med Material och Uppgifter).

En ny termin med Praktiskt Webbprojekt

2007-08-13T14:17:00.001+02:00

Nu börjar en ny termin med Praktiskt Webbprojekt på MKFC Stockholms Folkhögskola! :) Det är spännande med många nya projekt. Jag som handledare på kursen ser fram emot en kreativ termin både för mig och eleverna! Förhoppningsvis kommer deras utveckling gå att följa här.

Agera globalt

2007-05-02T07:56:00.000+02:00

FN har bjudit in MKFC att skapa möjligheter i Afrika med hjälp av e-learning och positiva, innovativa lösningar för vår globala framtid. Vi uppmanar dig att också agera globalt med din skola, universitet, företag eller förening. Det här är möjligheter vi kan skapa:

Kommunicera och sprida information och kunskap via NetCommunities.

Med e-Läroplattformars tillgänglighet erbjuda lärarutbildningar till utvecklingsländer

Med e-Läroplattformars tillgänglighet erbjuda Hälsoutbildningar

Med e-Läroplattformars tillgänglighet erbjuda Yrkesutbildningar ( TVET )

Med e-Läroplattformars tillgänglighet erbjuda innovations- tillväxtskapande IKT kurser.

Måndagstipset 26 februari

2007-02-26T10:33:00.000+01:00

Det här fredagstipset blev ett måndagstips ;)

Prova-på Wiki:
Det här är en gratis webbtjänst där du kan skapa en egen wiki, för något bra ändamål eller bara för att testa på. En wiki är som du kanske vet en form där man samarbetar om innehåll.

Den kanske mest kända är WikiPedia (http://sv.wikipedia.org/wiki/Portal:Huvudsida), den fria encyklopedin eller WikiMedia Commons (http://commons.wikimedia.org/wiki/Main_Page) där du kan hitta massor bilder och annat som ofta är fritt att använda (läs licensen per bild först dock). Min kollega Bengt skrev just om Wiki på vår hemsida: http://www.mkfc.se/?p=903

Wikispaces hittar du på adressen http://www.wikispaces.com/

Webbutveckling med Firefox:
WebDeveloper toolbar och Colorzilla är två bra verktyg för den som använder webbläsaren Firefox och skapar hemsidor.

Med ColorZilla kan du får information om färgen var helst du pekar på en hemsida (även från bilder). Med

WebDeveloper toolbar kan du göra massor - visa kanter på alla block på hemsidan, få fram en linjal, stänga av bilder och css och javascript tillfälligt, validera koden mot olika standards etc.

Firefox: http://www.getfirefox.com
WebDeveloper: https://addons.mozilla.org/firefox/60/
ColorZilla: https://addons.mozilla.org/firefox/271/

Bildbehandling (eller snarare digitalfoto kanske):
För den som vill arbeta med HDR (High Dynamic Range)-bilder, där man tar flera exponeringar av samma bild och fogar ihop dem, finns programmet FDRTools gratis: http://fdrtools.com/front_e.php

Vad är då HDR? Har du varit om att försöka ta en fin bild av solnedgång och träden blir svarta och himlen blaffigt ljus? Då kan du fixa det med HDR . Nackdelen är att man måste ha flera exponeringar, men tar du RAW-bilder går det fixa i efterhand. Läs mer om HDR på Bildochfoto.se http://bildochfoto.se/2007/02/26/vad-ar-hdr-och-hur-fungerar-det/
eller WikiPedia: http://en.wikipedia.org/wiki/High_dynamic_range_imaging

Projekthantering med Streber
Streber är ett projekthanteringssystem som börjar mogna. Det kan nu fixa tidshantering, dvs man kan ha kolla på antalet timmar man jobbat, något som är mycket viktigt för egna företagare (som jag). Du kan lägga in olika roller för användare och företag, skapa projekt, läsa historik, sätta milstolpar i projekten etc. Och du kan ta ut rapporter på projekttimmar. Det är skapat i PHP och MySQL och du kan installera det på din webbserver:
http://www.streber-pm.org/

Skapa web2-design

2007-02-21T11:39:00.000+01:00

Jag har ett litet tips så här mitt i veckan: Ni kanske har sett på alla de här "web 2.0"-sidorna att de har en viss stil på designen. Här finns länkar till en rad tips och tutorials som visar hur du anammar den här stilen. Det mesta är guider hur du skapar knappar mm i Photoshop och Illustrator:
http://www.drweb.de/weblog/weblog/?p=780

Fredagstipset 16 februari

2007-02-19T09:33:00.000+01:00

Jag brukar skicka ut tips till klassen som handlar allmänt om relaterande ämnen. Här är från fredagen den 16 februari:

Photoshop
För den som vill lära sig mer om Photoshop måste jag rekommendera www.moderskeppet.se - jag har nyss köpt en DVD från Mattias Karlsson på Moderskeppet och den är mycket lovande, 9 timmar om Photoshop (om du vill testa så kom ihåg att man måste ha DVD-spelare i datorn bara). Den jag köpte heter "Från färg till svartvitt (och tillbaka)" och finns på http://www.moderskeppet.se/dvd/svartvitt.php

Fri design
Mycket bra och mycket skräp kan man hitta på sidor för fri design - men det är absolut värt att undersöka om du behöver inspiration eller hjälp med layouten. Här är några länkar: http://www.freecsstemplates.org/ , http://www.opendesigns.org/

Flickr
På bildtjänsten Flickr kan man lägga med bilderna på en karta. Här är Örebrobilder: http://www.flickr.com/photos/36827903@N00/384124480/map/?view=everyones
(min bilder där är inte så bra, mest testat på skoj ;) ) Man kan använda dem på sin blogg som ett galleri med mera. Viktigt att tänka på är att man överlämnar rätten för att andra att visa bilderna också (kan inte avtalet exakt men ni kan läsa om ni vill testa). Flickr drivs av Yahoo.

GMail
Gmail låser upp mycket tjänster som ni kan använda. För webbutvecklare finns Google Analytics, Google For Webmasters, Google AdWords, Google AdSense, Google Co-ops med mera. Jag har säkert berättat detta förut, men det finns nu en nyhet: man kan skaffa Gmail utan inbjudan (som man behövde förut). Här är en lista på verktyg som erbjuds: http://www.google.com/intl/sv/options/

Inspiration och länktips

2006-12-04T12:37:00.000+01:00

Dagens länktips:

Webbdesigninspiration från Flickr

Webdesign adventskalender

Apple-effekten (spegling á la Web 2.0)

Fria bilder

2006-11-28T14:02:00.000+01:00

Det blir lättare och lättare att hitta bildmaterial som du kan använda gratis. Bilden här är ett exempel från Wikimedia Commons. Den går också att ladda ner i stort format. Tips från min kollega Bengt. Wikimedia har "Pic of the day".

Obs - kolla vilken licens bilden har innan du använder den. Kanske måste du sätta ut namn? Den här bilden var lite otydlig angående detta.

Länktips som kan hjälpa dig i projekt

2006-11-23T23:00:00.000+01:00

Ganttproject
Programvara som hjälper dig hantera ditt projekt som ganttschema.

All you can upload
Här kan du spara bilder fritt.

www.bildochfoto.se
Om foto och bilder

Cucumis
Gratis, social översättning.

Tyda.se
Översättning till och från engelska.

Länktips

2006-10-20T10:54:00.000+02:00

Ny och gammal webbläsare
Webbplatser bör alltid kontrolleras i olika webbläsare så att man vet att de fungerar. Internet Explorer 7 finns nu för den som har Windows på http://www.microsoft.com/

En fristående variant av Internet Explorer 6 finns på http://browsers.evolt.org/download.php?/ie/32bit/standalone/ie6eolas_nt.zip , om man vill se till att man kan testa webbsidor i både version 6 och 7 (installationerna från MS går inte köra samtidigt)

Tips om onlinetjänster
Jag har skrivit ett litet inlägg på den här bloggen: http://www.xoda.se/blog/2006/10/17/en-larares-internet/, om verktyg för lärande och annat online.

En fråga om inspiration

2006-09-19T15:13:00.000+02:00

Jag fick frågan idag om tips på sidor som kan inspirera när det gäller design.

Ett designföretags sida som jag tycker är snygg: hicks design (de som gjort logotyperna till firefox, thinderbird etc)

Samling med designinspiration åt det mer flashiga hållet:
Styleboost

Ett annat ställe som du kan söka på är "Webbrelaterat / Kolla min hemsida" på www.webforum.nu, bläddra igenom elller sök på ord som "portfolio". Det blir nog ganska blandat bra och dåligt, men det är ju bra att se sådant man inte ska göra också ;) Där kan du också öva dig i att ge kritik!

Ibland faller jag för den enkla skönheten hos informationssidor som Magnolia eller Ruby on Rails - sådant kan ge inspiration.

Eller gå in på www.fotosidan.se och hämta inspiration hos bilder.

Har du ett tips på sidor där man kan hämta inspiration? Lämna en kommentar!

På måndag tas de första spadtagen

2006-08-10T03:31:00.000+02:00

En bra idé och planering är viktig i projekt. På måndag börjar kursen Praktiskt Webbprojekt en ny termin på MKFC Stockholms Folkhögskola. En rad elever börjar bygga grunden för sitt projekt, som de kommer genomföra under terminen. Som vanligt blir det mycket intressant att följa det de gör.

Verktygen för att skapa bra planering och hjälpa dig tänka finns numera lätt tillgängliga. Vill du göra Mind- eller Conceptmaps? Då finns FreeMind och CMapTools, och säkert en rad andra. Föredrar du att skriva text eller sätta upp diagram? Varför inte ladda hem OpenOffice. Tidsplanering, fullständig projekthantering, mobilitet? - Sunbird, PHProjekt, Basecamphq.com, Projektplatsen.se Det finns fler alternativ till nästan allt jag nämnt ovan och det mesta är gratis och / eller öppen källkod. Så sätt igång och planera ditt nästa projekt! :)

Projekten:

2006-06-09T12:16:00.000+02:00

Darios projekt: www.digart.se

Johannes projekt: www.slottet.eu

Björns projekt: www.dilettanti.org/

Americos projekt: www.datanyheter.com

Listan kommer fyllas på med fler projekt under dagen och de närmaste dagarna, så håll utkik :)

Bloggen i projekt

2006-05-02T17:45:00.000+02:00

En blogg kan mycket väl fungera som informationskanal för projekt. Ett tips till dig som ska gå är att skapa en projektblogg, kontinuerligt berätta om utvecklingen där och länka till den i dina rapporter. På så vis kan du även uppmärksamma andra på projektet och skapa ett intresse kring din produkt. En blogg kan du registrera gratis på:

Blogger

Blogsome

Wordpress

Har du en server kan du även installera en webbapplikation som Wordpress, Drupal eller b2evolution. Fråga gärna hur du gör, själv använder jag Wordpress till min personliga blogg.

Information om kursen

2006-05-02T11:49:00.000+02:00

En PDF som brukar skickas ut till sökanden med information om kursens upplägg och annat som kan vara intressant:

En kurs på Stockholms Folkhögskola

2006-04-27T17:57:00.000+02:00

Den här bloggen tillhör en kurs på MKFC Stockholms Folkhögskola. Kursen heter Praktiskt Webbprojekt och är en heltidskurs helt på distans. En mer omfattande beskrivning kommer så småningom, nu har bloggen startat i alla fall ;)