SlideShare a Scribd company logo
1 of 56
Download to read offline
Introduction to
                                 Flex RIA

                                                    SABARINATHAN
                                                               RIA Developer



                                 http://sabaritheflexian.com


                                                                   riahunter




                                       Talks @ Chennai Flex User Group ( CFUG )
1   | Introduction to Flex RIA                                 |   Talks @ Chennai Flex User Group
Talk Coverage




                                 40%

                                                   RIA
                                             10%   Flex and Action Script
                       25%                         AIR
                                             5%
                                                   Flex Hero
                                       20%         Demo




2   | Introduction to Flex RIA                                 |   Talks @ Chennai Flex User Group
Quick Look . . .



             Rich Internet Applications (RIA)                  Why Flashplatform ?



                Flash Platform Technologies                        Inside Flex



                                  MXML                            Action Script



                                 Adobe AIR                      3D Components



                                             Flex Hero Intro




3   | Introduction to Flex RIA                                              |   Talks @ Chennai Flex User Group
RIA :
           Rich Internet Applications




4   | Introduction to Flex RIA          |   Talks @ Chennai Flex User Group
Flash Back




                                   Remote Scripting, by Microsoft, circa 1998

                                 X Internet, by Forrester Research in October 2000

                                                Rich (Web) Clients

                                              Rich Web Application

                                  White Paper by Macromedia (Adobe) - 2002




5   | Introduction to Flex RIA                                    |   Talks @ Chennai Flex User Group
What is RIA ?



     “Rich Internet Applications (RIAs) are web-based applications that have a much
               more robust feel and functionality to them than standard web based
                                                applications.”



                Traditional HTML, and the accompanying technology surrounding standard web
              pages, are being pushed to the limits of their capabilities. Leveraging RIAs allows
                  web applications to have desktop application usability inside a web browser!




                       Source : Microsoft.com
6   | Introduction to Flex RIA                                                  |   Talks @ Chennai Flex User Group
Typical RIA Architecture


                                                            Ease of Use

                                                     Enhanced User Experience

                                                       Reduced Server Load

                                                             Lost Data

                                                           Light Weight

                                                       Faster Processing time



                                                              AJAX
                                                (Asynchronous JavaScript And XML)

                       Source : Microsoft.com

7   | Introduction to Flex RIA                                            |   Talks @ Chennai Flex User Group
Former RIA Organization


                                 Vendor               Client Tech
                                 Adobe XDP            JS, XML, PDF
                                 AltioLive            XML, Applet
                                 DreamFactory         XML
                                 Droplets             Java Servlet
                                 Isomorphics          DHTML, XML
                                 Laszlo               Flash, XML
                                 Macromedia Central   Flash
                                 Macromedia Flex      Flash, XML
                                 Nexaweb              Java+XUL
                                 Q-link               XML,XForms



8   | Introduction to Flex RIA                                       |   Talks @ Chennai Flex User Group
RIA Frameworks



                                                                       UltraLightClient
                                  Ample


                                                Google Web Toolkit

                   Silverlight
                                                            Adobe Flash / Flex

                                 Curl                                             ZK
                                                       JavaFX



                                          OpenLaszlo                 Bindows




9   | Introduction to Flex RIA                                                     |   Talks @ Chennai Flex User Group
Areas of RIA

      Financial Services
      Auto Dealerships
      Mortgage Firms
      Customer survey forms
      Email forms
      Video Distribution (branding/licensing)
      Remote training services
      Customer service (live two-way video, chat & assistance)
      Virtual Desktop Environments
      CRM/ERP front-end applications
               ... the applications are limitless…



10 | Introduction to Flex RIA                                     |   Talks @ Chennai Flex User Group
Statistics:
           Why Flash Platform?




11 | Introduction to Flex RIA    |   Talks @ Chennai Flex User Group
Positive Notes


    “While the <video> tag is a big step forward for open standards, the Adobe Flash Platform
      will continue to play a critical role in video distribution," said Yong in YouTube blog.

    -http://apiblog.youtube.com/2010/06/flash-and-html5-tag.html

    HTML5 Can’t Exist Without the Flash Platform : Ryan Stewart Blog Post


     http://www.streaminglearningcenter.com/articles/flash-player-cpu-hog-or-hot-tamale-it-depends-.html

     http://www.engadget.com/2010/03/10/html5-vs-flash-comparison-finds-a-few-surprises-settles-few-de/

     http://techcrunch.com/2010/02/05/the-future-of-web-content-html5-flash-mobile-apps/

     http://thenextweb.com/apple/2010/05/14/html5-vs-flash-what-you-havent-heard/




12 | Introduction to Flex RIA                                                            |   Talks @ Chennai Flex User Group
HTML 5 vs Flash : Ryan’s Comparison




13 | Introduction to Flex RIA            |   Talks @ Chennai Flex User Group
Statistics




                                 Live Stats

                                 Players / Plug-ins Domination

                                 Frameworks Trend




14 | Introduction to Flex RIA                     |   Talks @ Chennai Flex User Group
Live Stats



                      Flash Player / Plug-in                            Silverlight




                                Statistics collected from 19,409,973 daily unique browsers
                                            across 147 sites over the past 30 days
                                          From www.riastats.com (08th Nov 2010)




15 | Introduction to Flex RIA                                                          |   Talks @ Chennai Flex User Group
Players / Plug-ins Domination




                                Source: Google Trends on 8th Nov 2010




16 | Introduction to Flex RIA                                           |   Talks @ Chennai Flex User Group
Frameworks Trend




                                Source: Google Trends on 8th Nov 2010




17 | Introduction to Flex RIA                                           |   Talks @ Chennai Flex User Group
Adobe’s RIA:
           Flash Platform Technologies




18 | Introduction to Flex RIA            |   Talks @ Chennai Flex User Group
Technology Stack

       Tools



            Flash Catalyst           Flash Professional   Flash / Flex Builder
                                                                                 Clients
       Frameworks
                                                                                           AIR                          Flash
                                                                                                                        Player
                                                 Flex




       Servers/Services



          Live Cycle DS         ColdFusion   Flash Media Server   Services




