tag:blogger.com,1999:blog-1749259374009819122024-02-08T01:23:07.461+01:00Alae- blog om Internet, Interaktionsdesign och annat kulMithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.comBlogger15125tag:blogger.com,1999:blog-174925937400981912.post-52560292200717473582010-07-25T21:28:00.002+02:002010-07-25T21:32:59.621+02:00Ny blogg...För dom som fortfarande lyckas hitta hit till den här 1 år gamla ouppdaterade (tills den här posten) bloggen, vilja medela att ni nu hittar mig på: <a href="http://www.tobiasarud.se">Tobias Åruds blogg</a>.<br />Bloggen handlar om lite var jag känner för, t.ex. serier jag sett och musik.<br />Om ni vill se vad jag pysslar med i mitt yrke som Interaktionsdesigner så ska ni kolla in <a href="http://www.eruma.se">eruma.se</a>.Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-10126923648396008982009-01-08T18:45:00.002+01:002009-01-08T18:47:26.158+01:00BloggenHar ändrat Header och bilden till höger plus bytt bakgrundsfärg.<br />Detta för att göra sidan mer lik min Portfolio/CV sida. :)Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-12915560950514068222009-01-08T18:34:00.002+01:002009-01-08T18:45:09.068+01:00Lightbox problem i IENär jag byggde siten var Internet Explorer en stor bov i många fall.<br />T.ex. när jag la till Lightbox för Portfolions bilder så funkade det kanon i Firefox, men när jag kollade i IE7 så hade overlay (det svarta runt själva boxen) blivit hel skummt.<br />Halva overlay bakgrunden saknades och jag blev då tvungen att hitta en lösning.<br /><br />Lösning:<br />Jag skapade en ny css med namnet ie_lbfix.css den innehåller den här koden:<br /><span style="font-size:85%;"><br /><span style="font-size:100%;"><span style="color: rgb(153, 153, 153);">#overlay {</span><br /><span style="color: rgb(153, 153, 153);"> top:expression(fixedIE('Top',0));</span><br /><span style="color: rgb(153, 153, 153);"> left:expression(fixedIE('Left',0));<br /></span><span style="color: rgb(153, 153, 153);">}</span></span></span><br /><br />sedan skrev jag in länk koden på portfolio.css.<br />Presto! IE täcker ytan som var felaktig. :DMithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-59763841682644256752009-01-08T17:43:00.007+01:002009-01-08T18:09:07.276+01:00Intro till min nya Portfolio/CV-sida<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuHYcGgaYHeJaKd5uzVZppzdorQ35oNWYy1DRAzI2yBAfldtLxjA56OM5L74dtT979ax4mDTNF5ECgmH53vdCeUV2nFBEqxUdkBlYfdCfwqnUOw54cw_dyNq7R7WSYWZao30d1q44dfuZK/s1600-h/minsite.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 288px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuHYcGgaYHeJaKd5uzVZppzdorQ35oNWYy1DRAzI2yBAfldtLxjA56OM5L74dtT979ax4mDTNF5ECgmH53vdCeUV2nFBEqxUdkBlYfdCfwqnUOw54cw_dyNq7R7WSYWZao30d1q44dfuZK/s400/minsite.jpg" alt="" id="BLOGGER_PHOTO_ID_5288965217537594850" border="0" /></a>Efter mycket slit och lite sömn, lyckades jag till slut hitta en still på sidan som jag kände mig nöjd med.<br />Sidans kodning är gjord i XHTML 1.1 med CSS och jag har använd divs för att separera dom olika elementen på sidan.<br />Färgerna jag använde följer färgerna i min header och det är Orange, Svart, vitt och grått som är dom vanligaste färgerna. Färgvalet är för att jag ville ha en varm färg som inte är lika skrikig som rött, plus att orange matchar bra med svart och vitt.<br />Informationen är upplagd i den ordningen jag tycker man borde se sidan på:<br /><ul><li><span style="font-weight: bold;">Start (Alternativ namn Om Mig)</span> är första sidan och jag valde att kombinera startsidan med om mig sidan för att det inte fanns någon anledning att ha Startsida utan bra innehåll. Första raderna är en introduktion till sidan, medans resten är en utförligare text om mig själv.<br /><br /></li><li><span style="font-weight: bold;">CV</span> jag valde att ha CV före Portfolio därför att man när man nått Portfolion ska veta vad jag kan och kan därefter se min kunskap i bild. CVn innehåller det jag tycker är viktigt att veta om mig inom det yrket jag vill ha.<br /><br /></li><li><span style="font-weight: bold;">Porfolio </span>kommer som tredje länken i navigationen. Jag har underrubriker för dom olika delarna av portfolion. Ursprungligen tänkte jag ha en meny till vänster där man kunde gå vidare till dom olika delarna av portfolion, men eftersom jag inte för tillfället har särskilt mycket innehåll tyckte jag det funkade bra så här.<br /><br /></li><li><span style="font-weight: bold;">Blogg</span> länken leder till den här bloggen och jag la till en text "Extern sida" för att visa att man kommer till en sida utanför den riktiga siten.<br /><br /></li><li><span style="font-weight: bold;">Kontakt</span> är sidan med information för att kunna kontakta mig.<br />Adress, telefon nummer och e-post adress finns tillgängligt.</li></ul>Jag testade min sida på IE7(Win), Firefox, Safari(Win), Opera och Google Chrome och den ser exakt likadan ut på alla.Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-81525993945934675492008-11-17T14:37:00.007+01:002008-11-25T15:05:28.070+01:00Tolkien är en gammal hippie<span style="font-style: italic; color: rgb(51, 102, 255);">Arbetet med att filmatisera prologen till Sagan om Ringen trilogin har inletts och många är intresserade hur det ska gå utan Peter Jackson i regissörsstolen.</span><span style="font-style: italic; color: rgb(51, 102, 255);"> Vi mötte Gustav Strömbom för samtal om den stundande filmatiseringen.</span><br /><br />Många Tolkien och Sagan om Ringen fantaster väntar förväntansfullt på den kommande prologen till Tolkiens trilogi som är beräknad att komma på bioduken 2011.<br />En förändring som skett sedan 2003 då Sagan om Konungens återkomst kom på bio är att filmens regissör kommer ändras från Peter Jackson till mexikanske regissören och producenten Guillermo del Toro.<br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);">Positiv till Guillermo del Toro</span><br />Det är många har ställt sig frågande till att Peter Jackson ersätts, så även Gustav Strömbom.<br />-Jag tycker det är väldigt märkligt att den här förändringen gjorts och förstår inte anledningen.<br />Dock är han positivt inställd till den nya regissören Guillermo del Toro.<br />-Han är en spännande regissör med en fingertoppskänsla för hur en bra science-fiction eller Fantasy film ska se ut estetiskt, Peter Jacksons trilogi är väl gjord, men stilen på filmen kanske borde vara mer sagolik.<br /><br /><span style="color: rgb(51, 51, 255); font-weight: bold;">”Oooh, kolla Johnny!”</span><br />Guillermo del Toro, som gjort filmer som Hellboy 1 och 2, Blade 2 och Pans Labyrint är har lyckats fånga människors intresse med sin fantastiska estetik och filmen Pans Labyrint är ett bevis på hans förmåga att skapa en vacker men brutal saga.<br />Gustav hoppas också att den nya regissören behåller trilogins val att välja okända skådespleare framför kända.<br />-Det var en av dom bästa sakerna som Peter Jackson kunde göra för trilogin. Hade man sett Johnny Depp och Julia Roberts som Aragorn och Arwen hade man aldrig tänkt på dom som sina karaktärer i första hand, man hade tänkt: ”Oooh, kolla Johnny!”.<br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);">Gustav har inte mycket till övers för Tolkiens böcker.</span><br />-Han skriver flera sidor med bara en massa detalj studier i Midgårds fauna istället för att foklusera på karaktärerna. Tolkien tycks ha flummat till rejält när han satt där i Oxford och skrev böckerna.<br />Dom där sångerna har ju ingen funktion i böckerna, dom bara är där och tar plats, han kunde ha spenderat mer tid med att berätta för oss om Brödraskapet och hur dom agerade i gruppen.<br /><br /><a href="http://www.thehobbitblog.com/">The Hobbit: The Official Movie Blog</a><br /><a href="http://gurrastrombom.blogspot.com/">Gustav Strömboms blogg</a>Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-72836145680023723712008-10-14T20:20:00.003+02:002008-10-14T20:23:45.825+02:00Flickr IIThe return of flickr!<br /><br /><a href="http://www.flickr.com/photos/31197624@N05/">Flickr</a>Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-71036198091736980072008-10-11T22:10:00.004+02:002008-10-11T23:02:51.963+02:00Server / KlientPresentationen visar hur en förfrågan om åtkomst till en hemsida rör sig genom olika moment för att sedan lämna svar till användaren.<br />För att hitta hemsidan, går servern genom DNS (Domain Name System) för att hitta IP (Internet Protocol) till den site du försöker gå in på.<br />Sedan kontaktas en webb server (som t.ex. Apache) som vet genom sina inställningar att du vill komma åt http://www.google.com/index.php (PHP är ett skript språk för web utveckling) och php hanterar alla sidor som ska komma upp och kan fråga databas systemet SQL (t.ex. MySQL).<br />Allt skickas sedan till Apache som ger allt tillbaka till användaren.<br /><br />Detta sker oftast blixtsnabbt och du märker inte det här sakerna som användare.Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-38094280681097890262008-10-11T22:07:00.006+02:002008-10-13T01:15:46.036+02:00Human ComputingLuis von Ahn berättar om<br /><br /><span style="font-weight: bold;">Captcha</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://upload.wikimedia.org/wikipedia/commons/b/b6/Modern-captcha.jpg"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 200px;" src="http://upload.wikimedia.org/wikipedia/commons/b/b6/Modern-captcha.jpg" alt="" border="0" /></a><br />Captcha är ett verktyg (eller program) websidor använder för att kunna stoppa andra program från att kunna skapa accounts, rösta etc. på sidan.<br />Hotmail, Yahoo, Google, Messageboards är exempel på sidor som använder sig av captcha för att förhindra botar från att kunna skapa miljontals accounts på sidorna och använda accounterna för att sprida t.ex. Spam, Virus och andra otrevliga saker.<br />Han berättade en historia om hur siten slashdot.org skapade en poll vilken som var den bästa Datorteknik skolan (bl.a. MIT, Berkeley & Stamford).<br />Pollen hade från början inget captcha och p.g.a. dom som går på skolan är bra på programering och sådant kunde dom skapa ett program som spamade sin skolas poll alternativ.<br />Därför hade t.ex. två av Collegerna massiva staplar med mängder av röster medans dom andra låg efter.<br /><br />Spam företagen har kommit på visa lösningar för att komma förbi captcha.<br />Dels genom att anställa billig arbetskraft för att sitta och lösa captchas hela dagarna...<br />Och porr siter säger åt sina användare att för att kunna se nästa bild ska du skriva in vad du ser på den här captchan för att komma åt bilden.<br />Och då har porrsiten fått ett gratis sätt att få sina captchas ifyllda.<br /><br />Nästa del i föreläsningen handlade om sätt att använda den här företeelsen på ett bra sätt.<br />T.ex. när han sökte på ordet "dog" i google bilder, så fick han upp en massa bilder som INTE hade nått med hundar att göra.<br />google image/bilder använder sig av html kod och filnamn för att för sökningarna.<br /><br />Därför skapade Luis:<br /><br /><span style="font-weight: bold;">The ESP Game</span><br />Spelet går ut på att två personer sitter vid varsin dator och ser samma bild, nu ska dom försöka skriva en beskrivning på högst två ord vad man ser på bilden t.ex. den här:<br /><br />Jag skulle kunna beskriva den som grön, vit, hemsida, esp game, wbbläsar fönster.<br />Om den andra personen matchar t.ex. vit, så får man poäng.<br /><br />För att få flera ord till bilden använder man tabu för att göra så att användaren inte kan skriva det tabubelagda ordet och måste hitta andra ord, vilket breddar antal beskrivande ord.<br /><br />Om det inte finns tillräckligt många användare för att spela tillsammans, kan man spela single player som använder sig av det som tidigare sagts om ordet i andra spel sessioner.<br /><br />Nu när man har en bild, så kan den beskrivas utförligt och korrekt i en sökning och det kommer inte bli fel lika ofta som vanlig sökning.<br /><br />Nästa steg är att visa VAR på bilden man kan hitta det som beskrivs.<br /><br /><span style="font-weight: bold; font-style: italic;">Notis</span>: Google har redan skapat en beta version av ESP Game med namnet Google Image Labeler som är till för att förbättra Google Image Search. =)<br /><br />ESPGAME Länkar:<br /><a href="http://images.google.com/imagelabeler/">http://images.google.com/imagelabeler/</a><br /><a href="http://www.gwap.com/gwap/">ESPgame</a><br /><br /><span style="font-weight: bold;">Peekaboom</span><br />Det här spelet går ut på att två spelare möts.<br />Den ena ser en bild, den andra ser ingenting.<br />Personen som ser bilden ska markera det som ska beskrivas och den andra personen ska beskriva det han ser av bilden.<br />Ordet som ska markeras kommer från ESP Game.<br /><br />Detta gör att man kan lokalisera olika object på en bild vilket är bra för synskadade t.ex. och underlättar om man ser en bild med många olika personer t.ex.<br /><br />Nästa spel som han kommit på är:<br /><br /><span style="font-weight: bold;">Verbosity</span><br />Det går till på samma sätt som ESP Game, fast med ett ord istället för en bild att beskriva.<br />Men beskrivningarna måste stå i ett förbestämt sammanhang t.ex. "Is typically near ______"<br />och den tomma raden fylls i med ett ord som man tycker hör ihop med det ord man ska beskriva.<br /><br />Han var även kritisk till filmen the Matrix syn på framtiden.<br />Luis tror att om datorer blir smartare än människor kommer dom ha kvar oss för att göra sånt datorer inte förstår eller kan.<br /><br /><br /><span style="font-weight: bold;">Slutord:</span><br />Mycket intresant föreläsning och han hade väldigt roliga poäng och beskrivningar på sin research.<br /><br />Jag har faktiskt testat att spela alla dom spelen han beskrev på en sida som heter <a href="http://www.gwap.com">gwap.com</a> och där fanns flera spel:<br />ESP Game<br />Verbosity<br />Squigl (påminer om Peekaboom)<br />Tag a Tune - Samma sak som ovan fast man ska beskriva ett stycke musik.<br />Matchin - Man ska välja den bild man tror den andra personen tycker bäst om.Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-12296507993806579382008-10-08T23:11:00.002+02:002008-10-08T23:15:27.067+02:00flickrHittade bara en bild att posta just nu.<br />Har inte installerat alla program (Photoshop, Mobilens software t.ex.) så vissa saker jag gjort kan jag inte visa än, får lägga dit mer imorgon. =)<br /><br />Men hittade en intresant grej, och det var mitt arbetsprov till skolan.<br /><br /><a href="http://www.flickr.com/photos/31197624@N05/">Flickr account</a>Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-70776701247099098702008-10-08T19:19:00.001+02:002008-10-08T19:23:28.433+02:00Listen to G.I. Joe<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/4W9WDZwDo-w&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/4W9WDZwDo-w&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-56640383386344009712008-10-08T18:46:00.003+02:002008-10-08T19:03:54.041+02:00JobbigtTycker det är jobbigt att man är tvungen att regga sig på google, yahoo, msn etc. för att komma åt flickr och andra siter.<br />Jag vill ju inte regga mig på yahoo och annat tjafs för att använda en site om det inte gäller nått inom google (t.ex. gmail, igoogle).<br /><br />Såg att det stod litet under på flickr att "Only takes a moment with your Yahoo! ID". Ehhh, what?!<br /><br />Och sedan har vi en upprepning från powerpoint presentationen jag, Jesper, och Elin gjorde om last.fm...<br />Last.fm borde göra om sin startsida för nya användare...<br />När man kommer in på last.fm för första gången får man inte någon info vad siten handlar om, och sign up ligger högst upp i högra hörnet med minimal text.Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-88146903699954097752008-10-08T18:38:00.003+02:002008-10-08T18:45:24.206+02:00En tjänst/MashupSkulle vara coolt om Adobe kunde göra en online version av sitt CS4 suite.<br />På siten ska man kunna jobba i programmen, spara filerna på siten och sedan publicera dom.<br />Samma med Microsoft/Open Office.Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-52529421265228154752008-10-08T18:23:00.003+02:002008-10-08T18:35:00.988+02:00Tom's Hardware<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GGq1ZuG53fwjf3zvYzYkL4xyzm4NWUp7QvUmwIYKgfbJ9fUfTPtqP6atBSqTkWDEBGgU4r_kx7VFQZEWHVeGAAq7HT9O_-XfdnPo1S11HzqOUs9ik555KbK1Xt8xV_FZmZa509kxVUg5/s1600-h/tomshardware.JPG"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GGq1ZuG53fwjf3zvYzYkL4xyzm4NWUp7QvUmwIYKgfbJ9fUfTPtqP6atBSqTkWDEBGgU4r_kx7VFQZEWHVeGAAq7HT9O_-XfdnPo1S11HzqOUs9ik555KbK1Xt8xV_FZmZa509kxVUg5/s200/tomshardware.JPG" alt="" id="BLOGGER_PHOTO_ID_5254820953910902242" border="0" /></a>Tom's Hardware är en hemsida med information för dom som ska skaffa nya grafikort, processorer och annat.<br />Dom kör tester på flera hårdvaru produkter och det finns många artiklar att läsa innan du väljer att köpa.<br />Sidan har lokala delar (t.ex. en för Sverige) och deras artiklar är skrivna för den svenska delen.Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-68490878016449932342008-10-08T18:04:00.005+02:002008-10-08T18:34:52.150+02:00last.fm<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Hcg2DicnrIwvI_eAcK-3CnZCOVb74ExqtZVH66v-66VCX5Ll-qpBYhmeKjZAl_yiLat67xI4YnOWuIH2VsgJeO067eeRrW18VrKmEnujEodRSQqSve1k5ezNj1Vrw3qpwgo1XS_lqo0J/s1600-h/lastfm.JPG"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Hcg2DicnrIwvI_eAcK-3CnZCOVb74ExqtZVH66v-66VCX5Ll-qpBYhmeKjZAl_yiLat67xI4YnOWuIH2VsgJeO067eeRrW18VrKmEnujEodRSQqSve1k5ezNj1Vrw3qpwgo1XS_lqo0J/s200/lastfm.JPG" alt="" id="BLOGGER_PHOTO_ID_5254816572158247794" border="0" /></a>last.fm är en blandning av ett musik community och en internet radio.<br />Jag började använda last.fm 2006 för att kunna se listor på hur mycket jag spelade en artist. Sedan blev jag mer involverad och anslöt mig till olika grupper.<br />Eftersom jag i början hade pandora använde jag alldrig last.fms internet radio stream.<br />Mitt största problem med last.fm var att det var lite jobbigt att använda alla funktioner på sidan. Tog väldigt lång tid att starta en låt med radion, i jämförelse med pandora.<br /><br />Mina accounts på last.fm<br />http://www.lastfm.se/user/Mith87<br />http://www.lastfm.se/user/Erumaro87Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0tag:blogger.com,1999:blog-174925937400981912.post-89228520199573208302008-10-08T17:47:00.004+02:002008-10-08T18:34:32.826+02:00google.com<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbnpjTE-1nIHzyOMQPMr23R0cPMxaRH-VhLDvBXm57BlTJ_5TyLoGESNz0Fr9H9nUF_Q4wz59DDKDDcO45z6ceeSieMxUQlm-wW9dXK9BTZzzFSscLhTs-ozY8OAIVKPU-ctMeaCxWRWGN/s1600-h/google.JPG"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbnpjTE-1nIHzyOMQPMr23R0cPMxaRH-VhLDvBXm57BlTJ_5TyLoGESNz0Fr9H9nUF_Q4wz59DDKDDcO45z6ceeSieMxUQlm-wW9dXK9BTZzzFSscLhTs-ozY8OAIVKPU-ctMeaCxWRWGN/s200/google.JPG" alt="" id="BLOGGER_PHOTO_ID_5254810542973744450" border="0" /></a>Är en sökmotor på internet som jag använder nästan varje dag.<br />Man kan nästan hitta allt man behöver via google.<br />Via google.com kan man även hitta fler bra saker som, gmail, bildsök, google map, sök blog och andra roliga tjänster. =)<br />Men en sak dom kanske borde kunna fixa vore att man kunde se en thumbnail skärmdump på sidan man söker efter.Mithrandirhttp://www.blogger.com/profile/11358126028346726853noreply@blogger.com0