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

Google Gadget Gadget

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

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

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

... a jdeme na to Kde začit? Kde začit?

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

„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

„Hello World“ – jak jinak … „Hello World“ – jak jinak …

„Hello World“ GGE Demo

Hello World ještě jednou … Google Code Hosting Subversion client (TortioseSVN, AnkhSVN, ZigVersion, RapidSVN) Textový editor (PSPad … ) FireFox + WebDeveloper + Firebug

„Hello World“ Google Code Demo

Anatomie gadgetu <ModulePrefs><UserPref><Content>

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

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á

Tvorba uživatelského rozhraní 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

Tvorba uživatelského rozhraní Drag ; source, target, surrogate ; source, target, surrogateMiniMessages ; reklama, stav, chyba,... ; reklama, stav, chyba,...Grid Indexovaná pole Drag sensitive Flash

Financial Gadgets Google Finance - Finance Market Data API

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

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

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.

Internationalization Demo

Dotazy... konec