Google vypustil na světlo světa již třetí verzi Google Maps API (V3). Nové API je navrženo tak, aby se načítalo velmi rychle, zejména pak na mobilních zařízeních (iPhone a Android). Proti předchozím verzím, tohle nové API využívá modifikovanou MVC architekturu.

Podstatnou změnou je také fakt, že nová verze již nevyžaduje pro svoji funkci API klíč. Takže naprogramovanou aplikaci můžete bez úpravy kódu klidně přesunout na jiný server.

Co však nová verze vyžaduje je předání parametru sensor (boolean), který určuje zda Vaše aplikace využívá nějaký prostorový sensor (nejčastěji GPS). Senzor své smysluplné využití najde samozřejmě pouze na mobilních klientech. Možná si říkáte, jak se do webové aplikace dostane aktuální poloha? No přeci prostřednictvím AJAXU přímo z Vaší IP adresy. Vaše zařízení to samozřejmě musí umět zpracovat.

Tady je Googlí navigace v akci:

1. Prosperitu nelze založit na bezstarostném zacházení s financemi.
2. Slabí se neposílí oslabením silných.
3. Malí nevyrostou omezováním velkých.
4. Chudým nepomůže zničením bohatých.
5. Mzda pracovníků se nezvýší utlačováním těch, z jejichž peněz je placena.
6. Nedostaneš se z problémů, když utratíš víc, než vyděláš.
7. Spolupráci lidí neposílíš zvyšováním nenávisti.
8. Solidní jistotu nezajistíš vypůjčenými penězi.
9. Charakter a odvaha se neposílí zničením lidské iniciativy a nezávislosti.
10. Lidem nepomůžeš, když jim soustavně děláš to, co nechceš, aby dělali tobě.

Stručný výčet vlastností:

• podporuje klávesové zkratky, které si navíc můžete nastavit
• dokáže psát po obrazovce (bílá tabule)
• podporuje automatické ukládání
• je v Češtině, alespoň z valné většiny
• má kapátko, pravítko, zaměřovač, úhloměr a lupu
• umí přímé kopírování do schránky

Navíc PicPick obsahuje vestavěný editor, ve kterém můžete své snímky jednoduše upravit, než je uložíte. Editor umí například změnit velikost snímku, vymazat některé části, oříznout snímek a podobně.

Balíček, který jsem vytvořil, obsahuje pouze změněné soubory. Obsah ZIP souboru prostě nakopírujte na svůj server a máte aktualizováno na poslední verzi.

Nejjednodušší cesta, jak Android spustit, vede skrze skvělý Sun VirtualBox, díky kterému můžete provozovat virtuální počítače s různými OS. Jakmile budete mít VirtualBox nainstalován, vytvořte si virtuální počítač, nejprve zvolte OS.

Poté zvolte velikost paměti, osobně jsem zvolil 512 MB, čím více tím samozřejmě lépe. Poté je nutné vytvořit virtuální pevný disk, což je vlastně soubor, do kterého se ukládají data OS. Doporučuji zvolit flexibilní velikost. Poslední věc, kterou je potřeba udělat, je nastavit stažený ISO soubor (liveandroidv0.3.iso), ze kterého se má OS zavádět.

Potom už stačí kliknout pouze dvakrát poklikat na vytvořený počítač. A takhle vypadá Google Android ve spuštěném virtuálním okně.

Chcete něco podobného, pak doporučuji stáhnout rozšíření pro jQuery jménem FCBKcomplete. Obdobných pluginů existuje několik, ale tento je dle mého názoru nejlepší. Snadno se integruje do existujících formulářů. Facebook like výběr je totiž možné vytvořit z libovolného multiselectu.

$("element").fcbkcomplete({
json_url: "fetched.txt",
json_cache: true,
filter_case: true,
filter_hide: true,
newel: true
});

• Spravovat úkoly (TODO list), přidělovat úkoly, stanovovat milníky atd.
• Sdílet dokumenty (upload, editace)
• Ukládat kontakty (na zákazníky nebo organizace)
• Číst nebo napsat e-mail (včetně Google Apps)
• Sdílet odkazy na internetové stránky
• Sdílet poznámky a komentáře
• Spravovat svůj tým
• Fakturovat zákazníky, ukládat časy atd.

OpenGoo využívá pro generování svého rozhraní javascriptové ExtJS, díky čemuž je vše velmi přívětivé a použitelné. Po architektonické stránce se dočkáte MVC struktury. Ve složce library najdete například Zend Lucene nebo Texyle. Tedy (díky bohu) žádné experimentální nápady a investigativní metody. Systém působí velmi učesaně a připraveně na použití v praxi, což se často nedá říct o jeho konkurenci. Rozhodně se neztratí, jak v malé, tak ve velké firmě.

Celá aplikace je dostupná v několika jazycích, mimo jiné také v češtině, ale bohužel překlad není 100%. Část systému na Vás stále mluví anglicky.

Instalace systému probíhá zcela automaticky, prostřednictvím průvodce. Velikost zdrojových kódu je cca 22 MB. Než cokoliv začnete instalovat, koukněte se na demo. Současnou verzi OpenGoo 1.5.3 můžete stahovat na SourceForge zcela zdarma.

Až do současnosti byla OSS verze limitovaná ve smyslu online spolupráce s databází. Zjednodušeně řečeno, databázi jste si mohli navrhnout a poté vyexportovat do SQL souboru. Žádná synchronizace, žádné reverzní inženýrství – to uměla pouze placená verze. Tahle podstatná změna udělala z Wokbench OSS skutečnou killer aplikaci pro databáze MySQL.

