Nová verze monitoringu FVE

[mypower.cz]

Hoj, prepsal jsem komplet zdejsi API pro monitoring FVE, kresleni grafu a zalezitosti s tim souvisejici, taktez byla provedena rada optimalizaci z hlediska snizeni zateze serveru (snad to bude dobre fungovat - testovano v FF a v Chrome).

Screenshoty puvodni verze:





Screenshoty nove verze:





Vylepseni:

+ Ke stavajici podpore PNG pridana podpora pro SVG a SVGZ
+ Pridano www rozhrani ("helper") pro specifikaci konkretniho typu grafu.
+ Moznost posunout zobrazeni grafu zpet o X hodin / dnu / tydnu nebo mesicu v case zpet

Klikejte, uzivejte, co neni jasne, ptejte se, pokud nefunguje prosim o nahlaseni konkretniho problemu. Diky.

[Frenky]

Chytré a intuitivní ovládání, prostě všechno co mi v minulé verzi trochu chybělo. Všechna chvála. Konečně si můžu pořádně porovnat grafy z jednotlivých dni, proste parada. Ja jsem spokojen a dekuji moc za upravy.
a

[MareC3k]

Pekne pekne , urcite to chcelo vela casu a prace

[mypower.cz]

Pridal jsem jeste nejake varianty rozmeru grafu, napriklad uplne obrovsky detail meho posledniho testu vybijeni baterek
http://mypower.cz/cmsdata/graphs/fve-mypower/fvlog_fvlog~combined_5d_1280x1024_s2013-7-7.svgz

http://mypower.cz/cmsdata/graphs/fve-mypower/fvlog_fvlog~combined_5d_1280x1024_s2013-7-7.png

nebo rozmery vhodne pro forum:

Kód: Vybrat vše

http://mypower.cz/cmsdata/graphs/fve-mypower/fvlog_fvlog~combined_5d_700x200_s2013-7-7.png

vyssi:

Kód: Vybrat vše

http://mypower.cz/cmsdata/graphs/fve-mypower/fvlog_fvlog~combined_5d_700x400_s2013-7-7.png

Dalsi finty (kazdy den automaticka aktualizace):

Vykon dnes:

Kód: Vybrat vše

http://mypower.cz/cmsdata/graphs/fve-mypower/fvlog_fvlog~watts_1d_700x200_-0d.png

Vykon vcera:

Kód: Vybrat vše

http://mypower.cz/cmsdata/graphs/fve-mypower/fvlog_fvlog~watts_1d_700x200_-1d.png

Vykon predevcirem:

Kód: Vybrat vše

http://mypower.cz/cmsdata/graphs/fve-mypower/fvlog_fvlog~watts_1d_700x200_-2d.png

Pro snadnejsi pochopeni URL adres pro zobrazeni pozadovaneho grafu lze pouzit www rozhrani.

[mypower.cz]

hm, vsimam si, ze v nekterych prohlizecich se nezobrazuji grafy protoze proto Tak asi zatim se jeste vratim k PNG v prohlizeni grafu tady na mypower.cz, protoze rychlejsi oprava me ted nenapada. Ted to je udelane tak, ze se grafy zobrazovaly v SVG, coz v opere, chrome a FF18 jede. ve FF22 a iceweaselu nee Graf se zobrazi leda v novem okne ale ne tak jak by mel na hlavni strane mypower.cz. Co je ale skoda, je ten fakt, ze SVGz grafy jsou 2x mensi (z pohledu objemu stahnutych dat) nez grafy v PNG a SVG je mozne bez ztraty kvality zvetsit nebo kvalitne tisknout, coz PNG nejde protoze je to obrazek. No skoda no...

Pokud by byly nejake problemy se zobrazenim grafu, prosim hlasit a ja to ted co nevidet zmenim na PNG (misto SVG), aby grafy fungovaly vsude. Diky.

[střídač]

protoze rychlejsi oprava me ted nenapada.

Zjistit prohlížeč a podle toho poslat potřebný formát.

[mypower.cz]

protoze rychlejsi oprava me ted nenapada.

Zjistit prohlížeč a podle toho poslat potřebný formát.

