tag:blogger.com,1999:blog-56557579814758731062024-03-16T07:57:50.616+01:00Co de asi ?Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.comBlogger156125tag:blogger.com,1999:blog-5655757981475873106.post-27800558139595782702021-01-31T19:28:00.003+01:002021-01-31T19:28:52.649+01:00Využití Google Cloud AI pro hledání správných odpovědí z televizní soutěže Kalendárium<p>Naprogramoval jsem aplikaci, která hledá (resp. spíš zná) správné odpovědi na soutěžní otázky z pořadu Kalendárium a to vše pomocí Google Cloud AI. Jde o několik integrací na API, část algoritmizace, vyhodnocení a shrnutí výsledků do jednoho emailu. Dnes vám popíšu jak jsem to udělal.</p><p>
<img height="300" src="https://docs.google.com/drawings/d/e/2PACX-1vTND4btdCIkMf3Mi5g16nutTiNI222nflZWDoyivQ5JRP60_hb4iRvAZiv21-NO_deN6lWkGRPy4WGL/pub?w=960&h=720" width="400" />
<br /></p><p>Mám rád pořad České televize <a href="https://www.ceskatelevize.cz/porady/1095927644-kalendarium/">Kalendárium</a>, který je vysílán pravidelně každou neděli dopoledne. Na konci každého dílu je zobrazena fotka znamé osoby, která slaví v daném týdnu výroči (včetně datumu narození a úmrtí). Soutěžící mají za úkol poznat o koho jde. A zde mě napadlo, zda by tato činnost nemohla být zautomatizována pomocí technologií.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-6PY6joCip08/YBb2oadOtRI/AAAAAAAC0JI/kDPBHDgZgQ8Dwyf7UUTCXiBoW_zQNzxbACLcBGAsYHQ/s480/export.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="480" data-original-width="360" height="320" src="https://1.bp.blogspot.com/-6PY6joCip08/YBb2oadOtRI/AAAAAAAC0JI/kDPBHDgZgQ8Dwyf7UUTCXiBoW_zQNzxbACLcBGAsYHQ/s320/export.gif" /></a></div><p><br /></p><p>Integraci na televizní vysílání jsem měl vymyšlenou dvěma způsoby, ale nakonec mi to ulehčilo práci zobrazování fotky na stránkách pořadu</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-vUxZOQ53ToE/YBbPM9Vy--I/AAAAAAAC0GU/FKiNV9LSjbMY2P3HyAqfBbAwH9kL6fVZQCLcBGAsYHQ/s752/ct_1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="565" data-original-width="752" src="https://1.bp.blogspot.com/-vUxZOQ53ToE/YBbPM9Vy--I/AAAAAAAC0GU/FKiNV9LSjbMY2P3HyAqfBbAwH9kL6fVZQCLcBGAsYHQ/s320/ct_1.png" width="320" /></a></div><p>Celou aplikaci jsem se rozhodl napsat v technologii <a href="https://developers.google.com/apps-script">Google Apps Script</a>, která nabízí online IDE editor, provoz aplikace v cloudu a možnost rychlého napojení na Google služby.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-XzkLdvZGYmQ/YBbQXeNd_NI/AAAAAAAC0Go/_DM1zXysJGEcNoIPLRxfpsnUnBt2ilVbwCLcBGAsYHQ/s1265/ct_3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="598" data-original-width="1265" height="302" src="https://1.bp.blogspot.com/-XzkLdvZGYmQ/YBbQXeNd_NI/AAAAAAAC0Go/_DM1zXysJGEcNoIPLRxfpsnUnBt2ilVbwCLcBGAsYHQ/w640-h302/ct_3.png" width="640" /></a></div><br /><p><br /></p><p>První krokem je načtení obrázku s danou osobou a rokem narození ze stránek pořadu České televize. <br />Pro snadnější parsování dat z HTML jsem si v Apps Scriptech vytvořil vlastní knihovnu, která toto zjednodušuje (viz můj článek <a href="https://www.kutil.org/2016/01/easy-data-scrapping-with-google-apps.html">Easy data scraping with Google Apps Script in 5 minutes</a>)</p><p><br /></p><p>Po zparsování HTML dostaneme URL adresu obrázku, na kterém je fotka a text:</p>
<script src="https://gist.github.com/codeas/b42cffac071f1a65bd80709a11caf9ce.js"></script>
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-iV7xVqvCmtQ/YBbPXLc0E4I/AAAAAAAC0GY/CaPGTqAQNmY-bpSOOFmodAGUtRYtYvq8wCLcBGAsYHQ/s1280/ct_2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="1280" src="https://1.bp.blogspot.com/-iV7xVqvCmtQ/YBbPXLc0E4I/AAAAAAAC0GY/CaPGTqAQNmY-bpSOOFmodAGUtRYtYvq8wCLcBGAsYHQ/s320/ct_2.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Rozpoznávání jsem rozdělil na dvě oblasti - analýza obrazu s detekcí textu a analýza obrazu s detekcí webu.. K obojímu využívám naučené modely Google v rámci Google Cloud Platformy dostupné přes API.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><h3 style="clear: both; text-align: left;">Analýza textu</h3><div class="separator" style="clear: both; text-align: left;">Pro první část využívám <a href="https://cloud.google.com/vision">Google Cloud Vision API</a> a jeho funkci <b>Text detection</b>. Ta umí v obrázku udělat OCR a najít viditelný text. Technicky stačí zavolatjeden request na REST API. </div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Takhle zhruba vypadá výsledek</div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-gEUJefiXVMQ/YBbTAdzPoQI/AAAAAAAC0G0/MvYzyVKWQqsjtpi_FTg2HLvupCkaLIO2QCLcBGAsYHQ/s873/ct_4.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="504" data-original-width="873" height="370" src="https://1.bp.blogspot.com/-gEUJefiXVMQ/YBbTAdzPoQI/AAAAAAAC0G0/MvYzyVKWQqsjtpi_FTg2HLvupCkaLIO2QCLcBGAsYHQ/w640-h370/ct_4.png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Nejdůležitější je text s datumem narození:</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"> <b>K d o t o b y l ? * 4 . 2 . 1 9 0 1 - * 1 0 . 1 2 . 1 9 8 7</b></div><div class="separator" style="clear: both; text-align: left;"><b><br /></b></div><div class="separator" style="clear: both; text-align: left;">Dalším krokem je prostý dotaz do Google s těmito datumy. Aby to nebylo tak jednoduché, tak Google neposkytuje API ke svému vyhledávači. Lze to obejít přes <b><a href="https://cse.google.com/">Google Custom Search Engine</a></b>. Ta vám poskytuje možnost naklikat si vlastní vyhledávač nad definovaným rozsahem internetu (tj. přidáte jaké stránky má a nemá prohledávat). Poté můžete své dotazy pokládat přes API</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-KXRE__-a6Yg/YBbT6PtNdKI/AAAAAAAC0G8/luNYu6wVJxQZLNJWdsDPlkZ1ehdkZqU6gCLcBGAsYHQ/s1255/ct_5.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="652" data-original-width="1255" height="332" src="https://1.bp.blogspot.com/-KXRE__-a6Yg/YBbT6PtNdKI/AAAAAAAC0G8/luNYu6wVJxQZLNJWdsDPlkZ1ehdkZqU6gCLcBGAsYHQ/w640-h332/ct_5.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Vyhledávání na Google jsem použil i v jiných projektech, tak jsem si připravil vlastní knihovnu <b>SearchApp</b> kam stačí dát pouze ID parameter vyhledávače Custom Search Engine a pak dále API klíč od Google.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-vmY99oaaE_4/YBbVIcw_S7I/AAAAAAAC0HI/jY4kJYB7J8osUAn-bLaXSSCgNFu9Gq6UwCLcBGAsYHQ/s775/ct_6.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="152" data-original-width="775" height="126" src="https://1.bp.blogspot.com/-vmY99oaaE_4/YBbVIcw_S7I/AAAAAAAC0HI/jY4kJYB7J8osUAn-bLaXSSCgNFu9Gq6UwCLcBGAsYHQ/w640-h126/ct_6.png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: left;">Takto vypadá výsledek v JSONu, kdy v poli items jsou jednotlivé výsledky vyhledávání. Zde je už jen algoritmus, který z <TITLE> stránky vytáhne text, resp. nejčastěji opakované jméno.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-zNMj6LBv8I8/YBbXwlQKmTI/AAAAAAAC0HU/CNjrctBXIhouReDuoxY9wVCZ44HTL-VgACLcBGAsYHQ/s1904/Screenshot%2B2021-01-31%2Bat%2B17.15.49.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="886" data-original-width="1904" height="298" src="https://1.bp.blogspot.com/-zNMj6LBv8I8/YBbXwlQKmTI/AAAAAAAC0HU/CNjrctBXIhouReDuoxY9wVCZ44HTL-VgACLcBGAsYHQ/w640-h298/Screenshot%2B2021-01-31%2Bat%2B17.15.49.png" width="640" /></a></div><br />Prvním kandidátem na správnou odpověď je <b>Jascha Heifetz.</b><div><b><br /></b></div><h3 style="text-align: left;"><b>Analýza obrazu</b></h3><div>Pro zvýšení přesnosti probíhá ještě čistá analýza obrazových dat. </div><div><br /></div><div>Nejdříve je potřeba obrázek oříznout, aby se použila pouze fotka s osobou. Pro ořezávání vypublikoval mikroslužbu (funkci) postavenou na nodejs s balíček <a href="https://www.npmjs.com/package/jimp">Jimp</a>. Tato funkce je nasazena v Google Cloud Functions a funguje jako jednoduché API (dostane obrázek - ořízne - vrátí obrázek)</div><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-2VAS-h0Gzco/YBbe0Rop-DI/AAAAAAAC0Hk/0r-Vz_LYFL4MHhQBLaznGesKQwC2qBBLQCLcBGAsYHQ/s1171/ct_8.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="595" data-original-width="1171" height="326" src="https://1.bp.blogspot.com/-2VAS-h0Gzco/YBbe0Rop-DI/AAAAAAAC0Hk/0r-Vz_LYFL4MHhQBLaznGesKQwC2qBBLQCLcBGAsYHQ/w640-h326/ct_8.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Takto oříznutou fotku pošlu na <a href="https://cloud.google.com/vision">Google Cloud Vision API</a>, ale tentokrát s příznakem "<b>WEB_DETECTION</b>". To mi vrátí zda se na internetu neobjevuje podobná fotka a zda Google už danou osobou nezná.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Výsledkem je opět JSON. </div><div class="separator" style="clear: both; text-align: left;">Z nalezených stránek s obrázkem (objekt <a href="https://cloud.google.com/vision/docs/reference/rest/v1/AnnotateImageResponse#WebPage">WebPage</a>) mě zajímá pouze jejich TITLE, který opět použiju jako vstupní zdroj. Opět pomocí algoritmus zpracuji jako jméno/text se vyskytuje nejčastěji.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-3GEONpPJgUE/YBbg3FoWq7I/AAAAAAAC0Hw/pMmVdA7j8xgMKWrsiVmjKYpZafCFf91zQCLcBGAsYHQ/s973/ct_9.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="129" data-original-width="973" height="84" src="https://1.bp.blogspot.com/-3GEONpPJgUE/YBbg3FoWq7I/AAAAAAAC0Hw/pMmVdA7j8xgMKWrsiVmjKYpZafCFf91zQCLcBGAsYHQ/w640-h84/ct_9.png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Dále umí Google vrátit tzv. <a href="https://cloud.google.com/vision/docs/reference/rest/v1/AnnotateImageResponse#WebEntity">WebEntity</a> objekt, který identifikuje osoby z <a href="https://support.google.com/knowledgepanel/answer/9787176?hl=en">Google Knowledge Graphu</a>. </div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-f3Ab2aU7l_M/YBbvAVIlbpI/AAAAAAAC0I8/bjANLqLGVBwcKQ5_JrfwqjEsMBps4dO-ACLcBGAsYHQ/s679/Google-Knowledge-Graph.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="220" data-original-width="679" height="208" src="https://1.bp.blogspot.com/-f3Ab2aU7l_M/YBbvAVIlbpI/AAAAAAAC0I8/bjANLqLGVBwcKQ5_JrfwqjEsMBps4dO-ACLcBGAsYHQ/w640-h208/Google-Knowledge-Graph.jpg" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">V příkladu vidíte, že největší skóre má osoba s identifikátorem <b>kg:/m/01tbm7</b></div></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-xx6hZOH0LqA/YBbhz-OXiCI/AAAAAAAC0IA/zxJsyt1rm-cYGlIPQdvvTSfK9Q6ogZgdACLcBGAsYHQ/s709/ct_10.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="83" data-original-width="709" height="74" src="https://1.bp.blogspot.com/-xx6hZOH0LqA/YBbhz-OXiCI/AAAAAAAC0IA/zxJsyt1rm-cYGlIPQdvvTSfK9Q6ogZgdACLcBGAsYHQ/w640-h74/ct_10.png" width="640" /></a></div><div><br /></div>Pro získání reálného jména jmen z nalezených idenitifkátorů jsem využil <b><a href="https://developers.google.com/knowledge-graph/reference/rest/v1">Google Knowledge Graph Search API </a></b><div><b><br /></b><div>Na JSON výsledků vidíte, že pod s <b>kg:/m/01tbm7 </b>se skrývá opět <b>Jascha Heifetz</b>,</div><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-TwiYgv2zdk0/YBbiEEzjzCI/AAAAAAAC0IQ/oUsozPQQyZsybwxb1W5ow4pXcNWQ5t8PgCLcBGAsYHQ/s980/ct_7.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="571" data-original-width="980" height="373" src="https://1.bp.blogspot.com/-TwiYgv2zdk0/YBbiEEzjzCI/AAAAAAAC0IQ/oUsozPQQyZsybwxb1W5ow4pXcNWQ5t8PgCLcBGAsYHQ/w640-h373/ct_7.png" width="640" /></a></div>A jsme u konce kdy zbývá jen sesbírat možné kandidaty. </div><div><br /></div><div>V tomto příkladě je vysoká pravděpodobnost, že na obrázku je "<b>Jascha Heifetz"</b>, což byl litevský houslista židovského původu.<br /><br />Aplikace napsaná v Google Apps Scriptu na můj email pošle odpověď, abych mohl před odesláním přeci jenom zkontrolovat, že se omylem nepošle třeba "undefined" :)<br /><br />Pro jednoduchost už mám připravenou šablonu textu a stačí v emailu kliknout na <b>Poslat Gmail</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-8qQ7jryoguw/YBbjSR_UG2I/AAAAAAAC0Ig/oLVdFCUNx6Q15OE0SX_t_tspZtt3uEd2gCLcBGAsYHQ/s1068/ct_11.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="580" data-original-width="1068" height="217" src="https://1.bp.blogspot.com/-8qQ7jryoguw/YBbjSR_UG2I/AAAAAAAC0Ig/oLVdFCUNx6Q15OE0SX_t_tspZtt3uEd2gCLcBGAsYHQ/w400-h217/ct_11.png" width="400" /></a></div><br /><div><br /></div><div>Pro shrnutí celý zautomatizovaný zabere v cloudu <b>cca 15 sekund,</b> plně autonomní protože je nastaven na spuštění každou neděli. <br /><div class="separator" style="clear: both; text-align: left;"><br />A takto soutěžím již delší dobu...</div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-wnguj4SnVOo/YBbkW3mcmSI/AAAAAAAC0Iw/cv9PbDQpz6EadXxHalqlLykJxXwu6glxgCLcBGAsYHQ/s1401/ct_12.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="727" data-original-width="1401" height="208" src="https://1.bp.blogspot.com/-wnguj4SnVOo/YBbkW3mcmSI/AAAAAAAC0Iw/cv9PbDQpz6EadXxHalqlLykJxXwu6glxgCLcBGAsYHQ/w400-h208/ct_12.png" width="400" /></a></div><br /><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Pokud jste dočetli až jsem (tak jsem rád!) a možná ptáte zda jsem vyhrál předplatné Epocha na celý rok :)</div><div class="separator" style="clear: both; text-align: left;">Moje odpověď je ne. </div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Kalendárium je oblíbené a vysílané v atraktivní čas, Očekávám že mají stovky až tisíce správných odpovědí každý týden od lidí, které baví dohledávat informace v encyklopediích a na internetu. Mě zas baví hledat zajímavé automatizace, nové možnosti integrace a využití Google v soukromém i pracovním životě. Celou ukázku tak berte spíš hlavně jako inspiraci jak lze využívat Google Cloud Platform, Google Apps Script, Knowledge Graph a další technologie.</div><div class="separator" style="clear: both; text-align: left;"><br /><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><br /></div></div>Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com2tag:blogger.com,1999:blog-5655757981475873106.post-31612134278733177842016-06-23T21:33:00.000+02:002016-06-23T21:47:01.908+02:00Nejpopulárnější písničky na Colours of Ostrava 2016 podle SpotifyPokud se chystáte na hudební festival<b> Colours of Ostrava,</b> tak už asi pomalu začínáte pokukovat po programu a seznamu interpretů. Pár kapel znáte, ale možná si říkáte co dalšího by vám nemělo uniknout. V tu chvíli si možná i postesknete, že chybí možnost poslechnout si nejlepší písničky od každého zpěváka. A toto trauma jsem vyřešil a sestavil jsem playlist <b>nejlepších písníček podle Spotify. </b><br />
<br />
Naprogramoval jsem skript, který mi našel na Spotify 3 nejpopulárnější písničky každého zpěváka a seřadil podle popularity písníček (číslo 0-100)<b> </b><br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="235" src="https://1.bp.blogspot.com/-8peCwX1sL70/V2w3gkYbxnI/AAAAAAABfn4/Y2uklztHjuYk2zLHEhXtFIi-XiTt2euogCLcB/s640/cof.jpg" width="640" /></div>
<b><br /></b>
<b><br /></b><br />
<h4>
<b>
Konečný seznam je dostupný níže nebo jako playlist <a href="https://www.youtube.com/playlist?list=PLh2Z-YCc4gpRkMcJjMgA36B0yHtRHY509">YouTube</a>: </b></h4>
<br />
<b><br /></b>
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/videoseries?list=PLh2Z-YCc4gpRkMcJjMgA36B0yHtRHY509" width="560"></iframe>
<br />
<br />
A jak jsem na to šel? Zde popíšu jen stručně v bodech a snad najdu čas rozepsat více na svém <a href="http://kutil.org/">anglickém blogu</a>.<br />
<br />
<blockquote class="tr_bq">
1) Vytvořil jsem si Google Apps Script projekt<br />
2) Vložil jsem do projektu svoji knihovnu na <a href="http://www.kutil.org/2016/01/easy-data-scrapping-with-google-apps.html">scraping dat</a>3) Našel jsem si jak se načítají účastníci do stránek <a href="https://www.colours.cz/">https://www.colours.cz/</a>4) Při requestu z Apps Scriptů jsem modifikoval Cookie, abych byl jako anglicky mluvící uživatel (kvůli budoucím screenshotům na blog)<br />
5) Stáhnul jsem si všechny interprety do Google Tabulky<br />
6) Našel jsem jak funguje Spotify API. Nejdříve dotaz na vyhledání zpěváka/skupiny a podle jeho ID nalezení nejlepších písníček (<a href="https://developer.spotify.com/web-api/console/get-artist-top-tracks/">https://developer.spotify.com/web-api/console/get-artist-top-tracks/</a>)<br />
7) Uložení TOP 3 písníček od každého zpěváka do Google Tabulky.<br />
8) Napojení na YouTube API a nalezení videa hledané písničky<br />
9) Uložení do speciálního playlistu</blockquote>
<br />
Co se týče dat, původně jsem plánoval napojit se na LAST.FM, ale tam mi data nepřijdou tolik relevantní protože to poslouchá cílovka geeků. Spotify je více rozšířeno mezi běžnými uživateli a lze očekávat zajímavější data. Navíc jsem si chtěl zkusit jejich API.<br />
<br />
Cca 24 kapel jsem nenašel (z celkových 124). Opravu a ruční hledání jsem nedělal, takže tam budou asi pouze známější.<br />
<br />Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com1tag:blogger.com,1999:blog-5655757981475873106.post-62535791210595531642015-09-18T21:54:00.001+02:002015-09-18T21:54:05.089+02:00Vizualizace nejvytíženějších poboček České spořitelny aneb víté kdy máte jít do banky?Rozhodl jsem se po dlouhé době pro několik věcí - napsat článek v češtině (občas bloguju anglicky na <a href="http://kutil.org/">http://kutil.org</a>), pohrát si daty a zkusit něco nového/netradičního (čti:<i> to co nikdo ještě nezkusil</i>)<b>. A tak jsem si naprogramoval robota, který zjišťuje kolik lidí je na pobočce v České spořitelně (ČSAS). </b>Výsledky najdete na konci článku.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-0eYSa_Qdv74/VfxRockO_WI/AAAAAAABNEE/UU1RIOpV490/s1600/csas_02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="http://1.bp.blogspot.com/-0eYSa_Qdv74/VfxRockO_WI/AAAAAAABNEE/UU1RIOpV490/s400/csas_02.png" width="400" /></a></div>
<br />
Když jsem poprvé viděl mobilní aplikaci <b><a href="http://www.csas.cz/banka/appmanager/portal/banka?_nfpb=true&_pageLabel=listkomat">Lístkomat </a></b>od České spořitelny, tak mě příjemně překvapilo o jak pokrokové řešení se jedná. Pro připomenutí: jde o bezplatnou aplikaci, pomocí které můžete virtuální objednat na pobočku, zjisti jak dlouho budete čekat a kolik lidí je před vámi.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-CljT0KQITBY/VfxQHRu8k0I/AAAAAAABND4/-L6xgyp4hIo/s1600/csas_01.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-CljT0KQITBY/VfxQHRu8k0I/AAAAAAABND4/-L6xgyp4hIo/s320/csas_01.jpeg" width="213" /></a></div>
<br />
<br />
Přemýšel jsem, zda by těchto dat a vztahů nešlo nějak využít.<br />
<br />
Po dlouhé době jsem se k myšlence vrátil a během krátké chvíle vytvořil prototyp. Pomocí reverzního inženýrství (= to jsou ti lidé s titulem gni.) jsem odchytil jaké HTTP requesty mobilní aplikace posílá.<br />
<br />
O to více byla zajímavá samotná implementace (=střeva, backend, server), protože na pozadí jde opravdu o tak dlouho avizované Web API, tj. REST URL s tokenem při zasláíní requestu a JSON na výstupu.<br />
<br />
Informace o pobočkách jsou např na URL adrese<br />
<b>http://csas.cz/webapi/api/v1//qmatic/branches/ID</b><br />
<br />
kde místo ID je číslo pobočky (20-780)<br />
<br />
Připojil jsem se a do Google Tabulky stáhnul všechny veřejné a dostupné informace o pobočkách.(white hat, neasi). Pak jsem si opět v Tabulkách pana Googla a pomocí <a href="http://script.google.com/">Google Apps Scriptů</a> (=když jsem ten <a href="https://developers.google.com/experts/people/ivan-kutil">Google Developer Expert</a>, howgh!) naprogramoval triggery/spouštěče, které se každých zhruba 10 minut připojí na toto API a zjisti kolik lidí je na dané pobočce.<br />
<br />
A celý tento zázrak jsem nechal běžet od 14.9 do {dnesni_datum}. Po prvním týdnu (= 5 dní) jsem měl cca 12 000 záznamů, které jsem měl jako řádky uložené stále v Google Tabulce. Nakonec jsem udělal kontigenční tabulku s agregací podle poboček a hodin.<br />
<br />
Výsledek? Největší nával je na Štefánikově (průměr 10 lidí ve frontě) s odstupem pak Vítězné náměstí (průměr 3 lidi) a Sokolovská (průměr 2 a půl člověka). Časově není překvapivé, že nejvíc lidí chodí na pobočku 15-17h. Podrobná data najdete <a href="https://docs.google.com/spreadsheets/d/1j5kb4ElBU0h0Hxw9WLtVuZVD8bO7qgtl3awC6ajSctw/pubhtml?gid=660638713&single=true">najdete zde</a> nebo jako embed níže.<br />
<br />
<iframe height="600px" src="https://docs.google.com/spreadsheets/d/1j5kb4ElBU0h0Hxw9WLtVuZVD8bO7qgtl3awC6ajSctw/pubhtml?gid=660638713&single=true&widget=true&headers=false" width="450px"></iframe>
<br />
<br />
<br />
<br />
<br />Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-59863667013199333562014-10-18T13:40:00.001+02:002014-10-18T13:47:53.695+02:00Signal Festival 2014 - pořadí nejlepších instalací podle hodnocení návštěvníkůJiž dva dny probíhá v Praze <a href="http://www.signalfestival.com/2014/">Signal Festival</a>, který přináší do veřejného prostoru světelné, vizuální a další umělecké artefakty až díla. Možná máte málo času nebo chcete projít jenom ty nezajímavější, tak pro tyto případy jsem udělal tabulku shrnující co se nejvíce líbilo uživatelů z oficiálních stránek.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://55bc3e38d2c85aaf7463a7e39df9b7c3b42842d5.googledrive.com/host/0B4ASlrYNXXdveVI2ekVScC1MOTg/signal2014.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://55bc3e38d2c85aaf7463a7e39df9b7c3b42842d5.googledrive.com/host/0B4ASlrYNXXdveVI2ekVScC1MOTg/signal2014.jpeg" width="320" /></a></div>
<div style="text-align: center;">
(Foto by moje müllovaná <a href="http://twitter.com/mullerovah">@mullerovah</a>)</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Na každé stránce máte hlasovací tlačítko "To se mi líbí" (neplést s Facebookem - má jen stejný název), pomocí něhož může kdokoliv hlasovat. To je docela zajímavá metrika. Vytvořil jsem tedy Google Tabulku a toto hodnocení načítám v reálném čase a zobrazuji od nejpopulárnějšího. Takže hurá na festival v sobotu a neděli od 19h. Je zdarma! A je skvělý!<br />
<br />
<br />
<iframe height="600px" src="https://docs.google.com/spreadsheets/d/1BhUs6AMgJZhYksWyIznMaTAgrwd6kIYaoQ8urphyeH4/pubhtml?gid=0&single=true&widget=true&headers=false" width="395px"></iframe>Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-30349726330859920872014-04-02T00:11:00.000+02:002016-04-18T23:05:09.905+02:00Žebříček nejlépe hodnocených filmů z Febiofestu 2014Sestavil jsem žebříček nejlepších filmů z letošního filmového festivalu Febiofest.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-THqhLfv4X10/VxVL-upEK7I/AAAAAAABca4/TgzDF2ozSlg-kVhHsodkhsSJiQmoCLEkQCLcB/s1600/febiofest2014.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="112" src="https://1.bp.blogspot.com/-THqhLfv4X10/VxVL-upEK7I/AAAAAAABca4/TgzDF2ozSlg-kVhHsodkhsSJiQmoCLEkQCLcB/s200/febiofest2014.png" width="200" /></a></div>
<br />
Opět jsem využil svoji oblíbenou kombinaci Google Apps Script + Google Spreadsheet. Stáhnul jsem z webu seznam filmů, dotáhl jsem referenci na ČSFD a stáhnul číselné ohodnocení.<br />
<br />
Pak zbývalo jen seřadit<br />
<br />
<iframe frameborder="0" height="600" src="https://docs.google.com/spreadsheet/pub?key=0AoASlrYNXXdvdFRqM0Rablp2cEQxc1hDaHczaHRob2c&single=true&gid=2&output=html&widget=true" width="500"></iframe>Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-13012719644577400572013-12-27T17:53:00.000+01:002013-12-28T10:49:55.100+01:00Moje cesta do Google v Mountain View aneb výlet do Ameriky a zase zpětPokud mě sledujete na sociálních sítích (<a href="http://twitter.com/codeas">Twitter</a>,<a href="http://www.blogger.com/"><span id="goog_1283688465"></span> Google Plus<span id="goog_1283688466"></span></a>), tak jste možná zaznamenali, že jsem byl koncem listopadu 2013 pozván Googlem (děkuji!) do Ameriky na summit. Rozhodl jsem se sepsat (opožděně, ale přeci!) článek jak jsem se tam dostal, co mne zaujalo a další zajímavosti.<br />
<br />
<div style="text-align: center;">
<iframe allowtransparency="true" frameborder="0" height="510" scrolling="no" src="//instagram.com/p/g4Z_Pomh4H/embed/" width="412"></iframe>
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<span style="font-size: large;">Jak jsem se tam dostal?</span><br />
Začátkem listopadu mě oslovil Developer Advocate z newyorského Google, zda se nechci stát <a href="https://developers.google.com/experts/">Google Developer Expertem</a>. S vřískajícím zvukem jsem souhlasil, poslal jsem referenční projekty (třeba <a href="http://psmka.com/">PSMKA.com</a> využívající Drive Realtime API), čekal, dostal doporučení od Filip Hráčka (díky!), čekal, absolvoval půlhodinový pohovor a čekal. Google takhle "odměňuje" vybrané vývojaře, kteří prokážou odborné znalosti a schopnost srozumitelně prezentovat na veřejnosti. V tuto chvíli je do programu zapojeno celosvětově cca 70 lidí z toho 3 z České republiky a já jsem mezi nimi. Součásti programu je i pozvánka na kompletně hrazený summit, jehož letošní druhý ročník se konal v centrále Google.<br />
<br />
<br />
<span style="font-size: large;">Základní informace</span><br />
Google Summit byl dva dny (pondělí a úterý) a hotel jsem měl zabookovaný celkem na tři noci. Abych si San Francisco užil, tak jsem letěl o den dříve a den později. Tyto dny jsem strávil přímo v SFO díky službě <a href="http://airbnb.com/">Airbnb </a>docela levně (1 000-1 500Kč za noc). Odlétal jsem z Prahy v sobotu ráno (7h) a přiletěl v sobotu odpoledne (13h SFO času, našeho ale 22h). Neděli a středu jsem měl naplánovaou na prohlídku SFO/muzea a přesun do/z Mountain View (cca 2h cesty vlakem). Vracel jsem se do Prahy ve čtvrtek ráno, tak abych přiletěl v pátek dopoledne. A v sobotu přednáška na Devfest - krásně to vyšlo. Celkem jsem tedy strávil v USA méně jak týden.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-PMUWzq2Br3w/Uo9rKuyYk8I/AAAAAAAANUY/1LGyuIY7Ono/s1600/SAM_1182.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="240" src="http://2.bp.blogspot.com/-PMUWzq2Br3w/Uo9rKuyYk8I/AAAAAAAANUY/1LGyuIY7Ono/s320/SAM_1182.JPG" width="320" /></a></div>
<br />
<br />
<div>
<br />
<div>
<span style="font-size: large;">Cesta do USA</span><br />
<div>
Protože se jednalo o moji první cestu do USA a letěl jsem sám, tak z dost věcí jsem měl obavu. Nakonec jsem letenku měl koupenou, takže bylo nutné zajistit online krátkodobé povolení, sbalit kufr a sebrat kus odvahy. Z pražského letiště jsem odlétal v sedm hodin ráno. Nakonec jsem měl jsem jeden přestup na velkém letišti v Paříží, kde jsem nakonec stihnul (#bylytonervy) přejet ke správného terminálu. Tam na nás již čekalo letadlo AirFrance. Cesta do USA trvala 9h, během níž jsem koukal na filmy, zkoušel usnout a přemýšlet.<br />
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-DRWld27_ZWk/Uoig-aN3jBI/AAAAAAAAKeI/EZ-tjBn6Qfg/s1600/IMG_20131116_221301.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://2.bp.blogspot.com/-DRWld27_ZWk/Uoig-aN3jBI/AAAAAAAAKeI/EZ-tjBn6Qfg/s320/IMG_20131116_221301.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Sobota, 10h, Paříž</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/--KfNZl0JQM0/UoihQDhSCHI/AAAAAAAAKfI/d52SzKgIQAs/s1600/IMG_20131116_231247.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://3.bp.blogspot.com/--KfNZl0JQM0/UoihQDhSCHI/AAAAAAAAKfI/d52SzKgIQAs/s320/IMG_20131116_231247.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Vítejte na letišti SFO</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://4.bp.blogspot.com/-F4iNhNsvIcU/Uo9ofofMxLI/AAAAAAAALnA/Vq5k5s_Nt3s/s1600/SAM_1129.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="240" src="http://4.bp.blogspot.com/-F4iNhNsvIcU/Uo9ofofMxLI/AAAAAAAALnA/Vq5k5s_Nt3s/s320/SAM_1129.JPG" width="320" /></a></div>
<div style="text-align: center;">
Přesun z letiště do SFO pomoci BART (=venkovní metro)</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-U-6xJ0gJQNg/UoihUN7XUiI/AAAAAAAAKfg/Gxb18jE_Sug/s1600/IMG_20131116_232306.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://4.bp.blogspot.com/-U-6xJ0gJQNg/UoihUN7XUiI/AAAAAAAAKfg/Gxb18jE_Sug/s320/IMG_20131116_232306.jpg" width="320" /></a></div>
<div style="text-align: center;">
První pocit - wow jsem v USA!!</div>
<span style="font-size: large;">První dny USA</span><br />
Po příletu na letiště jsem se šel ubytovat a prohlídnout si město. Moc se mi líbilo centrum a hlavně obrovské budovy. Čekal jsem že něco podobného bude jen v New Yorku. Protože jsem byl několik hodin na cestě, tak jsem prošel jen okolí centra, zašel na <i>pořádný burger </i>asi tak s kilem ledu v pití. Na ulicích se běžně pohybovali bezdomovci s obrovskými nákupními vozíky nebo koberci kolem těla - přesně jak ze <i>Smrtonostné pasti nebo zbraně.</i><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-9NIdRieQui8/UoihYOqBQ_I/AAAAAAAAKf4/bBEFuL2kBPU/s1600/IMG_20131117_002318.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-9NIdRieQui8/UoihYOqBQ_I/AAAAAAAAKf4/bBEFuL2kBPU/s320/IMG_20131117_002318.jpg" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Vysoké budovy mě překvapily.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowtransparency="true" frameborder="0" height="510" scrolling="no" src="//instagram.com/p/gy2YagGhxi/embed/" width="412"></iframe>
</div>
<div class="separator" style="clear: both; text-align: center;">
Takhle jdete po ulici a před obchodem s kloubouky hrajou jazz</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-9uNdutNolNo/Uo9omL5g5dI/AAAAAAAALnw/U0ro1WNjc0A/s1600/SAM_1132.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-9uNdutNolNo/Uo9omL5g5dI/AAAAAAAALnw/U0ro1WNjc0A/s320/SAM_1132.JPG" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Typicke uličky ze SF si pamatuji od 15let ze hry Driver</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
V neděli jsem stával co nejdříve, abych stihnul projít co nejvíce věci. Již v Praze jsem si naplánoval, co bych chtěl vidět/stihntou. Nemohl jsem vynechat muzeum Walta Disneyho a vidět na vlastní oči Golden Gate (dětský sen splněn, check). Co mě překvapilo byla celková vzdálenost všech míst - co na Google Mapě vypadá na 10min cesty pěšky, bylo ve skutečnosti skoro 30min. Takže jsem pro přesun začal používat autobusy a místní populární lanovkou/vozovou tramvaj</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://3.bp.blogspot.com/-MdyRcq-2Cc4/UomWpYendBI/AAAAAAAAKn8/w2okoBmKkTk/s1600/IMG_20131117_110429.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="240" src="http://3.bp.blogspot.com/-MdyRcq-2Cc4/UomWpYendBI/AAAAAAAAKn8/w2okoBmKkTk/s320/IMG_20131117_110429.jpg" width="320" /></a><a href="http://4.bp.blogspot.com/-oGYg1Fiu4UU/Uo9pAZ7X4mI/AAAAAAAALow/Bxjf0PAGMBI/s1600/SAM_1142.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="240" src="http://4.bp.blogspot.com/-oGYg1Fiu4UU/Uo9pAZ7X4mI/AAAAAAAALow/Bxjf0PAGMBI/s320/SAM_1142.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-ozeZ_9QFK8Q/UomXB4FfcyI/AAAAAAAAKo4/hOaraF_eXQ4/s1600/IMG_20131117_112315.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://3.bp.blogspot.com/-ozeZ_9QFK8Q/UomXB4FfcyI/AAAAAAAAKo4/hOaraF_eXQ4/s320/IMG_20131117_112315.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-KnIc3z7HFtI/UomXgu9v59I/AAAAAAAAKp0/r9LtALEaZas/s1600/IMG_20131117_120612.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="320" src="http://2.bp.blogspot.com/-KnIc3z7HFtI/UomXgu9v59I/AAAAAAAAKp0/r9LtALEaZas/s320/IMG_20131117_120612.jpg" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Oběd u Golden Gate - nádhera!</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-iG2SIXmABfY/Uo9pgKl1x6I/AAAAAAAALqM/7IKqgB3V7-g/s1600/SAM_1154.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://1.bp.blogspot.com/-iG2SIXmABfY/Uo9pgKl1x6I/AAAAAAAALqM/7IKqgB3V7-g/s320/SAM_1154.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<iframe allowtransparency="true" frameborder="0" height="510" scrolling="no" src="//instagram.com/p/g1Dy4CGh63/embed/" width="412"></iframe>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ouWGQgeOnXw/UomXvO0eNXI/AAAAAAAAKqY/Z2bXg78HiMw/s1600/IMG_20131117_124351.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://4.bp.blogspot.com/-ouWGQgeOnXw/UomXvO0eNXI/AAAAAAAAKqY/Z2bXg78HiMw/s320/IMG_20131117_124351.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Auto TESLA potkáte hodněkrát</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Pro představu takto vypal celý nedělní den.<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<iframe height="450px" src="https://googledrive.com/host/0B4ASlrYNXXdveVI2ekVScC1MOTg/sfmap.html" width="450px"></iframe>
<span style="font-size: large;"> </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Googleplex, Mountain View</span><br />
Ze SFO jsem se přesunul vlakem v neděli večer. Od vlakové stanice do Hotelu Hilton jsem si vzal taxíka (takový ten pravý taxík s Indem :) Ubytování bylo opravdu úžasné - byl jsem sám na pokoji kde byly dvě obrovské postele, televize, balkon s výhledem na <i>rollercoaster </i>(vzpomněl jsem si na Tycoon) Večer jsem si pustil na chvíli televizi a zavolal domů přítelkyni přes Google Hangout (u nás bylo cca 4h ráno, respekt, miluji tě!) a šel spát.<br />
<br /></div>
<div>
<a href="http://1.bp.blogspot.com/-ZFbWWSQzcSA/UomZOg63rAI/AAAAAAAAKuI/CQr7RifWFhY/s1600/IMG_20131117_185955.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="240" src="http://1.bp.blogspot.com/-ZFbWWSQzcSA/UomZOg63rAI/AAAAAAAAKuI/CQr7RifWFhY/s320/IMG_20131117_185955.jpg" width="320" /></a></div>
<div>
<br /></div>
<div>
V pondělí jsem šel do hotelového lobby a čekal na odvoz. Pak jsem šel společně s ostatními k autobusu, který nás odvezl přímo do Googleplexu (cca 20min jízdy) Celý autobus byl vlastně složen jen z <i>expprtů, </i>takže když jsme se blížili ke Google bylo slyšet veselé juchání.</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-FkACnm2EG-U/UosB2ywwPCI/AAAAAAAAK2U/xGwinOw9W2A/s1600/IMG_20131118_074307.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://2.bp.blogspot.com/-FkACnm2EG-U/UosB2ywwPCI/AAAAAAAAK2U/xGwinOw9W2A/s320/IMG_20131118_074307.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-9KoCNDtoNxQ/Uor-fpLsrnI/AAAAAAAAKws/-lWFDGW40ak/s1600/IMG_20131118_074332.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-9KoCNDtoNxQ/Uor-fpLsrnI/AAAAAAAAKws/-lWFDGW40ak/s320/IMG_20131118_074332.jpg" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-IL3zzTpFPhs/UosB9A3ZwrI/AAAAAAAAK2g/xyuYY218UME/s1600/IMG_20131118_081505.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://3.bp.blogspot.com/-IL3zzTpFPhs/UosB9A3ZwrI/AAAAAAAAK2g/xyuYY218UME/s320/IMG_20131118_081505.jpg" width="320" /></a></div>
<div style="text-align: center;">
Další sen splněn! Googlplex, Moutaint View</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: start;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: start;">Summit začal představení programu summitu a programu v tzv. Partnerplexu, kam se zvou své návštěvy (tj. když přijede někdo z Coca Coly nebo jiný zájezd). Poté jsme se </span><span style="text-align: start;">rozdělili na malé týmy podle technologii, které reprezentujeme. Já jsem se přidal k Drive týmu (celkem 12lidí), protože jsem přijel za <b><i>Google Apps Script</i></b> (celkem 3 lidí, já, Indie a Japonsko). Náš tým šel oproti ostatním přímo do kanclu jiné budovy, takže jsem viděli Googlery v akci - uvnitř se nesmělo fotit, takže to popíšu. Většina lidí měla obrovské monitory, dost lidí při práci stálo a veškeré zdi byly popsané (vzkazy, nápady atd). V zasedačce jsme se b</span><span style="text-align: start;">avili tom co se nám líbí a kam jednotlivé Google technologie směřují nebo co se chystá (vše je pod NDA).<b> Za mě mohu řící, že Apps Scriptům věřím ještě více :)</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: start;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-qH_40azPx4g/Uor_2LNKREI/AAAAAAAAKyY/C-E7LWXU7UE/s1600/IMG_20131118_084404.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://1.bp.blogspot.com/-qH_40azPx4g/Uor_2LNKREI/AAAAAAAAKyY/C-E7LWXU7UE/s320/IMG_20131118_084404.jpg" width="320" /></a></div>
<br />
Pak následoval oběd přímo v hlavní jídelně tzv. <i>bigtable </i>kde jsou k dispozici světové kuchyně. K jídlu jsem ochutnal indickou kuchyni, kterou si běžně v AppSatori dopřáváme. Moc se mi líbila vřelost a integrace od "místních lidí". Seděl jsem s lidma z Drive a Gmail týmu. Po obědě jsme prošli část Googleplexu, navštívili offline store kde mají trička, nálepky a další hračky/oblečení s Android/Google/YouTubem tématikou. Protože sem může každý běžně z "ulice", tak uvnitř chodila ostraha a ptala se na doprovod. Pokud tam člověk byl jen tak, tak musel odejít, protože do toho obchodu můžete jen pokud jste někým pozváni. Nakonec jsme se vrátili zpět do partnerplexu.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-EVqiQbE8Rws/UosAogOajkI/AAAAAAAAKz4/eE6Pcy3OEgY/s1600/IMG_20131118_122122.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://3.bp.blogspot.com/-EVqiQbE8Rws/UosAogOajkI/AAAAAAAAKz4/eE6Pcy3OEgY/s320/IMG_20131118_122122.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-t5t5xAunRy8/UosBJljYXmI/AAAAAAAALxY/KVPYItzCufs/s1600/IMG_20131118_140243.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-t5t5xAunRy8/UosBJljYXmI/AAAAAAAALxY/KVPYItzCufs/s320/IMG_20131118_140243.jpg" width="240" /></a></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-p0iXq-di9fI/UouqVS5Y0VI/AAAAAAAAK3g/KUdHkcDCOkA/s1600/IMG_20131119_081642.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://4.bp.blogspot.com/-p0iXq-di9fI/UouqVS5Y0VI/AAAAAAAAK3g/KUdHkcDCOkA/s320/IMG_20131119_081642.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Všude jsou kola pro rychle přesouvání</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-kc6g3cJUvrw/UouqxttGN8I/AAAAAAAAK4s/EJWoKYBg7DQ/s1600/IMG_20131119_082107.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-kc6g3cJUvrw/UouqxttGN8I/AAAAAAAAK4s/EJWoKYBg7DQ/s320/IMG_20131119_082107.jpg" width="240" /></a></div>
<a href="http://2.bp.blogspot.com/-Rar5mSjouW4/Uor_SoOP54I/AAAAAAAAKxc/WftKpnjwp6M/s1600/IMG_20131118_081855.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="320" src="http://2.bp.blogspot.com/-Rar5mSjouW4/Uor_SoOP54I/AAAAAAAAKxc/WftKpnjwp6M/s320/IMG_20131118_081855.jpg" width="240" /></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-UhiOUg7QI-Q/UouqzFMvVOI/AAAAAAAAK44/rYCB-dbm_q4/s1600/IMG_20131119_082131.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-UhiOUg7QI-Q/UouqzFMvVOI/AAAAAAAAK44/rYCB-dbm_q4/s320/IMG_20131119_082131.jpg" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Poté následoval workskop o Gamestormingu, který jsme si vyzkoušeli prakticky v týmech. Viděli jsme první polovinu videa o <a href="http://www.youtube.com/watch?v=CMAhptqk-4Q">neviditelné helmě</a> a naším cílem bylo vymyslet řešení na daný problém.Součástí byl brainstorming, návrh prototypu a prezentace výsledku. Večer byla večeře a networking v bigtable a pak nás autobus odvezl zpět na pokoj. Druhý den probíhal podobně, zase rozdělení do týmu, společná část - zde měl být workshop návrhu UX, ale bohužel tam byli lidi z Android týmu, takže se to týkalo jen mobilních aplikacích. Opět networking v bigtable a pak poslední noc v hotelu.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-t0LVFaDB7XM/UosBdAfatSI/AAAAAAAAK1Y/kZKn4x5uuss/s1600/IMG_20131118_150929.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-t0LVFaDB7XM/UosBdAfatSI/AAAAAAAAK1Y/kZKn4x5uuss/s320/IMG_20131118_150929.jpg" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-n7Eell2OXF4/UosBq4Q3PeI/AAAAAAAAK1w/ZU2rSF178OA/s1600/IMG_20131118_155335.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-n7Eell2OXF4/UosBq4Q3PeI/AAAAAAAAK1w/ZU2rSF178OA/s320/IMG_20131118_155335.jpg" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-zGh_WQmp-B4/UosBum_cIVI/AAAAAAAAK18/nUwDkLe25BY/s1600/IMG_20131118_161232.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-zGh_WQmp-B4/UosBum_cIVI/AAAAAAAAK18/nUwDkLe25BY/s320/IMG_20131118_161232.jpg" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://2.bp.blogspot.com/-Yq8vuujSuOs/UosBYVwdi0I/AAAAAAAAK1M/lGsRQNxP8-A/s1600/IMG_20131118_150744.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="320" src="http://2.bp.blogspot.com/-Yq8vuujSuOs/UosBYVwdi0I/AAAAAAAAK1M/lGsRQNxP8-A/s320/IMG_20131118_150744.jpg" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Poslední dny v USA</span></div>
<div class="separator" style="clear: both; text-align: left;">
Ve středu ráno, můj poslední den, jsem měl naplánovanou prohlídku <a href="http://www.computerhistory.org/">počítačového muzea</a>. Tam jsem dojel taxíkem a čekal než otevřou. Ve stejnou dobu byla nějaká akce Google Ventures, takže tam chodili všichni ti <i>velcí </i>startupisté, kteří nejsou ještě známí. Trochu lituji, že jsem se tam nějak nevetřel. V muzeu jsem si splnil další dětský sen - vidět většinu toho co ovlivnilo moderní podobu informatiky za posledních 200let. Více než slova,budou zajímavější obrázky.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://1.bp.blogspot.com/-fc7POFykZMo/Uo9bRvtol_I/AAAAAAAALY8/yS1Ja3L1QiE/s1600/IMG_20131120_124039.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="240" src="http://1.bp.blogspot.com/-fc7POFykZMo/Uo9bRvtol_I/AAAAAAAALY8/yS1Ja3L1QiE/s320/IMG_20131120_124039.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-ehLnhZjZQ0g/Uo9XoSu7-EI/AAAAAAAALS4/SmCG5DKtN9Q/s1600/IMG_20131120_113858.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-ehLnhZjZQ0g/Uo9XoSu7-EI/AAAAAAAALS4/SmCG5DKtN9Q/s320/IMG_20131120_113858.jpg" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
ENIAC</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br /></div>
</div>
</div>
<iframe allowtransparency="true" frameborder="0" height="510" scrolling="no" src="//instagram.com/p/g8kneHmh_H/embed/" width="412"></iframe><br />
ENIGMA<br />
<br />
<br />
<br />
<br />
<iframe allowtransparency="true" frameborder="0" height="510" scrolling="no" src="//instagram.com/p/g8o009Gh0q/embed/" width="412"></iframe><br />
První počítačová myš
<br />
<br />
<iframe allowtransparency="true" frameborder="0" height="510" scrolling="no" src="//instagram.com/p/g8oF_0Ghzz/embed/" width="412"></iframe><br />
První Apple
<br />
<br />
<iframe allowtransparency="true" frameborder="0" height="510" scrolling="no" src="//instagram.com/p/g8sOLAGh4o/embed/" width="412"></iframe><br />
První servery Google
<br />
<br />
<iframe allowtransparency="true" frameborder="0" height="510" scrolling="no" src="//instagram.com/p/g8sijfGh5B/embed/" width="412"></iframe><br />
NEXT počítač (firma kterou založil Steve Jobs po odchodu z Apple)
<br />
<br />
<iframe allowtransparency="true" frameborder="0" height="510" scrolling="no" src="//instagram.com/p/g8q6K4mh3C/embed/" width="412"></iframe><br />
IBM Watson
<br />
<iframe allowtransparency="true" frameborder="0" height="510" scrolling="no" src="//instagram.com/p/g8uUp0mh7c/embed/" width="412"></iframe>
<br />
Difference machine
<br />
<br />
<span style="font-size: large;">Cesta domů</span><br />
Z muzea jsem jel zpět do SFO, tentokrát jsem nebydlel v centru, ale blíže letišti. Zase AirBnb, tentokrát v nějaké čínské čtvrti. To takhle koukám jeden čínský obchod, pak hned druhý třetí, a najednou vidim že jsou všude jen číňani :) Domácí byli v pohodě - mladá holka (číňanka) s klukem. Takže jsem jen naposled do centra SFO (obchod, nákupy, navštívit Bestbuy) a pak zpátky, sbalit kufry a nařídit budík na 4h ráno. Cesta domů byla tentokrát se dvěma přestupy - Detroit a Frankfurt nad Mohanem.<br />
<div>
<br />
<br />
<br />
Samojezdící auto Google
<br />
<br />
<span style="font-size: large;">Závěr</span><br />
Byla to neuvěřitelná zkušenost, poznal jsem mnoho lidí, viděl zajímavé věci, nabral inspiraci. Pocitově jsem byl z Googlu nadšen, ale asi ne tolik jako by všichni předpokládali (např. že jsem křičel, vřeštil atd). Přišlo mi to vše takové normální - sednu na letadlo, letim, ubytuju se, dojedu a najednou obědvám v Google. Něco v co jsem nikdy nedoufal se mi splnilo a já jsem rád. Těším se na další výzvy v Google Developer Expert programu, přeci jenom mám nějaké poslání ;)<br />
<br /></div>
Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-69688693708785047532013-10-17T23:43:00.002+02:002013-10-17T23:43:38.393+02:00VIZUALIZACE: Jaká zelenina nebo ovoce obsahuje nejvíce vitaminu C?Podzim zaťukal na dveře. Vyšli jsme ven všichni. Bez bund. Teď svádíme vše na rýmičku nebo okolí.Teď se léčíme.<br />
<br />
<a href="http://1.bp.blogspot.com/-RxCv5H9ipJE/UmBZjnvtPdI/AAAAAAAAJ1E/5RsTdl15eCs/s1600/Co+de+asi++++N%C3%A1hled++VIZUALIZACE++Co+obsahuje+nejv%C3%ADce+vitaminu+C+++Google+Spreadsheet++.png" imageanchor="1" style="clear: right; display: none; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="http://1.bp.blogspot.com/-RxCv5H9ipJE/UmBZjnvtPdI/AAAAAAAAJ1E/5RsTdl15eCs/s200/Co+de+asi++++N%C3%A1hled++VIZUALIZACE++Co+obsahuje+nejv%C3%ADce+vitaminu+C+++Google+Spreadsheet++.png" width="151" /></a>Napadlo mě podívat se na to přes vizualizaci - jaká potravina, ať už ovoce neb zelenin obsahuje nejvíce vitamínu C. Vyšel jsem z "<i>Množství vitamínu C v zelenině a ovoci (mg/100g</i>)" (<a href="https://docs.google.com/viewer?url=http%3A%2F%2Fwww.u-slavika.cz%2Fnabizime%2FVITC.doc">zdroj</a>). To jsem si zkopíroval do online Spreadsheetu a upravil. Vložil jsem <i>treemap </i>a přidal barvičky.<br />
<br />
<b>Výsledek</b><br />
<br />
<script src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js" type="text/javascript"> {"dataSourceUrl":"//docs.google.com/spreadsheet/tq?key=0AoASlrYNXXdvdHVOb3A5T19reC0tUFBTQWo5TEtPcWc&transpose=0&headers=1&range=A1%3AC45&gid=0&pub=1","options":{"titleTextStyle":{"fontSize":15},"fontColor":"#fff","midColor":"#b45f06","animation":{"duration":500},"headerColor":"#3d85c6","width":459,"maxColor":"#741b47","headerHeight":0,"fontSize":"14","hAxis":{"useFormatFromData":true,"title":"Horizontal axis title","minValue":null,"viewWindow":{"min":null,"max":null},"maxValue":null},"vAxes":[{"useFormatFromData":true,"title":"Left vertical axis title","minValue":null,"viewWindow":{"min":null,"max":null},"maxValue":null},{"useFormatFromData":true,"minValue":null,"viewWindow":{"min":null,"max":null},"maxValue":null}],"title":"Chart title","booleanRole":"certainty","maxDepth":1,"height":606,"legend":"right","focusTarget":"series","annotations":{"domain":{"style":"line"}},"showTooltips":false,"minColor":"#3c78d8","tooltip":{"trigger":"none"}},"state":{},"view":{"columns":[0,{"label":"","properties":{"role":"annotation"},"sourceColumn":1},2]},"isDefaultVisualization":true,"chartType":"TreeMap","chartName":"Chart 1"} </script>
<a href="http://jsbin.com/aHeyuTE/2">Fulscreen výsledek je zde</a>Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com1tag:blogger.com,1999:blog-5655757981475873106.post-51676378525947672002013-06-07T00:23:00.001+02:002013-06-07T00:23:24.361+02:00Program pražských kin v Google Kalendáři<a href="http://4.bp.blogspot.com/-LuI04xhy-bM/UbELR-BcyBI/AAAAAAAAHCs/EaPH_Pyedf0/s1600/kino.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://4.bp.blogspot.com/-LuI04xhy-bM/UbELR-BcyBI/AAAAAAAAHCs/EaPH_Pyedf0/s1600/kino.jpg" /></a>Vytvořil jsem Google Kalendář, který obsahuje program pražských <b>klubových</b> kin. Proč zdůrazňuji klubových? Uvědomil jsem si o jak cennou (kulturní, společenskou, architektonickou) věc přicházíme, když chodíme jen do prosklených krabic, kde hrají film 15x denně. Mnoho kin v Praze již skončilo a proto bych nerad přišel o ta další. V mnohých jsou zajímavé filmy, které již dávno nejsou v distribuci.<br />
<br />
<u>Aktuálně (červen 2013) se jedná o kina:</u><br />
<br />
<ul>
<li>Atlas</li>
<li>Aero</li>
<li>Bio OKO</li>
<li>Evald</li>
<li>Lucerna</li>
<li>Mat</li>
<li>Ponrepo</li>
<li>Světozor</li>
</ul>
<div>
<br /></div>
<br />
Vytvořil jsem tedy pomocí Google Apps Script aplikaci, která stahuje programy kin a transformuje do podoby kalendáře. Pokud bych byl režisér a aplikace by byla film, tak bych do bonusů na DVD nezapomněl zmínit jak hodně mě to bavilo nebo třeba to, že nyní mám vytvořenou obecnou JS knihovnu na scrapování stránek (definice se provádí pomoci JSON, lahůdka).<br />
<br />
Pokud si film chcete přidat do svého kalendáře, tak je dole tlačítko pro přidání. Tento kalendáře můžete mít "vypnutý" a pokud budete plánovat kino, tak ho prostě zapnete.<br />
<br />
A ano, plánuji ho vylepšovat :)<br />
<br />
<br />
<iframe frameborder="0" height="500" scrolling="no" src="https://www.google.com/calendar/embed?title=Program%20pra%C5%BEsk%C3%BDch%20kin&showPrint=0&showCalendars=0&showTz=0&mode=AGENDA&height=500&wkst=2&hl=cs&bgcolor=%23ffffff&src=13uupib7c69714l5m7l7c2evr8%40group.calendar.google.com&color=%23333333&ctz=Europe%2FPrague" style="border-width: 0;" width="450"></iframe>Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-12898374859076012392013-04-28T23:14:00.000+02:002013-04-28T23:51:47.670+02:00Recenze náramku Jawbone UP - změřte svůj životPo týdnu používání jsem se rozhodl sepsat shrnutí pocitů a praktických zkušeností z náramku <a href="https://jawbone.com/up">Jawbone UP</a>, který monitoruje každý můj den. Protože se mi tento způsobil psaní osvědčil, nebude psát formou vět, ale odrážek.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-anrKR-sTpR0/UX14-Zq5yVI/AAAAAAAAG1Y/6TDcIFbzUwQ/s1600/jawbone+up1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="http://4.bp.blogspot.com/-anrKR-sTpR0/UX14-Zq5yVI/AAAAAAAAG1Y/6TDcIFbzUwQ/s320/jawbone+up1.jpg" width="320" /></a></div>
<br />
<br />
<b>Co je Jawbone UP</b><br />
<br />
<ul>
<li>náramek na ruku, který monitoruje vaši denní/noční aktivitu a stravovací návyky</li>
<li>koupit lze od poloviny dubna na<a href="http://store.apple.com/cz/product/HA626ZM/A/n%C3%A1ramek-up-od-spole%C4%8Dnosti-jawbone?fnode=6f#mfr-info"> Apple.cz</a> a od června v iStyle obchodech</li>
<li>veškerá data přenášíte do mobilní aplikace (přes audio jack), ze které se nahrávají do cloudu</li>
<ul>
<li>v aplikaci provádíte veškeré nastavení - to se pak při synchronizaci přenese</li>
</ul>
<li>náramek nemá žádný displej - pouze dvě ikony (měsíc/slunce), které informují v jakém je módu</li>
<li>na konci je tlačítko pro ovládání - klasicky stylem <i>podržet, dlouze podržet, dvakrát stisknout</i><br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-8UkBurmj8oQ/UX11tPS8MjI/AAAAAAAAG1I/eHLv6EndzkI/s1600/jawbone+up.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="http://3.bp.blogspot.com/-8UkBurmj8oQ/UX11tPS8MjI/AAAAAAAAG1I/eHLv6EndzkI/s400/jawbone+up.png" width="400" /></a></div>
</li>
<li><u>funkcionality</u></li>
<ul>
<li>přes den sleduje vaši <b>denní aktivitu</b> - můžete nastavit, že pokud jste např. hodinu v nečinnosti (např. u PC), tak vám na ruce zavibruje (já se pak jdu projít), dále si můžete si nastavit "šlofíka" - během dne se třeba na hodinu prospíte - náramek vás probudí</li>
<li>v noci sleduje<b> spánkovou aktivitu</b> a pomocí vibrace vás probudí v nejlepší čas podle spánkového rytmu, buzení je mnohem příjemnější než budík a hlavně probudí jen vás - ne lidi v okolí)</li>
<li>sledování stravovacích návyků - každé jídlo můžete vyfotit (čárový kód) nebo vložit manuálně - pak dokáže sledovat kolik kalorii jste do sebe dostali</li>
</ul>
<li><u>veškerá dat</u>a (např. vzdálenost, spálené kalorie) odvozuje od vašeho věku, váhy a výšky</li>
<ul>
<li>je možné ho i dokalibrovat - ujdete známou vzdálenost a pak řeknete v aplikaci kolik to doopravdy bylo - pro příště bude přesnější</li>
</ul>
</ul>
<div>
<br /></div>
<div>
<b>Pěkně to shrnuje toto video</b></div>
<div>
<br /></div>
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/ZgnTzvOc2EE?rel=0" width="560"></iframe>
<br />
<br />
<br />
<br />
<b>Proč jsem si ho koupil</b><br />
<ul>
<li>v roce 2011 mě oslnil teto článek na <a href="http://readwrite.com/2011/07/14/jawbone_takes_on_health_market_with_up">ReadWriteWeb</a></li>
<ul>
<li>líbilo se mi že vůbec takové zařízení existuje a jak vypadá - od té doby ho "podvědomě" chci </li>
</ul>
<li>mám rád data (last.fm, runkeeper, google latitude) a zajímá mě co vše lze zjistit</li>
<li>chci dostat do svého života více pohybu a tohle považuji za dobrý start</li>
</ul>
<br />
<br />
<b>Před nákupem</b><br />
<ul>
<li>podívejte se zda je vaše zařízení ve <a href="https://jawbone.com/up/devices">vyzkoušených zařízeních</a> - pak máte jistotu že pofrčí</li>
<li>náramek je v 3 velikostech: S, M a L. Na webu <a href="https://jawbone.com/pdfs/products/up/sizing.pdf">stáhnete PDF</a> a vytisknete - dle makety poznáte velikost</li>
<ul>
<li>moje velikost ruky byla přesně mezi M a L - na webu doporučují koupit větší (tedy L)</li>
<li>stále jsem váhal a po mnoha přečtených diskuzích jsem si koupil menší, tedy <b>M </b>(a udělal jsem dobře, viz níže)</li>
</ul>
<li>kupoval jsem přes web Apple.cz - moji barvu (černá / M) psalo že bude dodáno 1-2 týdny, nakonec přišlo za 3 dny (v pondělí objednal, v čt doma) </li>
<ul>
<li>pozor rozváží DHL, která umí na webu informovat o stavu, ale termín dodání je jen datum </li>
<li>takže mohou dorazit kdykoliv během dne (což mě dost naštvalo, narozdil od PPL, kteří mi ráno zavolali a informovali o čase)</li>
</ul>
</ul>
<br />
<br />
<b>Den po nákupu</b><br />
<ul>
<li>přišla malá krabička s mini návodem - stačí jen stáhnout aplikaci (iPhone / Android) a provést první provázání + nastavení (název, věk, výška, váha)</li>
<li>když jsem si dal náramek na ruku, tak mi stále nějak na ruce neseděl, první 4h jsem se bál že si nezvyknu, ale ten stejný den večer jsem o něm ani nevěděl</li>
</ul>
<br />
<b>Pocity po prvním týdnu</b><br />
<ul>
<li>design</li>
<ul>
<li>náramek je designově moc povedený, takže to není věc za kterou byste se měli stydět (trochu se bojím jak bude na ruce vypadat Fitbit Flex)</li>
<li>v černé barvě se hodí ke všemu - třeba i k obleku :) a ta stříbrná barva dodává šmrnc</li>
</ul>
<li>nošení </li>
<ul>
<li>nemohu si pomoci, ale nějak se mi na ruce přizpůsobil</li>
<li>v noci vůbec nevadí</li>
<li>90% času o něm vůbec nevím - občas se mi síce zahákl třeba za triko (při sundávání) nebo o tašku, ale to je stejné jako když máte řetízek - občas se se to stane</li>
<li>je možné se s ním koupat, běhat, spát, prostě dělat vše..</li>
</ul>
<li>stavba</li>
<ul>
<li>to že není uzavřený vůbec nevadí, drží dobře, záleží asi hlavně pokud máte dobrou velikost (sám nevím jak by seděl ten větší),</li>
<li>krytka konektor na jack drží velmi pevně, takže spíš ji ztratím když bude vyndaná,než když třeba poběžím</li>
<li>o baterku se zatím nestrachuji, vzhledem k tomu že vydrží až 10 <strike>hodin</strike> <b>dnů</b>, tak ho vždy v neděli večer na chvíli připojím k počítač přes redukci JACK-USB, která ho nabije (umí jen nabíjet, neslouží k přenosu dat - aplikace pro PC není)</li>
</ul>
<li>funkcionalita</li>
<ul>
<li>synchronizace - dělám jednou denně, vždy večer, je to otázka 3min, samotné přetáhnutí dat je cca 30s, doporučují tuším jednou za dva dny</li>
<li>přesnost - šel jsem cca 0,5km trasu a měřil ji zároveň Runkeeper (GPS měření) a pak přes náramek - lišilo se asi o 30m (tj. přes mobil 480m a přes náramek 450m)</li>
<li>spálené kalorie - když jsem běžel 10km, tak mi to Runkeeper vyhodnotil na 800kcal a náramek na cca 950 (prý dle dle MET tabulek, podle výšky/váhy/věku)</li>
<li>nastavil jsem si cíl spánek na 8h a denní počet kroků na 10 000 a aplikace mi zobrazuje jak se mi daří přibližovat k této metě</li>
<li>jídlo zatím nezadávám, používám zatím čistě k měření aktivity</li>
</ul>
</ul>
<br />
<br />
<b>Hlavní výhody</b><br />
<ul>
<li>jako náramek</li>
<ul>
<li>stále ho máte u sebe - určitě je lepší než Fitbit One, který si musíte připíchnout na pásek a stále na něj myslet, že si ho máte vzít/přendat/nezapomenout/nevyprat atd. </li>
</ul>
<li>design</li>
<li>synchronizace a nabíjení v jednom </li>
<ul>
<li>přeci jenom přenos dat přes Bluetooth ještě energii vyčerpává náramek -</li>
</ul>
<li>buzení pomocí vibrací</li>
<li>pohodlný na ruce </li>
</ul>
<br />
<b>Hlavní nevýhody</b><br />
<ul>
<li>nemá API, </li>
<ul>
<li>nepřipojíte k další aplikacím (např. Runkeeper) - data ale můžete stáhnout jako CSV</li>
<li><b>TIP! </b>na svém anglickém blogu jsem<a href="http://www.kutil.org/2013/04/how-to-get-data-from-jawbone-up-and.html"> zveřejenil návod</a>, jak data stáhnout do Google Spreadsheetu přes neoficiální API (někdo použil reverzní inženýrství a já vytvořil Apps Script knihovnu ;)</li>
</ul>
<li>jídla, která byste chtěli přidat přes čárový kód nepřidáte - bohužel to české potraviny neumí (a netroufám si hádat zda někdy bude umět, protože to na crowdsourcing funkci nevypadá :(</li>
</ul>
<br />
<br />
<b>Konkurence</b><br />
<ul>
<li>NIKE Fuelband</li>
<ul>
<li>+ má indikátor spálených kalorii na náramku, NIKE je cool</li>
<li>- je hlavně pro aktivní sportovce zaměřený na aktuální číslo - tot vše (nemá sledování spánku nebo budící funkce atd)</li>
</ul>
<li>Fitibit</li>
<ul>
<li>+ má nějaké API pro získání dat či napojení jinam, statistiky jsou i ve webovém rozhraní</li>
<li>- náramkový Fitbit je ošklivější a ještě se neprodává, připínací Fibit je další starost navíc (klíče, peněženka, mobil , fitbi, grrrr), Fitbit aplikace pro Android není dostupná v ČR (!)</li>
</ul>
</ul>
<div>
<br /></div>
<div>
<b>Ukázky z aplikace</b></div>
<div>
<b><br /></b></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-_lfROwKm-Ok/UX197J-an8I/AAAAAAAAG1o/LjpGruBwbP4/s1600/2013-04-28+21.23.10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-_lfROwKm-Ok/UX197J-an8I/AAAAAAAAG1o/LjpGruBwbP4/s320/2013-04-28+21.23.10.png" width="180" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Denní aktivita</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-TdSFLCd_21o/UX2OmSsCT3I/AAAAAAAAG2g/ZVeL1817u90/s1600/2013-04-28+22.56.28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-TdSFLCd_21o/UX2OmSsCT3I/AAAAAAAAG2g/ZVeL1817u90/s320/2013-04-28+22.56.28.png" width="180" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Spánková aktvita</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-dQIVpH7DWsY/UX2CfCrbNAI/AAAAAAAAG2A/htL-ZURe_jg/s1600/2013-04-24+23.36.23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-dQIVpH7DWsY/UX2CfCrbNAI/AAAAAAAAG2A/htL-ZURe_jg/s320/2013-04-24+23.36.23.png" width="180" /></a></div>
<div style="text-align: center;">
Doporučení - počítám že se budou stále vylepšovat s časem</div>
<br />
<br />
<br />
<b>Budoucnost</b><br />
<ul>
<li>Fitbit má lépe nakročeno - má kolem sebe platformu (API) a u nás ho už používá více lidí </li>
<li>Jawbone by se mohl stát populárnější - 3 důvody:</li>
<ul>
<li>mimo USA je k dispozici teprve od poloviny dubna 2013 (tedy 14 dnů !!!), takže i u nás není oficiálně rozšířen</li>
<li>trvalo dlouho než vznikla Android aplikaci (dubna 2013) - doteď ho mohli používat jen iPhone uživatele, protože jinak synchronizovat nebylo možné</li>
<li>prodej náramku zajiťtuje Apple.cz síť - takže to zvedne cool faktor - stačí jít do kamenného iBílého obchodu a jeden si koupit (a pak připojit třeba k Androidu</li>
</ul>
<li>Když porovnáte hodnocení aplikace v Google Play, tak Jawbone vychází lépe (3,7 vs 3,5)</li>
<ul>
<li><a href="https://play.google.com/store/apps/details?id=com.fitbit.FitbitMobile">https://play.google.com/store/apps/details?id=com.fitbit.FitbitMobile</a></li>
<li><a href="https://play.google.com/store/apps/details?id=com.jawbone.up">https://play.google.com/store/apps/details?id=com.jawbone.up</a></li>
</ul>
</ul>
<br />
<br />
<b>Závěr</b><br />
<br />
<ul>
<li>Jsem rád že jsem si Jawbone UP koupil. Pocitově se snažím více hýbat. Samozřejmě můžete namítat, že stejně může působit obyčejná placebo gumička nebo provázek kolem ruky - no jo, ale to nebude fungovat. Vždycky budete vědět "že o nic najde".</li>
<li>A pak ten slastný pocit, když provede synchronizaci a vidíte data. Navíc z těch data zpětně půjde cokoliv vyvodit.. To je už jen otázkou vaši fantazie, protože data budete mít nasbíraná. A to je hlavní důvod proč jsem si ho koupil</li>
</ul>
<br />
Máte nějaké další dotazy? Ptejte se v komentáříchIvan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com1tag:blogger.com,1999:blog-5655757981475873106.post-20553602230706232012013-04-18T19:44:00.001+02:002013-04-18T19:44:31.884+02:00Blogger využívá pro komentáře Google+. Vyzkoušejte si to zde!Komentovat články na Bloggeru lze nově pomocí Google+. Pokud to autor blogu povolí (v nastavení Bloggeru > Google+ > Use Google+ Comments on this blog), tak se pod každým článkem objeví rozhraní jaké známe z Google+.<div>
<br /></div>
<div>
Za nejzajímavější považuji možnost komentovat jakýkoliv článek jen pro vybranou skupinu uživatelů. Můžete se tak pod článkem konkurence bavit o jakýkoliv věcech a protože omezit čtenáře, tak se to další nedozví.</div>
<div>
<br /></div>
<div>
Za zajímavou funkcionalitu považuji možnost zobrazit si jen příspěvky od lidí z vašich kruhů - omezí se tak balast kolem trollů, kteří mají jen čas na to otravovat v diskuzích.</div>
<div>
<br /></div>
<div>
Při komentování můžete povolit nebo zákaz postování na váši "zeď"</div>
<div>
<br /></div>
<div>
A protože chci abychom si to všichni vyzkoušeli, otevírám pod tímto článkem něco jako pískoviště. Vítejte :-)</div>
<div>
<br /></div>
<div>
<b><i>[obrázek bude doplněn]</i></b></div>
<div>
<br /></div>
<div>
<br /></div>
Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-23269465750723249632013-03-03T13:35:00.001+01:002013-03-03T13:35:38.055+01:00Jak zprovoznit nový spouštěč aplikací v Chrome?<div class="separator" style="clear: both; text-align: left;">
<b>Chrome </b>(od verze 26) představil nový spouštěč aplikací. Zatím je dostupný pouze v Beta verzi, ale do budoucna bude i v normální verzi.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Aktivaci provedete jednoduše - stačí nainstalovat nějakou aplikaci z Webstore (např. <a href="https://chrome.google.com/webstore/detail/text-drive/mmfbcljfglbokpmkimbfghdkjmjhdgbg?utm_source=chrome-ntp-icon">Text Drive</a>). Otevře se vám okno, ve kterém potvrdíte stáhnutí spouštěče.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-bBXiN0yNqHw/UTNBI9A6r_I/AAAAAAAAGjk/GWak1PT2h9I/s1600/spoustec.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="http://2.bp.blogspot.com/-bBXiN0yNqHw/UTNBI9A6r_I/AAAAAAAAGjk/GWak1PT2h9I/s400/spoustec.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Ve Windows se vytvoří nová aplikace, jejíž zástupce bude na ploše i v dolním panelu. Po kliknutí na ikonku se otevře okno, ze kterého vybíráte aplikaci.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-LvAMeY_BrGw/UTNBMAeceHI/AAAAAAAAGjs/au1i5W5lzcE/s1600/app.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/-LvAMeY_BrGw/UTNBMAeceHI/AAAAAAAAGjs/au1i5W5lzcE/s400/app.gif" width="312" /></a></div>
<br />
<div>
<b>TIP!</b> Protože jde o běžného zástupce, doporučuji mu nastavit klávesovou zkratku (např. CTRL + ALT + G). Po vyvolání této zkratky se otevře okno a vy jen zadáte např. <i>gmail</i>. Ve svém okolí pak budete vypadat jako <i>power-user.</i></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-1499680615601523962013-02-13T23:19:00.000+01:002013-02-14T15:06:36.533+01:00Statistika nezadaných mužů a žen v ČR dle věku z Facebook dat<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<a href="http://3.bp.blogspot.com/-nT3tqsbEMpw/URwM1MckOMI/AAAAAAAAGiM/4QHIL4Fi-6A/s1600/BHeart2.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" height="100" src="http://3.bp.blogspot.com/-nT3tqsbEMpw/URwM1MckOMI/AAAAAAAAGiM/4QHIL4Fi-6A/s200/BHeart2.png" width="120" /></a>Přemýšlíte, kolik je v České republice <b>nezadaných (=single) lidí?</b> Nebo vás zajímá rozložení dle věku (zda je více single 20-letých nebo 30-letých)? Na takové otázky můžeme velmi snadno najít odpověď, protože žijeme v informační době. A jednu takovou analýzu jsem si za domácí úkol udělal.<br />
<br />
Ne náhodou ji publikuji v období kolem Valentýna. Projevy na každém jsou odlišené a mě aktuálně fascinují data a co lze všechno z nich vyčíst. Proto jsem využil Facebook dat (API) k této analýze. Pokročilejší marketingové specialisty nepřekvapí, že je možné cílit reklamu na Facebooku dle vlastností uživatelů nebo jejich zájmů. A co více - ke každé skupině je dostupná informace o její velikosti. A protože většina z nás prozradí na FB všelicos, můžou být tato data zajímavá.<br />
<br />
Postupoval jsem tak, že jsem vždy nastavil kolik je např. 20-letých nezadaných žen. (bohužel cílit na barvu vlasů neumí - zatím ;) Dále ještě můžete specifikovat, zda objektem zájmu dané skupiny muž nebo žena (takže jsou čtyři možné stavy: <i>muž-žena, muž-muž, žena-muž, žena-žena</i>).<br />
<br />
amozřejmě se musí brát v potaz velikost skupiny, protože bude mnohem více na FB těch 20-letých než těch 30-letých. Proto jsem stanovil jako pomě - tj. daná cílová skupina k celkovém množství (např. nezadaný muži 24 / všech mužů na FB ve věku 24). Výsledek 0,3 potom říká, že je nezadaných 30% čili každý třetí (rozhlédněte se kolem sebe a řekněte si raz-dva-<b>tři</b>,raz-dva-<b>tři</b>)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="115" src="http://3.bp.blogspot.com/-Ihk6OcaVgz4/URwP1LRZ43I/AAAAAAAAGiU/dlUHgjOhg4w/s320/chart_1.png" style="display: none;" width="320" /></div>
<br />
Výsledek je nutné brát s rezervou - přesto jde o zajímavá čísla. Jejich interpretaci nechám na vás.<br />
<br />
<br />
<script src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js" type="text/javascript"> {"dataSourceUrl":"//docs.google.com/spreadsheet/tq?key=0AoASlrYNXXdvdDk0OFJUamdEQWJPbE5BeFRZUHNULVE&transpose=0&headers=0&merge=COLS&range=A3%3AA53%2CD3%3AD53&gid=1&pub=1","options":{"titleTextStyle":{"bold":true,"color":"#3d85c6","fontSize":16},"vAxes":[{"title":"%","useFormatFromData":true,"minValue":null,"viewWindow":{"min":null,"max":null},"logScale":false,"maxValue":null},{"useFormatFromData":true,"minValue":null,"viewWindow":{"min":null,"max":null},"logScale":false,"maxValue":null}],"title":"Single mu\u017ei se z\u00e1jmem o \u017eeny","booleanRole":"certainty","height":312,"animation":{"duration":500},"legend":"none","width":530,"useFirstColumnAsDomain":true,"hAxis":{"title":"V\u011bk","useFormatFromData":true,"minValue":null,"viewWindowMode":null,"viewWindow":null,"maxValue":null},"tooltip":{},"isStacked":false},"state":{},"view":{"columns":[{"calc":"stringify","type":"string","sourceColumn":0},1]},"chartType":"ColumnChart","chartName":"Chart 1"} </script>
<br />
<br />
<script src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js" type="text/javascript"> {"dataSourceUrl":"//docs.google.com/spreadsheet/tq?key=0AoASlrYNXXdvdDk0OFJUamdEQWJPbE5BeFRZUHNULVE&transpose=0&headers=0&merge=COLS&range=A3%3AA53%2CF3%3AF53&gid=1&pub=1","options":{"titleTextStyle":{"bold":true,"color":"#cc0000","fontSize":16},"series":{"0":{"color":"#cc0000"}},"animation":{"duration":500},"width":530,"hAxis":{"title":"V\u011bk","useFormatFromData":true,"minValue":null,"viewWindowMode":null,"viewWindow":null,"maxValue":null},"vAxes":[{"title":"%","useFormatFromData":true,"minValue":null,"viewWindow":{"min":null,"max":null},"maxValue":null},{"useFormatFromData":true,"minValue":null,"viewWindow":{"min":null,"max":null},"maxValue":null}],"booleanRole":"certainty","title":"Single \u017eeny se z\u00e1jmem o mu\u017ee","height":314,"legend":"none","useFirstColumnAsDomain":true,"isStacked":false,"tooltip":{}},"state":{},"view":{"columns":[{"calc":"stringify","type":"string","sourceColumn":0},1]},"chartType":"ColumnChart","chartName":"Chart 2"} </script>
<br />
<br />
<script src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js" type="text/javascript"> {"dataSourceUrl":"//docs.google.com/spreadsheet/tq?key=0AoASlrYNXXdvdDk0OFJUamdEQWJPbE5BeFRZUHNULVE&transpose=0&headers=0&merge=COLS&range=A3%3AA53%2CE3%3AE53&gid=1&pub=1","options":{"vAxes":[{"useFormatFromData":true,"title":"%","minValue":null,"viewWindow":{"min":null,"max":null},"maxValue":null},{"useFormatFromData":true,"minValue":null,"viewWindow":{"min":null,"max":null},"maxValue":null}],"titleTextStyle":{"bold":true,"color":"#674ea7","fontSize":16},"series":{"0":{"color":"#674ea7"},"3":{"hasAnnotations":true}},"booleanRole":"certainty","title":"Single mu\u017ei se z\u00e1jmem o mu\u017ee","animation":{"duration":0},"legend":"none","useFirstColumnAsDomain":true,"hAxis":{"useFormatFromData":true,"title":"Věk","minValue":null,"viewWindowMode":null,"viewWindow":null,"maxValue":null},"isStacked":false,"tooltip":{},"width":530,"height":320},"state":{},"view":{"columns":[{"calc":"stringify","type":"string","sourceColumn":0},1]},"chartType":"ColumnChart","chartName":"Chart 3"} </script>
<br />
<br />
<script src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js" type="text/javascript"> {"dataSourceUrl":"//docs.google.com/spreadsheet/tq?key=0AoASlrYNXXdvdDk0OFJUamdEQWJPbE5BeFRZUHNULVE&transpose=0&headers=0&merge=COLS&range=A3%3AA53%2CG3%3AG53&gid=1&pub=1","options":{"titleTextStyle":{"bold":true,"color":"#a64d79","fontSize":16},"vAxes":[{"title":"%","useFormatFromData":true,"minValue":null,"viewWindow":{"min":null,"max":null},"maxValue":null},{"useFormatFromData":true,"minValue":null,"viewWindow":{"min":null,"max":null},"maxValue":null}],"series":{"0":{"color":"#d5a6bd"}},"title":"Single \u017eeny se z\u00e1jmem o \u017eeny","booleanRole":"certainty","animation":{"duration":500},"legend":"none","useFirstColumnAsDomain":true,"hAxis":{"useFormatFromData":true,"title":"V\u011bk","minValue":null,"viewWindowMode":null,"viewWindow":null,"maxValue":null},"isStacked":false,"tooltip":{},"width":530,"height":320},"state":{},"view":{"columns":[{"calc":"stringify","type":"string","sourceColumn":0},1]},"chartType":"ColumnChart","chartName":"Chart 4"} </script>
Pokud vás zaujal článek, budu rád za sdílení na sociálních sítích nebo <i>twitter-follow</i> <a href="http://twitter.com/codeas"><b>@codeas</b></a>Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com4tag:blogger.com,1999:blog-5655757981475873106.post-22263847896735620432013-02-10T13:08:00.003+01:002013-02-10T13:08:37.375+01:00SkyDrive není jen cloud úložiště. Umožní vám i přístupovat ke všem datům z počítače<a href="http://1.bp.blogspot.com/-HxcWV4kHvFQ/UReNcAPxYlI/AAAAAAAAGh8/TtOsTEkskU4/s1600/skydrivenewlogo_large_verge_medium_landscape.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="133" src="http://1.bp.blogspot.com/-HxcWV4kHvFQ/UReNcAPxYlI/AAAAAAAAGh8/TtOsTEkskU4/s200/skydrivenewlogo_large_verge_medium_landscape.jpg" width="200" /></a><a href="http://skydrive.live.com/">Skydrive</a> je úložiště v cloudu pro synchronizaci dat mezi zařízeními. Funguje obdobě jako Dropbox nebo Disk Google. Nainstalujete si aplikaci a vše co se vloží do určené složky je pak dostupné v cloudu (přes prohlížeč) a v připojených zařízeních (další počítače, tablety, mobily).<br />
<br />
<br />
Pro mě zcela neznámou funkcí je tzv. "<i>Načtení souborů ve vašem počítači</i>". Tato funkce vám umožní <b>přistupovat ke všem datům v počítači</b> (HDD, DVD/CD-ROM, připojené USB atd).<br />
<br />
Během instalace aplikace se vás wizard (=kouzelník) zeptá zda chcete tuto volbu aktivovat. Případně to můžete udělat později v Nastavení (při kliknuti na ikonku Skydrive mraku vedle hodin)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-1p-vCy-hDSQ/UReJMVJC-lI/AAAAAAAAGhE/HvMMChFQVKg/s1600/skydrive3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="http://2.bp.blogspot.com/-1p-vCy-hDSQ/UReJMVJC-lI/AAAAAAAAGhE/HvMMChFQVKg/s320/skydrive3.png" width="320" /></a></div>
<br />
Pokud tuto volbu zvolíte, tak se stačí odkudkoliv přihlásit na <a href="https://skydrive.live.com/">https://skydrive.live.com/</a>. Vlevo uvidíte připojená zařízení (v mém případě Caroline a Cassandra, seznamte se). Zvolte zařízení a prvním nutným krokem je přihlášení pomocí bezpečnostní kódu. Ten vám přijde do emailu, takže na vzdáleném počítači už nenastavujete.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-9QMnVXhkW00/UReKX_DoRbI/AAAAAAAAGhQ/sudXb9BfFDI/s1600/SkyDrive4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="163" src="http://3.bp.blogspot.com/-9QMnVXhkW00/UReKX_DoRbI/AAAAAAAAGhQ/sudXb9BfFDI/s320/SkyDrive4.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Po úspěšném propojení uvidíte data svého počítač včetně diskových jednotek. (připomínám, že vše jede přes prohlížeč a vzdálený počítač musí být zapnutý včetně spuštěné aplikace Skydrive)</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-RCUs46vjSg4/UReKyYTrV0I/AAAAAAAAGhc/Ulq5CR2mAgk/s1600/skydrive1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="http://3.bp.blogspot.com/-RCUs46vjSg4/UReKyYTrV0I/AAAAAAAAGhc/Ulq5CR2mAgk/s320/skydrive1.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Pokud potřebujete soubor stáhnout, stačí jen kliknout...</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-3hzE2Yjw9xs/UReKyX9krZI/AAAAAAAAGhY/-cBglmTBKZI/s1600/skydrive3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="104" src="http://2.bp.blogspot.com/-3hzE2Yjw9xs/UReKyX9krZI/AAAAAAAAGhY/-cBglmTBKZI/s320/skydrive3.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
A na závěr opravdová bomba. Pokud se jedná o multimediální obsah, tak ho <b>můžete i streamovat</b>. Já jsem se takhle vzdáleně připojil k CD/DVD mechanice a otevřel video soubor. Krom toho, že jsem viděl metadata, tak jsem si mohl video rovnou spustit. K takovému spuštění potřebujete <b>Silverlight</b>, což znamená, že pro mobily i tablety tuto funkci moc nevyužijete. </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-CqeIaoIM8wQ/UReKycTeq6I/AAAAAAAAGhg/g7wW_bgk7Ws/s1600/skydrive2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="http://4.bp.blogspot.com/-CqeIaoIM8wQ/UReKycTeq6I/AAAAAAAAGhg/g7wW_bgk7Ws/s320/skydrive2.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Na závěr chci říci, že mě tato funkce Microsoftu velmi potěšila a shledávám ji užitečnou. A to říkám jako člověk <i>evangelizující </i>Google služby.<br />
<br />
<br />
Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com1tag:blogger.com,1999:blog-5655757981475873106.post-22536760436632123762013-01-01T13:58:00.001+01:002013-01-01T13:58:07.823+01:00Nejočekávanější filmy roku 2013. Přidejte svůj tip!<div>
S novým rokem přichází nejen ohlédnutí za rokem minulým, ale také výhled co nás letos čeká. Pokud máte rádi filmy, jistě jste si sami v minulosti vytvářeli seznam filmů. Pokud ne a jen třeba hledáte tipy na zajímavé snímky, přijde vám seznam také vhod.</div>
<div>
<br /></div>
<div>
Vytvořil jsem sdílenou <a href="https://docs.google.com/spreadsheet/ccc?key=0AoASlrYNXXdvdHlsT0E5M3RrVjFWT1lPV1NPZkphWmc#gid=0">Google Tabulku</a>, do které <b>můžete přidat svůj vlastní tip na film </b>nebo <b>ohodnotit </b>stávající snímky. Stačí zapsat do sloupce svoji přezdívku a hodnotit filmy 1 - 5.</div>
<div>
<br /></div>
<div>
A na který film se těšíme nejvíce? Jednoznačně vede Star Trek: Indo Darkness<br />
<br /></div>
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/_WzJXmY2xrg?rel=0" width="450"></iframe>
<br />
<div>
<br /></div>
<div>
<br /></div>
<iframe frameborder="0" height="800" src="https://docs.google.com/spreadsheet/pub?key=0AoASlrYNXXdvdHlsT0E5M3RrVjFWT1lPV1NPZkphWmc&single=true&gid=0&range=A2%3AD50&output=html&widget=true" width="450"></iframe>
<br />
<a href="https://docs.google.com/spreadsheet/ccc?key=0AoASlrYNXXdvdHlsT0E5M3RrVjFWT1lPV1NPZkphWmc#gid=0">Odkaz na Google Tabulku</a><br />
<br />
<br />Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-11943242380127255972012-12-24T12:23:00.000+01:002012-12-24T12:25:50.601+01:00Jak budou vypadat Vánoce 2016 v době internetu věcí<br />
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
O fenoménu <a href="http://www.lupa.cz/clanky/internet-veci-internet-of-things/">internet věcí </a> se mluví více než čtyři roky, ale stále většina z nás čeká na velký mezník. Stejně jako většina velkých věci, tak i tato však vchází do našeho života pomalu a nenásilně. První uživatele si nachází <a href="http://www.withings.com/en/bodyscale">osobní váha </a>připojená na internet nebo <a href="http://en.wikipedia.org/wiki/Smart_TV">chytré televize</a>. Brzy tak budeme mít většinu domácích věci připojených k internetu. Jako další o slovo se hlásí třeba lednička s napojením na elektronické supermarkety.</div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
<br data-mce-bogus="1" /></div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
Lze předpokládat, že další zajímavou oblastí budou Vánoce, konkrétně vánoční stromeček. Běžná věc, která nachází své pravidelné místo ve většině, nejen českých domácností, by mohla být dalším kandidátem k připojení na internet. </div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
<br data-mce-bogus="1" /></div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
A jak by to fungovalo? Koupili byste si nový umělý <b>stromeček s integrovaným terminálem</b> nebo byste jen dokoupili terminál jako krabičku k živému (vlastně již mrtvému) stromku (takový dongle). Tento terminál bude schopný připojit se k internetu přes WiFi a spárovat se svým poskytovatelem. Darovat dárky budeme jedním kliknutím přes internet - vyberete knihu, film nebo hudební album. Zaplatíte vaší oblíbenou online službou a dáte <em style="border: 0px; margin: 0px; padding: 0px;"><strong>Odeslat jako dárek. </strong></em>Všechny tyto dárky budou uložené v cloudu a příjemce si je vyzvedne 24.12 večer (potažmo 25.12 ráno). Rodina se potom sejde u stromečku, připojí svá zařízení (tablety, mobily, x-handsety) ke stromečku a pomocí aplikace budou rozbalovat dárky. (terminál bude sloužít tedy jako hub). Mohou si hned pustit film, přečíst knihu nebo poslechnout hudbu. Zároveň budou svoji radost sdílet nejen v kruhém rodinném, ale také virtuálním - Facebook, Twitter nebo Google+. Poděkování za dárek formou emailu je samozřejmostí.</div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
<br data-mce-bogus="1" /></div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
Není třeba zmiňovat,jaké další výhody bude mít takové proces. Systém během nákupu automaticky zkontroluje zda tento dárek nedal již váš bratr nebo zda ho náhodou nedostal už vloni od někoho jiného. Protože zařízení bude o nás vědět více než my samotní, můžete si vyžádat seznam doporučení, co by se mohlo dotyčnému líbit (<i>Hele, 18 kliknul na tuto reklamu s touto knihou - nechceš mu ji koupit?</i>)</div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
<br /></div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
Jako první by takovou věc mohl chtít implementovat Amazon nebo Google. Ten první s hlavní motivací napojení na svůj elektronický obchod a ten druhý o propojení prodejců se zákazníky.</div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
<br /></div>
<div style="border: 0px; margin: 0px; padding: 0px;">
<div style="font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; text-align: justify;">
Tak jako tak, jsme stále v roce 2012 a proto si užijte klasické rozbalování dárků. </div>
<div style="text-align: justify;">
<span style="font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px;"><br /></span></div>
<b style="font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px;"></b><br />
<div style="text-align: justify;">
<b style="font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px;"><b>Přeji pěkné Vánoce všem čtenářům!</b></b></div>
<b style="font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px;">
</b></div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
Ivan</div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-JeybRWCedjc/UNg6UoMEXJI/AAAAAAAAGKc/H_2dUwcCBfg/s1600/tree.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-JeybRWCedjc/UNg6UoMEXJI/AAAAAAAAGKc/H_2dUwcCBfg/s320/tree.jpg" width="232" /></a></div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
<br /></div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
<br /></div>
<div style="border: 0px; font-family: Helvetica, Arial, 'Droid Sans', sans-serif; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px; text-align: justify;">
<br data-mce-bogus="1" /></div>
Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com4tag:blogger.com,1999:blog-5655757981475873106.post-79865733768959167812012-11-17T00:46:00.001+01:002012-11-17T12:14:05.027+01:00Ingress - první zkušeností z augmented reality hry od Google<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<i>(aktualizace 17.11. 12:15)</i><br />
<br />
<b>Základní info</b><br />
<ul>
<li>mobilní hra využívající aktuální pozici uživatele (GPS) a metadata z internetu - Google to nazývá <i>Augmented Reality Game</i> (ARG)</li>
<li>uzavřená beta verze pouze na pozvánky přes web, ty se nedají zatím přeposílat mezi uživateli</li>
<li>hru vytvořila interní skupin Google skupina Niantic Labs, kterou vede John Hanke, zakladatel firmy Keyhole (a už víte co znamená to <b>K</b> v KML :), která byla akvizovaná Google a přejmenována na Maps/Earth</li>
<li>k dispozici zatím pouze verze pro <a href="https://play.google.com/store/apps/details?id=com.nianticproject.ingress">Android</a>, v následujících měsících i iPhone</li>
<li>oficiální stránky <a href="http://www.ingress.com/">Ingress </a></li>
</ul>
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/92rYjlxqypM?feature=player_embedded' frameborder='0'></iframe><br />
<div>
<br />
<br />
<b>Příběh</b><br />
<br />
<ul>
<li>vědci z CERNu během experimentu objevili Tajemnou hmotu (Exotic Matter [XM]), která je rozprostřena po světě</li>
<li>dále se u významných míst (sochy, muzea a další veřejná prostranství) vyskytují tzv. Portály (portals)</li>
<li>existují dvě skupiny, které mají zájem hmotu využít - Osvícenci (The Enlightened) a Odpůrci (The Resistance)</li>
<li>Shapers je kódové označení pro vícedimenzovou inteligenci, která infiltruji naši dimenzi prostřednictvím XM portálů</li>
<li>cílem Osvícenců (The Enlightened) je za pomocí Shapers infiltrovat zemi, protože věří že dokážou přinés užitečné využití pro celé lidstvo (jejich portály mají zelenou barvu)</li>
<li>cílem Odpůrců (The Resistance) je ubránit se invazi Shapers, protože vidí hrozivé následky změn a chtějí tak ochránit lidstvo (jejich portály mají modrou barvu)</li>
<li>každá skupina tedy získává Portály, staví v nich Rezonátory, ty seskupují do Polí a za každé pole jsou Mind Units, které měří vývoj hry</li>
<li>cílem je spolupracovat s ostatními hrači na dobývání a záchraně světa</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-nQBhJc-8x1I/UKdv68qBjUI/AAAAAAAAGDg/nlORVWXXiv8/s1600/faction.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-nQBhJc-8x1I/UKdv68qBjUI/AAAAAAAAGDg/nlORVWXXiv8/s1600/faction.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Obrazovka pro výběr </div>
<div>
<br /></div>
<div>
<b>Popis hry</b></div>
<div>
<ul>
<li>chozením po městě sbíráte elektřinu (XM) - stačí když kolem ní projdete</li>
<li>na speciálních místech po městě jsou Portály (často to jsou turistické lokace s fotkou)</li>
<li>pokud jste v dosahu Portálu (50m), můžete ho <i>hacknout </i>- tím z něho získáte nějaké předměty (např. klíč, Rezonátor, XMP nebo tajemné předměty)</li>
<li>dále k Portálu můžete přistavět Rezonátory (těch může mít až 8) </li>
<li>pokud má Portál postaveny všechny Rezonátory a je doplněn energii (kterou jste nasbírali), můžete ho spojit s jiným Portálem v okolí (musí mít také 8 Rezonátorů). Navíc ještě musíte mít klíč.</li>
<li>pokud se spojíte 3 Portály dohromady (do trianglu) vytvoří tzv. Pole</li>
<li>za vytvoření Pole získávate body (Action Points) a hlavně vaše strana (Osvícenci / Odpůrci) získá body - tzv. Mind Units</li>
<li>cílem celé hry je získat pro svoji stranu nejvíce Mind Units </li>
<li>spojovat Portály může i na delší vzálenosti,ale musí do nich umístit silnější Rezonátory, čím vyšší stupeň, tím je potřeba více lidí na postavení</li>
<li>pokud jste u cizího portálu, můžete na něj zaútočit pomocí XMP předmětu nebo ho hacknout</li>
<li>kromě hracích předmětů máte i tajemené předměty (desky, kniha), ke kterým slouží tento web jako rozcestník http://www.nianticproject.com/</li>
</ul>
<div>
<br /></div>
</div>
<div>
<b>Tipy a triky pro hraní</b><br />
INTEL je mapa s vizualizací jaké území je ovládáno . Je dobře skryta a dostanete se k ní přes odkaz <a href="http://www.ingress.com/intel">http://www.ingress.com/intel</a> (musíte mít účet do hry). Na obrázku vidíte zeleně portály, které jsem postavil během páteční noci :) Můžete si prohlédnout jaké portály jsou blízko vás, můžete zde proměnit kódy hry za bonusy v podobě AP nebo předmětů a zároveň je zde k dispozici chat (globální/lokální a pak celkový /jen se svoji stranou)<b><br /></b>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-wOCGXnNDpis/UKdrtzwqXYI/AAAAAAAAGDQ/NjKMHA46IDo/s1600/ingress.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="http://1.bp.blogspot.com/-wOCGXnNDpis/UKdrtzwqXYI/AAAAAAAAGDQ/NjKMHA46IDo/s320/ingress.png" width="320" /></a></div>
¨<br />
<br />
Bonusové kódy, za které dostanete AP a XM (v rozsahu 100-300)<br />
<br />
<br />
<ul>
<li>3ra8jarvisq3s9</li>
<li>9uc8epiphanyx2y9y</li>
<li>8qb2coverups5y5x</li>
<li>9vh3higgsz7r7x</li>
<li>8wg2portalp9t2w</li>
<li>9rh7pandoraz7y8q</li>
<li>9yf9creativer5v7u</li>
<li>kureze33d</li>
</ul>
<br />
<br />
<br />
<br />
<div>
Tvorba vlastní portálů:</div>
<div>
<ul>
<li>zapněte si GPS a povolte ukládání souřadnic do fotgrafií</li>
<li>uděljte nějakou fotografii (socha, zajímavá architektura, historické budovy, grafity, zajímavý lokální obchod, park)</li>
<li>vyberte sdílet a zvolte NIA Super OP</li>
<li>po odeslání se pošle email do centrály, který to během 2-3 týdnů schválí</li>
</ul>
</div>
<br />
<br /></div>
<div>
<b>Osobní zkušenost</b></div>
<div>
<ul>
<li>hra mi byla aktivována v pátek ráno, takže jsem ji vyzkoušel po cestě do práce, po spuštění vás přivítá tutoriál s cca 8 úkoly, abyste pochopili principy hry (po mém článku to máte mnohem lehčí :), po dokončení tutoriálu si vyberete stranu (vybral jsem si i The Enlightened)</li>
<li>kolem Dejvic moc Portálů nebylo, tak jsem šel do centra kde jich je už dost (turistická zajímavá místa)</li>
<li>dole na Václavském náměstí jsem postavil první kompletní portál (s 8 rezonátory), ale protože jsem neměl další tak jsem se prošel na Staroměstské náměstí a k Prašné bráně - vrátil jsem se na místo, kde se mi stejně nepodařilo rozchodit druhý Portál</li>
<li>na Václavském náměstí nahoře jsem postavil a spojil dva Portály, což samozřejmě vedlo k tomu, že jsem to nechtěl nechat "rozdělané" a tak jsem šel k Muzeu pro nasbírání pár předmětů, zažehnutí třetího Portálu a vytvořeního mého prvního Pole</li>
<li>celkově jsem hrou strávil cca hodinu, kdy jsem chodil po městě a koukal do mobilu, v některých situacích to muselo vypadat zajimavě</li>
<li>těším se až hru bude používat více lidí, protože pak bude opravdu zajímavé</li>
</ul>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Km-CM4lRCf8/UKbOp9Ox97I/AAAAAAAAGDA/Fq92-dqpMP4/s1600/Screenshot_2012-11-16-21-32-53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-Km-CM4lRCf8/UKbOp9Ox97I/AAAAAAAAGDA/Fq92-dqpMP4/s320/Screenshot_2012-11-16-21-32-53.png" width="180" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
Václavské náměstí (stál jsem dole)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-lN57LNoE5SQ/UKbN1I7nq8I/AAAAAAAAGC4/1IFdA3BdE68/s1600/Screenshot_2012-11-16-21-56-46.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-lN57LNoE5SQ/UKbN1I7nq8I/AAAAAAAAGC4/1IFdA3BdE68/s320/Screenshot_2012-11-16-21-56-46.png" width="180" /></a></div>
<div style="text-align: center;">
Pole, složené z trianglu Portálů</div>
</div>
<br />
<b>Budoucnost</b><br />
<div>
<ul>
<li>někteří lidé na internetu hovoří pouze o chytrém kalkulu Google, který tak chce nechat lidi (stejně jako mravence), aby jim nasbírali data o peších cestách ve městě - což je tak mazané, až si přeju aby to byla pravda :-)</li>
<li>osobně si myslím, že jde o velmi zajímavý počin na který většína lidí čekala, protože spojení mobilu a reality s fiktivním daty a ještě osolením slove gamifikace, může přinést zajímavé výsledky jako např. Ingress</li>
</ul>
<div>
<b>Slovníček</b><br />
<br />
<ul>
<li>Scanner</li>
<ul>
<li>základní technologie vašeho telefonu, protože umí detekovat Portály (Portals)</li>
</ul>
<li>Tajemmná hmota (XM, Exotic Matter) </li>
<ul>
<li>vzácná tripolární energie, která k nám pronikla z jiné dimenze</li>
<li>je základem všech technologii Shaperů</li>
<li>využívá ji např. i váš scanner a když klesne pod určitou úroveň tak se vypne, sbírání této ele</li>
</ul>
<li>XMP</li>
<ul>
<li>nepolarizovaná zbraň, která vysílá signál do okolí 360</li>
<li>lze je upgradovat na větší efekt zásahu</li>
</ul>
</ul>
<br />
<br /></div>
</div>
<div>
<b>Otázky & odpovědi</b></div>
<div>
<ul>
<li>Mohu změnit skupinu (Osvícenci / Odpůrci)? </li>
<ul>
<li>Ano, ale musíte o to požádat na této <a href="https://support.google.com/ingress/contact/change_faction?rd=1">stránce</a></li>
</ul>
</ul>
</div>
<div>
<br /></div>
Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com15tag:blogger.com,1999:blog-5655757981475873106.post-77773640383248963892012-11-02T23:10:00.000+01:002012-11-04T13:11:18.050+01:00Žebříček nejlépe hodnocených přednášek z Webexpo 2012<div>
Sestavil jsem <b>žebříček nejlépe hodnocených přednášek</b> z konference WebExpo 2012. Udělal jsem to z jednoho prostého důvodu: mám rád data a život je přílíš krátky na to sledovat průměrné věci. Pokud dokážeme věci ohodnotit, jsme schopni snadno odlišit průměr od nadpůrměru a podprůměr od průměru. Svoji energii věnujeme jen nejdůležitějším (někdy i nejzajímavějším) věcem - v našem případě přednáškám.</div>
<div>
<br /></div>
<div>
Každá přednáška má na webu konference své hodnocení. Pomocí Google Spreadsheetu a vložených funkcí jsem vše načetl, očistil, zparsoval, upravil a zpublikoval. Celkově mi to zabralo 30 minut času. Výsledná tabulka je zde</div>
<div>
<br /></div>
<iframe frameborder="0" height="1250" src="https://docs.google.com/spreadsheet/pub?key=0AoASlrYNXXdvdFliZ0xFYS16MXhBdWkzVE1xdzJObHc&single=true&gid=1&range=A1%3AE62&output=html&widget=false" width="450"></iframe>Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com5tag:blogger.com,1999:blog-5655757981475873106.post-78413458993850180412012-10-28T21:09:00.003+01:002012-10-28T21:09:27.755+01:00Návod jak synchronizovat Google Kalendář mezi dvěma účty<a href="http://1.bp.blogspot.com/-vGfeXCq9RwA/UI2QFcFhlJI/AAAAAAAAF_8/MnBofePNSDU/s1600/calendar-48.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-vGfeXCq9RwA/UI2QFcFhlJI/AAAAAAAAF_8/MnBofePNSDU/s1600/calendar-48.png" /></a>Jak roste popularita Google služeb, tak se více setkávám s uživateli, kteří mají 2 a více Google účtů (klasicky jeden osobní na Gmailu, pak pracovní s Google Apps a aby toho nebylo málo tak také osobní na Google Apps)<br />
<br />
U některých služeb potřebujete mít stále aktualizovaná data, protože vždy jednáte s jinou skupinou uživatelů. A pokud vám situace nedovolí jinak (např. přes sdílení kalendářů), musíte se uchýlit k synchronizaci.<br />
<br />
Minulý týden jsem objevil zajímavou službu <b><a href="https://zapier.com/">Zapier</a></b>, která funguje obdobně jako IFTTT. Pomocí drag'n'drop složíte dohromady služby, které dají dohromady <i>recept</i> (vše je pod stejným vzorem typu <i> POKUD SE stane něco TAK POTOM udělej něco</i>). A právě tuto službu využijeme pro synchronizaci dat mezi Google Kalendáři.<br />
<br />
Po vytvoření účtu na službě Zapier stačí navštívit Nastavení a zvolit <a href="https://zapier.com/app/settings/authorizations">Autorizace </a> Po kliknutí na <b>Add new</b> přidáte postupně dva kalendáře (připomínám, že se může jednat o dva rozdílné Google účty).<br />
<a href="http://2.bp.blogspot.com/-giQKcVeAxmc/UI2NM4zSh-I/AAAAAAAAF_o/qDXEeEe9xbY/s1600/zapier_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="235" src="http://2.bp.blogspot.com/-giQKcVeAxmc/UI2NM4zSh-I/AAAAAAAAF_o/qDXEeEe9xbY/s400/zapier_1.png" width="400" /></a><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Poté se vrátíte na hlavní stránku s vložíte do obou boxů službu Google Kalendář. Po vložení vyberete, že v prvním případě se jedná o trigger New event a v druhém případě akci New Detailed Event. Nakonec kliknete na <b>Create this Zap.</b><br />
<b><br /></b>
<a href="http://2.bp.blogspot.com/-O2_RV9KYTss/UI2NMR7y0tI/AAAAAAAAF_k/Jg81yPefCGA/s1600/zapier.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="169" src="http://2.bp.blogspot.com/-O2_RV9KYTss/UI2NMR7y0tI/AAAAAAAAF_k/Jg81yPefCGA/s320/zapier.png" width="320" /></a><br />
<br />
<br />
Následuje nastavení synchronizace. Vyberete zdrojový / cílový kalendář, dospecifikujete jak se mají spojit jednotlivá pole (název akce, místo, podrobnosti, začátek, konec). Nakonec kliknete na<b> Enable and sync new data. </b>Pro otestování můžete vytvořit novou událost v jednom kalendáři a provést synchronizaci ručně (v listu Live Zips kliknete na ozubené kolo a zvolíte Run) Připomínám, že jsme právě nastavili jednosměrnou synchronizaci.<br />
<br />
<b>Jak často se data synchronizují a kolik mě to bude stát?</b><br />
Zapier je pro základní použití zdarma - můžete využít až 5 integrací a každá akce se provádí jednou za 5h. V případě prvního placeného plánu ($15/měsíc) můžete používat 10 integraci a synchronizace je každých 15 min.<br />
<br />
Pokud byste chtěli řešit synchronizaci kontaktů mezi kolegy na platformě Google Apps, můžu doporučit <a href="http://www.contactsatori.com/">ContactSatori</a>, který vám to umožní přímo z rozhraní vašeho Gmailu (přes sdílenou skupinu).<br />
<br />
<br />
<br />Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com1tag:blogger.com,1999:blog-5655757981475873106.post-77632928259606934712012-07-30T23:20:00.006+02:002012-07-30T23:20:55.139+02:00Svaté grály marketingu (1) - Google Schemer<div style="text-align: justify;">
Seriály na tomto blogu začínají a zároveň končí vždy u prvního dílu. Rád bych toto změnil tímto dílem a trochu můj blog oživil. V <i>předposledním</i> díle se hned podíváme na službu, která se jmenuje Google Schemer</div>
<div>
<div style="text-align: justify;">
<br /></div>
<div>
<div style="text-align: justify;">
Hlavní motivací ke vzniku služby jsou samotná data uživatelů, která se transformují do zpeněžitelné podoby. <b>Google Schemer</b> je nepřímá nástavba na sociální síť Google+, která vám umožňuje si označovat věci, které chcete udělat anebo následně označit jejich provedení. Najdete tak obecný scheme a přidáte ho mezi své. Můžete tak chtít <a href="https://www.schemer.com/scheme/05u0ss53jbu8g/9dj2dafhq6i4s">vidět film Inception</a>, <a href="https://www.schemer.com/scheme/33aik6vi38jrm/9dj2dafhq6i4s">získat Galaxy Nexus</a> nebo <a href="https://www.schemer.com/scheme/fnl4aseie5ehq/9dj2dafhq6i4s">uběhnout maraton</a>. Zároveň se můžete podívat na věci, které je možné dělat na konkrétním místě - ať už jde o <a href="https://www.schemer.com/find/Paris%2C%20France">Paříž</a>, <a href="https://www.schemer.com/find/London%2C%20United%20Kingdom">Londýn</a> nebo <a href="https://www.schemer.com/find/Prague%2C%20Czech%20Republic">Prahu</a>. Pokud cestujete, rozhodně to může být inspirující. Zároveň jsou <i>schemes </i>záložkovány do štítků, takže si snadno vylistujete inspiraci na <a href="https://www.schemer.com/find/_/c/books">knihy</a>, <a href="https://www.schemer.com/find/_/c/rainy%20day%20activities">aktivity pro dešťový den</a> nebo pro <a href="https://www.schemer.com/find/_/c/picnic">piknik</a></div>
<br />
<div style="text-align: justify;">
<span style="color: #1155cc; font-family: Arial; font-size: 15px; white-space: pre-wrap;"><br /></span></div>
<div style="font-weight: bold; text-align: center;">
<b style="font-weight: normal;"><img height="225px;" src="https://lh5.googleusercontent.com/YEocB_J9fNz5Szv0yBqxeKE8MigNGtWAz9fWLwtTnr7KiSXIOxfK0tUO2sAVZeKpJ1sWjAahsoaWNzTGH-voUk8ViHcHUv9RCSDNpMT5wsZhTRICmg" width="391px;" /></b></div>
<span style="vertical-align: baseline;"><div style="text-align: justify;">
<br /></div>
</span>A v čem je ta hlavní síla? Jednoznačně <b>reklama </b>- už to čicháte? Na Facebooku systém funguje na minulé aktivity. Líbí se vám město Paříž, kniha Hypnotizér nebo skupina Muse, protože jste ji v minulosti navštívili/četli/slyšeli. Kdežto pokud označujete,že byste rádi chtěli podívat do Londýna, přečetli knihu Derrena Browna nebo šli na koncert U2, tak se na vás rozhodně bude lépe cíli reklama. Letenky do londýna, výprodej knih nebo lístky na koncert. Po sjednocení podmínek používání u Google a návaznosti na jeden Plus účet je to již možné!<span style="vertical-align: baseline;"><div style="text-align: justify;">
<br /></div>
</span><b style="font-weight: normal;"><div style="text-align: justify;">
Služba tak vznikla především pro získání zájmu uživatelů, pro snadnější cílení reklam a možná i pro další statistické korelace. A protože namačkat vše do G+ by nemělo smysl, vznikla tak služba vedle - která ovšem zpočátku využívá vztahy (kruhy) vytvořené na plusku.</div>
<span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"></span></b></div>
</div>Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-61235393727942595042012-04-09T19:16:00.000+02:002012-05-26T16:58:46.034+02:00Project Glass aneb Google brýle s rozšířenou realitou (kompletní shrnutí)<a href="http://3.bp.blogspot.com/-nt9541GW-mk/T4MOW9EY63I/AAAAAAAAExw/xXVVF87w3u8/s1600/glass_piece_250x250.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" height="200" src="http://3.bp.blogspot.com/-nt9541GW-mk/T4MOW9EY63I/AAAAAAAAExw/xXVVF87w3u8/s200/glass_piece_250x250.png" width="200" /></a><br />
Článek je postupně aktualizován (poslední změna 24.5.2012)<br />
<div style="font-weight: bold;">
<b><br /></b></div>
<b>Project Glass</b> je název nového projektu Google pro brýle, které umožní do reálného světa promítat virtuální informace. Jde o tzv. <i>augmented reality</i> princip, který byl dosud znám pouze z mobilů nebo tabletů. Na základě vaší polohy (GPS), směru pohledu (kompas) a úrovni náklonění (akcelerometr) dokáže zařízení (v rámci technologický možností) načíst body v okolí a vykreslit je ve virtuální grafické vrstvě.<br />
A právě brýle jsou tím ideálním zařízením pro zobrazování těchto informací.<br />
<br />
První reálnější obrysy projektu se <a href="http://9to5google.com/2011/06/24/wearables-expert-ridard-devaul-jumps-ship-from-apple-to-google/">objevily </a>v polovině roku 2011. Do Google nastoupil Richard DeVaul, PhD. specialista z MIT na <i>wearable technologies,</i> který napsal dizertační práci na téma "<i><a href="http://www.media.mit.edu/wearables/mithril/memory-glasses.html">The Memory Glasses</a></i>“. Zajímavostí může být, že dříve pracoval pro Apple.<br />
<br />
Na konci roku 2011 se na internetu <a href="http://bits.blogs.nytimes.com/2011/12/18/wearing-your-computer-on-your-sleeve/">objevily zprávy</a> o chystaných typově nových spotřebitelských zařízeních u firem Apple a Google. Oproti stávajícím by se mělo jednat o zařízení, která je možná nosit na těle (např. hodinky či brýle).<br />
<br />
Později došlo k<a href="http://9to5google.com/2011/12/19/google-xs-wearable-technology-isnt-an-ipod-nano-but-rather-a-heads-up-display-glasses/"> upřesnění</a>, že brýle se vyvíjejí v <a href="http://en.wikipedia.org/wiki/Google_X_Lab">Google X Labs</a>.Zde se věnují novým <i>technologiím budoucnosti. </i>Ze stejného místa např. pocházejí samojezdící auta. Bezpochyby je motivací Google vybudovat podobnou laboratoř jako se to povedlo firmě Xerox v 70.letech s <a href="http://en.wikipedia.org/wiki/PARC_(company)">PARC </a>(Palo Alto Research Center Incorporated). V této laboratoři vzniklo velké množství nových produktů, které kompletně změnili pohled na výpočetní techniku <i>(např. laserová tiskárna, ethernet, grafické rozhraní GUI (později koupeno Applem), objektově orientovaný programovací jazyk</i>) Dle dostupných zprávy by tyto brýle by neměli být pouze doplňkem k Androidu, ale plně soběstačné zařízení komunikující s cloudem přes internet. Mobil by zde mohl sloužit pouze jako mezistupeň pro připojení k internetu. (Wi-Fi nebo Bluetooth).<br />
<br />
Začátkem roku 2012 byly dohady již <a href="http://www.theverge.com/2012/2/21/2815187/google-heads-up-display-glasses-to-sell-for-250-to-600-this-year-nyt/in/2689413">konkrétnější</a>. Speciální brýle by měli být dostupné na konci tohoto roku v cenovém rozmezí $250-$600. Cenově se tedy blíží mobilním telefonům.<br />
<br />
Novou vlnu článků spustil <a href="https://plus.google.com/111626127367496192147/posts">příspěvek </a>na sociální sít Google+, který v krátkosti informoval o projektu spolu s krátkým videem. Doporučuji pustit video minimálně jednou.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/9c6W4CCU9M4" width="560"></iframe>
<br />
<br />
Snaha o maximální integrace na Google služby je více než zřejmá. Z možných využitích služeb se jedná o. Kalendář (plánování událostí), Počasí (stav teploty), Gtalk (textová komunikace), Mapy (pro navigování), StreetView (navigace) Latitude (pro uchovávání polohy), Google+ (sdílení příspěvků), Google+ Hangout (videokonference), Goggles (rozpoznávání obrázků), Picasa (uchovávání fotek), Voice Actions (hlasové ovládání) a hlavně Search (odpovídání dotazů).<br />
<br />
Na projektu se veřejně podílí<br />
<ul>
<li><a href="https://plus.google.com/109813896768294978296/posts">Sergey Brin</a> (spoluzakladatel Google a nyní hlavní vizionář a lídr Google X Labs)</li>
<li><a href="https://plus.google.com/100149980664588993669/posts">Babak Parviz</a> (profesor na univerzitě ve Washingtonu specializující se na nanotechnologie)</li>
<li><a href="https://plus.google.com/114932700939795553621/posts">Steve Lee </a>(dříve manažer v mapové divizi, nyní ředitel Google X Labs)</li>
<li><a href="https://plus.google.com/101416274833608453021/about">Sebastian Thrun </a>(profesor na Stanfordu, který zde řídí AI laboratoř, podílel se již na samojezdících autech Google)</li>
</ul>
<div>
Na oficiální Google+ stránce projektu jsou kromě prvního příspěvku také zobrazeny fotografie lidí s těmito brýlemi (viz níže)</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-vwW2vhBHjhk/T4MN--rT_dI/AAAAAAAAExI/KObs6oJ61ys/s1600/glass_photos.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://1.bp.blogspot.com/-vwW2vhBHjhk/T4MN--rT_dI/AAAAAAAAExI/KObs6oJ61ys/s200/glass_photos.jpg" width="175" /></a></div>
<a href="http://4.bp.blogspot.com/-PwF5TngHL3Y/T4MOEjB9NPI/AAAAAAAAExc/lFV93zbFXlE/s1600/glass_photos4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="200" src="http://4.bp.blogspot.com/-PwF5TngHL3Y/T4MOEjB9NPI/AAAAAAAAExc/lFV93zbFXlE/s200/glass_photos4.jpg" width="175" /></a><a href="http://2.bp.blogspot.com/-o5wQEdKo0VQ/T4MN_ybhooI/AAAAAAAAExM/DE_d1cdNRgU/s1600/glass_photos2.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="200" src="http://2.bp.blogspot.com/-o5wQEdKo0VQ/T4MN_ybhooI/AAAAAAAAExM/DE_d1cdNRgU/s200/glass_photos2.jpg" width="175" /></a><a href="http://3.bp.blogspot.com/-GK5IbEWmMcU/T4MOAvODfqI/AAAAAAAAExY/BIb9QrGqupg/s1600/glass_photos3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="200" src="http://3.bp.blogspot.com/-GK5IbEWmMcU/T4MOAvODfqI/AAAAAAAAExY/BIb9QrGqupg/s200/glass_photos3.jpg" width="200" /></a><a href="http://1.bp.blogspot.com/-aFGb84yEZvE/T4MOGBaXQeI/AAAAAAAAExo/WqpF7Lj3Vfo/s1600/glass_photos5.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="200" src="http://1.bp.blogspot.com/-aFGb84yEZvE/T4MOGBaXQeI/AAAAAAAAExo/WqpF7Lj3Vfo/s200/glass_photos5.jpg" width="175" /></a><br />
<br />
<br />
Několik dní po uvolnění prvních zpráv se objevily fotografie Sergeje Brina s těmito brýlemi. Spoluzakladatel Google tedy brýle zdá se testuje a zároveň mu nedělá potíže se s nimi vyfotit.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-i2pKIplNDG8/T4MUk2pNbhI/AAAAAAAAEx4/Fjd47HqL1Sg/s1600/brin1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://4.bp.blogspot.com/-i2pKIplNDG8/T4MUk2pNbhI/AAAAAAAAEx4/Fjd47HqL1Sg/s400/brin1.JPG" width="298" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-fF2_yX3wwuw/T4MUnPsAuBI/AAAAAAAAEyA/i4zGsm4Tsjc/s1600/brin3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="http://2.bp.blogspot.com/-fF2_yX3wwuw/T4MUnPsAuBI/AAAAAAAAEyA/i4zGsm4Tsjc/s400/brin3.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-R1jiYk3AZZ0/T4MUoUPWKcI/AAAAAAAAEyQ/CK7wtlz08Bs/s1600/brin4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="http://2.bp.blogspot.com/-R1jiYk3AZZ0/T4MUoUPWKcI/AAAAAAAAEyQ/CK7wtlz08Bs/s400/brin4.png" width="400" /></a></div>
<br />
Jednoznačně jde o projekt zajímavý a diskutovaný. Netradiční je také způsob uvolnění zprávy, které nešla oficiálními cestami (blog, tiskovka), ale sociální sítí. Sergey Brin se nechal slyšet, že hlavním důvodem vypuštění je získání zpětné vazby od uživatelů, zda by takové zařízení chtěli používat.Lze předpokládat, že první prototypy budou k dispozici pro vývojáře na Google IO, která je na konci června. Nutno připomenout, že původně se konference měla konat už na konci dubna, ale nakonec došlo k posunutí.Uvolnění prototypů pro vývojáře dává smysl, protože jedině tak přípraví zajímavé aplikace.<br />
<br />
Pro Google je tento typ projektu důležitý, protože po dlouhé době dělá inovativní projekty a nesnaží se dohánět a modifikovat konkurenční projekty (Facebook/Google+, Google TV/Apple TV, Android/iOS)<br />
<br />
První zveřejnění brýlí v reálném <i>použití </i>proběhlo v pořadu Charlie Rose koncem dubna. Sebastian Trun vyfotil moderátora a okomentoval nejen brýle,ale i samojezdící auta. Doporučuji si video pustit několikrát, speciálně tu část, kdy pohybuje očima a vydává příkazy<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/FzpCcJ8sXik" width="420"></iframe>
<br />
<br />
Konečná fotka vypadala poté takto<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-LAPdbZxjfJY/T5Ci4nkKzOI/AAAAAAAAAiQ/BhU6qxIYVSQ/s720/rose.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://3.bp.blogspot.com/-LAPdbZxjfJY/T5Ci4nkKzOI/AAAAAAAAAiQ/BhU6qxIYVSQ/s400/rose.jpg" width="400" /></a></div>
<br />
<br />
O měsíc později (květen 2012) se Larry Page objevil na konferenci Zeitgeist 2012 <i>obrýlený.</i> Jedinou vadou na kráse, může být přítomnost papíru s poznámkami, kdy ho od celé znalosti světa dělí jen pár mrknutí.<br />
<i><br /></i><br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/Y0WH-CoFwn4" width="560"></iframe>
<br />
<br />
V květnu ještě došlo k uvolněna první série fotek (a jednoho videa) pořízených z tohoto zařízení. Celé album naleznete <a href="https://plus.google.com/u/0/photos/111626127367496192147/albums/5745849874061604161">zde</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-6W1U65RD9E4/T71cNnIE8tI/AAAAAAAADXU/I2LZeOSAFLI/s868/5+-+Catching+ball.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="http://1.bp.blogspot.com/-6W1U65RD9E4/T71cNnIE8tI/AAAAAAAADXU/I2LZeOSAFLI/s200/5+-+Catching+ball.jpg" width="200" /></a><a href="http://4.bp.blogspot.com/-PnslK1CnRBI/T71cBW3xTbI/AAAAAAAADWs/icPZkLw1Ga8/s868/1+-+running.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="http://4.bp.blogspot.com/-PnslK1CnRBI/T71cBW3xTbI/AAAAAAAADWs/icPZkLw1Ga8/s200/1+-+running.jpg" width="200" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-x4NsWO4Hcv0/T71cOvaj6TI/AAAAAAAADXs/Py-AjgxdH6k/s868/6+-+street+perspective.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="http://3.bp.blogspot.com/-x4NsWO4Hcv0/T71cOvaj6TI/AAAAAAAADXs/Py-AjgxdH6k/s200/6+-+street+perspective.jpg" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-leqmLWNUY3o/T71cOhm6IVI/AAAAAAAADXk/aV-P3_2RGx0/s868/7+-+NYT.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="http://3.bp.blogspot.com/-leqmLWNUY3o/T71cOhm6IVI/AAAAAAAADXk/aV-P3_2RGx0/s200/7+-+NYT.jpg" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
O několik dní později došlo k tzv. Google Glass walk, během něho pár vybraných lidí mohlo vyzkoušet v reálném prostředí. Celá <a href="https://plus.google.com/photos/108189587050871927619/albums/5746229322469547537">fotogalerie </a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-8vpkCo7XlKk/T761TCh-E_I/AAAAAAAAk5k/pPOyPs_TkpI/s977/MH1C0477.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="133" src="http://3.bp.blogspot.com/-8vpkCo7XlKk/T761TCh-E_I/AAAAAAAAk5k/pPOyPs_TkpI/s200/MH1C0477.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-giw94n2VYnw/T761KVySYKI/AAAAAAAAk2M/bHSHsAmsrCY/s651/MH1C0188.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/-giw94n2VYnw/T761KVySYKI/AAAAAAAAk2M/bHSHsAmsrCY/s200/MH1C0188.jpg" width="133" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-77510397713030720372012-04-04T08:01:00.000+02:002012-04-04T08:01:12.996+02:00Nejnavštěvovanější stránky Ataxo (návod jak jsem kdysi měřil H1.cz)<div class="separator" style="clear: both; text-align: left;">
Před dávnou dobou jsem napsal článek <a href="http://codeasi.blogspot.com/2010/09/zname-nejnavstevovanejsi-stranky-sluzby.html">Známe nejnavštěvovanější stránky (služby) na webu H1.cz</a>, který vzbudil odezvy typu "<i>jak že jsem to jenom změřil</i>" či “<i>on něco takového umí Google Spreadsheet</i>”. Doba pokročila a tak jsem se rozhodl připravit krátký nástin toho, jak jsem to provedl. Některé z níže popisovaných věcí již nemusí fungovat a proto budu psát v minulém čase (jednotného čísla, třetí osoby, pohlaví mužského). Předně také musím napsat a upozornit na slovo “odhad” návštěvnosti. Sám vím, že nejde o 100% přesnou metodu, ale v rámci možnosti jste byli schopni alespoň rámcově či poměrově odvodit návštěvu jednotlivých stránek (např. kolik % uživatelů z hlavních stránky navštíví stránky kontaktů nebo o jaké služby je nejvíce zájem). Nemusíte se, prosím, namáhat upozorňovat na nepřesnosti a kritizovat správnost. </div>
<span id="internal-source-marker_0.9484931025654078"><br />U webu H1.cz jsem prováděl odhad návštěvnosti cca v době září-říjen 2010 a u ATAXO pak v době říjen 2010 - duben 2012 (nechal jsem to prostě běžet :-) <br /><span style="font-family: Arial;"><br /></span><b>1) Seznam stránek</b><br />V prvním kroku jsem musel získat seznam stránek daného webu. U většiny webů naleznete něco jako sekce Mapa webu (http://www.ataxo.cz/mapa-webu) a u těch SEO lepších pak dokonce i sitemapu XML (http://www.ataxo.cz/sitemap.xml). Tato data jsem si zparsoval a udělal nich txt soubor. To pro případ když bych měřil déle a web se dynamicky změnil. Tento txt soubor jsem si uložil na server (netradičně ataxo.txt)<span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;"><b><br /></b></span></span><b><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"></span></b><br /><b>2) CSS hack (teorie)</b><br />Kdysi dávno měla většina prohlížečů (později už jen část těch méně chytrých) velmi zajímavý <a href="http://jeremiahgrossman.blogspot.com/2006/08/i-know-where-youve-been.html">bug/feature</a>. Každý navštívený odkaz (link) změní v prohlížeči svoji barvu. Uživatel má tedy přehled, na jakých stránkách již byl. A právě k této hodnotě se dostane JavaScript.<span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;"><b><br /></b></span></span><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"></span><br /><b>3) CSS hack (praxe)</b><br />Vytvořil jsem si PHP stránku, která automaticky načetla všechny URL odkazy z ataxo.txt a vytvořila HTML kód<span style="white-space: pre-wrap;"><b><span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;">
</span></b></span></span><br />
<pre><span id="internal-source-marker_0.9484931025654078"><span style="white-space: pre-wrap;"><b><span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><a id="s0" href="http://www.ataxo.cz/">http://www.ataxo.cz/</a><br>
<a id="s1" href="http://www.ataxo.cz/nabizime/male-firmy">http://www.ataxo.cz/nabizime/male-firmy</a><br>
<a id="s2" href="http://www.ataxo.cz/nabizime/velke-firmy">http://www.ataxo.cz/nabizime/velke-firmy</a>
</span></b></span></span></pre>
<span id="internal-source-marker_0.9484931025654078"><span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><span style="white-space: pre-wrap;"><b><br /></b></span></span>V CSS jsem vytvořil styl, který zjistil navštívené odkazy (přes a:visited) a nastavil jim horní odsazení na 100 pixelů <br /><br /><span style="font-family: 'Courier New', Courier, monospace;">#odkazy a:visited { top: 100px; }</span><span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;"><br /></span></span><span style="font-family: Arial; font-size: 12px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"></span><br /><b>4) JavaScriptu tomu vládne</b><br />V JavaScriptu jsem si načetl všechny odkazy z minulého kroku a zjistil jsem jaký je jejich offset (tedy které jsou těch 100 pixelů posunuté). Toto měli vlastně dle CSS stylu jen ty weby, na kterých daných návštěvník byl. Pak jsem podle jednoduché binární logiky vytvořil serii 0 a 1 (pořadí odpovídá pak dané stránce). Např. 010 znamená, že uživatel navštivil pouze prostředí stránku (tedy “s1” http://www.ataxo.cz/nabizime/male-firmy)<span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;"><b><br /></b></span></span><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"></span></span>Toto číslo jsem si pomocí AJAXu uložil to TXT souboru, kde jsou již hodnoty z minulých návštěv (takže by tedy přičetla návštěva k druhému webu).<span id="internal-source-marker_0.9484931025654078"><span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;"><br /></span></span><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"></span><br /><b>5) Sháníme crowd</b><br />No a co dál? Tento skript (např. iVan.php) jsem pomocí </span> IFRAME vložil na potřebné stránky, gadgety a další srandy po webu :) Převážně šlo o můj blog (v kódu nehledejte, už je fuč :)<br />
<br />
Pokud tedy uživatel navšítvil web, automaticky se v iframe načetl můj skript (iVan.php), který načetl seznam všech stránek webu Ataxo (z textaku ataxo.txt), vykreslil HTML kód. CSS styl změnil vlastnosti již u navštívených odkazů a tyto jejich hodnoty (vlastně URL) uložil do dalšího souboru, který byl sumou všech návštěv pro jednotlivé stránky. Nejblíže byl vlastně Lukáš Zaplatílek,který o variantě CSS hacku hovořil a čímž získává prvního bludišťáka. Gratulujeme!<br />
<br />
<b>6) Statistika (ne)nuda je!</b><br />
Protože mám rád Google Spreadsheety a myslím že se hodí na všechno (kromě otevírání konzerv), tak jsem si importoval data právě sem. Vytvořil jsem si z toho pěkné (někdy i barevné) grafy a ukazoval je <i>církvi, králi, vlasti, múzam a světu</i>. (K. H. B.).<br />
<br />
<b>7) Intepretace výsledků </b><br />
Nejnavštěvovanější stránky (ad procenta - pokud má hlavní stránká 25 000 přístupů a v závorce je 20% tak stránká má 5 000 přístupů)<br />
<ul>
<li>ataxo.cz/o-nas/reference/rozdeleni-podle-produktu/seo-optimalizace-pro-vyhledavace/list (58%) </li>
<li>ataxo.cz/o-nas/reference/zakaznicke-segmenty/velke-firmy-a-korporace/list (57%) </li>
<li>ataxo.cz/produkty/sprava-ppc/odmena-z-media (51%) </li>
<li>ataxo.cz/produkty/sprava-ppc/garantovana-cena (43%) </li>
<li>ataxo.cz/nabizime/male-firmy/emailing (35%) </li>
<li>ataxo.cz/o-nas/reference/rozdeleni-podle-produktu/sprava-ppc/list (31%) </li>
<li>ataxo.cz/o-nas/proc-ataxo (30%) </li>
<li>ataxo.cz/o-nas/reference/zakaznicke-segmenty/zivnostnici-a-male-firmy/list (28%) </li>
<li>ataxo.cz/nabizime/male-firmy (26%)</li>
</ul>
<br />
Nejvíce je zájem o o reference, u H1 to bylo O nás a Tým. Zajmavé, že..<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://jsbin.com/aqiduk"><img border="0" height="212" src="http://3.bp.blogspot.com/-S9WauykUcZU/T3t9F7pyOJI/AAAAAAAAEwc/Sit_EGeA9-A/s400/ataxo.png" width="400" /></a></div>
<br />
Graf ve velkém, barevném provedení na <a href="http://jsbin.com/aqiduk">http://jsbin.com/aqiduk</a> (pokud si z toho chcete udělat plakát)Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-6808591038434922292012-02-12T11:14:00.001+01:002012-02-12T11:14:15.481+01:00Máte doma barevné brýle? Vytvořte si snadno 3D obrázek v ChromeJestlli máte doma barevné (<b><span style="color: red;">red</span>/<span style="color: cyan;">cyan</span></b>) brýle,tak si můžete pomocí rozšíření do Chrome vytvořit 3D obrázek (tzv. anaglyph). O 3D se v poslední době hodně hovoří, takže jste mohli takové brýle např. dostat jako přílohu v časopise, dárek na konferenci nebo k nějakým filmům na DVD.<br />
<br />
Rozšíření pro webové prohlížeč se jmenuje <b><a href="https://chrome.google.com/webstore/detail/nhgjpfdjhlimkkdgnecbgnefdafbcncc">3Dnator</a></b>. Instalace je velmi jednoduchá - stačí navštívit <a href="https://chrome.google.com/webstore/detail/nhgjpfdjhlimkkdgnecbgnefdafbcncc">stránku rozšíření</a> a kliknout na tlačítko Přidat do Chrome (viz obrázek níže). Pokud nemáte Chrome, tak ho stáhnete <a href="http://www.google.com/chrome"><b>odtud</b></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-7Dk_vJBcmZ4/TzV2mDR-UYI/AAAAAAAAEds/N14_C9AgTw0/s1600/3dnator.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="http://4.bp.blogspot.com/-7Dk_vJBcmZ4/TzV2mDR-UYI/AAAAAAAAEds/N14_C9AgTw0/s320/3dnator.png" width="320" /></a></div>
<br />
Druhým (a posledním) krokem instalace je potvrzení přístupu.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-7AgOiqjkGr0/TzY9GTb8vyI/AAAAAAAAEd0/s0oh6JpTvhA/s1600/3dnator2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: left;"><img border="0" height="158" src="http://2.bp.blogspot.com/-7AgOiqjkGr0/TzY9GTb8vyI/AAAAAAAAEd0/s0oh6JpTvhA/s320/3dnator2.png" width="320" /></a></div>
<br />
<br />
Po instalaci sem vám v pravém horním rohu objeví ikonka brýlí.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-HMNVSsV7eBI/TzY9G6vul5I/AAAAAAAAEd4/QdqRujxmVRU/s1600/3dnator3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="110" src="http://2.bp.blogspot.com/-HMNVSsV7eBI/TzY9G6vul5I/AAAAAAAAEd4/QdqRujxmVRU/s320/3dnator3.png" width="320" /></a></div>
<br />
<br />
Při zapnutém rozšíření se vytváří 3D obrázky z většiny obrázků, které potkáte během prohlížení webu. Zkuste si něco zadat do Google Image Search.<br />
<br />
Pakliže chcete jen jednorázově převádět fotografie, tak můžete stálý převod vypnout a vždy jen kliknout pravým tlačítkem myši na danou fotografii a vybrat z nabídky 3Dnator! V novém okně se otevře převedený obrázek.<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-nlbANAfT88Q/TzY9Hj84XDI/AAAAAAAAEeA/sDtRfNH_t88/s1600/3dnator5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-nlbANAfT88Q/TzY9Hj84XDI/AAAAAAAAEeA/sDtRfNH_t88/s320/3dnator5.png" width="298" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="background-color: yellow; clear: both; padding: 8px; text-align: left;">
Pokud se vám moje rozšíření líbí, budu rád když ho podpoříte v Google soutěži <b><a href="http://www.google.cz/events/mampadla/finalists.html#entertainment">Mám padla</a> </b>a to<b> </b>kliknutím na <b>'+1'</b> ve stránce rozšíření <b><a href="https://chrome.google.com/webstore/detail/nhgjpfdjhlimkkdgnecbgnefdafbcncc">3Dnator</a> </b>nebo na stránkách <a href="http://www.google.cz/events/mampadla/finalists.html#entertainment">soutěže</a>. Děkuji!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Inspirace</b></div>
<div class="separator" style="clear: both; text-align: left;">
Poprvé jsem se o možnosti tvorby anaglyph fotek dozvěděl v červenci 2010, kdy jsem dělal střihače na filmovém festivalu v Karlových varech. Zrovna jsem prohlížel web a našel jsem implementace tvorby v PHP (<a href="http://instantsolve.net/blog/2008/06/creating-anaglyphs/">http://instantsolve.net/blog/2008/06/creating-anaglyphs/</a>) přišlo mi to zajímavé a těšil jsem se, až to někdo implementuje do JavaScriptu, abych o tom mohl napsat na blog. Bohužel/bohudík jsem dva roky na nic nenarazil, tak jsem se na konci roku 2011 rozhodl účastnit soutěže Mám padla s tímto rozšířením.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Jak to funguje?</b></div>
<span style="text-align: left;">Při impelementaci mě inspirovalo rozšíření </span><b style="text-align: left;">Mustachio (</b><a href="https://chrome.google.com/webstore/detail/khaoakmndhjandiaaadnjgnbchillcdj" style="text-align: left;">zde</a><b style="text-align: left;">), </b><span style="text-align: left;">které přidává knírek na všechny fotky během prohlížení webu. Autor ovšem na přidávání knírku využívají server-side stranu, takže pokud navštívíte stránku, tak jenom změní SRC u všech obrázků na něco jako http://server.com/skript.php?url=http://web.cz/obrazek.jpg. Nevýhodou takového řešení je vysoká náročnost na výpočet, pokud používá rozšíření více lidí.</span><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Rozhodl jsem se jít cestou renderování na straně klienta, díky využít elementu canvas v HTML5. Pokud navštívíte nějakou stránku, tak rozšíření najde všechny obrázky na strance, zjistí základní paramatery (výška, šířka, název id a tříd, url atd) a přesně na stejném místě vytvoří element canvas do kterého uloží fotku. Původní obrázek skryje. S totou fotkou v canvasu je poté ještě provedena transformace dle níže přiložené vzorce, kde (r,g,b) jsou složky jednoho pixelu a provede se maticové součiny a pak součty. Složka (r,g,b)<span style="font-size: xx-small;">1 se </span>vztahuje k aktuálnímu pixelu a (r,g,b)<span style="font-size: xx-small;">2 </span>k pixelům posunutý o nějakou offset hodnotu (já jsem defaultně nastavil 10 pixelů).</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-yc1OmtQ_AkY/TzZGSQAtEnI/AAAAAAAAEeM/QBSj139cqeI/s1600/formulas.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="56" src="http://1.bp.blogspot.com/-yc1OmtQ_AkY/TzZGSQAtEnI/AAAAAAAAEeM/QBSj139cqeI/s320/formulas.gif" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3D obrázek vznikne samozřejmě v rámci možnosti. Pokud bych rozšíření rozšířil (<i>zajímavé spojení</i>) tak bych mohl přidat možnost vložit dvě fotky - pak by efekt byl reálnější. To spíš jako vize do budoucna. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Takže instalujte, používejte a případně i <a href="http://www.google.cz/events/mampadla/finalists.html#entertainment">plus-jedničkujte</a> - děkuji</div>Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-42106111133852912462012-01-04T00:12:00.000+01:002012-01-04T00:12:53.501+01:00Návod jak využít Google+ a OpenID k přihlašováníJistě jste již na webu zahlédli možnost přihlásit se pomocí <b><i>OpenID</i></b>, jenže jste možná netušili, že můžete využít svůj Google účet. Dříve bylo možné využít vlastní blog na Bloggeru a do adresy identifikátoru se vložila celá URL adresa (v mém případě např. http://codeasi.blogspot.com)<br />
<br />
S příchodem Google+ se situace náhle změnila a jako autoritu můžete Google a svůj <i>pluskatý</i> účet.<br />
<br />
Pokud po vás chce přihlašovací systém vložit identifikátor (jako např. na webu <i>Utery.cz</i>), stačí vložit adresu vašeho profilu. V mém případě:<br />
<br />
<div style="text-align: center;">
<b><span style="font-family: 'Courier New', Courier, monospace;">https://plus.google.com/115748350099126853184</span></b></div>
<br />
<b style="background-color: #93c47d;"><span style="color: #274e13;">TIP</span></b>: Jednoduchý způsob jak se rychle dostat k vaší profilové adrese je navštívení odkazu <b><a href="http://plus.google.com/me">http://plus.google.com/me</a></b><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-egsOoihEWuA/TwOGUH1FnEI/AAAAAAAAD6Y/857ru-Gmv3o/s1600/openid1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="http://3.bp.blogspot.com/-egsOoihEWuA/TwOGUH1FnEI/AAAAAAAAD6Y/857ru-Gmv3o/s400/openid1.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Po odkliknutí se vás systém zeptá zda chcete povolit přístup.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-tpiF9Tn1Pac/TwOGUhrfkwI/AAAAAAAAD6c/bHRQP05fkjo/s1600/openid2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="http://1.bp.blogspot.com/-tpiF9Tn1Pac/TwOGUhrfkwI/AAAAAAAAD6c/bHRQP05fkjo/s640/openid2.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Poté jste přesměrování na web, kde jste již zalogováni - můžete doplnit jen doplňkové údaje (jméno, příjmení, atd) - emailová adresa bývá předvyplněna..</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-xWuMZKGbs_k/TwOGVPiNE0I/AAAAAAAAD6k/gAxpKUzCfrA/s1600/openid3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="93" src="http://2.bp.blogspot.com/-xWuMZKGbs_k/TwOGVPiNE0I/AAAAAAAAD6k/gAxpKUzCfrA/s400/openid3.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Až příště přijdete na web, zadáte jen adresu profilu, v případě že jste přihlašeni s Google účtem (a zadali jste při schvalování přístupu "Zapamatovat toto schválení), tak jste rovnou přesměrováni. Nemusíte si pamatovat další heslo a v případě potřeby, můžete z rozhraní Google toto propojení kdykoliv odstranit (revoke).</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Takto internetová online identita směřuje ke sjednocování, které má svoje pro a proti. Jednou výhodou je centralizován správa s použitím opravdu silného hesla, které můžete měnit pravidelněji a v případě potřeb kdykoliv promazat propojení (např. při ztrátě mobilu). Nevýhod vymyslet za mě daleko více..</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Pokud Google Plus ještě nemáte (ano, jsou tací) nebo si nechcete pamatovat adresu profilu, tak i pro vás existuje jednodušší alternativa. Zadáním snadnozapamtovatelné adresy identifikátoru (pro všechny uživatele stejná) </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-family: 'Courier New', Courier, monospace;">https://www.google.com/accounts/o8/id</span></b></div>
<div>
<span style="text-align: left;"><br /></span></div>
<div>
<span style="text-align: left;">se dostanete jako v minulém návodu k povolení přístupu.</span>
</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Takže až se budete chtít někde registrovat, tak zkuste využít tento způsob</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Když už se bavíme o tom plusku, o zajímavostech, Google a sobě píšu na </div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://plus.google.com/115748350099126853184/posts">https://plus.google.com/115748350099126853184/posts</a> ;-) </div>Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com0tag:blogger.com,1999:blog-5655757981475873106.post-10353964839149902272011-11-02T00:19:00.003+01:002011-11-02T00:23:55.278+01:00Stav českých bank - vizualizace svěřených peněz, počtu klientů a zaměstnancůVizualizace informací a infografiky mám velmi rád, proto jim také patří většina prostoru na mém <b><a href="https://plus.google.com/115748350099126853184/posts">Google+</a>. </b>S vlastní tvorbou je to horší - je jednoduší fabulovat a vymýšlet než realizovat.<br />
<br />
Když v magazínu DNES (přílohy Mladé fronty č. 37/2011) vyšel článek o ředitelích největších českých bank, kde spolu s rozhovory byla i čísla, rozhodl jsem se vyzkoušet grafický pohled na data. U každého ředitele byl zmíněn počet klientů dané banky, za kolik peněz banka odpovídá a v neposlední řadě i počet klientů.<br />
<div>
<div class="separator" style="clear: both; display: none; text-align: center;">
<a href="http://1.bp.blogspot.com/-7VlDHIob52A/TrB7oJDLVyI/AAAAAAAADpk/vAc43JyB1C8/s1600/obr.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="http://1.bp.blogspot.com/-7VlDHIob52A/TrB7oJDLVyI/AAAAAAAADpk/vAc43JyB1C8/s320/obr.png" width="320" /></a></div>
<br /></div>
<div>
Data z největších českých bank (Komerční banky, Raiffeisenbank, ČSOB, Česká spořitelny, Hypoteční banky, Unicredit banky) jsem si setřídil do Google Spreadsheetu a vytvořil <i>motion graf</i> <a href="http://en.wikipedia.org/wiki/Hans_Rosling">Hans Rosling</a>a, což nebylo složité.<br />
<br />
Výsledkem je následující graf, který má na ose <b>x</b> počet klientů (nejvíce je vpravo) a na ose <b>y</b> hodnotu spravovaných peněz (v tisíc Kč). Třetím parametrem je počet zaměstnanců, který indikován velikosti kruhu a barvnou (červená je nejvíce).</div>
<div>
<br />
<script src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js" type="text/javascript">
{"dataSourceUrl":"//docs.google.com/spreadsheet/tq?key=0AoASlrYNXXdvdElHcVFFMjV2YUFHT1M0NVBTQ1I5Mnc&transpose=0&headers=1&range=A1%3AE20&gid=0&pub=1","options":{"vAxes":[{"viewWindowMode":"pretty","viewWindow":{}},{"viewWindowMode":"pretty","viewWindow":{}}],"showChartButtons":true,"height":317,"width":480,"showSidePanel":true,"hasLabelsColumn":true,"hAxis":{"maxAlternations":1}},"state":{},"chartType":"MotionChart","chartName":"\u010cesk\u00e9 banky"}
</script><b>
Co lze odhadnout?</b><br />
<ul>
<li>velikost svěřených peněz se v případě České spořitelny a ČSOB liší nepatrně, přesto v počtu klientů je znatelný rozdíl - lze tak odhadnout že ČSOB má movitější klientelu a Česká spořitelna má mnoho menších</li>
<li>ČSOB,Česká spořitelna a Komerční banka patří do "velké trojky", přesto ČSOB z nich má nejméně zaměstnanců </li>
<li>Raiffeisenbank počty klientů nesděluje, přesto lze zhruba odhadnout jejich zmínka"stovky tisíc klientů". Vzhledem k tomu, že se starají o 200 mld Kč, počet klientů nebude příliš vzdálen od menší trojice (odhadl jsem čistě z prstu na 500 tisíc klientů)</li>
<li>Hypoteční banka a Unicredit banka mají podobný počet klientů, přesto se Unicredit banka stará skoro o dvojnásobek financí - zde by se dalo také polemizovat o movitější klientele.</li>
</ul>
<div>
<br /></div>
</div>
<div>
Protože data Raiffeisenbank nebyla k dispozici, zkusil jsem si jejich počet ověřit pomocí <a href="http://www.google.com/insights/search">Google Insights for Search</a> Pořadí vyhledávání koreluje s počtem klientů, takže by se dalo<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-MIYxR6hZEaY/TrB4VGaMXvI/AAAAAAAADpc/Amzmb2Oi1Bo/s1600/trends.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="http://1.bp.blogspot.com/-MIYxR6hZEaY/TrB4VGaMXvI/AAAAAAAADpc/Amzmb2Oi1Bo/s400/trends.png" width="400" /></a></div>
<div>
<br /></div>Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com5tag:blogger.com,1999:blog-5655757981475873106.post-54285699350349398752011-09-21T23:06:00.000+02:002011-09-22T09:46:49.819+02:00Žebříček nejžádanějších přednášek na WebExpo 2011 pro nerozhodnutéRok s rokem se sešel a letošní WebExpo, tentokrát na mé alma-mater (VŠE) je opět přede dveřmi. Ať už Vám web líbí či nebo zda souhlasíte s anglickými přednáškami - jedno je jasné. WebExpo začíná být stálicí, tedy událostí s každoroční tradicí, na kterou se většina lidí kolem webů těší. Pokud nesouhlasíte, můžu argumentovat, že tradičně bude mnoho lidí nadávat...<br />
<br />
Na webu konference mohou účastníci hvězdičkovat svůj program. Vytvořil jsem pomocí Google Spreadsheetu jednoduchou tabulku, která pracuje s těmito daty.<br />
<br />
Pokud tedy ještě nejste rozhodnuti, můžete se inspirovat od ostatních na co se chystají. Zároveň je velmi zajímavé, že <span class="Apple-style-span" style="background-color: yellow;">design</span> táhne více než třeba <span class="Apple-style-span" style="background-color: cyan;">development</span>. Zda jsou populárnější přednášky Microsoftu nebo Google nechám už na aktivitě čtenářů<br />
<br />
Já si letošní WebExpo nenechám ujít! Takže mě sledujete na Twittetru <a href="http://twitter.com/codeas">@codeas</a> a možná se tam potkáme<br />
<br />
<br />
<iframe frameborder="0" height="1430" src="https://docs.google.com/spreadsheet/pub?hl=en_US&hl=en_US&key=0AoASlrYNXXdvdFZYWGZEdWVvZHlZZ1hrb3FNWlRIVnc&single=true&gid=4&range=A1%3AD66&output=html&widget=false" width="460"></iframe><br />
Stav 21.9. 23:05<br />
<br />Ivan Kutilhttp://www.blogger.com/profile/10820026974853553039noreply@blogger.com1