19 | Introduction to Flex RIA                                                                    |   Talks @ Chennai Flex User Group
Flex Introduction




                            ADOBE FLEX®
                                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




20 | Introduction to Flex RIA                                    |   Talks @ Chennai Flex User Group
Flex Flashback




                                              Macromedia Flex Server 1.0 and 1.5 (2004)

                                                     Adobe Flex 2 – AS3 (2005 – 2006)

                                                      Adobe Flex 3 – AIR (2007 – 2009)

                                                     Adobe Flex 4 - Flash Builder (2010)

                                   Adobe Flex 4.5 and Flex Hero - Flash Builder (2011)


Flex was the first Macromedia product to be
       re-branded under the Adobe name.


21 | Introduction to Flex RIA                                         |   Talks @ Chennai Flex User Group
Flex Environment

   Two languages
                                                                    Flash Builder IDE
                MXML (actually a library of ActionScript)

                ActionScript 3
                                                             Flex SDK
   Compilers                                                  MXML         ActionScript
   Debugger                                                      Flex Class Library
   Profiler                                                         Debuggers
   Rich Component Library                                       Profilers , Flex Units,
                                                                  Network Monitors

   Flash / Flex Builder IDE                                     Auto Code-Generation
           Eclipse Plug-in
           Design view and code view                                   and more…

           Debugging / Development / Profiling



22 | Introduction to Flex RIA                                                |   Talks @ Chennai Flex User Group
Flex Work Flow




23 | Introduction to Flex RIA   |   Talks @ Chennai Flex User Group
MXML: Macromedia XML




24 | Introduction to Flex RIA     |   Talks @ Chennai Flex User Group
MXML application

  s:Application                 <?xml version="1.0" ?>
                                <s:Application>
       s:Button

                                 <s:Button width=”100” height=”50”/>
        s:Panel

         s:Button
                                 <s:Panel width=”100%” height=”100%”>

          mx:DataGrid              <s:Button width=”100%”/>

                                   <mx:DataGrid width=”100%”
                                                height=”100%”/>
                                 </s:Panel>

                                </s:Application>




25 | Introduction to Flex RIA                              |   Talks @ Chennai Flex User Group
MXML Contd…




                                MXML Application

            <Application>
              <WebService id=“ws” wsdl=“catalog.wsdl”/>
              <Button label=“Get Data” click=“ws.getProducts()”/>
              <DataGrid dataProvider=“{ws.getProducts.result}”/>
              <LineChart dataProvider=“{ws.getProducts.result}”/>
            </Application>




26 | Introduction to Flex RIA                                       |   Talks @ Chennai Flex User Group
MXML Contd…




                                MXML - Components

            <Application>
              <WebService id=“ws” wsdl=“catalog.wsdl”/>
              <Button label=“Get Data” click=“ws.getProducts()”/>
              <DataGrid dataProvider=“{ws.getProducts.result}”/>
              <LineChart dataProvider=“{ws.getProducts.result}”/>
            </Application>




27 | Introduction to Flex RIA                                       |   Talks @ Chennai Flex User Group
MXML Contd…




                                      MXML - id

            <Application>
              <WebService id=“ws” wsdl=“catalog.wsdl”/>
              <Button label=“Get Data” click=“ws.getProducts()”/>
              <DataGrid dataProvider=“{ws.getProducts.result}”/>
              <LineChart dataProvider=“{ws.getProducts.result}”/>
            </Application>




28 | Introduction to Flex RIA                                       |   Talks @ Chennai Flex User Group
MXML Contd…




                                MXML - Properties

            <Application>
              <WebService id=“ws” wsdl=“catalog.wsdl”/>
              <Button label=“Get Data” click=“ws.getProducts()”/>
              <DataGrid dataProvider=“{ws.getProducts.result}”/>
              <LineChart dataProvider=“{ws.getProducts.result}”/>
            </Application>




29 | Introduction to Flex RIA                                       |   Talks @ Chennai Flex User Group
MXML Contd…




                                  MXML - Events

            <Application>
              <WebService id=“ws” wsdl=“catalog.wsdl”/>
              <Button label=“Get Data” click=“ws.getProducts()”/>
              <DataGrid dataProvider=“{ws.getProducts.result}”/>
              <LineChart dataProvider=“{ws.getProducts.result}”/>
            </Application>




30 | Introduction to Flex RIA                                       |   Talks @ Chennai Flex User Group
MXML Contd…




                                  MXML - Binding

            <Application>
              <WebService id=“ws” wsdl=“catalog.wsdl”/>
              <Button label=“Get Data” click=“ws.getProducts()”/>
              <DataGrid dataProvider=“{ws.getProducts.result}”/>
              <LineChart dataProvider=“{ws.getProducts.result}”/>
            </Application>




31 | Introduction to Flex RIA                                       |   Talks @ Chennai Flex User Group
Action Script




32 | Introduction to Flex RIA   |   Talks @ Chennai Flex User Group
Introduction to Action Script

     ECMA-262 edition and ECMA-4 complaint

     Versions

             Action Script 1.0 – 2000 – 2003
                                                       Flash Player 8 and below
             Action Script 2.0 – 2003 – 2006

             Action Script 3.0 – 2006 – present >> Flex 2.0 - Flash Player 9 and above

     Object-oriented from AS 3

     Initially designed for controlling simple 2D vector animations made in Adobe Flash

          (formerly Macromedia Flash).

     Foundation for Flex 2 and above

     Online API >> http://livedocs.adobe.com/flex/3/html/toc.html

33 | Introduction to Flex RIA                                                             |   Talks @ Chennai Flex User Group
Action Script contd…

   package
   {
        import flash.display.Sprite;
        import flash.text.TextField;

           public class DemoCFUG extends Sprite
           {
                 public function DemoCFUG()
                 {
                       var txtFieldBox:TextField = new TextField();

                                 txtFieldBox.width = 100;
                                 txtFieldBox.height = 140;
                                 txtFieldBox.border = true;
                                 txtFieldBox.borderColor = 0xFF0000;
                                 txtFieldBox.text = "Hello CFUG !!!";

                            addChild(txtFieldBox);
                   }
           }
   }

