Visa Kopun blogi kiinnostavista asioista

Arkisto: Koodaus

LinkedInin teknisestä toteutuksesta

Perjantai 6.6.2008 klo 08:44. Koodaus.

Pari ihan kiinnostavaa blogikirjoitusta ammattilaisten sosiaaliseksi verkostoksi itseään kutsuvan LinkedInin teknisestä toteutuksesta:

• Cookies are for Closers: LinkedIn Architecture
  LinkedIn käyttää Javaa Tomcatilla ja Jettyllä, ActiveMQ:ta JMS-liikenteelle, suoria JDBC-tietokantayhteyksiä ja Springiä. Jutussa kerrotaan myös arkkitehtuurin kehittymisestä vuosien varrella.
• Yahoo! User Interface Blog: Implementation Focus: LinkedIn
  Tylsähkö videohaastattelu, jossa LinkedInin webbikehittäjät kertovat miksi YUI on niin hyvä.

Ei kommentteja.

Sampo Pankki ja Mac

Keskiviikko 26.3.2008 klo 15:18. Apple ja Mac, Internet, Koodaus.

Onneksi en ole Sampo Pankin asiakas. Ensin pankin verkkopalvelut ovat useamman päivän tarkoituksellisesti pois käytöstä uuteen järjestelmään siirtymisen takia ja sitten kun palvelut saadaan lopulta käyttöön, ne eivät toimi. Nyt kaiken sähläyksen jälkeen ainakin verkkopankin pitäisi toimia, mutta kuinka hyvin? Ei ainakaan hyvältä näytä Macilla.

Mac-käyttäjien oletusselain on Safari, josta on juuri ilmestynyt uusi 3.1-versio. Tältä Sampon verkkopankki näytti tänään Safari 3.1:ssä, kun käyttöjärjestelmänä on Mac OS X 10.4.11:

Firefox 3 beta 4:ssä näytti vielä huonommalta. Se on toki vasta selaimen esiversio, mutta voisi sivusto nyt edes jonkun varoituksen epäyhteensopivuudesta antaa. Ulkomaisissa nettipankeissa on ymmärtääkseni käytäntönä “whitelistata” selaimet eli vain toimivaksi todetuilla selaimilla pääsee sisään ja muille annetaan tylysti virheilmoitusta.

Tässä verkkopankki koko komeudessaan Firefox 3 beta 4:llä:

Sivun sisältö muuten kirjoitetaan kokonaan JavaScriptillä. Skriptejä lukuunottamatta se sisältää ainoastaan yhden noscript-tagin, jossa kerrotaan sivujen vaativan JavaScriptin. Kävin debuggerilla skriptiä läpi kunnes kyllästyin, mutta ainakin skriptissä testataan sisältääkö user agent -tieto tekstin “mac” ja jos sisältää, käyttöjärjestelmän oletetaan olevan Mac OS X ja kaikissa muissa tapauksissa Windows.

Kuuluisaa sisäänkirjautumiseen käytettävää Java-applettia en siis päässyt näkemään. Lisää Java-appletista löytyy ainakin täältä:

• Tietokone/Tietoja koneesta: Sammon java-viritys herättää kysymyksiä
• Digitoday: Sampo pankilla on tosi utelias java-sovellus
• Kuolleiden Koodareiden Seuran wiki: SampoApplet

Mielenkiintoista on muuten se, että heti ensimmäisenä päivänä löytyi Sampon verkkopankista phishing-aukkokin. Tässä ihan vaan huvittava esimerkki siitä mihin aukkoa (joka ainakin vielä on auki) voi käyttää: tinyurl.com/2wqzhw (ruutukaappaus). Aukkoa voisi toki hyödyntää johonkin pahempaankin.

2 kommenttia.

Jokainen buildi jonka rikot

Perjantai 14.3.2008 klo 12:43. Huumori, Koodaus.

