Platforma Flash od Adobe

Szymon Bohdanowicz

O czym będziemy mówić?• RIA(Rich Internet Applications)

– Platformy RIA– Właściowści RIA

• Platoforma Flash– Historia technologii Flash– Zastosowania Flasha– Korzyści wynikające z Flasha

• Adobe Flex– Flex Builder, Flex SDK(ActionScript, mxml)

• Demo• Adobe AIR

Rich Internet Application(bogata aplikacja internetowa)

• Termin ukuty przez Macromedia w 2002 roku• RIA łączą w sobie zalety oprogramowania

pulpitowego(elastyczność, interaktywność, prostotę) z olbrzymimi możliwościami aplikacji webowych(szeroka dostępność)

• Główną cechą RIA jest niezwykle bogaty interfejs użytkownika(dodatkowo ważna jest możliwość wygodnego połączenia z logiką biznesową)

Platformy RIA

• Flash/Flax/AIR• Java FX• SilverLight• OpenLazzlo• AJAX

Rozważ zanim się zdecydujesz

• Bogactwo• Zasięg• Produktywność

Bogactwo

• Czy potencjalny klient platformy RIA podtrzymuje najnowsze standardy technologiczne(np. dekodery wideo, audio)?

• Czy platforma na którą się decydujesz oferuje łatwy i szybki sposób tworzenia GUI(dostępne komponenty, sposób projektowania)?

• Czy można w wygodny sposób obsługiwać duże, różnorodne zasoby z danymi?

Zasięg

• Czy użytkownicy będą mieli dostęp do technologii klienckiej?

• Czy wybrana platforma RIA umożliwia stworzenie aplikacji dostępnej zarówno z poziomu przeglądarki jak i pulpitu?

Produktywność

• Czy dostępne w ramach platformy RIA narzędzia umożliwiają efektywną współpracę programistów i deweloperów?

• Czy wybrana platforma umożliwia szybkie tworzenie, testowanie i wdrażanie aplikacji?

• Czy istnieje zaplecze w postaci społeczności wspierającej, badającej możliwości wybranej technologii?

Historia Flasha

Platforma Flash

Struktura platformy FlashNarzędzia projektowania i tworzenia Framework Klienci Serwery

Zastosowania Flasha

• Tworzenie aplikacji biznesowych• W sytuacji korzystania z modelu SaaS

(oprogramowanie jako usługa)• W sytuacji gdy zależy nam z efektach

wizualnych• Strony/aplikacje internetowe

Zalety platformy Flash

• 95% użytkowników Internetu ma zainstalowanego flash playera

• Jest dobrze opisana, bogata dokumentacja, duża społeczność

• Doskonała współpraca pomiędzy produktami na platformie i innymi elementami Adobe CS

Adobe Flex - laurka„Adobe flex is complete, powerful application development solutions for creating and delivering cross platform rich internet application (RIA's) within the enterprise and across web. It provides a modern, standards-based language and programming model that supports common design patterns and includes an Eclipse based development environment; advanced data services; and a fast, enterprise-class client runtime based on ubiquitous Adobe Flash® Player software. Flex enables enterprises to create engaging, interactive, expressive applications that dramatically enhance user experience, increasing customer satisfaction and user productivity. „

Flex vs Flash(o co chodzi?)

• Technologie te do czasu wyjścia Flash Buildera 4 (wcześniej nazywanego Flex Builder) były rozróżniane.

• W 2009 roku nastąpiło połączenie tych produktów i zalet obu podejść(Flex – podejście biznesowe, zastosowanie wzorców; Flash – świetne animacje, GUI)

Dostępne źródła danych dla Flex

• Usługi Sieciowe(SOAP)• XML lub po prostu treść (po URL)• Usługi REST• ColdFusion• Java i BlazeDS• Współpraca także z PHP, Ruby, Phyton i jeszcze

kilka innych

Języki Flex• ActionScript 3 – język obiektowy, dość podobny do Javy,

wspiera

•MXML – język XMLowy pozwalający na projektowanie interfejsu graficznego

Flash Builder 4.5

• Produkt komercyjny(dostępne trial i wersja studencka, bezrobotna)

• Wtyczka do Eclipsa• Podpowiadanie kodu, sprawdzanie składni• Widok WYSIWYG • Wbudowany podpowiadacz komponentów,

layoutów• Wspomaganie testów• Debugger

Inne narzędzia

• FlashBean – wtyczka do netbeansa• FlashCatalyst - oprogramowanie pozwalające

na dodanie do elementów wytworzonych w Photoshopie, Ilustratorze lub Fireworks cech interaktywnych

• Wtyczki do Visual Studio - Ensemble Tofino, Amethyst

• FlashDevelop(freeware)

Dostępne frameworki

• Mate Flex Framework -http://mate.asfusion.com/

• Cairngorm- http://opensource.adobe.com/wiki/display/cairngorm/Cairngorm

• PureMVC - http://puremvc.org/• SWIZ - http://swizframework.org/

Wspomaganie testów

• FlexUnit• http://opensource.adobe.com/wiki/display/fl

exunit/FlexUnitFlex SDK

• Opensource• http://opensource.adobe.com/wiki/display/fle

xsdk/Flex+SDK

Przydatne linki

• Porównanie frameworków - http://www.adobe.com/devnet/flex/articles/flex_framework.html

• Tutorial - http://www.adobe.com/devnet/flex/videotraining.html

• Ładny przykład - http://www.miniusa.com/