34 | Introduction to Flex RIA                                           |   Talks @ Chennai Flex User Group
Action Script contd…

<mx:Panel title=“firstApplication">
     <mx:TextArea id=“note1"/>
     <mx:Button label=“Submit” onclick=“doSomething();"/>
</mx:Panel>

package {
     import flash.media.Video;
     import flash.net.NetStream;
     import flash.net.NetConnection;
     public class Example {
           public function doSomething( event: Event ) : void {
                      var url:String = “homeMovie.flv";
                      var video:Video = new Video(width:int=500, height:int=350)
                      var stream:NetStream = new NetStream(new NetConnection());
                                   video.attachNetStream(stream);
                                   video.play(url);
                      addChild(video);
                 }
     }
}
Code borrowed from: http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/media/Video.html



35 | Introduction to Flex RIA                                                                          |   Talks @ Chennai Flex User Group
Inside Flex




36 | Introduction to Flex RIA   |   Talks @ Chennai Flex User Group
Flex Compilation

                                           mxmlc compiler process


                                                • Parse MXML into ActionScript classes
                                                • Compile ActionScript into bytecode
                                                • Insert bytecode into a binary SWF file
                                Stage 1




                                                • Flash Player contains an ActionScript Virtual Machine
                                                  (AVM). At runtime, the AVM turns the bytecode into
                                                  machine language code that the particular OS can
                                Stage 2
                                                  interpret.
                            (JIT compilation)




                                                               Also check : Build Phase in Flex Docs

37 | Introduction to Flex RIA                                                              |   Talks @ Chennai Flex User Group
Flex Components




                                and more

                                           Image Courtesy: Adobe.com




38 | Introduction to Flex RIA                  |   Talks @ Chennai Flex User Group
Flex Back End


                    HTTP Services                        RemoteObject                   Web Services




                            BlazeDS / LCDS / GraniteDS           Java - J2EE / Coldfusion


                                AMFPHP / Zend AMF                           PHP


                                WebORB / Flourine FX                        .NET


                          WebORB for Ruby/ RubyAMF                      Ruby on Rails


                                PYAMF / DjangoAMF                          Python



39 | Introduction to Flex RIA                                                              |   Talks @ Chennai Flex User Group
Sample Flash Platform RIA applications




40 | Introduction to Flex RIA               |   Talks @ Chennai Flex User Group
Let’s get started . . .




41 | Introduction to Flex RIA   |   Talks @ Chennai Flex User Group
Take a Look




42 | Introduction to Flex RIA   |   Talks @ Chennai Flex User Group
Adobe AIR




43 | Introduction to Flex RIA   |   Talks @ Chennai Flex User Group
Adobe AIR




                                                  Adobe® AIR® is a cross-operating system runtime that
                                   lets developers combine HTML, Ajax, Adobe Flash®, and Adobe Flex®
                                technologies to deploy Rich Internet Applications (RIAs) on the desktop.
                                                                                                - Adobe




44 | Introduction to Flex RIA                                                          |   Talks @ Chennai Flex User Group
Introduction

   Adobe Integrated Runtime (AIR) – previously codenamed “Apollo”

   Cross-OS application engine that enables hybrid desktop-internet
        applications

   Adds desktop capabilities for Flex apps

   Benefits

           Total control of user experience

           Browser to desktop consistency

           Rich media capabilities

           Network resilience

           Desktop access to services



45 | Introduction to Flex RIA                                          |   Talks @ Chennai Flex User Group
AIR Stack ( Architecture )




                                Source: Adobe.com




46 | Introduction to Flex RIA                       |   Talks @ Chennai Flex User Group
Flex and Adobe AIR

 AIR-enabled Flex Capabilities
           Native OS drag and drop support
           Multi-windowed applications
           Access to local file system
           Local database storage (SQLite)
           Complete rendering support for HTML content
           Micro-phone access
           Touch Screen capabilities .. more..

 Flash Builder Support for AIR Development
           Full code hinting and error reporting
           Complete debugging and profiling support
           Application packaging and signing


47 | Introduction to Flex RIA                             |   Talks @ Chennai Flex User Group
Flash Player and Adobe AIR




                                Web   Desktop




48 | Introduction to Flex RIA                   |   Talks @ Chennai Flex User Group
3D Components




49 | Introduction to Flex RIA   |   Talks @ Chennai Flex User Group
ILOG Elixir




                                Ilog Elixir 3D OnlineDemo


50 | Introduction to Flex RIA                               |   Talks @ Chennai Flex User Group
Fusion Charts




                                Fusion Online Demo


51 | Introduction to Flex RIA                        |   Talks @ Chennai Flex User Group
amCharts




                                AmCharts Online Demo


52 | Introduction to Flex RIA                          |   Talks @ Chennai Flex User Group
Flex Hero : Mobile Apps




53 | Introduction to Flex RIA        |   Talks @ Chennai Flex User Group
Available Options




                    Adobe Flash Builder - "Burrito“   Flex SDK “Hero”




54 | Introduction to Flex RIA                                    |   Talks @ Chennai Flex User Group
References & resources

     Flex Developer Center

            http://www.adobe.com/devnet/flex/

     Adobe® Flex™ 3 Language Reference

             http://livedocs.adobe.com/labs/flex3/langref/

     Ryan’s Blog | http://blog.digitalbackcountry.com/

     Flex Org | http://flex.org/

     RIA Statistics | http://riastats.com/

     O’Reily Develop RIA | http://www.developria.com/

     Google Trends

            http://www.google.com/trends

     Wikipedia RIA

              http://en.wikipedia.org/wiki/Rich_Internet_application



55 | Introduction to Flex RIA                                          |   Talks @ Chennai Flex User Group
Thank you!

                                            Let’s Discuss . . .


                                riahunter                nathan5x




                                 Talks @ Chennai Flex User Group ( CFUG )
56 | Introduction to Flex RIA                        |   Talks @ Chennai Flex User Group

More Related Content

What's hot

Grameen Solutions Technology Skills
Grameen Solutions   Technology SkillsGrameen Solutions   Technology Skills
Grameen Solutions Technology SkillsGrameen Solutions
 