Uvazoval jsem o tom podle headeru HTTP_ACCEPT, ale vzhledem k tomu, co prohlizece posilaji, je to totalne nepouzitelne. Podle HTTP_USER_AGENT by byl docela zahul zjistit ktere verze se uraci laskave zobrazit SVG jako <IMG src="...">. Napriklad FF18 to zobrazi, FF22 ne. Pricemz nize uvedene prohlizece machruji podle headeru, ze zobrazi prakticky jakykoliv image/*, coz ve skutecnosti neni pravda.

Headery pri requestu odeslanem na server pres <img src="....">

Kód: Vybrat vše

HTTP_USER_AGENT Mozilla/5.0 (X11; Linux i686; rv:18.0) Gecko/20100101 Firefox/18.0
HTTP_ACCEPT image/png,image/*;q=0.8,*/*;q=0.5

HTTP_USER_AGENT Mozilla/5.0 (X11; Linux i686) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.43 Safari/537.31
HTTP_ACCEPT */*

HTTP_USER_AGENT Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.16) Gecko/20121207 Iceweasel/3.5.16 (like Firefox/3.5.16)
HTTP_ACCEPT image/png,image/*;q=0.8,*/*;q=0.5

HTTP_USER_AGENT Mozilla/5.0 (X11; Linux i686; rv:22.0) Gecko/20100101 Firefox/22.0
HTTP_ACCEPT image/png,image/*;q=0.8,*/*;q=0.5

Headery pri standardnim requestu odeslanem zadanim adresy do adresniho radku:

Kód: Vybrat vše

HTTP_USER_AGENT Mozilla/5.0 (X11; Linux i686; rv:18.0) Gecko/20100101 Firefox/18.0
HTTP_ACCEPT text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 </td></tr>

HTTP_USER_AGENT Mozilla/5.0 (X11; Linux i686) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.43 Safari/537.31
HTTP_ACCEPT text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 </td></tr>

HTTP_USER_AGENT Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.16) Gecko/20121207 Iceweasel/3.5.16 (like Firefox/3.5.16)
HTTP_ACCEPT text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8

HTTP_USER_AGENT Mozilla/5.0 (X11; Linux i686; rv:22.0) Gecko/20100101 Firefox/22.0
HTTP_ACCEPT text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8

Headerem HTTP_ACCEPT na sebe prohlizec prozradi, co je schopen zpracovat. Vsechny vyse uvedene prohlizece o sobe tvrdi ze umi PNG (image/png) a prakticky jakykoliv format (image/*), coz proste neni pravda a tohle je odflaklost vyvojaru dotycnych prohlizecu a dost me to s**** a nenadelam nic, nez to nejak obejit (pouziti <iframe>, <object>, PNG).

SVG ma mime type: image/svg+xml, coz znamena ze FF proste lze kdyz tvrdi ze zobrazi image/* a vyvojari ve vyse uvedene diskuzi jsou uplne mimo kdyz tvrdi, ze SVG je od jisteho okamziku (kdy si kterysi vyvojar usmyslel) chapano jako dokument, nikoliv jako image.

We treat SVG as documents, not images.

Hnuj totalni .

[Pan Taum]

Tak jednoduše diskriminuj jakoukoliv verzi firefoxu zasláním png. Všem ostatním slušným prohlížečům můžeš servírovat SVG.

[mypower.cz]

Uvazoval jsem i o tom, ze by si uzivatel sam vybral. Otazka co dat jako default. Jestli SVG a timpadem by hlaska byla NEZOBRAZUJI SE VAM GRAFY ? PREJIT NA PNG. Nebo jako default dat PNG a nabidnout hlasku: RYCHLEJSI STAHOVANI A HEZKY ZOOM GRAFU? PREJIT NA SVG. Nejlepsi by samozrejme bylo, kdyby se mi povedlo to zdetekovat, jestli ten SVG je skutecne videt nebo ne a prepnout na vhodny format automaticky. V upgrade, ktery probehne snad uz dnes v noci (chystam jeste vyhledavani v produktech na shopu a noveho dodavatele produktu v shopu), bude defaultne zobrazovan PNG ale SVG bude mozno stahnout/zobrazit zmenou .png na .svg nebo .svgz na konci URL adresy grafu, takze funkcnost SVG zustava zachovana.