YouTube: Roy Osherove singing

1 kommentti.

Ota Firefox 3 käyttöön

Sunnuntai 17.2.2008 klo 11:11. Apple ja Mac, Internet, Koodaus.

Päivitetty 20.2.2008: Lisätty ohjeet salasanojen siirtämisestä.

Firefoxin kolmosversiosta on ilmestynyt kolmas beta ja selain alkaa olla varsin käyttökelpoinen pääselaimeksi. Itse olen käyttänyt pääselaimena jo edellistä kakkosbetaa.

Firefox 3 on huomattavasti nopeampi kuin Firefox 2 ja esimerkiksi kirjanmerkkien hallintaa on kehitetty. Kätevä ominaisuus on myös se, että osoitekenttä toimii samalla hakuna sivuhistoriaan. Haku kohdistetaan paitsi osoitteisiin, myös sivujen titleihin. Mac-käyttäjät tulevat pitämään siitä, että nyt Mac-versio näyttää paljon enemmän Mac-ohjelmalta kuin Firefox on koskaan näyttänyt. Isompi lista uudistuksista löytyy Mozillan sivuilta.

Jos Firefox 3:n haluaa ottaa käyttöön, kannattaa tehdä sitä varten oma käyttäjäprofiili, jotta vanhaan Firefoxiin palaaminen on tarvittaessa mahdollista. Homma toimii näin:

1. Lataa uusin Firefoxin betaversio.
2. Muuta Firefox-ohjelman nimeksi vaikkapa “Firefox 3″, jotta et korvaisi vanhaa versiota uudella, kun kopioit ohjelman Applications-hakemistoon.
3. Käynnistä Firefox 3 komentoriviltä näin:
   $ /Applications/Firefox\ 3.app/Contents/MacOS/firefox -ProfileManager
4. Firefox 3 käynnistyy ja ensimmäiseksi avaa ruudulle profiilienhallintanäkymän. Luo uusi profiili ja valitse “Don’t ask at startup”, niin jatkossa Firefox 3 aukeaa suoraan ikonia klikkaamalla.

Ohjeet profiilin luomiseen Firefox 3:a varten ovat alunperin John Resigin blogista. Hänen ohjeissaan puhutaan vielä Proto-teeman asentamisesta, mutta beta 3:ssa se on Macin vakioteema.

Seuraavaksi ohjeita Firefoxin laajennusten käyttöönotosta. Lue lisää…

7 kommenttia.

Kaverien statukset Jaikusta ja Facebookista yhteen feediin

Lauantai 5.1.2008 klo 18:18. Koodaus.

Yahoo Pipes on erikoinen työkalu, jolla voi yhdistää erilaisista lähteistä tulevaa dataa yhdeksi rss-feediksi. Feedit luodaan kätevästi hiirellä raahamalla ja yhdistämällä “johdoilla” erilaisia suodattimia ja muita toimintoja, joilla feedin sisältöä muokataan.

Minulla on tehtynä sillä kaksi feediä, joista ensimmäinen ja yksinkertaisempi on muokattu Hesarin uutisfeed, jossa on mukana vain tärkeät uutiset (eli siitä on poistettu urheilu). Flickristä löytyy ruutukaappaus feedistä Yahoo Pipesissa.

Toinen luomani feed on monimutkaisempi. Se yhdistää Jaiku ja Facebook-kavereiden statusviestit yhdeksi feediksi. Koska Jaiku ei tarjoa feediä, jossa olisi pelkästään statustietoja, pitää feedin sisältöä muokata vielä lisää. Block-suodattimella feedistä poistetaan kommentit ja muista palveluista tuodut linkit. Facebookin feedin otsikoissa on mukana kirjoittajan nimi, joten pipe muuttaa Jaiku-sisältöä niin, että myös sen otsikoissa on kirjoittajan nimi alussa. Facebook-feed haetaan sellaisenaan.