Představte si tu krásu, něco změníte v ER diagramu a pak stisknete Ctrl+Y a vaše změny se propíšou do live databáze. Život už nemůže být jednodušší. Další neméně vychytanou funkcí je reverzní inženýrství - které Vám umožní získat ER diagram existující databáze. No jak říkám, život vývojáře už nemůže být jednodušší. Mezi drobnosti, které potěší, bych zařadil změna ikonek pro zadávání vazeb (konečně je tam napsáno 1:1, m:n a ne jen nic neříkající piktogram).

Takže stahujte a radujte se, stejně jako já.

Výborná je funkce rychlého vyhledávání. Celý program je možné kontrolovat výhradně klávesnicí. Je zhruba 2-8 krát rychlejší než Winamp. Billy zkrátka umí úplně všechno, co od přehrávače očekávám.

Možná si říkáte proč? V době DSL a megabitového internetu? Snadná odpověď! Vzpomeňte si, jak jste čekali na 10 hodinu večerní, kdy se konečně budete moci za levný tarif napojit přes svůj modemem. A vzpomeňte si také na to, že některé stránka se načítala klidně i pár minut – kolik nervů Vás to stálo? Dnes to není jiné, ba právě naopak.

No a pro koho je to nedostatečný důvod, třeba se nechá přesvědčit tím, že zrychlováním stránek (a aplikací) se zabývá také Google a Yahoo.

JavaScript a javascript knihovny

Bez javascript knihoven se dnes obejde málokterý internetový vývojář. Mezi nejúspěšnější zástupce patří například jQuery, Prototype nebo Dojo. O výhodách rozhraní Google Ajax LIBS jsem zde už jednou psal. Existuje cesta, jak jej využít bez jediného zásahu do aplikace. Stačí do .htaccess přidat:

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} jquery.js [nc]
RewriteRule . http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js [L]
</IfModule>

Tento jednoduchý kód bude veškeré požadavky o načtení jquery.js smětovat na Google. Obdobě jej lze upravit také pro ostatní knihovny.

U ostatních javascriptových souborů alespoň zmenšete jejich velikost. Ideálním nástrojem je YUI Compressor od Yahoo (jeho online verze). Dost pomůže také to, když své javascripty umístíte dolů pod obsah stránky.

Kešování obsahu

Další účinnou metodou, jak dosáhnout vyšší rychlosti načítání je, nastavit pro jednotlivé komponenty cache. Cest existuje několik, nejjednodušší vede opět přes htaccess. Cache můžete nastavit například takto:

#1 ROK
<FilesMatch "\.(ico|pdf|flv|swf|mov|mp3|wmv|ppt)$">
Header set Cache-Control "max-age=31536000, public, proxy-revalidate"
</FilesMatch>

# 3 MESICE
<FilesMatch "\.(gif|jpg|jpeg|png|js)$">
Header set Cache-Control "max-age=7257600, public, proxy-revalidate"
</FilesMatch>

# 1 MESIC
<FilesMatch "\.(css)$">
  Header set Cache-Control "max-age=2678400, public, proxy-revalidate"
</FilesMatch>

# 7 DNI
<FilesMatch "\.(txt)$">
Header set Cache-Control "max-age=604800, public, proxy-revalidate"
</FilesMatch>

# 10 MINUT
<FilesMatch "\.(html|htm|xml)$">
Header set Cache-Control "max-age=600, private, proxy-revalidate"
</FilesMatch>

# BEZ CACHE
<FilesMatch "\.(php)$">
Header unset Cache-Control
Header unset Expires
Header unset Last-Modified
FileETag None
Header unset Pragma
</FilesMatch>

Vše samozřejmě závisí případ od případu. Další varianty najdete například zde: htaccess Caching.

PHP

Pominu optimalizaci samotného kódu, o tom se dá najít dost. A raději zde uvedu například PHPSpeedy, nebo pokud máte přístup přímo na server zkuste kešová pomocí APC. Rozhodně také pomůže volba dobrého Frameworku.

GZIP komprese

Zapnutím GZIP komprese obsahu (mod_deflate na apache) můžete dosáhnout snížení objemu přenášených dat. Na druhou stranu tato metoda poněkud více zatížíte server. Kompresi pro JS a CSS soubory zapnete opět velice jednoduše úpravou htaccess souboru:

<IfModule mod_deflate.c>
<FilesMatch "\.(js|css)$">
SetOutputFilter DEFLATE
</FilesMatch>
</IfModule>

Co je ještě důležité

1. Dodržujte internetové standardy.
2. Optimalizujte obrázky pro web, najděte kompromis mezi kvalitou a jejich velikostí.
3. Šetřete každý request.  Zkombinujte vkládané obrázky, CSS soubory a Javascripty.
4. Nikdy nezapisujte CSS přímo do HTML.
5. Zadávat dimenze obrázků (šířku a výšku).
6. Jedna 404 (chybějící obsah) může prodloužit natahování stránky v řádu sekund.

Užitečné nástroje

Na závěr ještě jednou přehled užitečných nástrojů:

• YUI Compressor online
• Google Page Speed – doplněk do Firefox
• YSlow – další doplněk Firefox pro měření rychlosti stránek
• Pingdom Tools – nástroj pro měření stránky Online