Friday, December 10, 2010

Uppgift 6 - Dragna lärdomar att dela med sig av....

Nu när projektet i Publicering via Internet är avslutat, vill jag att du funderar ut det bästa rådet du skulle vilja ge studenter som just ska börja motsvarande projekt.

Stort eller smått, egen surt förvärvad erfarenhet eller nåt som du faktiskt fick lära dig på kursen spelar ingen roll, du väljer ut ett enda gott råd att dela med dig av och skriver en bloggpost om det.

Sen kommer jag att börja summera om ni uppfyller kravet att ha "aktivt drivit en blogg under terminen", vilket är en del av momentet IT och samhälle. Ni behöver inte varit sååå aktiva, då detta att vistas i bloggosfären bara är en mycket liten del av ett moment som bara betygsätts med U eller G. Men åtminstone hälften av de 6 uppgifterna måste vara utförda för att jag alls ska bedöma er.

Ta ändå gärna chansen att använda denna skolblogg för att träna er på att layouta ett cms.
Ni har allt makt via koden i Blogger.
Välj Design > Edit html och scrolla er fram bland databasreferenser, html och css.


I exempeldumpen ser ni t.ex. 

/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

dvs att typsnitt färg och bakgrund hämtas från inställningar ni gjort som lagras i databasen (dollartecknet signalerar detta)

Byt till vad ni själva vill genom att helt enkelt skriva vanlig CSS. 
Då är ni inte begränsade till de val som olika Blogger templates ger utan kan ändra precis allt genom att också lägga till egna taggar eller id och class och sen skriva regler för dessa selektorer som har helt nya egenskaper än vad som fanns i ursprungsmallen. 

Använd gärna Bloggers backupfunktion innan du börjar
Before editing your template, you may want to save a copy of it. Download Full Template.

om nåt skulle gå snett... särskilt viktigt innan ni fått betyg så inte hela bloggen kraschar...


Ett litet exempel:
Jag ändrade så att bakgrunden bakom posterna är lite genomskinlig, ränderna lyser igenom.


Letade med hjälp av Firebug upp att elementet antagligen heter nåt på post. 
Hittade databasreferensen $(post.background.color)


Egentligen så hämtas bakgrundsfärgen för posterna från samma ställe som mina widgets till höger så här:
<Variable name="post.background.color" description="Background Color" type="color" default="$(widget.background.color)"  value="$(widget.background.color)"/> 
och jag kan ändra den färgen tidigt i filen som en variabel. 
<Variable name="widget.background.color" description="Background Color" type="color" default="#141414" value="#141414"/>
Då blir alla "boxarna" ändrade på ett ställe. Men där fick jag inte rgba att funka så jag skrev in det längre ner i filen i klartext. Letade i filen med Ctrl+F. 
Kommenterade sen bort det som stod från början och la till min egen rgba-färg. Lät sen bli att byta färg på sidospaltens widgets så att skillnaden syns direkt på sidan
Före

Efter



Lycka till!

/Anne

Friday, November 5, 2010

Uppgift 5 - leta upp nåt annat att prenumerera på

Dags att upptäcka fler saker som kan hanteras som en feed. 

Leta upp något som är innehållsmässigt eller tekniskt intressant att prenumerera på och sätt igång.
Rapportera sedan i en bloggpost vad du valt och varför.

Kanske en ebay-sökning? http://shop.ebay.com/i.html?rt=nc&_nkw=tim+berners+lee&_dmd=1&_rss=1&_sop=12
En fotoström från Flickr? http://api.flickr.com/services/feeds/photos_public.gne?id=46499500@N00&lang=en-us&format=rss_200
Du kan också prova en geofeed från Flickr. http://api.flickr.com/services/feeds/geo/?id=37336017@N00&lang=en-us&format=rss_200
Importera den till google maps

Visa Medietekniks foton på en större karta

En föreläsare på slideshare? http://www.slideshare.net/rss/user/BritStakston
Ett radioprogram? Från SR eller från någon med smala intressen från andra sidan jordklotet.
http://api.sr.se/api/rssfeed/rssfeed.aspx?Poddfeed=11142
http://www.geeknewscentral.com/podcast.xml
eller video
http://feeds.feedburner.com/bigwebshowvideo

