Uuden NWN-version Beta on julkaistu ;D
Tällä kertaa toimii testialustana Jussan Saratoga-template (ne kun ovat yleensä aiheuttanut eniten hiusten harmaantumista;)), http://posioweather.net/wxnwn.php
Uusi versio on ollut kehtteillä jo varmaan useamman kuukauden ja toiminnassakin kuukauden päivät ja viime viikot lähinnä etsitty bugeja ja hienosäätöä. ;)
Uutta:
Katsotaanpas muistanko kaiken ;)
- sääennusteet
* Mikäli on WXSIM käytössä saa sen ennusteen näkyville laittamalla urlin plaintext.txt:iin jäsenalueella
* Pidempi yr.no-ennuste
- Jäsenalue
* ennen tätä päivää liitetyt asemat täytyy asettaa säköpostiosoitteen ja salasanan jotta pääsee kirjaantumaan sisälle. Tämä tapahtuu kirjatumis-sivun alaosassa. Läheettää sähköpostivahvistuksen jonka linkkiä pitää klikata. (Molemmat ovat tallennettuna suolattuna ja hashattuna ;))
* Voi säätää mm. urleja ja sijantia (jonka voi napata tooltip-kartalta)
* Voi laittaa "oman tekstin" (max 160 merkkiä) joka näkyy tietojen yhteydessä sekä ohittaa nwn:än säätila-ikonin. Ovat voimassa noin 1 tunnin.
* Lumensyvyys :)
- Jäseneksi ilman asemaa
* Voi liittyä jäseneksi myös ilman asemaa, ja liittää aseman myöhemmin.
* tällöin voi laittaa lämpötilan, "oman tekstin" ja ikonin.
* Näkyy vain kartalla
- Liittyminen
* Liittyminen automatisoitu siten että edelleenkin vaatii meikäläisen tarkistuksen mutta tiedot menee suoraan kantaan.
* Sijannin voi napata kartalta
* sähköpostiosoitteen vahvistus
- Uusi rakenne
* Suosikkiasema saanut oman laatikon joka näkyy sivun yläreunassa
* kartta, taulukot, info ja jäsenalue tabeissa eikä peräkanaa.
* kamera- ja tutkakuvat näkyy isona kun vie hiiren pikkukuvan/kartta-sanan päälle
* Isot käppyrät löytyy taulukon yhteydessä integroituna sekä suosikkiaseman laatikossa.
* "Skaalautuu" sivun leveyden mukaan. Jos kapea sivurakenne (kuten narrow Saratoga) katoaa joitain tietoja näkyvistä kuten kastepiste taulukosta. Maaginen raja on siinä 750px hujakoilla. Sivua rakentaessa olen käyttänyt testeissä 800px ja 650px leveyksiä.
- Muuta
* kamerakuvien, tutkakuvien ja plaintext.txt:in URLit piilotettu eikä niitä saa irti datatiedostosta yksinkeratisesti koska niitä ei siellä ole ;)
* Tuki Balttian maille (Viro,Latvia,Liettua)
* Oman tekstin ja ikonin voi päivittää myös mobiilisivulta n.nordicweather.net
;D
EDITTIÄ: Pikkasen muokattu listaa ;)
No perhana... ;D
Kyllä on hienon näköinen kokonaisuus!
Tämä saa FinWX:n näyttämään FMI:n www-sivujen alkukauden sisällöltä, kun ajankäyttö on ollut vähän sitä sun tätä töiden ohella.
Kunhan sitä aikaa alkaa taas riittämään muuhunkin, kuin vain tämän talon kanssa näpertelyyn, niin FinWX:n 4-version työstöt aloitetaan. Ruutupaperilla on pirunmoinen määrä ranskalaisia viivoja - ideoita, joita yrittää toteuttaa olemassaolevilla koodauskyvyilläni. :)
LainaaRuutupaperilla on pirunmoinen määrä ranskalaisia viivoja - ideoita
En mä sellaisia käyttänyt. Tuo kasvoi sitä mukaan kun rakenteli ;)
Lähtökohtana oli "iso kartta takaisin", parempi Google-purettavuus (eli ajaxit taulukoiden osalta roskiin), ja "jotain sille että kaikki oli peräkanaa listattuna" ;)
Tuloksena, html-koodin pituus jota se puskee ulos on reilut 8000 riviä ;D ::) :P
Siellä on jotain pikku bugeja vielä (lähinnä kosmeettisia jotka ei vaikuta itse toimivuuteen mutta esim se ei validoi saratogan templatessa koska valideerasin sitä HTML5:ään)
Itsekään ei ole enää tullut ruutupaperia käytettyä, mutta aivan alkuun ennen kuin koko sivustoa oli edes pystyssä, hahmottelin siihen sitä minkälaiseksi sivuston halusin :). Enää mulla on muutamat lisäuudistukset listattuna paperille, jotta varmasti muistaa sitten myöhemminkin. Esim. uusi etusivu on ollut mietinnässä jo pidemmän aikaa ja tiedän jo aika tarkalleen mitä siihen haluan, mutta ei ole vielä tullut aloitettua tekemään sitä.
Mutta kuten jo aikaisemminkin weatherc:ille sanoin, on tämä uusin NWN mielestäni paras kaikista versioista. Siihen on saatu iso kartta kätevästi käyttöön niin, että ominaisuudet ovat silti kasvaneet. Edellisessä versiossa oli puolestaan ongelmana liian pieni kartta ja ehkä osaksi sen takia ei tullut itse siirryttyä siihen, mutta tähän tulee kyllä varmasti ;D
Nyt on omakin beta-sivu pystyssä:
http://www.nordicweather.net/nwn2.php?fi
;D
Lainaus käyttäjältä: weatherc - tiistai, 22.11.2011, 21:53
Nyt on omakin beta-sivu pystyssä:
http://www.nordicweather.net/nwn2.php?fi
Käväisin katsomassa, minkälainen sivukokonaisuus tuo on ja Beta-sivun yläosaan pukkasi parit warningit:
Warning: in_array() expects parameter 2 to be array, null given in /var/www/vhosts/nordicweather.net/httpdocs/nwn6b/nwn.main.php on line 164
Warning: in_array() expects parameter 2 to be array, null given in /var/www/vhosts/nordicweather.net/httpdocs/nwn6b/nwn.main.php on line 164
Muutoin sivusto on ihan täyttä timanttia: Latautuu nopeasti ja toimii täysin ongelmitta Pale Moon:lla.
Yes iso kartta on tosi hyvä. Ainut mitä itse ehkä kaipaisin oli tuohon karttapohjaan olisi tuulen suunnat nuolilla. Siitä olis helppo seurata (ala)ilmavirtauksia.
LainaaKäväisin katsomassa, minkälainen sivukokonaisuus tuo on ja Beta-sivun yläosaan pukkasi parit warningit:
Oliko samaan aikaan näkösällä sellainen kellertävä boxi sivun yläreunassa jossa vain 1 yksi asema?
Ainakin tuo rivi viittaisi siihen ja että se puskee tuota kun arrayssä vain 1 data (mulla error-raportointi päällä sillä sivulla mitä muilla sivuilla ei ole)
LainaaYes iso kartta on tosi hyvä. Ainut mitä itse ehkä kaipaisin oli tuohon karttapohjaan olisi tuulen suunnat nuolilla.
Ei muuten pöllömpi idea :)
Äkkiä nuo tuulen numerot "tuuli"-vaihtoehdossa vaihtaa nuoliksi kunhan ensin löydän jostain sopivat nuolet ;)
Lainaus käyttäjältä: weatherc - keskiviikko, 23.11.2011, 15:12
LainaaKäväisin katsomassa, minkälainen sivukokonaisuus tuo on ja Beta-sivun yläosaan pukkasi parit warningit:
Oliko samaan aikaan näkösällä sellainen kellertävä boxi sivun yläreunassa jossa vain 1 yksi asema?
Ainakin tuo rivi viittaisi siihen ja että se puskee tuota kun arrayssä vain 1 data (mulla error-raportointi päällä sillä sivulla mitä muilla sivuilla ei ole)
LainaaYes iso kartta on tosi hyvä. Ainut mitä itse ehkä kaipaisin oli tuohon karttapohjaan olisi tuulen suunnat nuolilla.
Ei muuten pöllömpi idea :)
Äkkiä nuo tuulen numerot "tuuli"-vaihtoehdossa vaihtaa nuoliksi kunhan ensin löydän jostain sopivat nuolet ;)
Jos sulla on jossain unix/linux missä imagemagick ni onnistuu helposti pienellä shelliscriptillä, mulla saattais itseasiassa olla vielä se minkä tein tallessa jossain. Sille siis annettiin kuva jota se sit käänsi 360 astetta asteen välein.
Hyvältä näyttää. Iso kartta on hyvä ja samoin tykkään tuosta välilehti tyylistä, missä voi itse valita joko asemat tai toplistat yms.
LainaaJos sulla on jossain unix/linux missä imagemagick ni onnistuu helposti pienellä shelliscriptillä, mulla saattais itseasiassa olla vielä se minkä tein tallessa jossain. Sille siis annettiin kuva jota se sit käänsi 360 astetta asteen välein.
Purkilla saksanmaalla (eli dedillä ;)) on Imagick asennettuna, joten pistä postiin jos löydät sen ;D
EDITTIÄ: Suurin ongelmahan on se itse sopivan ikonin löytäminen tuohon. Noista jota löytyy omasta arkistosta ei taida oikeen sopia kartalle.
LainaaRuutupaperilla on pirunmoinen määrä ranskalaisia viivoja - ideoita, joita yrittää toteuttaa olemassaolevilla koodauskyvyilläni.
Laiholle vielä vinkkinä, ei tuo NWN:än ulkoasun rakenne mitään rakettitiedettä ole, perustaulukkoa jossa ulkoasua pikkasen viilattu css:llä (esim. nuo varjostukset ovat silkkaa css:ää). Kaverina muutama jQuery-plugari ;D
Lainaus käyttäjältä: weatherc - keskiviikko, 23.11.2011, 16:29
LainaaJos sulla on jossain unix/linux missä imagemagick ni onnistuu helposti pienellä shelliscriptillä, mulla saattais itseasiassa olla vielä se minkä tein tallessa jossain. Sille siis annettiin kuva jota se sit käänsi 360 astetta asteen välein.
Purkilla saksanmaalla (eli dedillä ;)) on Imagick asennettuna, joten pistä postiin jos löydät sen ;D
EDITTIÄ: Suurin ongelmahan on se itse sopivan ikonin löytäminen tuohon. Noista jota löytyy omasta arkistosta ei taida oikeen sopia kartalle.
Laitetaan tähän jos vaikka joku muukin kaipaa.
for i in {1..359}; do convert -rotate $i 0.gif $i.gif; done
Eli olikin onelineri, löyty kuitenkin onneks bashin historiasta. Käyttö tosiaan komentoriviltä. 0.gif on se nollakulman nuoli, ja siitä kääntämällä tehdään loput 359. Jos haluaa käyttää jotain muuta formaattia niin lähtökuva vaan eri formaattiin ja muuttaa ton $i.gif vaikka $i.png:ksi, ainakin muistaakseni imagemagick osaa automaagisesti tehdä päätteen mukasen formaatin. Tiedostojen nimiksi tulee [aste].gif.
Jotain tämän tapaista? Kartta, "Tuuli"-vaihtoehto, näkyy sekä Posion että omalla sivulla, kannattaa painaa F5:sta muutaman kerran että hakee tuoreen js-filun.
Ikonit ovat suseja mutta ideana.
Nuo barburat jotka nyt kehissä vois olla jotain, niihin kun saa yhdistettyä myös nopeuden, näytillä olevat barburat ovat 15 m/s tuulelle. Aatos: tehdä niistä valkoiset että näkyisi paremmin.
No niin nyt näyttää tosi hyvälle. Vielä jos tosiaan värit menisi siten mitkä on tuulennopeusrajat niin sen mukaan vaihtuisi. Taitaa tulla muuten liikaa tietoa jos tuulennopeus numeroina on mukana tuossa samassa.
Juu, noissa barburoissa olisi se hyvä puoli että nopeuden sais näkyviin niiden "lippujen" avulla joka nuolen päässä. Paras olisi vielä jos löytäis vaalean väriset jostain valmiina.
Nyt uudet tuulinuolet kehissä jossa värikoodit ;D
Tämän hetken rajat ovat : vihreä 0-6, keltainen 6-12, oranssi 12-18, punainen 18-24 ja tummanpunainen yli 24 m/s (helposti muutettavissa adminskriptistä)
Oli aika simppeli tehdä kun kekkas sen ensin:
Ensin hain dafont.comista "pointers.ttf" fontin. Se purettuna Wamppiin.
Muokatulla versiolla mun "numeronteko"-phpskriptistä tein kuvan GD:llä jossa "A", ensin 17px kokoisena mustalla ja sitten 12px kokoisena värillä, yhteensä 5 kpl. Tuloksena 5 etelän suunnan nuolta.
Dumppasin ne dedille ja ajoin seuraavan pätkän SSH:ssa:
#!/bin/bash
arr=(S SSW SW WSW W WNW NW NNW N NNE NE ENE E ESE SE SSE);
for ((i=0; i<=16; ++i )) ;
do
pcs=22.5;
rot=$(echo "$i * 22.5" | bc)
for ((a=0; a<5; ++a )) ;
do
convert $a.png -channel rgba -matte -background transparent -rotate $rot ${arr[$i]}$a.png
done
done
Tuloksena kaikki 16 suuntaa viidellä värillä :)
Eipä näytä Imagick:kaan olevan se kaikkein tarkin välisuuntien kuvien kanssa, ovat hitusen sumpuraisimpia mitä S-W-N-E-suunnat ovat.
Ainankin Pale Moonissa/Firefoxissa näyttää olevan nyt uusi pikku ongelma, kun vaihtaa tuuliikoeihin niin kaikki ei näy mutta jos menee sateen kautta takaisin tuuleen niin näkyy.
Pitää kokeilla css-spriteä tuohon koska sain eilen vastauksen Nokia kartan foorumilla että pystyy käyttämään myös css-spriteä ikoneihin. Tämä olisi loistavaa koska silloin saisin http-requestit tiputettua aika lailla, jos pidetään Jussan posioweatherin sivua esimerkkinä niin tällä hetkellä niitä on noin 90 kun lataa nwn-sivun.
No niin, kartan ikonit käyttää siten css-spriteä ikoneihin :)
Tämän johdosta voi ensimmäinen lataus kestää hitusen kauemmin mutta toisaalta kun spritet löytyvät selaimen välimuistista on lataus huomattavastikkin nopeampaa myös sen takia että selain voi jatkaa muiden osien lataamisella nopeammin kun vaikkapa 20 eri ikonin sijaan se lataa 1 spriten (selain osaa ladata jotain 4 tiedostoa samaan aikaan samalta domainilta).
Samalla tippui esim-sivuni Posion http-requestit noin 90:stä 70:een.
hmm, hiukan sekaisen oloinen ???
jamo
edit: siellä oli vielä tuommoista:
Warning: in_array() expects parameter 2 to be array, null given in /var/www/vhosts/nordicweather.net/httpdocs/nwn6b/nwn.main.php on line 164
Warning: in_array() expects parameter 2 to be array, null given in /var/www/vhosts/nordicweather.net/httpdocs/nwn6b/nwn.main.php on line 164
Se on ominaisuus että voi itse valita sopivan ikonin luiskasta ;D ;D ;D
Ei maar, posion kartalla toimii hienosti täällä.
EDIT: Toimii myös omalla kartalla, olin unhottanut päivittää css-filun :P