FinWX Foorumi

FinWX-asemien tiedotteet => Länsi-Suomen lääni => Salo-36 => Aiheen aloitti: weatherc - sunnuntai, 14.03.2010, 12:25

Otsikko: Interaktiivinen sääaennuste
Kirjoitti: weatherc - sunnuntai, 14.03.2010, 12:25
Laitetaanpa omaan ketjuun..

Eli interaktiiviset sääennustekäyrät jossa voi valikoida mitä arvoa katselee ovat nyt kasassa täällä (http://www.nordicweather.net/index.php?sivu=47&lang=fi).  ;D

Data on samaa mitä GFS-meteogrammissa on.
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: Snowi - sunnuntai, 14.03.2010, 16:14
Pakko sanoa, että näyttää kyllä erittäin hyvältä  ;D
Otsikko: Vs: Interaktiivinen sääennuste OSA 2 (wxsim)
Kirjoitti: weatherc - sunnuntai, 14.03.2010, 16:33
No niih, jatkoa seuraa  ;D
Nyt datana wxsimin puskema latest.csv, testisivu täällä: http://www.nordicweather.net/test.php.

Eipä ollut kovinkaan vaikeaa konvertoida se latest.csv:lle. Sateet se näyttää 3 tunnin jaksoissa sekä (ainakin yrittää) päättää minkälaisesta sateesta kyse (vesi, räntä,lumi tai jäätävä) käyttäen sekä kastepistettä että latest.csv:ssä olevaia wxtype-arvoja. Kastepisteessä käytössä seuraavat rajat: < 0 = lumi, > 0 & < +1.8 räntä, > +1.8 vesi. rajat kotoisin ww-foorumilta, jossa joku ne löysi kun oli juttua sateen olomuodosta.

;D ;D

LainaaPakko sanoa, että näyttää kyllä erittäin hyvältä
Tuo jQueryn Flot-paketti on aika tehokas pakkaus kyllä täytyy sanoa.
Kun javascripti niin tulee pikkasen softimpaa viivaa kun esim JpGraphin viiva pukkaa olemaan aika "kovaa" + että siihen saa noita interaktiivisuuksia :)
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: Snowi - sunnuntai, 14.03.2010, 16:41
Aivan loistavaa työtä kyllä  :D

Tota sitten kun teen vähän isompaa remppaa sivuihin niin olisiko noita mahdollista saada myös Klaukkalan sääaseman sivuille jos mainitsen siinä alkuperäisen lähteen?
Tai sitten pitää kokeilla myös itse väsätä vastaavanlaisia, on nuo kyllä sen verran tyylikkäät ja kätevä tapa nähdä eri arvojen ennuste  ;D
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: weatherc - sunnuntai, 14.03.2010, 16:53
On se tulossa jakoon :)
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: weatherc - sunnuntai, 14.03.2010, 21:49
Nyt alkaa testikäppyrä wxsim-datasta olemaan aika kasassa, vielä pientä testausta eri latest.csv-filujen kanssa (mulla kolme eri, joissa ei säädöt) sekä muuta siivoamista ja sen sellaista...

Se poimii latest-filusta käytetyt yksiköt, sinänsä helppoa koska käppyrät säätävät itse itsensä arvojen mukaan. Vielä täytyy testata että värin vaihto lämpötilakäyrässä toimii myös F-asteilla.
Vielä jos sais sen itse tunnistamaan mikä on loginterval-asetus (sehän voi olla 6min -> 1 tunti) niin säästyis taas yksi asetus pois.
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: weatherc - tiistai, 16.03.2010, 22:31
Dodih, interaktiiviset käppryät ovat paketissa :)
Tuotosta voi ihmetellä wxsim-sivultani tuolta (http://www.nordicweather.net/index.php?sivu=40&lang=fi) ja siitä valitsemalla "Interaktiiviset käyrät"-välilehti.

Paketin voi ladata tuolta (http://www.nordicweather.net/wxsim2graph.zip).

Skripti osaa itse päättää mikä loginterval on WXSIMissä käytössä sekä mitkä yksiköt ovat käytössä.

Pikaohjeet:
- alkuun pääsee laittamalla polku latest.csv-filuun oikeaksi wxsim2graph.php:ssä ja tarkistamalla että polut <head>-osiossa test.php:ssä menee oikein. Sitten menee vain omasivu.com/test.php:lle ja käppyrät pitäisi näkyä, jollei niin tarkista polut uudestaan. ;)
- test.php on myös malli miten lisätä sörsselit omalle sivulle. head-osio <head>:iin ja body-osio <body>:yyn. Simppeliä.  ;D
- jquery.flot.comb.js sisältää Flot-paketin filut jota tarvitaan jossa olen kasannut tarvittavat yhteen. Se on sama mitä UAH-käyräkin käyttää jonka tein aikasemmin.
- jquery.wxsim2graph.js sisältää kaikki käyrien asetukset. Lisä infoa kaikista mahdollisista vaihtoehdoista löytyy Flotin API.txt-filusta jonka laitoin mukaan.
- wxsim2graph.php sisältää mm. arrayt nimikkeille ja päiville ja on se missä latest.csv parsitaan JSON-muotoon jotta Flot osaa käyttää sitä.  
Rivi jossa näkyy päivien nimet ovat normi html:ää ja ne pistetään myös kasaan täällä. Laittamalla <b></b> siihen (Rivi 191: $daystr) saa ne paksummaksi :)
Noin yleisesti niin tekstin koko ja väri määräytyy sivun yleisasetusten mukaisesti, toki siten että ovat aste pienemmät kun normikoko mikä käytössä.
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: Snowi - tiistai, 16.03.2010, 23:21
Aivan mahtavaa!  :D