Om vi gör ändringar i studentmanualen? http://student.ktd.sh.se/studentwiki/index.php?title=Special:Senaste_%C3%A4ndringar&feed=rss

eller bevaka en social bokmärkestjänst när något taggar med sånt som du är specialintresserad av
http://feeds.delicious.com/v2/rss/tag/epub?count=15

Leta upp nåt exempel och sätt igång. Undertiden ska jag kolla om vi kan slå på detta i Moodle jag menar Studentadmin...

Thursday, October 14, 2010

Uppgift 4 - Prenumerera på bloggar m.m. m.m.

Hej igen

Har ni hittat varandras bloggadresser än och börjat prenumerera på varandras feeds?
Läs annars några tidigare bloggposter för att komma igång:

1. Titta på filmen om RSS för att fatta principen. Tipset finns här http://syrsjamta.blogspot.com/2010/09/vad-ar-webb-20.html
2. Leta upp en lämplig läsare och börja prenumerera. Läs mer här http://mtaht10.blogspot.com/2010/09/hitta-till-alla-andras-bloggar.html
3. Bevisa att du gjort detta genom att visa upp ett fotografi eller en skärmdump av din feedläsare i din egen blogg. Skriv också gärna lite mer, så ni hjälper varandra att hitta bra tjänster och bra arbetssätt.

Ni kan se av min egen skärmdump från Google Reader att jag har läst nästan allt ni skrivit hittills

Thursday, October 7, 2010

Filmtips från Syrsja MTA: Vad är webb 2.0?

Syrsja MTA: Vad är webb 2.0?: "Nog allt e man lite konfundersam över alla uttryck som handlar om webben. Och det funkar inte att bara säga att 'jag tror jag vet vad det be..."
Kolla särskilt på filmen om RSS /Anne

Uppgift 3 Profilbild

Ny uppgift blir att lägga ut nån version av den "signum-bild" du just skapat i Illustrator.

Tänk på att ta bort ditt namn om du inte vill ha det på webben. Om du inte vill ha signumbilden i sin helhet på webben heller, välj att "zooma in" och bara ta med någon detalj av bilden när du lägger ut den.

Mitt förslag är att du gör den till profilbild för ditt Bloggerkonto (eller annat konto om du använder en annan bloggtjänst), men du kan också bara lägga upp den som en vanlig bild i en bloggpost. Jag har gjort ett bildspel av skärmdumpar som quicktime-film som visar hur du skulle kunna gå till väga för att:
  • Anpassa din bild t.ex. genom att ta bort textlagret om du inte vill ha det med på webben, eller minska storleken
  • Spara bilden direkt för webben i Illustrator (var alltid rädd om originalfilen)
  • Ladda upp som profilbild på Blogger
  • Lägga till att din bild ska visas i din blogglayout i Blogger. Detta finns i förväg i vissa layouter, saknas i andra men kan i så fall läggas till
Du kan pausa och spela upp en bild i taget för att se vad som händer



http://mt.sh.se/diedrichs/video/profilbild.mov

Lånade en bild av en student. Tack för det!

Monday, September 27, 2010

Frivillig uppgift - visa upp ditt bildspel

Det vore trevligt att se era bildspel spridas lite mer. OM alla inblandade, särskilt de som syns framför kameran, är med på att videon hamnar på nätet???

Man kan göra detta på flera sätt, t.ex. direkt i Blogger (med filmklappan som ikon).
Medieteknik har också ett konto på Youtube som ni kan få använda att lägga upp bildspelen på om ni vill.
Jag lägger inloggningsuppgifterna på studentadmin, sprid inte på nätet. Jag skapar också en spellista som heter BildspelMTA, lägg filen där. Lägg bara ut ett ex per grupp, alla som vill kan sedan infoga i sin blogg.

Nedan exemplifierar jag genom att bädda in/embedda? den antagligen mest kända Youtubevideon om Web 2.0 av Michael Wesch