Julkaisin pipestä version, jossa pitää aluksi syöttää omien Jaiku- ja Facebook-feedien osoitteet: Facebook and Jaiku Status Updates. Sivulla on ohjeet mistä lähdefeedien osoitteet löytää.

1 kommentti.

Ongelmia välimuistin kanssa? Microsoftilta löytyy ratkaisu

Tiistai 3.4.2007 klo 13:25. Huumori, Koodaus.

Internet Explorerissa on sellainen kiva “ominaisuus”, että se joskus tallentaa webbisivuja välimuistiinsa, vaikka sivun otsikkotiedoissa nimenomaisesti se kielletään. Asetuksen voi tehdä laittamalla sivun head-osaan tagin <meta http-equiv="pragma" content="no-cache">.

IE ei kuitenkaan aina tottele meta-tagia, vaan laittaa sivun välimuistiin joka tapauksessa. Onneksi Microsoftilta löytyy ratkaisu ongelmaan: laitat vain sivun loppuun toisen head-osan!

(Täytyy huomauttaa, että dokumentti on vanha ja viittaa IE:n kolmos- ja nelosversioihin. Samat välimuistiongelmat kuitenkin jatkuvat yhä IE7:n kanssa.)

Ei kommentteja.

Joe Hewitt kertoo Firebugista

Keskiviikko 31.1.2007 klo 15:55. Koodaus.

Firebug on yksi hienoimmista webkehitystyökaluista, joita viime aikoina julkaistu. Se on Firefox-selaimen laajennus, joka lisää selaimeen muun muassa kunnolliset välineet HTML:n, DOM:n ja CSS:n tutkimiseen ja editoimiseen, JavaScript-debuggerin ja verkkoliikenteen monitoroinnin. Firebug on välttämätön työkalu varsinkin kaikille ajax-kehittäjille.

Yahoo! User Interface Blog on julkaissut videon, jossa Firebugin kehittäjä Joe Hewitt kertoo lisää sen ominaisuuksista. Video on melko pitkä, noin 48 minuuttia, mutta se on täyttä asiaa.

Ei kommentteja.

PHP-koodin etädebuggausta

Keskiviikko 24.1.2007 klo 10:00. Koodaus.

Debugger-sovelluksen käyttäminen on olennainen osa ohjelmistovirheiden etsintää. Debuggerin avulla ohjelman suorittaminen voidaan keskeyttää halutussa kohdassa (eli kohdassa johon on laitettu breakpoint), tutkia ohjelman sen hetkistä tilaa ja edetä koodissa askel kerrallaan. Mutta kun kyseessä on websovellus, jota käytetään erillisellä ohjelmalla eli www-selaimella, debuggaus on hankalampaa. Usein virheitä etsitään vain laittamalla koodiin komentoja, jotka printtaavat tietoja sovelluksen tilasta joko sivulle tai erilliseen lokiin. Etädebuggauksen (remote debugging) ansiosta myös websovelluksen voi keskeyttää ja käyttää hyväkseen debuggerin ominaisuuksia virheen etsinnässä.

Töissä olen kehittämässä Java-pohjaista websovellusta ja kehitysympäristönä on Eclipse. Ajan sovellusta lokaalisti omalla koneella Jetty-palvelimella, joka JettyLauncherin avulla nivoutuu osaksi Eclipseä. Sovelluksen voi käynnistää debug-tilassa suoraan Eclipsestä ja kun sivua ladatessa tulee vastaan breakpoint, Eclipse hyppää automaattisesti esiin ja näyttää koodirivin, johon pysähdyttiin.

Harrastusprojekteissa olen käyttänyt PHP:tä ja koodannut BBEditillä. Varsinkin isompien PHP-sovellusten kanssa BBEdit on alkanut tuntua liian köykäiseltä, koska siinä ei ole koodin ennakointia, debuggerista puhumattakaan. Lisäksi laajan koodimäärän hallinointi BBEditillä on vaikeaa, koska ainoa tapa löytää tiedosto, jossa jokin funktio on määritelty on tehdä haku kansion tiedostojen sisällöstä.