IBM WebSphere Portal References Education
IBM WebSphere Portal References EducationIBM WebSphere Portal References Education
IBM WebSphere Portal References EducationDvir Reznik
 
Grameen Solutions Product Engineering Featured Projects 2009 11 12
Grameen Solutions   Product Engineering Featured Projects 2009 11 12Grameen Solutions   Product Engineering Featured Projects 2009 11 12
Grameen Solutions Product Engineering Featured Projects 2009 11 12Grameen Solutions
 
Weblogic 12c experiences - migrations from iAS-platform
Weblogic 12c experiences - migrations from iAS-platformWeblogic 12c experiences - migrations from iAS-platform
Weblogic 12c experiences - migrations from iAS-platformJon Petter Hjulstad
 
WebSphere Portal Business Overview
WebSphere Portal Business OverviewWebSphere Portal Business Overview
WebSphere Portal Business OverviewJoel Demay
 
01. Portal Business Overview
01. Portal Business Overview01. Portal Business Overview
01. Portal Business OverviewNick Davis
 
01. Portal Business Overview
01. Portal Business Overview01. Portal Business Overview
01. Portal Business OverviewNick Davis
 
Liferay & Alfresco: Delivering Enterprise Content Through a Portal 02 August ...
Liferay & Alfresco: Delivering Enterprise Content Through a Portal 02 August ...Liferay & Alfresco: Delivering Enterprise Content Through a Portal 02 August ...
Liferay & Alfresco: Delivering Enterprise Content Through a Portal 02 August ...Alfresco Software
 
Camo Tech (Apr 2010)
Camo Tech (Apr 2010)Camo Tech (Apr 2010)
Camo Tech (Apr 2010)rogeratnj
 
Liferay DevCon 2014: Lliferay Platform - A new and exciting vision
Liferay DevCon 2014: Lliferay Platform - A new and exciting visionLiferay DevCon 2014: Lliferay Platform - A new and exciting vision
Liferay DevCon 2014: Lliferay Platform - A new and exciting visionJorge Ferrer
 
01 web sphere portal business overview
01 web sphere portal business overview01 web sphere portal business overview
01 web sphere portal business overviewygolani
 
Managing Content In Portal Wcm
Managing Content In Portal WcmManaging Content In Portal Wcm
Managing Content In Portal Wcmtchaitanya
 
InfoAxon Business Plan
InfoAxon Business PlanInfoAxon Business Plan
InfoAxon Business Plandahiyavin
 
Michael Adobe Flex Java 1 London
Michael Adobe Flex Java 1 LondonMichael Adobe Flex Java 1 London
Michael Adobe Flex Java 1 LondonSkills Matter
 
Camo Tech (Apr 2010)V191
Camo Tech (Apr 2010)V191Camo Tech (Apr 2010)V191
Camo Tech (Apr 2010)V191umeshchavan
 
Oracle iAS Forms to WebLogic Suite for Alesco
Oracle iAS Forms to WebLogic Suite for AlescoOracle iAS Forms to WebLogic Suite for Alesco
Oracle iAS Forms to WebLogic Suite for AlescoFumiko Yamashita
 
Websphere Portal
Websphere PortalWebsphere Portal
Websphere Portaldominion
 

What's hot (20)

Grameen Solutions Technology Skills
Grameen Solutions   Technology SkillsGrameen Solutions   Technology Skills
Grameen Solutions Technology Skills
 
IBM WebSphere Portal References Education
IBM WebSphere Portal References EducationIBM WebSphere Portal References Education
IBM WebSphere Portal References Education
 
Grameen Solutions Product Engineering Featured Projects 2009 11 12
Grameen Solutions   Product Engineering Featured Projects 2009 11 12Grameen Solutions   Product Engineering Featured Projects 2009 11 12
Grameen Solutions Product Engineering Featured Projects 2009 11 12
 
Weblogic 12c experiences - migrations from iAS-platform
Weblogic 12c experiences - migrations from iAS-platformWeblogic 12c experiences - migrations from iAS-platform
Weblogic 12c experiences - migrations from iAS-platform
 
WebSphere Portal Business Overview
WebSphere Portal Business OverviewWebSphere Portal Business Overview
WebSphere Portal Business Overview
 
01. Portal Business Overview
01. Portal Business Overview01. Portal Business Overview
01. Portal Business Overview
 
Alfresco mobile
Alfresco mobileAlfresco mobile
Alfresco mobile
 
01. Portal Business Overview
01. Portal Business Overview01. Portal Business Overview
01. Portal Business Overview
 
Liferay & Alfresco: Delivering Enterprise Content Through a Portal 02 August ...
Liferay & Alfresco: Delivering Enterprise Content Through a Portal 02 August ...Liferay & Alfresco: Delivering Enterprise Content Through a Portal 02 August ...
Liferay & Alfresco: Delivering Enterprise Content Through a Portal 02 August ...
 
Camo Tech (Apr 2010)
Camo Tech (Apr 2010)Camo Tech (Apr 2010)
Camo Tech (Apr 2010)
 
Liferay DevCon 2014: Lliferay Platform - A new and exciting vision
Liferay DevCon 2014: Lliferay Platform - A new and exciting visionLiferay DevCon 2014: Lliferay Platform - A new and exciting vision
Liferay DevCon 2014: Lliferay Platform - A new and exciting vision
 
01 web sphere portal business overview
01 web sphere portal business overview01 web sphere portal business overview
01 web sphere portal business overview
 
Managing Content In Portal Wcm
Managing Content In Portal WcmManaging Content In Portal Wcm
Managing Content In Portal Wcm
 
InfoAxon Business Plan
InfoAxon Business PlanInfoAxon Business Plan
InfoAxon Business Plan
 
Michael Adobe Flex Java 1 London
Michael Adobe Flex Java 1 LondonMichael Adobe Flex Java 1 London
Michael Adobe Flex Java 1 London
 
Camo Tech (Apr 2010)V191
Camo Tech (Apr 2010)V191Camo Tech (Apr 2010)V191
Camo Tech (Apr 2010)V191
 
