Adobe Max: Day 2 - General Session a Flash Catalyst

Adobe Air v Dreamweaver CS4

Dreamweaver CS4 standardně nepodporuje vývoj aplikací pro Adobe Air runtime, je ale snadné si tuto podporu doinstalovat. Stáhněte si Tools for AJAX extension a je to. Samotný Air podporuje HTML, CSS, Flash, Flex, audio a video komponenty, v Dreamweaveru je zaměření na vývoj a produkci HTML/CSS aplikací.

Air runtime používá mimochodem pro rendering WebKit, což je hodně dobré jádro. Pokud vkládáte externí skripty či komponenty, je to díky bezpečnosti možné jen přes iframe, na tento "sandbox" se poté napojíte přes parentSandboxBridge property.

Půvabná je na tom rychlost vývoje "desktopové" aplikace, a to při použití jen základních znalostí HTML a Javascriptu, takže i "developers v uvozovkách" mohou rychle a úspěšně dělat desktopové věci.

Automaticky se vytváří i Windows instalátor (napojený na Air runtime), navíc existuje aplikace Badger 1.0, která umí instalaci customizovat.

General Session - velkolepá show naplněná informacemi

General Session byla pojata jako velkolepá show udělaná v nejlepším hollywoodském stylu, tedy opravdu profesionálně připravené klipy a režie. Zjevně to bylo použito z americké verze Adobe Max v San Franciscu, která se konala před týdnem. "Velký šéf" tam vystoupil pomocí "Code Red" klipu, a dal Timu Burtonovi a jeho agentům rozkaz zajistit jednodušší a snazší prostředí (weapons of mass engagement - quantum of richness) než jsou tuny řádků kódu (aka status quo).

Poté nastoupili Men in black - vlastní agents, kteří mají za úkol novou bitvu vybojovat. Jak? Pomocí Flashe CS4, Photoshopu CS4, Fireworks CS4 a nového Flash Catalystu.

Další část se zaměřila na konkrétní "productivity features" ve Flash CS4  - snadnější animace díky Motion Path, automatické tweens / symbols / keyframes, nový Motion Editor z After Effects, včetně Motion Presets (přednastavené animace).

Photoshop  CS4

Zde jsou nové funkce jako Content Aware Scale, který ponechá hlavní předměty bez scalování, ale přizpůsobí jen pozadí fotografie podle požadoveného nastavení scalingu, naprosto úžasná věc. Auto Blend Layers - automaticky vybírá nejlepší části obrázků z mnoha layerů. Painting in 3D - je možné malovat na 3D objekty, včetně zachování 3D modelu a nasvícení.

Flash Catalyst

Toto je nová aplikace pro návrh uživatelských rozhraní (MXML), de-facto obdoba Expression Blend 2 z Microsoft Expression Studio 2 balíku (XAML). Je zde ovšem perfektní provázanost Photoshop / Fireworks / Illustrator (grafický návrh) -> Catalyst (UI design) -> Flex Builder (programování). UI design může zahrnovat i interaktivitu, animace, převod libovolné grafiky na komponenty (button, atd.), události (rollover, onclick, atd.).

Díky provázání Catalystu na profesionální kreativní Adobe CS4 aplikace je zde mnohem větší možnost pro dokonalé ovlivnění UI (rozhraní Air aplikace) bez jakéhokoliv programování, než je možné v Designeru a Blendu od Microsoftu. Pokud Silverlight 2.0 má výhodu pro programátora ve Visual Studiu, Adobe jednoznačně vede v designu a návrhu UI aplikace pokud máte nestandardní či vysoce specifické grafické požadavky.

Flash 10 Player

C a C++ kód se dá nově přeložit do ActionScriptu 3.0  pomocí Alchemy kompileru / emulátoru a spouštět ve Flash Playeru, včetně respektování Flash zabezpečení. Ukazováno na příkladu C kódu pro zpracování fotografií v RAW formátu a jeho použití ve Flashi.