PHP:n kehityksestä osittain vastaava yritys Zend teki maaliskuussa yhteistyösopimuksen Eclipsen kanssa. Zend on mukana kehittämässä Eclipseen PDT-laajennusta (PHP Development Tool). Zend tarjoaa paketissa myös omaa Zend Debuggeria, mutta tietääkseni se ei tue etädebuggausta vaan ainoastaan PHP-skriptien ajamisen debug-tilassa Eclipsen sisällä. Se varmastikin riittää joissakin tilanteissa, mutta minä ainakin heti törmäsin ongelmiin MySQL-yhteyksien kanssa.

Onneksi vaihtoehtona on Xdebug, joka asennetaan laajennukseksi PHP:hen. John VanDykin ohjeilla Xdebugin asentaminen Intel-Maciin kävi helposti. Ohjeissa neuvotaan myös, kuinka Xdebug otetaan käyttöön Komodo-ohjelmointiympäristössä. Kokeilin Komodoa, mutta Eclipsestä poiketen se on maksullinen ja jostain kumman syystä se laittaa automaattisesti breakpointin jokaisen sivun alkuun. Komodon valmistajan blogissa kyseltiin miten ominaisuuden saa pois päältä, mutta kukaan ei ollut muutaman kuukauden aikana vastannut. Samoilla ohjeilla saa kuitenkin asennettua Xdebugin myös Eclipseä varten.

Eclipse ja PDT eivät virallisesti tue Xdebugia, mutta Dave Kelsey IBM:ltä on tehnyt PDT:tä varten tarvittavat muutokset ja laittanut tiedostot jakoon Eclipsen bugiraportointijärjestelmään. Vaikka koodi on tehty Windowsille, se tuntui pikatestauksella toimivan mainiosti myös Macilla.

Yritän kirjoittaa aiheesta lisää, kun olen käyttänyt Xdebugia ja PDT:tä vähän enemmän.

Ei kommentteja.

Safarin testiversioon kätevä mittaustoiminto

Maanantai 21.8.2006 klo 09:46. Apple ja Mac, Koodaus.

Apple jakaa Safari-selaimensa ytimenä olevan WebKitin päivittäistä (yöttäistä?) testiviersiota kaikille kiinnostuneille. Koska kyseessä on koodin viimeisin versio, ei kaikki aina toimi yhtä hyvin kuin julkaistussa Safari-versiossa. Siksi normaaliin päivittäiskäyttöön WebKitistä ei oikein ole.

WebKitissä tulee kuitenkin mukana ominaisuus, joka ehkä tulee joskus Safarin normaaliversioonkin. Web Inspector on työkalu, jolla voi tutkia www-sivun muodostavan html-koodin rakennetta. Web Inspector on ollut mukana jo jonkin aikaa, mutta nyt siihen on lisätty sivuelementtien mittaustoiminto. Sillä näkee jokaisen sivun elementin leveyden ja korkeuden sekä sisä- ja ulkomarginaalin koon (padding ja margin) ja kehysviivan (border) koon. [via Ajaxian]

Ei kommentteja.

Hiljaiseksi vetää

Keskiviikko 7.6.2006 klo 19:26. Huumori, Koodaus.

Niko näytti Diners Clubin kansainvälisen saitin, joka on niin vuotta 2000 ettei sanotuksi saa. Taulukkotaittoa, spacer-kuvia, font-tageja ja niin edelleen, mutta ainakin toimii pienellä ruudulla, kun leiska on mahdutettu 640 pikselin ruudulle.

Modernimpia tuotoksia listaa Joskun ja Kalamukin Harmaa lista.

Ei kommentteja.

Näytä vanhemmat kirjoitukset.