Päivästä päivään sovelluksen luokkakaavio

Kaavio on luotu seuraavilla komennoilla:

[Schedule{bg:green}]<>-*>[Match|+date;+time;+division;+field;+hteam;+vteam;+no;+refs;-serialized{bg:orange}]
[Match|+date;+time;+division;+field;+hteam;+vteam;+no;+refs;-serialized{bg:orange}]++-1..3>[Referee|+name{bg:yellow}]
[Referee|+name{bg:yellow}]^-[Cr|+name{bg:yellow}]
[Referee|+name{bg:yellow}]^-[Ar|+name{bg:yellow}]

Voit muokata luotua luokkakaaviota tästä.

Satakunnan piiri - Päivästä päivään hakukone

MUOKATTU 17.6.2010:

Sovelluksen suorituskykyä on parannettu ja vasteajat on saatu lyhennettyä toivotulle tasolle tallentamalla käyttäjäkohtaiset ottelutiedot sarjallistettuna oliona istuntomuuttujaan, josta haku käy nopeasti. Lisäksi otteluohjelmasta on käytössä paikallinen kopio, jota päivitetään ajastetusti, jolloin liikenne piirin suuntaan rajoittuu minimaaliseksi.

MUOKATTU 12.7.2010

Sovellukseen on lisätty mahdollisuus hakea usealla hakuparametrilla käyttäen OR-avainsanaa. Lisäksi sovellukseen on lisätty mahdollisuus lisätä ottelu klikkauksella Google Calendar -kalenteriohjelmaan.

HTML5 tuo Google Gearsin jo aiemmin esittelemät ominaisuudet selainten natiivisti tukemiksi ominaisuuksiksi. Google lopettaakin Gearsin kehittämisen ja keskittyy tukemaan uutta HTML5:sta.

Sovellus on siis selaimessa itsenäisesti toimiva tehtävälistasovellus, mutta aiemmasta Gears-toteutuksesta poiketen, käyttäjällä on nyt mahdollista luoda käyttäjätili, jonka jälkeen sovellus synkronoi tehtävät verkossa olevaan palveluun, joten samoja tehtävät ovat luettavissa ja muokattavissa muiltakin koneilta, kun selain on tukee kaikkia tarvittavia ominaisuuksia. Tällä hetkellä tuettuja ovat ainoastaan uusimmat Safari ja Google Chrome selaimet. Google Chromesta tarvitaan versio 5+, jota ei ole vielä kirjoitushetkellä saatavissa kaikille käyttöjärjestelmille. Kaikki tehtävät salataan automaattisesti jo selaimen tietokantaan lisättäessä AES:llä, joten selaimen tietokannassa ja verkkopalvelussa kaikki tehtävät ovat salatussa muodossa ja luettavissa ainoastaan käyttäjän salasanan avulla.

Käytetyt tekniikat ja ominaisuudet

• Sovelluksen rakenteessa käytettiin HTML5-standardin uusia tägejä.
• Sovelluksen käyttöliittymä ja kommunikointi sovelluksen palvelimella olevaan rajapintaan toteutettiin uusimmilla jQuery ja jQueryUI 1.8 JavaScript kirjastoilla. Kommunikointi selaimen ja palvelimen välillä toteutettiin JSON-tiedonsiirtomuodolla.
• Sovelluksen tietokantana selaimessa käytettiin HTML5:n localDatabase ominaisuutta, joka on Safarissa toteutettu ainoastaan asynkronisena.
• Sovelluksessa tietokantaan tallennettavien tehtävien salaamiseen käytettiin JavaScriptillä toteutettua AES-salauskirjasto.
• Selaimen internetyhteyden toimivuuden testaamiseen käytettiin JavaSriptin navigator.online funktiota.
• Sovelluksen verkkottoman tilan toiminnan mahdollistamiseksi sovelluksen tiedostot tallennettiiin selaimeen pysyvästä käyttäen HTML5:n uutta offlineStoragea.
• Istunnon hallinnassa evästeet korvattiin HTML5:n uudella sessionStorage-ominaisuudella.
• Lomakkeiden vihjeteksti toteutettiin HTML5:n uudella placeholder-parametrilla, jolla voidaan toteuttaa lomakkeen input kenttään vihjeteksti.
• Dialog-ikkunoiden osittain läpinäkyvä tausta toteuttiin CSS:n parametrilla -webkit-gradients.
• Taustakuvan skaalautuminen selainikkunan koon mukaan saatiin toteutettua CSS:n parametrilla -webkit-background.

