Programujeme Google Gadgets Miroslav Slavik Copyright © Gug.cz, 2007 Gug.cz.

Prezentace na téma: "Programujeme Google Gadgets Miroslav Slavik Copyright © Gug.cz, 2007 Gug.cz."— Transkript prezentace:

1 Programujeme Google Gadgets Miroslav Slavik miroslav.slavik@gmail.com Copyright © Gug.cz, 2007 Gug.cz

2 Google Gadget Gadget

3 pomůcka pomůcka vynález vynález vtipná věc vtipná věc mechanismus mechanismus Gadget Gadget Google 1 + 100 nul  hodně velké číslo Nejznámější vyhledávač Narozeniny: 09/1998

4 Google GG je mini aplikace, ktera muže běžet na Google homepage – iGoogle, může být vložena na Google Desktop, či na jakoukoliv internetovou stranku GG muže být jednoduchá HTML stránka, či komplexní aplikace... a nebo cokoliv co VÁS NAPADNE Gadget Gadget

5 GG - Trocha teorie GG - Trocha teorie GG poskytuje snadnou cestu jak publikovat téměř jakýkoliv obsah na: iGoogle = Google Homepage Google Desktop Page Creator Jakákoliv stranka … jste-li admin … jste-li admin

6 ... samozřejmě existuji vyjímky NELZE použit Desktop Gadget na iGoogle NELZE použit „inline“ gadget pro Google Desktop nebo Google Page Creator Google Page Creator podporuje „title bar“ a „user preferences“ jen v editačním modu

7 ... a jdeme na to Kde začit? http://code.google.com/apis/gadgets/ Kde začit? http://code.google.com/apis/gadgets/http://code.google.com/apis/gadgets/

8 „Hello World“ Jak jinak začít ukázku programovaní Jak jinak začít ukázku programovaní

9 „Hello World“ – jak jinak … „Hello World“ – jak jinak … počitač operační system funkční připojení k Internetu „moderní“ browser s podporou JavaScriptu........... opravdu nic vic

10 „Hello World“ – jak jinak … „Hello World“ – jak jinak … http://code.google.com/apis/gadgets/docs/gs.html

11 „Hello World“ GGE Demo http://code.google.com/apis/gadgets/docs/gs.html

12 Hello World ještě jednou … Google Code Hosting http://code.google.com/hosting http://code.google.com/hosting Subversion client (TortioseSVN, AnkhSVN, ZigVersion, RapidSVN) Textovy editor (PSPad … ) FireFox + WebDeveloper + Firebug

13 „Hello World“ Google Code Demo

14 Anatomie gadgetu <Content> <UserPref><ModulePrefs>

15 Anatomie gadgetu – UserPref User Preference Substitution Variables title atribut  __UP_name__ (HTML escaped) title atribut  __UP_name__ (HTML escaped) title_url atribut  __UP_name__ (URL escaped) title_url atribut  __UP_name__ (URL escaped) HTML  __UP_name__ (HTML-escaped) HTML  __UP_name__ (HTML-escaped) JavaScript  _IG_Prefs() JavaScript  _IG_Prefs()

16 Publikování Příprava Testovat šířku/výšku iGoogle, Page Creator Content Directory Syndication Nemůže být „inline” Nemůže ukládat stav Nemůže dynamicky nastavovat výšku _IG_AdjustIFrameHeight() Nemůže zobrazit User Preference  funkcionalita by na jejich nastavení nemela být závislá

17 Tvorba uživatelského rozhraní http://code.google.com/apis/gadgets/docs/ui.html Výška gadgetu Default = 200px; Default = 200px;  _IG_AdjustIFrameHeight()  _IG_AdjustIFrameHeight() Nastavení titulku  _IG_SetTitle(title)  _IG_SetTitle(title) Záložky – Tabs JavaSript funkce + CSS Dynamicky vytvářene založky Dynamicky vkladaný obsah

18 Tvorba uživatelského rozhraní http://code.google.com/apis/gadgets/docs/ui.html Drag ; source, target, surrogate ; source, target, surrogateMiniMessages ; reklama, stav, chyba,... ; reklama, stav, chyba,...Grid Indexovaná pole Drag sensitive Flash

19 Financial Gadgets Google Finance - Finance Market Data API

20 Remote Content _IG_FetchContent(url, func) _IG_FetchContent(url, func) Vrátí obsah specifikovaný url parametrem jako text. Používá se pro čtení HTML dokumentů _IG_FetchContent(url, func) _IG_FetchXmlContent(url, func) _IG_FetchXmlContent(url, func) Vrátí XML specifikované url parametrem jako DOM objekt _IG_FetchXmlContent(url, func) _IG_FetchFeedAsJSON(url, func, num_entries, get_summaries) _IG_FetchFeedAsJSON(url, func, num_entries, get_summaries) Vrátí RSS specifikované url parametrem jako JSON objekt _IG_FetchFeedAsJSON(url, func, num_entries, get_summaries)

21 Remote Content Dynamická výška Ukládaní stavu Demo

22 Internationalization  Vytvořte gadget.  Vyjměnte všechny texty, ktere musí být přelozeny a umístete je do „message bundles“. message bundlesmessage bundles  Sežeňte nekoho, kdo to přelozí.  Překladatel vytvoří novy message bundle pro určený jazyk (fr), nebo zemi (ca-fr). Všechny neanglické texty musi vyt ulozene v UTF-8 formátu. message bundlemessage bundle  Překladatel vam pošle URL nového „bundle“.  Modifikujte gadget tak aby využíval novy „bundle“.  Pokud je gadget publikován do Content Directory, vyčkejte 1-2 týdny, než bude gadget zaindexovan a zpřistupněn pro cílovou zeni/jazyk.

23 Internationalization Demo

24 Diskuze... konec