2009/02 Gadgety


Nejlepší gadgety z únorové soutěžní Online dílny GUG.CZ

První úloha byla zahřívací a pro mnoho z vás  možná až příliš jednoduchá, ale řada z vás se musí s používanými technologiemi nejprve seznámit. A nezapomínejte, že jde o soutěž a i sebelehčí úloha se dá udělat nejrůznějšími způsoby.


Z došlých soutěžních gadgetů jsme vybrali tři gadgety těchto autorů:
  1. Jan Zikán (gadget vidíte pod tímto textem a umístili jsme ho i na home page portálu gug.cz),
  2. Zdeněk Hájek,
  3. Jan Zídek.
První gadget jsme vybrali, protože jako jediný modifikoval výsledný vzhled, druhý pro dobře okomentovaný zdrojový kód a třetí pro jeho kompaktnost. Vybrané gadgety si můžete prohlédnout v samostatném článku.

Děkujeme všem účastníkům a blahopřejeme autorům vítězných gadgetů!

Takto vypadá vybraný gadget Jana Zikána, který zobrazuje kanál GUG.CZ na Twitteru:

Může vám pomoci:

  • Gadgets - home page pro vývojáře
  • Gadgets API Overview - popis rozhraní a druhů gadgetů.
  • Concepts and Examples - principy a příklady tvorby gadgetů.
  • Writing Your Own Gadgets.
  • Google Gadgets Editor - online editor pro rychlou tvorbu gadgetů.
  • Co se píše o gadgetech?


    • Úloha pro únor: technologie Google Gadgets

    První úloha je zahřívací a pro mnoho z vás je možná až příliš jednoduchá, ale řada z vás se musí s používanými technologiemi nejprve seznámit. A nezapomínejte, že jde o soutěž a i sebelehčí úloha se dá udělat nejrůznějšími způsoby.


    Na titulní stránce GUG.CZ je vpravo nahoře jednoduchý gadget zobrazující kanál Twitteru. Je spíchnutý doslova horkou jehlou s použitím kódu vygenerovaného přímo v aplikaci Twitter, který má jednu chybu, odkazy se otevírají ve vloženém okénku gadgetu vytvořeného pomocí tagu IFRAME a nikoli na celé stránce. Tato nepříjemná chyba se dá odstranit různými způsoby, ale ten nejvhodnější již necháme na vás.


    Podívejte se na zcela jednoduchý gadget, kde je modře vyznačen převzatý vygenerovaný kód (gug-cz-twitter.xml):


     

    <Module>
    <ModulePrefs title="GUG.CZ Twitter" title_url="http://wiki.gug.cz" height="300" />

    <Content type="html">

    <div id="twitter_div" style="font-family: Arial, sans-serif">
    <h4 class="sidebar-title"><img border="0" src="http://sites.google.com/a/gug.cz/www/Home/ico_seznam.gif.png"> Novinky GUG.CZ</h4>
    <ul id="twitter_update_list"  style="font-family: Arial, sans-serif; font-size: 10pt"></ul>
    <a href="http://twitter.com/GUGcz" target="_blank" id="twitter-link" style="display:block;text-align:right;font-family: Arial, sans-serif; font-size: 10pt">sledujte nás na Twitteru</a>
    </div>
    <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
    <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/GUGcz.json?callback=twitterCallback2&amp;count=5"></script>
    </Content>
    </Module>



    Takto vypadá výsledek práce gadgetu, který zobrazí kanál GUG.CZ na Twitteru:


    Gadget zobrazuje natvrdo obsah kanálu GUG.CZ, obecné řešení nového soutěžního gadgetu by mohlo nabídnout uživatelům výběr kanálu (nebo i více kanálů), zadání dalších parametrů (velikost, písmo, počet postů...) a případně i další funkce. V žádném směru se sice meze nekladou, ale mějte na paměti, že méně je někdy více.

    Poznámka

    Odesláním kódu dáváte souhlas s jeho případným zveřejněním. Správnost či nesprávnost řešení bude stanoveno spolupracovníky gug.cz a naše rozhodnutí je finální. Ceny v soutěži nejsou právně vymahatelné a gug.cz si vyhrazuje právo úpravy soutěže v jejím průběhu. 

    Comments