Lisäksi käytössä on uusi Worker-ominaisuus, jolla voidaan ajaa osa sovelluksesta toisessa erillisessä säikeessä. Mitään varsinaista toimintoa Worker ei kuitenkaan tässä sovelluksessa tee. Workeristä voi lueskella lisää vaikka John Resigin blogista.

Lähdekoodit

Optimoimattomat lähdekoodit on luettavissa seuraavasti:

• index_full.html.txt
• gotsomestufftodo-1.o.js – sovelluksen luokat
• gotsomestufftodo.manifest – manifestitiedosto sovelluksen verkotonta käyttöä varten.

Sovelluksen käyttäminen

Sovellusta voi kokeilla osoitteessa www.jonkkari.com/gotsomestufftodo. Sovellus toimii ainoastaan Safarin ja Chromen uusimmilla selaimilla, sillä muissa selaimissa ei ole toteutettu vielä kaikkia tarvittavia ominaisuuksia. Mozilla Firefox selaimesta esimerkiksi puuttuu selaimen paikallinen tietokanta.

HTML5 tietokannan tietoturva

HTML5:n kuuluvan selaimen tietoturvan vaaroista löytyy mielenkiintoinen esitys ShmooCon 2010 konferenssin sivuilla osoitteessa www.shmoocon.org, josta F-Securen Mikko Hyppönen twiittasi aiemmin.

Isomäki 5km latukartta

Pori Isomäki 5km latukartta

Isomäki 5km latuprofiili

Pori Isomäki 5km latuprofiili

Mokkulan asentaminen Mac OS X:ään (Snow Leopard) onnistuu seuraavasti:

1. Lataa asennusmedia osoitteesta http://www.huaweidevice.com/worldwide/
   productFeatures.do?pinfoId=282&treeId=282&directoryId=2462#. Lataa Download-välilehdeltä Mac OS X -käyttöjärjestelmälle tarkoitettu asennusmedia, joka on kirjoitushetkellä nimetty seuraavasti:  E220 Client Software MACHOSTB023D01SP00C03. Asennusmedia on .iso-tiedostomuodossa, jonka saa mountattua hiiren tuplaklikkauksella.
2. Klikkaa asennusmedia auki ja suorita asennuspaketti Mobile_Connect_Drv_App.pkg, joka asentaa mokkulan ajurit sekä MobileConnect-ohjelman, jota ei kuitenkaan tarvita mokkulan käyttämiseen.



3. Siirrytään verkkoasetuksiin, jossa on nyt uutena optiona HUAWEI Mobile, jonka asetukset määritellään seuraavien kuvien mukaisesti, jonka jälkeen mokkula on käytettävissä.

Päivitetty 12.7.2010 – Huaweilta ladattavan asennusmedian sijainti oli vaihtunut.

“Uusi versio on keskittynyt tietoturvaan. Levyllä on mukana ohjelmia, joilla sekä koti- että yrityskäyttäjä voi helposti parantaa tietoturvaansa. Levyllä on myös mukana Turvallisuus-lehdessä julkaistuja oppaita, joissa neuvotaan tarkemmin, miten käyttää VALO-CD:llä olevia ohjelmia esimerkiksi tiedostojen salaamiseen tai salasanojen turvalliseen säilyttämiseen.” (Avoimuus lisää luotettavuutta: uusin VALO-CD keskittyy tietoturvaan, Tiedote 29.1.2010)

Lue lisää VALOsta ja lataa omat ohjelmasi osoitteesta http://www.valo-cd.fi.

Nokian kännyköihin on joskus tullut tehtyä alla näkyvä peli.

Suora linkki: http://www.jonkkari.com/wp-content/uploads/2010/02/Huojuvat-Laatat.swf

Aiheesta voi lukea lisää osoitteessa http://news.cnet.com/8301-13860_3-10426627-56.html.