Adobe's RIA Technologies (non technical)

R ich I nternet A pplications + ADOBE Technologies

Hoeilaart , June18th 2009

Speaker bio - Cyril Hanquez 02/13/2009

10+ years of IT experience in web technologies

COLDFUSION since 1999

FLEX since 2005

AIR since 2007

active in online communities and user groups

O’Reilly:InsideRIA author

technical reviewer of the upcoming AdvancED AIR applications

blog : http://www.cyrilhanquez.com/blog/ email : [email_address]

Agenda

The challenge of the Web 2.0 challenge | The RIA case

Adobe Technology Platform

Flex

AIR

Flash Catalyst (new)

ColdFusion 9 codename Centaur (new)

Other technologies

The new Text Layout Framework in action (new)

Adobe Flash Collaboration Service, etc… (new)

02/13/2009

Web 2.0 02/13/2009 “ Web 2.0 is the business revolution in the computer industry caused by the move to the Internet as platform, and an attempt to understand the rules for success on that new platform. ” Tim O'Reilly, 2004

Web 2.0 02/13/2009 Rich Internet Applications Author: Markus Angermeier Source: http://kosmar.de/archives/2005/11/11/the-huge-cloud-lens-bubble-map-web20/

Applications have evolved 02/13/2009 Global REACH Local Text UI RICH Integrated media GUI 1992 1998 2004 MAINFRAME CLIENT/SERVER WEB APPLICATIONS RICH INTERNET APPLICATIONS

RIA ? 02/13/2009 Rich Internet Applications (RIA) are web applications that have the features and functionality of traditional desktop applications . RIAs typically transfer the processing necessary for the user interface to the web client but keep the bulk of the data back on the application server. (wikipedia)

Characteristics of RIAs

Rich + Reach

Local Processing + Hosted Services

Designer + Developer Collaboration

Dramatically improve user experiences

The Web changed business requirements 02/13/2009

Applications must be built faster by fewer people

Applications must reuse existing infrastructure and assets

Applications must be flexible to support changing requirements

Applications reach browser, desktop, and devices 02/13/2009

Existing web businesses are transformed 02/13/2009

New generation of Web Applications 02/13/2009

Demo 02/13/2009

Main Competitors in the RIA space 02/13/2009

Adobe Technology Platform for Rich Internet Applications 02/13/2009

Widest Reach in the World 02/13/2009 Adobe Technologies reach 700+ million PCs and 300+ million devices Flash has 99% reach on connected PCs 8 million installs/day There are 250,000,000 PDF files on the web 76% of broadcasters who stream video use Flash 2 million downloads of AIR since launch

ADOBE® FLASH® PLATFORM 02/13/2009

Adobe FLEX 3 02/13/2009 A highly productive, free open source framework for building expressive web applications that deploy consistently on all major browsers and on the desktop with Adobe AIR

Adobe FLEX 3 02/13/2009

Open source framework

Highly productive development

Applications run identically on all browsers using Flash Player and on the desktop using Adobe AIR

Maintainable applications and a solution that scales from small to large projects

02/13/2009 Where Flex is used Product Configuration Line of Business Applications Data Visualization Rich Media Applications Authoring Applications Product Selection

The Adobe Flex Product Family 02/13/2009 Adobe® Flex™ 3 SDK Open Source Flex SDK MXML and ActionScript 3.0 Framework and Class Library Command-line Compiler Adobe® Flex™ Builder™ 3 Standard Edition Visual Layout Code Hinting Debugging Skinning & Styling Professional Edition Charting Components Advanced DataGrid / OLAP Performance/Memory Profiling Automated f(x) testing support Adobe® LiveCycle® Data Services ES Data Management Web-Tier Compiler RIA-PDF Creation MXML and ActionScript 3.0 Blaze DS Messaging RPC Services Service Adapters Proxy Service

Understanding Flex 02/13/2009

2 languages

MXML (actually a library of ActionScript)

ActionScript3

Compilers

Debuggers

Rich Component Library

Flex Builder IDE

Eclipse Plugin or turn-key install

Accelerates Design

Design view and code view