Alfresco Offering
Alfresco OfferingAlfresco Offering
Alfresco Offering
 
Oracle iAS Forms to WebLogic Suite for Alesco
Oracle iAS Forms to WebLogic Suite for AlescoOracle iAS Forms to WebLogic Suite for Alesco
Oracle iAS Forms to WebLogic Suite for Alesco
 
Websphere Portal
Websphere PortalWebsphere Portal
Websphere Portal
 
John Scott: Mil-OSS
John Scott: Mil-OSSJohn Scott: Mil-OSS
John Scott: Mil-OSS
 

Viewers also liked

Graphical Animation - Flash Introduction
Graphical Animation - Flash IntroductionGraphical Animation - Flash Introduction
Graphical Animation - Flash IntroductionJamie Hutt
 
La EdificacióN Espiritual En La PequeñA Comunidad
La EdificacióN Espiritual En La PequeñA ComunidadLa EdificacióN Espiritual En La PequeñA Comunidad
La EdificacióN Espiritual En La PequeñA Comunidadguesta601eb
 
La Edificación Espiritual En La Pequeña Comunidad
La Edificación Espiritual En La Pequeña ComunidadLa Edificación Espiritual En La Pequeña Comunidad
La Edificación Espiritual En La Pequeña Comunidadguest5decd9
 
1. vida nueva guía e instrucciones catequista-
1. vida nueva  guía e instrucciones catequista-1. vida nueva  guía e instrucciones catequista-
1. vida nueva guía e instrucciones catequista-FUNBUENA
 
Libro "El Kerigma"
Libro "El Kerigma"Libro "El Kerigma"
Libro "El Kerigma"santocristo
 
El kerigma pbro josé guadalupe ramos valecia
El kerigma pbro josé guadalupe ramos valeciaEl kerigma pbro josé guadalupe ramos valecia
El kerigma pbro josé guadalupe ramos valeciadipakcuautitlan
 
Evangelización kerigma koinonía
Evangelización kerigma koinoníaEvangelización kerigma koinonía
Evangelización kerigma koinoníaptrinidad1981
 

Viewers also liked (15)

Acuerdate de lo bueno
Acuerdate de lo buenoAcuerdate de lo bueno
Acuerdate de lo bueno
 
Salvación (parte once)
Salvación (parte once)Salvación (parte once)
Salvación (parte once)
 
Salvacion (parte nueve)
Salvacion (parte nueve)Salvacion (parte nueve)
Salvacion (parte nueve)
 
El pecado (2)
El pecado (2)El pecado (2)
El pecado (2)
 
COMO ORAR A DIOS
COMO ORAR A DIOSCOMO ORAR A DIOS
COMO ORAR A DIOS
 
Graphical Animation - Flash Introduction
Graphical Animation - Flash IntroductionGraphical Animation - Flash Introduction
Graphical Animation - Flash Introduction
 
Como empezar-el-sine
Como empezar-el-sineComo empezar-el-sine
Como empezar-el-sine
 
La EdificacióN Espiritual En La PequeñA Comunidad
La EdificacióN Espiritual En La PequeñA ComunidadLa EdificacióN Espiritual En La PequeñA Comunidad
La EdificacióN Espiritual En La PequeñA Comunidad
 
La Edificación Espiritual En La Pequeña Comunidad
La Edificación Espiritual En La Pequeña ComunidadLa Edificación Espiritual En La Pequeña Comunidad
La Edificación Espiritual En La Pequeña Comunidad
 
1. vida nueva guía e instrucciones catequista-
1. vida nueva  guía e instrucciones catequista-1. vida nueva  guía e instrucciones catequista-
1. vida nueva guía e instrucciones catequista-
 
Libro "El Kerigma"
Libro "El Kerigma"Libro "El Kerigma"
Libro "El Kerigma"
 
El kerigma pbro josé guadalupe ramos valecia
El kerigma pbro josé guadalupe ramos valeciaEl kerigma pbro josé guadalupe ramos valecia
El kerigma pbro josé guadalupe ramos valecia
 
Evangelización kerigma koinonía
Evangelización kerigma koinoníaEvangelización kerigma koinonía
Evangelización kerigma koinonía
 
Kerigma2
Kerigma2Kerigma2
Kerigma2
 
Kerigma
KerigmaKerigma
Kerigma
 

Similar to Flex Introduction

Flex In Dot Net
Flex In Dot NetFlex In Dot Net
Flex In Dot Netpradeepfdo
 
Ajax World Oct2008 Jrd
Ajax World Oct2008 JrdAjax World Oct2008 Jrd
Ajax World Oct2008 Jrdrajivmordani
 
Adobe jax2010 1_dashboard
Adobe jax2010 1_dashboardAdobe jax2010 1_dashboard
Adobe jax2010 1_dashboardguest9776673
 
RIAs with Java, Spring, Hibernate, BlazeDS, and Flex
RIAs with Java, Spring, Hibernate, BlazeDS, and FlexRIAs with Java, Spring, Hibernate, BlazeDS, and Flex
RIAs with Java, Spring, Hibernate, BlazeDS, and Flexelliando dias
 
How To Select RIA
How To Select RIAHow To Select RIA
How To Select RIATerry Wang
 
ALM Integration in a Web 2.0 World
ALM Integration in a Web 2.0 WorldALM Integration in a Web 2.0 World
ALM Integration in a Web 2.0 Worldoslc
 
[2011-17-C-4] Heroku & database.com
[2011-17-C-4] Heroku & database.com[2011-17-C-4] Heroku & database.com
[2011-17-C-4] Heroku & database.comMitch Okamoto
 
Building Rich Applications with Appcelerator
Building Rich Applications with AppceleratorBuilding Rich Applications with Appcelerator
Building Rich Applications with AppceleratorMatt Raible
 
Evaluation Ria Frameworks
Evaluation Ria FrameworksEvaluation Ria Frameworks
Evaluation Ria FrameworksRishi Singh
 
Rich internet application (ria)
Rich internet application (ria)Rich internet application (ria)
Rich internet application (ria)TAInteractive
 