K čemu to je? Otevírá se takto k použití obrovské množství již napsaného open-source C/C++ kódu volně i pro Flash / AIR. Nová je i klient-to-klient (P2P) komunikace Flash 10 Playeru, použitelné třeba pro streaming videa na jedné straně a příjem na druhé, bez serveru.

Flex

Chystaná nová "Gumbo" verze Flexu umí jako back-end používat lépe ColdFusion, připravovaná je navíc nová ColdFusion verze nazvaná "Bolt", založená také na Eclipse IDE, navíc s výborným "Code Insight" (Intellisense).  Přiblížení Visual Studiu 2008, ASP.NET Web Services a IIS7? Snad :-)

Zatím má ale Visual Studio 2008 pro programátory významný náskok, třeba práce s běžným "DataGrid" je mnohem snadnější u Microsoftu, to je prostě fakt. Uvidíme, jak to změní nová verze od Adobe. Pěkná věc pro debugování bude Network Monitor, který ukazuje data posílající se mezi klientem a serverem.

Jak jsem psal dříve, Flex aplikace pro Air runtime se bude dát vyvíjet i ve Visual Studiu, včetně třeba kombinace .NET a C# na serveru (web services) a Flex aplikace na front-endu. Adobe Flex se integraci s Microsoftími technologiemi a vývojářskými nástroji nebrání, právě naopak…

Dreamweaver CS4 

Nová je integrace na frameworky jako je jQuery, YUI a další, je navíc možné je volně stahovat i jako paletky do Dreamweaveru, jedním kliknutím je aplikovat do aktuální XHTML stránky a pomocí Live View online prohlížet na reálných datech při zachování editace.

Pro editaci XHTML/AJAXu (a provázaného CSS) je Dreamweaver CS4 výborný nástroj.

Indexování Flash obsahu

Pomocí spolupráce s Google a "virtual user" aplikace pro search engines se pracuje i na indexování Flash/Flex aplikací, podobně jako běžný text. Nutný je pro to SWIFT objekt nebo Adobe Detection Kit.

Adobe Flash Media Server 3.5

Flash Media Server zajišťuje delivery pro streamované video, včetně automatické volby bitrate (dynamic live streaming), integrace na Dreamweaver pro snadné vkládání videa do HTML stránek. Live Streaming má navíc volitelně "DVR" funkčnost, tedy možnost podívat se i na starší "live" video ze záznamu.

Summary

Adobe touto velice profesionální prezentací rozhodně zaujal ("menší" evropské provedení bylo mimochodem zcela srovnatelné třeba na velkolepě pojatý keynote Mix08 v Las Vegas).

A nejedná se jen o výborné kreativní aplikace, musím říci, že při poslouchání dalších a dalších prezentací se jeví zajímavě i Adobe Air, Flex, a použití Flexu ve Flash Playeru. Zvláště s relativní otevřeností a možností integrace na Microsoftí vývojářské a back-endové technologie namísto ColdFusion...

Můj dojem: Adobe je společnost, která nabízí unikátní technologie a jejíž firemní a vývojářská politika je přátelská a v rozumné míře i otevřená, nebrání se spolupráci a komunikaci s kýmkoliv.

Jako protiklad či kontrast této politiky bych uvedl Apple, který jde ze zásady (až nenávistně) proti všem. Kooperace je ovšem mnohem lepší přístup.

Adobe pro řadu svých kreativních produktů nemá konkurenci, a zjevně ani nemá potřebu se neustále proti někomu vymezovat. Pokud může, raději spolupracuje, a to se mi moc líbí :-)

PS: na této klíčové prezentaci Adobe používal PC s Windows XP a "Windows 2000" rozhraním :-)

Adobe Catalyst: Wireframing Experiences and Applications

