Programujeme Google Gadgets Miroslav Slavík Copyright © Gug.cz, 2007 Gug.cz.

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

1 Programujeme Google Gadgets Miroslav Slavík 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 GG - Trocha teorie GG - Trocha teorie GG je mini aplikace GG poskytuje snadnou cestu jak publikovat téměř jakýkoliv obsah na: iGoogle = Google Homepage Google Desktop Page Creator Jakákoliv stránka … jste-li admin … jste-li admin

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

6 ... 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/

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

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

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

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

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

12 „Hello World“ Google Code Demo

13 Anatomie gadgetu <ModulePrefs><UserPref><Content>

14 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()

15 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á

16 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 vkládaný obsah

17 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

18 Financial Gadgets Google Finance - Finance Market Data API

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

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

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

22 Internationalization Demo

23 Dotazy... konec