The Adobe Flash Platform
The Adobe Flash PlatformThe Adobe Flash Platform
The Adobe Flash PlatformKutty Moorthy
 
Agile in Action - Act 3: Testing
Agile in Action - Act 3: TestingAgile in Action - Act 3: Testing
Agile in Action - Act 3: TestingSpiffy
 
Web Application Solutions
Web Application SolutionsWeb Application Solutions
Web Application Solutionsmarvin256
 
Web applicationsolutions
Web applicationsolutionsWeb applicationsolutions
Web applicationsolutionsNika Stuard
 
Flex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog CcFlex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog CcFrançois Le Droff
 
Making RIAs Accessible - Spring Break 2008
Making RIAs Accessible - Spring Break 2008Making RIAs Accessible - Spring Break 2008
Making RIAs Accessible - Spring Break 2008Andrea Hill
 
java web framework standard.20180412
java web framework standard.20180412java web framework standard.20180412
java web framework standard.20180412FirmansyahIrma1
 

Similar to Flex Introduction (20)

Flex In Dot Net
Flex In Dot NetFlex In Dot Net
Flex In Dot Net
 
Ajax World Oct2008 Jrd
Ajax World Oct2008 JrdAjax World Oct2008 Jrd
Ajax World Oct2008 Jrd
 
Adobe jax2010 1_dashboard
Adobe jax2010 1_dashboardAdobe jax2010 1_dashboard
Adobe jax2010 1_dashboard
 
RIAs with Java, Spring, Hibernate, BlazeDS, and Flex
RIAs with Java, Spring, Hibernate, BlazeDS, and FlexRIAs with Java, Spring, Hibernate, BlazeDS, and Flex
RIAs with Java, Spring, Hibernate, BlazeDS, and Flex
 
Architecting RIAs
Architecting RIAsArchitecting RIAs
Architecting RIAs
 
How To Select RIA
How To Select RIAHow To Select RIA
How To Select RIA
 
ALM Integration in a Web 2.0 World
ALM Integration in a Web 2.0 WorldALM Integration in a Web 2.0 World
ALM Integration in a Web 2.0 World
 
[2011-17-C-4] Heroku & database.com
[2011-17-C-4] Heroku & database.com[2011-17-C-4] Heroku & database.com
[2011-17-C-4] Heroku & database.com
 
Building Rich Applications with Appcelerator
Building Rich Applications with AppceleratorBuilding Rich Applications with Appcelerator
Building Rich Applications with Appcelerator
 
Evaluation Ria Frameworks
Evaluation Ria FrameworksEvaluation Ria Frameworks
Evaluation Ria Frameworks
 
Flex3
Flex3Flex3
Flex3
 
Rich internet application (ria)
Rich internet application (ria)Rich internet application (ria)
Rich internet application (ria)
 
Rest overview briefing
Rest  overview briefingRest  overview briefing
Rest overview briefing
 
The Adobe Flash Platform
The Adobe Flash PlatformThe Adobe Flash Platform
The Adobe Flash Platform
 
Agile in Action - Act 3: Testing
Agile in Action - Act 3: TestingAgile in Action - Act 3: Testing
Agile in Action - Act 3: Testing
 
Web Application Solutions
Web Application SolutionsWeb Application Solutions
Web Application Solutions
 
Web applicationsolutions
Web applicationsolutionsWeb applicationsolutions
Web applicationsolutions
 
Flex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog CcFlex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog Cc
 
Making RIAs Accessible - Spring Break 2008
Making RIAs Accessible - Spring Break 2008Making RIAs Accessible - Spring Break 2008
Making RIAs Accessible - Spring Break 2008
 
java web framework standard.20180412
java web framework standard.20180412java web framework standard.20180412
java web framework standard.20180412
 

Recently uploaded

LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0DanBrown980551
 
20140402 - Smart house demo kit
20140402 - Smart house demo kit20140402 - Smart house demo kit
20140402 - Smart house demo kitJamie (Taka) Wang
 
March Patch Tuesday
March Patch TuesdayMarch Patch Tuesday
March Patch TuesdayIvanti
 
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedInOutage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedInThousandEyes
 
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie WorldTrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie WorldTrustArc
 
The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)codyslingerland1
 
CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024Brian Pichman
 
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through TokenizationStobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through TokenizationStobox
 
How to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptxHow to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptxKaustubhBhavsar6
 
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENTSIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENTxtailishbaloch
 
Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...DianaGray10
 
UiPath Studio Web workshop series - Day 2
UiPath Studio Web workshop series - Day 2UiPath Studio Web workshop series - Day 2
UiPath Studio Web workshop series - Day 2DianaGray10
 
Keep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES LiveKeep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES LiveIES VE
 
IT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced ComputingIT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced ComputingMAGNIntelligence
 
From the origin to the future of Open Source model and business
From the origin to the future of  Open Source model and businessFrom the origin to the future of  Open Source model and business
From the origin to the future of Open Source model and businessFrancesco Corti
 
EMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? WebinarEMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? WebinarThousandEyes
 
My key hands-on projects in Quantum, and QAI
My key hands-on projects in Quantum, and QAIMy key hands-on projects in Quantum, and QAI
My key hands-on projects in Quantum, and QAIVijayananda Mohire
 
UiPath Studio Web workshop series - Day 1
UiPath Studio Web workshop series  - Day 1UiPath Studio Web workshop series  - Day 1
UiPath Studio Web workshop series - Day 1DianaGray10
 
AI Workshops at Computers In Libraries 2024
AI Workshops at Computers In Libraries 2024AI Workshops at Computers In Libraries 2024
AI Workshops at Computers In Libraries 2024Brian Pichman
 

Recently uploaded (20)

LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0
 
20140402 - Smart house demo kit
20140402 - Smart house demo kit20140402 - Smart house demo kit
20140402 - Smart house demo kit
 
March Patch Tuesday
March Patch TuesdayMarch Patch Tuesday
March Patch Tuesday
 
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedInOutage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
 
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie WorldTrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
 
The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)
 
CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024
 
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through TokenizationStobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
 
How to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptxHow to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptx
 
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENTSIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
 
Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...
 