Pokud jste už dříve zaznamenali jméno Thermo, tak na ně zapomeňte, (už pár týdnů) je to Adobe Flash Catalyst, aplikace pro návrh uživatelských rozhraní a wireframes aplikací. Věnoval jsem se jí částečně už dříve, v sekci General Session, ale tato přednáška byla zaměřená na Catalyst výhradně.

Catalyst je obdoba Microsoft Blend 2 z Expression Studio 2, vytváří se v něm prezentační MXML kostra aplikace (u Microsoftu je to XAML), na rozdíl od něj ale přináší perfektní integraci na kreativní Adobe aplikace - Photoshop CS4, Illustrator CS4 (zde je integrace nejlepší, díky vektorovému návrhu) a Fireworks CS4. 

K čemu je ta integrace dobrá? Zde se poté nabízí mnohem větší možnosti pro grafické zpracování aplikace než při použití standardních WPF komponent v Blendu 2. Pokud chcete aby vaše aplikace vypadala naprosto unikátně z pohledu user interface, je budoucí Catalyst zřejmě ideální platforma pro vývoj jejího GUI.

Flash Catalyst je  výborný i na návrh konceptů aplikace, včetně základní funkčnosti a animací, které se používají pro uživatelské testování.

Výstup Catalyste (MXML) je přímo použitelný jako UI základ pro Flex Builder, kde se k němu doplní vlastní kód. Tedy obdoba Blend -> Visual Studio použití. Při návrhu jsou zcela zásadní states, jeden objekt (třeba vyhledávací políčko a submit button) přitom může být ve více "stavech" (de-facto definicích různých keyframes v chápání Flashe), a to dokonce v každé s jiným formátováním.

Vlastní transformace objektů mezi states jsou umístěné na timeline, kde můžete ovlivňovat jak se mají provádět transformace objektů mezi states (fade-in, fade-out, okamžité zmizení, atd.). Půvabné a opravdu jednoduše použitelné :-)

Kromě vestavěných komponent si samozřejmě můžete vytvářet i své vlastní komponenty, popřípadě importovat je z ostatních Adobe aplikací. Dále můžete v Catalystu vytvářet i action sequences, tedy akce, efekty či animace v rámci jednoho state. Výborné pro vlastní MXML návrh aplikace i wireframes pro uživatelské testování.

Očekávejte beta verzi Flash Catalystu během pár měsíců, finální bude asi až s příchodem Adobe CS5 sady (jen můj soukromý odhad).

Sneak Peeks

Sneak Peeks jsou pohledem na vznikající technologie či projekty, které mohou ale nemusí být obsaženy v budoucích Adobe produktech.

Příklady některých Sneak Peeks

Na možném budoucím buildu Adobe Flash Player byl takto ukázán multicast - vysílání live videa z klienta (Flash Player) na desítku dalších klientských stanic, s výborným výkonem, tedy peer-2-multiple-peer, de-facto neomezené množství odběratelů, kde každý Flash Player je zároveň přijímací i vysílací uzel.

Adobe Nitro je nová platforma pro Flash widgety, jednoduché aplikace pro desktop, telefony, televize, web, obecně pro jakékoliv zařízení kde je Flash (Lite). Konfigurace widgetů je přitom společná, takže máte stejné prostředí na telefonu i PC, bez nutnosti vše nastavovat znovu.

Adobe Durango je aplikace pro snadnou "klikací" tvorbu meshapů jako Adobe Air aplikace bez nutnosti programování, kde je řada veřejných API a web services už předpřipravena (RSS, počasí, mapy, atd.) a stačí je prostě vizuálně propojit.  Výsledkem je kompletní Flex Builder projekt, který můžete upravovat.

Meer Meer je skvělá Flex aplikace, která umožňuje testovat web ve více prohlížečích zároveň, včetně prolínání mezi designy (onion-skin-view), takže přesně pixel na pixel vidíte případné rozdíly. Toto bych osobně moc ocenil v reálném provozu.