Flex™ Builder™ Flex SDK ActionScript MXML Flex Class Library Compiler Debugger

Flex Class Library 02/13/2009 Communicate with the user UI-CONTAINER Structure your UI UI-CONTROLS

Large collection of components for creating streamlined, constistent and powerful frontends

Save and edit data on the client DATAMODEL VBox, HBox, Form, View, Window, … Button, CheckBox, ComboBox, DataGrid, … Data Binding, Validation, RPC Services Elements for more comfortable UI interfaces Animations, Sounds, Effects and more User experience BEHAVIOURS Fade, Move, Roate… States & Transitions Sounds…

How Flex Works 02/13/2009 MXML and ActionScript Compile XML/HTTP REST SOAP Web Services Browser J2EE Application Server Flash Player Web Server Existing Applications and Infrastructure HTTP/S AMF/S RTMP/S SOAP Flex™ Builder™ Flex SDK ActionScript MXML Flex Class Library LiveCycle DS

Flex 3 Pricing and Packaging 02/13/2009 Price/Upgrade Adobe® Flex™ 3 SDK Adobe® Flex™ Builder™ 3 Standard edition Adobe® Flex™ Builder™ 3 Professional edition BlazeDS – Flex Remoting and Messaging FREE FREE 220€ incl. VAT 600€ incl. VAT

Demo 02/13/2009

Adobe AIR 02/13/2009 Adobe AIR is a cross-operating system runtime that allows developers to use their existing web development skills to build and deploy rich Internet applications on the desktop.

Adobe AIR Application Stack 02/13/2009 Cross-OS Application Integrated Rendering Integrated DOMs & Scripting Adobe AIR APIs Mac, Windows, Linux & Device OS Flash Flex ActionScript XML Audio Video HTML PDF HTML HTML JavaScript XML CSS Flash PDF File System Access Network Detection Notifications Application Update Drag and Drop Local Database ...

How AIR Works 02/13/2009 MXML and ActionScript Compile & Package XML/HTTP REST SOAP Web Services Browser J2EE Application Server LiveCycle Data Services AIR Client Runtime Web Server Existing Applications and Infrastructure Flex Builder IDE Flex SDK MXML ActionScript Flex Class Library HTTP/S AMF/S RTMP/S SOAP

Demo 02/13/2009

Flash Catalyst 02/13/2009 Adobe® Flash® Catalyst™ is a new professional interaction design tool for rapidly creating user interfaces without coding.

Understanding Flash Catalyst 02/13/2009

Rapidly create and deliver a finished SWF file or collaborate more effectively with developers:

Fast learning curve: If you can use Photoshop or Illustrator you can quickly learn to use Flash Catalyst.

Fast Interaction Design: Transform native Photoshop and Illustrator files into functional user experiences. Publish finished projects for distribution as a SWF file.

Collaborate more effectively with developers: Provide Flash Catalyst projects to developers who use Flash Builder to add additional functionality and integrate with servers and services.

Understanding Flash Catalyst 02/13/2009

ColdFusion 9 codename Centaur 02/13/2009

Centaur Themes 02/13/2009

Integration

PDF Enhancements

Office Files

Productivity

CF Builder

ORM

Server Manager

Richness

Flash Builder 4 Integration

Exposed Service Layer

AIR Online Offline

Text Layout Framework 02/13/2009

Together with the new text engine in Flash Player 10 and AIR 1.5, the Text Layout Framework delivers multi-lingual, print-quality typography for the web, including support for:

Bidirectional text, vertical text and over 30 writing systems including Arabic, Hebrew, Chinese, Japanese, Korean, Thai, Lao, the major writing systems of India, and others.

Selection, editing and flowing text across multiple columns and linked containers, and around inline images

Vertical text, Tate-Chu-Yoko (horizontal within vertical text) and justifier for East Asian typography

Rich typographical controls, including kerning, ligatures, typographic case, digit case, digit width and discretionary hyphens

Demo – NY Times Reader 02/13/2009

Adobe Flash Collaboration Service 02/13/2009

Add social features to your existing Flex apps or build totally new ones, such as real-time productivity/collaboration apps, multiplayer games, and audio/video chat.