UiPath Studio Web workshop series - Day 2
UiPath Studio Web workshop series - Day 2UiPath Studio Web workshop series - Day 2
UiPath Studio Web workshop series - Day 2
 
Keep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES LiveKeep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES Live
 
IT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced ComputingIT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced Computing
 
From the origin to the future of Open Source model and business
From the origin to the future of  Open Source model and businessFrom the origin to the future of  Open Source model and business
From the origin to the future of Open Source model and business
 
EMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? WebinarEMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? Webinar
 
My key hands-on projects in Quantum, and QAI
My key hands-on projects in Quantum, and QAIMy key hands-on projects in Quantum, and QAI
My key hands-on projects in Quantum, and QAI
 
UiPath Studio Web workshop series - Day 1
UiPath Studio Web workshop series  - Day 1UiPath Studio Web workshop series  - Day 1
UiPath Studio Web workshop series - Day 1
 
AI Workshops at Computers In Libraries 2024
AI Workshops at Computers In Libraries 2024AI Workshops at Computers In Libraries 2024
AI Workshops at Computers In Libraries 2024
 
SheDev 2024
SheDev 2024SheDev 2024
SheDev 2024
 

Flex Introduction

  • 1. Introduction to Flex RIA SABARINATHAN RIA Developer http://sabaritheflexian.com riahunter Talks @ Chennai Flex User Group ( CFUG ) 1 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 2. Talk Coverage 40% RIA 10% Flex and Action Script 25% AIR 5% Flex Hero 20% Demo 2 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 3. Quick Look . . . Rich Internet Applications (RIA) Why Flashplatform ? Flash Platform Technologies Inside Flex MXML Action Script Adobe AIR 3D Components Flex Hero Intro 3 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 4. RIA : Rich Internet Applications 4 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 5. Flash Back Remote Scripting, by Microsoft, circa 1998 X Internet, by Forrester Research in October 2000 Rich (Web) Clients Rich Web Application White Paper by Macromedia (Adobe) - 2002 5 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 6. What is RIA ? “Rich Internet Applications (RIAs) are web-based applications that have a much more robust feel and functionality to them than standard web based applications.” Traditional HTML, and the accompanying technology surrounding standard web pages, are being pushed to the limits of their capabilities. Leveraging RIAs allows web applications to have desktop application usability inside a web browser! Source : Microsoft.com 6 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 7. Typical RIA Architecture Ease of Use Enhanced User Experience Reduced Server Load Lost Data Light Weight Faster Processing time AJAX (Asynchronous JavaScript And XML) Source : Microsoft.com 7 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 8. Former RIA Organization Vendor Client Tech Adobe XDP JS, XML, PDF AltioLive XML, Applet DreamFactory XML Droplets Java Servlet Isomorphics DHTML, XML Laszlo Flash, XML Macromedia Central Flash Macromedia Flex Flash, XML Nexaweb Java+XUL Q-link XML,XForms 8 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 9. RIA Frameworks UltraLightClient Ample Google Web Toolkit Silverlight Adobe Flash / Flex Curl ZK JavaFX OpenLaszlo Bindows 9 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 10. Areas of RIA  Financial Services  Auto Dealerships  Mortgage Firms  Customer survey forms  Email forms  Video Distribution (branding/licensing)  Remote training services  Customer service (live two-way video, chat & assistance)  Virtual Desktop Environments  CRM/ERP front-end applications ... the applications are limitless… 10 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 11. Statistics: Why Flash Platform? 11 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 12. Positive Notes “While the <video> tag is a big step forward for open standards, the Adobe Flash Platform will continue to play a critical role in video distribution," said Yong in YouTube blog. -http://apiblog.youtube.com/2010/06/flash-and-html5-tag.html HTML5 Can’t Exist Without the Flash Platform : Ryan Stewart Blog Post  http://www.streaminglearningcenter.com/articles/flash-player-cpu-hog-or-hot-tamale-it-depends-.html  http://www.engadget.com/2010/03/10/html5-vs-flash-comparison-finds-a-few-surprises-settles-few-de/  http://techcrunch.com/2010/02/05/the-future-of-web-content-html5-flash-mobile-apps/  http://thenextweb.com/apple/2010/05/14/html5-vs-flash-what-you-havent-heard/ 12 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 13. HTML 5 vs Flash : Ryan’s Comparison 13 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 14. Statistics  Live Stats  Players / Plug-ins Domination  Frameworks Trend 14 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 15. Live Stats Flash Player / Plug-in Silverlight Statistics collected from 19,409,973 daily unique browsers across 147 sites over the past 30 days From www.riastats.com (08th Nov 2010) 15 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 16. Players / Plug-ins Domination Source: Google Trends on 8th Nov 2010 16 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 17. Frameworks Trend Source: Google Trends on 8th Nov 2010 17 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 18. Adobe’s RIA: Flash Platform Technologies 18 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 19. Technology Stack Tools Flash Catalyst Flash Professional Flash / Flex Builder Clients Frameworks AIR Flash Player Flex Servers/Services Live Cycle DS ColdFusion Flash Media Server Services 19 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 20. Flex Introduction ADOBE FLEX® 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 20 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 21. Flex Flashback Macromedia Flex Server 1.0 and 1.5 (2004) Adobe Flex 2 – AS3 (2005 – 2006) Adobe Flex 3 – AIR (2007 – 2009) Adobe Flex 4 - Flash Builder (2010) Adobe Flex 4.5 and Flex Hero - Flash Builder (2011) Flex was the first Macromedia product to be re-branded under the Adobe name. 21 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 22. Flex Environment  Two languages Flash Builder IDE  MXML (actually a library of ActionScript)  ActionScript 3 Flex SDK  Compilers MXML ActionScript  Debugger Flex Class Library  Profiler Debuggers  Rich Component Library Profilers , Flex Units, Network Monitors  Flash / Flex Builder IDE Auto Code-Generation  Eclipse Plug-in  Design view and code view and more…  Debugging / Development / Profiling 22 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 23. Flex Work Flow 23 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 24. MXML: Macromedia XML 24 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 25. MXML application s:Application <?xml version="1.0" ?> <s:Application> s:Button <s:Button width=”100” height=”50”/> s:Panel s:Button <s:Panel width=”100%” height=”100%”> mx:DataGrid <s:Button width=”100%”/> <mx:DataGrid width=”100%” height=”100%”/> </s:Panel> </s:Application> 25 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 26. MXML Contd… MXML Application <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts.result}”/> <LineChart dataProvider=“{ws.getProducts.result}”/> </Application> 26 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 27. MXML Contd… MXML - Components <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts.result}”/> <LineChart dataProvider=“{ws.getProducts.result}”/> </Application> 27 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 28. MXML Contd… MXML - id <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts.result}”/> <LineChart dataProvider=“{ws.getProducts.result}”/> </Application> 28 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 29. MXML Contd… MXML - Properties <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts.result}”/> <LineChart dataProvider=“{ws.getProducts.result}”/> </Application> 29 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 30. MXML Contd… MXML - Events <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts.result}”/> <LineChart dataProvider=“{ws.getProducts.result}”/> </Application> 30 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 31. MXML Contd… MXML - Binding <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts.result}”/> <LineChart dataProvider=“{ws.getProducts.result}”/> </Application> 31 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 32. Action Script 32 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 33. Introduction to Action Script  ECMA-262 edition and ECMA-4 complaint  Versions  Action Script 1.0 – 2000 – 2003 Flash Player 8 and below  Action Script 2.0 – 2003 – 2006  Action Script 3.0 – 2006 – present >> Flex 2.0 - Flash Player 9 and above  Object-oriented from AS 3  Initially designed for controlling simple 2D vector animations made in Adobe Flash (formerly Macromedia Flash).  Foundation for Flex 2 and above  Online API >> http://livedocs.adobe.com/flex/3/html/toc.html 33 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 34. Action Script contd… package { import flash.display.Sprite; import flash.text.TextField; public class DemoCFUG extends Sprite { public function DemoCFUG() { var txtFieldBox:TextField = new TextField(); txtFieldBox.width = 100; txtFieldBox.height = 140; txtFieldBox.border = true; txtFieldBox.borderColor = 0xFF0000; txtFieldBox.text = "Hello CFUG !!!"; addChild(txtFieldBox); } } } 34 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 35. Action Script contd… <mx:Panel title=“firstApplication"> <mx:TextArea id=“note1"/> <mx:Button label=“Submit” onclick=“doSomething();"/> </mx:Panel> package { import flash.media.Video; import flash.net.NetStream; import flash.net.NetConnection; public class Example { public function doSomething( event: Event ) : void { var url:String = “homeMovie.flv"; var video:Video = new Video(width:int=500, height:int=350) var stream:NetStream = new NetStream(new NetConnection()); video.attachNetStream(stream); video.play(url); addChild(video); } } } Code borrowed from: http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/media/Video.html 35 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 36. Inside Flex 36 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 37. Flex Compilation mxmlc compiler process • Parse MXML into ActionScript classes • Compile ActionScript into bytecode • Insert bytecode into a binary SWF file Stage 1 • Flash Player contains an ActionScript Virtual Machine (AVM). At runtime, the AVM turns the bytecode into machine language code that the particular OS can Stage 2 interpret. (JIT compilation) Also check : Build Phase in Flex Docs 37 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 38. Flex Components and more Image Courtesy: Adobe.com 38 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 39. Flex Back End HTTP Services RemoteObject Web Services BlazeDS / LCDS / GraniteDS Java - J2EE / Coldfusion AMFPHP / Zend AMF PHP WebORB / Flourine FX .NET WebORB for Ruby/ RubyAMF Ruby on Rails PYAMF / DjangoAMF Python 39 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 40. Sample Flash Platform RIA applications 40 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 41. Let’s get started . . . 41 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 42. Take a Look 42 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 43. Adobe AIR 43 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 44. Adobe AIR Adobe® AIR® is a cross-operating system runtime that lets developers combine HTML, Ajax, Adobe Flash®, and Adobe Flex® technologies to deploy Rich Internet Applications (RIAs) on the desktop. - Adobe 44 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 45. Introduction  Adobe Integrated Runtime (AIR) – previously codenamed “Apollo”  Cross-OS application engine that enables hybrid desktop-internet applications  Adds desktop capabilities for Flex apps  Benefits  Total control of user experience  Browser to desktop consistency  Rich media capabilities  Network resilience  Desktop access to services 45 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 46. AIR Stack ( Architecture ) Source: Adobe.com 46 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 47. Flex and Adobe AIR AIR-enabled Flex Capabilities  Native OS drag and drop support  Multi-windowed applications  Access to local file system  Local database storage (SQLite)  Complete rendering support for HTML content  Micro-phone access  Touch Screen capabilities .. more.. Flash Builder Support for AIR Development  Full code hinting and error reporting  Complete debugging and profiling support  Application packaging and signing 47 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 48. Flash Player and Adobe AIR Web Desktop 48 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 49. 3D Components 49 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 50. ILOG Elixir Ilog Elixir 3D OnlineDemo 50 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 51. Fusion Charts Fusion Online Demo 51 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 52. amCharts AmCharts Online Demo 52 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 53. Flex Hero : Mobile Apps 53 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 54. Available Options Adobe Flash Builder - "Burrito“ Flex SDK “Hero” 54 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 55. References & resources  Flex Developer Center http://www.adobe.com/devnet/flex/  Adobe® Flex™ 3 Language Reference http://livedocs.adobe.com/labs/flex3/langref/  Ryan’s Blog | http://blog.digitalbackcountry.com/  Flex Org | http://flex.org/  RIA Statistics | http://riastats.com/  O’Reily Develop RIA | http://www.developria.com/  Google Trends http://www.google.com/trends  Wikipedia RIA http://en.wikipedia.org/wiki/Rich_Internet_application 55 | Introduction to Flex RIA | Talks @ Chennai Flex User Group
  • 56. Thank you! Let’s Discuss . . . riahunter nathan5x Talks @ Chennai Flex User Group ( CFUG ) 56 | Introduction to Flex RIA | Talks @ Chennai Flex User Group