Pitää huomenna kattoo vähän tarkemmin ja tuo näyttää sen verran helpolta asentaa, että voisi melkein asentaa tuon sitten saman tien  ;D
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: Snowi - keskiviikko, 17.03.2010, 18:30
En kerinnyt ladata tuota pakettia vielä ja nyt tuo linkki ei enää toimi. Onko se jollain toisella nimellä? Voisin nimittäin tänään itsekin asentaa tuon.

EDIT: Ei kun ei mitään, tuo linkki vain oli vähän hassu niin ei sen takia avautunut  :D, mutta sain sen nyt ladattua.
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: weatherc - keskiviikko, 17.03.2010, 18:40
Jep, fixasin tuon linkin, oli ylimääräinen http:// eksynyt siihen..
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: Snowi - keskiviikko, 17.03.2010, 18:56
No niin loistavasti toimii. Onko sulla muuten heittää tota suomenkielistä versiota?
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: weatherc - keskiviikko, 17.03.2010, 20:15
Tein muokkauksen omaa sivua varten näin:

if($lang == "en") {
$dayarray = array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
$namearray = array('Temperature','Dewpoint','Windchill','Heat Index','Precipitation','Pressure','Humidity','Rain','Snow','Sleet','Freezing rain','UV','Severe Index','Convection Index','Windspeed','Solar radiation');
$graphtxt = "Interactive graphs";
$cloudtxt = "Cloud cover";
} else if ($lang == "fi") {
$dayarray = array('Sunnuntai','Maanantai','Tiistai','Keskiviikko','Torstai','Perjantai','Lauantai');
$namearray = array('Lämpötila','Kastepiste','Hyytävyys','Tukaluus','Sade','Ilmanpaine','Kosteus','Sade','Lumisade','Räntäsade','Jäätävä sade','UV','Myrksyindeksi','Konvektiivinen indeksi','Tuulen nopeus','Auringon säteily');
$graphtxt = "Interaktiiviset käyrät";
$cloudtxt = "Pilvisyys";
} else {
$dayarray = array('Söndag','Måndag','Tisdag','Onsdag','Torsdag','Fredag','Lördag');
$namearray = array('Temperatur','Daggpunkt','Vindavkyl','Heat Index','Nederbörd','Lufttryck','Fuktighet','Regn','Snö','Snöblandat regn','Underkylt regn','UV','Storm index','Convection Index','Vindhastighet','Sol');
$graphtxt = "Interaktiva grafer";
$cloudtxt = "Molnighet";
}
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: Snowi - keskiviikko, 17.03.2010, 22:16
No niin nyt on nuo käyrät lisätty Sääasema Klaukkalankin sivuille  :D

Kiitoksia erittäin paljon kovasta uurastuksestasi, nimittäin tulee kyllä käyttöön noi käyrät, sen verran näppärästi tuosta näkee nuo ennusteet.
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: weatherc - keskiviikko, 17.03.2010, 22:41
Täytyy sanoa että ei sitä paljoa uurastusta tarvinnu tehdä, sen verran kätevät nuo Flotin käyrät kun pääsi jyvälle että miten toimivat. Kun yksi käyrä tehty niin muutamalla rivillä copy/pastea on seuraava kasassa ;)

Ja mitä parasta, niitä ei voi hotlinkata koska sitä ei ole edes olemassa (selain piirtää sen skriptin avulla) ;D
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: Snowi - sunnuntai, 28.03.2010, 19:46
Äsken huomasin, että käyrissä oli vähän ylimääräisiä viivoja  :D. Lämpötila- ja tuulikäyrissä näyttäisi ainoastaan olevan. Voit katsoa liittämästäni kuvasta miltä tuo näyttää.
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: Snowi - maanantai, 29.03.2010, 16:05
Onko mitään hajua mistä nämä viivat voisivat johtua? Liittyykö jotenkin tuohon kellojen siirtelyyn?
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: Snowi - maanantai, 29.03.2010, 21:28
Huomasin WW-foorumilla, että selvittelet asiaa.
Taas huomataan mitä kaikkea haittaa tuosta kellojen siirtelystä onkaan, mutta toivotaan että ongelma selvinnee tavalla taikka toisella  ;)
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: weatherc - maanantai, 29.03.2010, 21:32
Juu, tai noh, mietin mitä sille tehdä. Mun fixaus NSDisplayn käyrille oli simppeli, en ole vielä kokeillut että toimisko se myös näissä. Er on siinä että NSLogin käyrät ovat 12-24 tunia kun nämä 3-7 päivää.
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: Snowi - torstai, 01.04.2010, 15:09
Nyt näyttää taas toimivan nämä käyrät normaalisti. Ilmeisesti korjaantuivat itsekseen kun kuukausi vaihtui.
Otsikko: Vs: Interaktiivinen sääaennuste
Kirjoitti: weatherc - torstai, 01.04.2010, 15:19
Lainaus käyttäjältä: Snowi - torstai, 01.04.2010, 15:09
Nyt näyttää taas toimivan nämä käyrät normaalisti. Ilmeisesti korjaantuivat itsekseen kun kuukausi vaihtui.

jep, ainakin kuun loppuun asti ;)