SlideShare a Scribd company logo
1 of 55
RIA
~ Flex/AIR, Silverlight, JavaFX ...~

                        shoito
             Flex3             66
                 http://blog.air-life.net/
                http://twitter.com/shoito
RIA


RIA


RIA
shoito

                                   ←   (3    )

         Flex(2           ), Java(      ),



Blog : http://blog.air-life.net/
twitter : @shoito
RIA

RIA
Rich
Internet
Application
Rich
Interface
Application
Rich
Interraction
Application
IT


          C/S          RIA
         1990     2003




                       Web
                1990
     /
         1980




                             RIA   Essential 2007 p005
IT




     RIA   Essential 2007 p005
RIA
RIA
Eclipse RAP
                      Biz/Browser

                AIR
Nexaweb


    Flex          Silverlight

                Flash
 JavaFX
                          Curl
    OpenLaszlo
Flex
Flash
RIA




         Sample: http://flex.org/showcase/
Adobe AIR
   RIA




    Sample: http://adobe-ria.jp/air/
Adobe Flash Platform




                                                              Flash Media
                                                   AIR
                                                                 Server


Flash CS4 Flash Catalyst Flex Builder   Flex


                                               Flash Player   LiveCycle DS
                                                                 BlazeDS
Silverlight
Microsoft .NET
RIA                    Flash




      Sample: http://silverlight.net/community/communitygallery.aspx
JavaFX
JavaVM
RIA




         Sample: http://javafx.com/samples/
RIA History
     2003           2004         2005        2006          2007          2008            2009
      Flash
                                             Flash                        Flash
     Player 5
                                            Player 9                    Player 10
      2000
                  Flex 1.0                                            Flex 3.0
                                            Flex 2.0
                      Flex 1.5                                          Flex 3.2        Flex 3.3
                                             AIR 1.0                    AIR 1.5
JavaApplet
   1995                                                  Silverlight 1.0
                                                                      Silverlight 2.0
                                  Ajax
                                            GWT 1.0                     GWT 1.5     GWT 1.6

                                            jQuery 1.0   jQuery 1.2                 jQuery 1.3
Biz/Browser 1.0
               Biz/Browser 4.0
     1999

       Curl 1.0                             Curl 5.0
                    Curl 3.0     Curl 4.0                             JavaFX 1.0 JavaFX 1.1
        2001
Flex ~                             ~

                  Flex



         MXML            ActionScript



           Flex
Flex ~                                             ~

                       Flex


         Flex          (Button, TabNavigator...)
         MXML                   ActionScript



                Flex
Flex ~                                    ~

                  Flex
                   <?xml version=quot;1.0quot; encoding=quot;utf-8quot;?>
                   <mx:Application
                     xmlns:mx=quot;http://www.adobe.com/2006/mxmlquot;
                     horizontalAlign=quot;centerquot;
                     verticalAlign=quot;centerquot;>
         MXML             ActionScript
                     <mx:Button id=quot;myButtonquot; label=quot;Hello!quot; />

                   </mx:Application>


           Flex
Flex ~                                                ~

                                       Flex


public function modifyLabel():void {
  var label = myButton.label;
                  MXML                        ActionScript
  myButton.label = label + “hoge”;
}




                        Flex
AIR ~                         ~




        http://www.adobe.com/jp/products/air/pdfs/air_flash_datasheet.pdf
Silverlight ~                       ~

             Visual
JavaScript            C#   Ruby   Python
             Basic

              DLR(           )




              CLR(           )
Silverlight ~                       ~

             Visual
JavaScript            C#   Ruby   Python
             Basic
                           C#
               DLR(        VB )
             XAML
                           ....




               CLR(           )
Silverlight ~                                           ~

             Visual
JavaScript             C#            Ruby           Python
             Basic    <UserControl x:Class=quot;HelloWorldSL.Pagequot;
                      	   xmlns=quot;http://schemas.microsoft.com/....quot;
                                    C#
                      	   xmlns:x=quot;http://schemas.micros...quot;
                         Width=quot;400quot; Height=quot;300quot;>
               DLR(                 VB ) World!</TextBlock>
             XAML     	   <TextBlock>Hello
                      </UserControl> ....




               CLR(                       )
Silverlight ~                                           ~

                        Visual
   JavaScript                                C#   Ruby   Python
                        Basic
namespace HelloWorldSL
                                                  C#
{
                       AppDLR(                    VB )
  public partial class XAML : Application
  {
                                                  ....
    public App()
    {
       this.Startup +=
               this.Application_Startup;
       this.Exit += this.Application_Exit;

                           CLR(                      )
JavaFX ~                          ~



 JavaFX

              JavaFX Script

            JavaFX Runtime


           Java Virtual Machine
JavaFX ~                                     ~



 JavaFX

                 JavaFX Script
           Stage {
             title: quot;JavaFXquot;
                   JavaFX Runtime
             width: 250
             height: 80
             scene: Scene {
                 content: Text {
                    font : Font {
             Javasize : 24 Machine
                        Virtual
                    }
                    x: 10, y: 30
                    content: quot;Hello Worldquot;
                 }
             }
           }
OS   OS   OS
Ajax
     OpenLaszlo




OS      OS        OS
Flex
    Flash
 Silverlight
  JavaFX
OpenLaszlo
    Curl
BizBrowser
    OS         OS   OS
Adobe AIR
       WPF
       Curl




OS      OS       OS
~2009/03/10                                  ~
     OS           Flash (%)         Silverlight (%)                       Java (%)
    Linux              83                     2                                    28
  Mac OS X             95                    18                                    96
Windows 2000           97                     4                                    60
Windows 2003           51                    10                                    39
Windows XP             99                    20                                    74
Windows Vista          99                    30                                    86
 Windows 7            100                    83                                     0
    Total              97                    21                                    75
                Rich Internet Application Statistics
                      http://www.riastats.com/
                                                  http://www.infoq.com/news/2009/03/Flash-Silverlight
Flex/AIR ~                                   ~
                              /                   OS
 Flex Builder                            Win/Mac/Linux※2    Eclipse Plugin
                                  ※1


FlashDevelop                                  Win            Standalone

  AIR GEAR                               Win/Mac/Linux      Eclipse Plugin

    Aptana                               Win/Mac/Linux      Eclipse Plugin   AIR

 IntelliJ IDEA                           Win/Mac/Linux       Standalone
                                                           Eclipse Plugin/
  SpketIDE                               Win/Mac/Linux※4
                                  ※3
                                                            Standalone
    AXDT                                 Win/Mac/Linux      Eclipse Plugin

  FlexBean                               Win/Mac/Linux     NetBeans Plugin

  Flex SDK                               Win/Mac/Linux
          ※1     /
          ※2 Linux   Alpha                       GUI
          ※3
          ※4 Standalone      Win/Linux
Silverlight ~                                         ~
                                        /                  OS
       Visual Studio 2008
                                                        Win           Standalone
        + Silverlight Tools
  Visual Web Developer 2008
                                                        Win           Standalone
Express Edition + Silverlight Tools

       Eclipse4SL                                     Win/Mac        Eclipse Plugin
                                                                     Eclipse Plugin/
         SpketIDE                                  Win/Mac/Linux※2                      JS
                                            ※1
                                                                      Standalone
    Silverlight SDK                                     Win

         Mono                                      Win/Mac/Linux                       Moonlight




                       ※1
                       ※2 Standalone   Win/Linux
JavaFX ~                       ~
                            /          OS
NetBeans IDE for JavaFX         Win/Mac/Linux   NetBeans Plugin

Eclipse Plugin for JavaFX       Win/Mac/Linux    Eclipse Plugin
~   ~




Flex
Silverlight
JavaFX                http://www.google.co.jp/trends
~   ~




Flex
Silverlight
JavaFX                http://www.google.co.jp/trends
~   ~




Flex
Silverlight
JavaFX                http://www.indeed.com/jobtrends
2009/Q4 Flex4.0

2009/Q4 Silverlight 3.0

2010/09 HTML5
Flex/AIR
   Flash Player                Silverlight

                  Flasher

Silverlight
   Visual Studio Expression Blend

   Windows

JavaFX
                     JavaVM         Flash, Silverlight

   JavaFX Designer                       Flex/AIR, Silverlight
RIA
                     Web



                      Flex/AIR, Silverlight, JavaFX



Flex   Silverlight
By
RIA




      http://www.ria-jp.org/
RIA
Essential 2007 / Essential 2

More Related Content

Viewers also liked

IEとHTML5とワタシ
IEとHTML5とワタシIEとHTML5とワタシ
IEとHTML5とワタシSho Ito
 
ぎゅ〜っと濃縮、HTML5
ぎゅ〜っと濃縮、HTML5ぎゅ〜っと濃縮、HTML5
ぎゅ〜っと濃縮、HTML5Sho Ito
 
第2回Google Hackathon for GAE in 福井 事前事前勉強会
第2回Google Hackathon for GAE in 福井 事前事前勉強会第2回Google Hackathon for GAE in 福井 事前事前勉強会
第2回Google Hackathon for GAE in 福井 事前事前勉強会Sho Ito
 
Introduce of Hokuriku Engineer Group
Introduce of Hokuriku Engineer GroupIntroduce of Hokuriku Engineer Group
Introduce of Hokuriku Engineer GroupSho Ito
 
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5Sho Ito
 
Typetalk APIを使ったChrome拡張開発ノウハウ #1
Typetalk APIを使ったChrome拡張開発ノウハウ #1Typetalk APIを使ったChrome拡張開発ノウハウ #1
Typetalk APIを使ったChrome拡張開発ノウハウ #1Sho Ito
 
[MindMap] A recommendation of the design for developers
[MindMap] A recommendation of the design for developers[MindMap] A recommendation of the design for developers
[MindMap] A recommendation of the design for developersSho Ito
 
で、オブジェクト指向って結局なんなのよ
で、オブジェクト指向って結局なんなのよで、オブジェクト指向って結局なんなのよ
で、オブジェクト指向って結局なんなのよkatzchang Otani
 
制約条件の理論On Fite091023
制約条件の理論On Fite091023制約条件の理論On Fite091023
制約条件の理論On Fite091023智弘 森下
 

Viewers also liked (10)

IEとHTML5とワタシ
IEとHTML5とワタシIEとHTML5とワタシ
IEとHTML5とワタシ
 
ぎゅ〜っと濃縮、HTML5
ぎゅ〜っと濃縮、HTML5ぎゅ〜っと濃縮、HTML5
ぎゅ〜っと濃縮、HTML5
 
第2回Google Hackathon for GAE in 福井 事前事前勉強会
第2回Google Hackathon for GAE in 福井 事前事前勉強会第2回Google Hackathon for GAE in 福井 事前事前勉強会
第2回Google Hackathon for GAE in 福井 事前事前勉強会
 
Introduce of Hokuriku Engineer Group
Introduce of Hokuriku Engineer GroupIntroduce of Hokuriku Engineer Group
Introduce of Hokuriku Engineer Group
 
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
 
Typetalk APIを使ったChrome拡張開発ノウハウ #1
Typetalk APIを使ったChrome拡張開発ノウハウ #1Typetalk APIを使ったChrome拡張開発ノウハウ #1
Typetalk APIを使ったChrome拡張開発ノウハウ #1
 
[MindMap] A recommendation of the design for developers
[MindMap] A recommendation of the design for developers[MindMap] A recommendation of the design for developers
[MindMap] A recommendation of the design for developers
 
で、オブジェクト指向って結局なんなのよ
で、オブジェクト指向って結局なんなのよで、オブジェクト指向って結局なんなのよ
で、オブジェクト指向って結局なんなのよ
 
制約条件の理論On Fite091023
制約条件の理論On Fite091023制約条件の理論On Fite091023
制約条件の理論On Fite091023
 
Hokuriku.lang
Hokuriku.langHokuriku.lang
Hokuriku.lang
 

Similar to Profusion of RIAs

Flex And Ria
Flex And RiaFlex And Ria
Flex And Riaravinxg
 
Leveraging BlazeDS, Java, and Flex: Dynamic Data Transfer
Leveraging BlazeDS, Java, and Flex: Dynamic Data TransferLeveraging BlazeDS, Java, and Flex: Dynamic Data Transfer
Leveraging BlazeDS, Java, and Flex: Dynamic Data TransferJoseph Labrecque
 
Flex In Portal Final
Flex In Portal   FinalFlex In Portal   Final
Flex In Portal FinalSunil Patil
 
Writing highly scalable WebSocket using the Atmosphere Framework and Scala
Writing highly scalable WebSocket using the Atmosphere Framework and ScalaWriting highly scalable WebSocket using the Atmosphere Framework and Scala
Writing highly scalable WebSocket using the Atmosphere Framework and Scalajfarcand
 
Mike Taulty Beyond Silverlight With W P F
Mike Taulty  Beyond  Silverlight  With  W P FMike Taulty  Beyond  Silverlight  With  W P F
Mike Taulty Beyond Silverlight With W P Fukdpe
 
Adrian Pomilio - Flex Ajax Bridge and Legacy Applications
Adrian Pomilio - Flex Ajax Bridge and Legacy ApplicationsAdrian Pomilio - Flex Ajax Bridge and Legacy Applications
Adrian Pomilio - Flex Ajax Bridge and Legacy Applications360|Conferences
 
JavaOne - The JavaFX Community and Ecosystem
JavaOne - The JavaFX Community and EcosystemJavaOne - The JavaFX Community and Ecosystem
JavaOne - The JavaFX Community and EcosystemAlexander Casall
 
SenchaCon 2016: Learn the Top 10 Best ES2015 Features - Lee Boonstra
SenchaCon 2016: Learn the Top 10 Best ES2015 Features - Lee Boonstra  SenchaCon 2016: Learn the Top 10 Best ES2015 Features - Lee Boonstra
SenchaCon 2016: Learn the Top 10 Best ES2015 Features - Lee Boonstra Sencha
 
SkillsMatter - In-the-Brain session - What's new in ActionScript 3.0
SkillsMatter - In-the-Brain session - What's new in ActionScript 3.0SkillsMatter - In-the-Brain session - What's new in ActionScript 3.0
SkillsMatter - In-the-Brain session - What's new in ActionScript 3.0Peter Elst
 
Decorating code (Research Paper)
Decorating code (Research Paper)Decorating code (Research Paper)
Decorating code (Research Paper)Jenna Pederson
 
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
 
In Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps
In Pursuit of the Holy Grail: Building Isomorphic JavaScript AppsIn Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps
In Pursuit of the Holy Grail: Building Isomorphic JavaScript AppsSpike Brehm
 
Flex_rest_optimization
Flex_rest_optimizationFlex_rest_optimization
Flex_rest_optimizationKhou Suylong
 
RIA Development via Adobe Flex + JRuby on Rails
RIA Development via Adobe Flex + JRuby on RailsRIA Development via Adobe Flex + JRuby on Rails
RIA Development via Adobe Flex + JRuby on Railskamal.fariz
 

Similar to Profusion of RIAs (20)

Flex And Ria
Flex And RiaFlex And Ria
Flex And Ria
 
Flex RIA
Flex RIAFlex RIA
Flex RIA
 
Leveraging BlazeDS, Java, and Flex: Dynamic Data Transfer
Leveraging BlazeDS, Java, and Flex: Dynamic Data TransferLeveraging BlazeDS, Java, and Flex: Dynamic Data Transfer
Leveraging BlazeDS, Java, and Flex: Dynamic Data Transfer
 
Flex In Portal Final
Flex In Portal   FinalFlex In Portal   Final
Flex In Portal Final
 
developing Xul
developing Xuldeveloping Xul
developing Xul
 
Writing highly scalable WebSocket using the Atmosphere Framework and Scala
Writing highly scalable WebSocket using the Atmosphere Framework and ScalaWriting highly scalable WebSocket using the Atmosphere Framework and Scala
Writing highly scalable WebSocket using the Atmosphere Framework and Scala
 
Mike Taulty Beyond Silverlight With W P F
Mike Taulty  Beyond  Silverlight  With  W P FMike Taulty  Beyond  Silverlight  With  W P F
Mike Taulty Beyond Silverlight With W P F
 
Adrian Pomilio - Flex Ajax Bridge and Legacy Applications
Adrian Pomilio - Flex Ajax Bridge and Legacy ApplicationsAdrian Pomilio - Flex Ajax Bridge and Legacy Applications
Adrian Pomilio - Flex Ajax Bridge and Legacy Applications
 
JavaOne - The JavaFX Community and Ecosystem
JavaOne - The JavaFX Community and EcosystemJavaOne - The JavaFX Community and Ecosystem
JavaOne - The JavaFX Community and Ecosystem
 
SenchaCon 2016: Learn the Top 10 Best ES2015 Features - Lee Boonstra
SenchaCon 2016: Learn the Top 10 Best ES2015 Features - Lee Boonstra  SenchaCon 2016: Learn the Top 10 Best ES2015 Features - Lee Boonstra
SenchaCon 2016: Learn the Top 10 Best ES2015 Features - Lee Boonstra
 
Adobe Flex
Adobe FlexAdobe Flex
Adobe Flex
 
Another Test
Another TestAnother Test
Another Test
 
SkillsMatter - In-the-Brain session - What's new in ActionScript 3.0
SkillsMatter - In-the-Brain session - What's new in ActionScript 3.0SkillsMatter - In-the-Brain session - What's new in ActionScript 3.0
SkillsMatter - In-the-Brain session - What's new in ActionScript 3.0
 
Decorating code (Research Paper)
Decorating code (Research Paper)Decorating code (Research Paper)
Decorating code (Research Paper)
 
Flex Rails Pres
Flex Rails PresFlex Rails Pres
Flex Rails Pres
 
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
 
Red5 - PHUG Workshops
Red5 - PHUG WorkshopsRed5 - PHUG Workshops
Red5 - PHUG Workshops
 
In Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps
In Pursuit of the Holy Grail: Building Isomorphic JavaScript AppsIn Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps
In Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps
 
Flex_rest_optimization
Flex_rest_optimizationFlex_rest_optimization
Flex_rest_optimization
 
RIA Development via Adobe Flex + JRuby on Rails
RIA Development via Adobe Flex + JRuby on RailsRIA Development via Adobe Flex + JRuby on Rails
RIA Development via Adobe Flex + JRuby on Rails
 

More from Sho Ito

Javaと小道具
Javaと小道具Javaと小道具
Javaと小道具Sho Ito
 
Doppel Travel
Doppel TravelDoppel Travel
Doppel TravelSho Ito
 
Startup Concierge
Startup ConciergeStartup Concierge
Startup ConciergeSho Ito
 
HTML5時代の技術の恩恵を受けるには
HTML5時代の技術の恩恵を受けるにはHTML5時代の技術の恩恵を受けるには
HTML5時代の技術の恩恵を受けるにはSho Ito
 
AIR2.xとHTML5/CSS3と...
AIR2.xとHTML5/CSS3と...AIR2.xとHTML5/CSS3と...
AIR2.xとHTML5/CSS3と...Sho Ito
 
Attractive HTML5~開発者の視点から~
Attractive HTML5~開発者の視点から~Attractive HTML5~開発者の視点から~
Attractive HTML5~開発者の視点から~Sho Ito
 
Flex/Flash meets HTML5 Family
Flex/Flash meets HTML5 FamilyFlex/Flash meets HTML5 Family
Flex/Flash meets HTML5 FamilySho Ito
 
Attractive HTML5
Attractive HTML5Attractive HTML5
Attractive HTML5Sho Ito
 
分かった気になるHTML5 〜開発者の視点から〜
分かった気になるHTML5 〜開発者の視点から〜 分かった気になるHTML5 〜開発者の視点から〜
分かった気になるHTML5 〜開発者の視点から〜 Sho Ito
 
[MindMap]Software Patterns
[MindMap]Software Patterns[MindMap]Software Patterns
[MindMap]Software PatternsSho Ito
 
ディベロッパーへデザインのススメ
ディベロッパーへデザインのススメディベロッパーへデザインのススメ
ディベロッパーへデザインのススメSho Ito
 
創法 - 創造技法
創法 - 創造技法創法 - 創造技法
創法 - 創造技法Sho Ito
 

More from Sho Ito (12)

Javaと小道具
Javaと小道具Javaと小道具
Javaと小道具
 
Doppel Travel
Doppel TravelDoppel Travel
Doppel Travel
 
Startup Concierge
Startup ConciergeStartup Concierge
Startup Concierge
 
HTML5時代の技術の恩恵を受けるには
HTML5時代の技術の恩恵を受けるにはHTML5時代の技術の恩恵を受けるには
HTML5時代の技術の恩恵を受けるには
 
AIR2.xとHTML5/CSS3と...
AIR2.xとHTML5/CSS3と...AIR2.xとHTML5/CSS3と...
AIR2.xとHTML5/CSS3と...
 
Attractive HTML5~開発者の視点から~
Attractive HTML5~開発者の視点から~Attractive HTML5~開発者の視点から~
Attractive HTML5~開発者の視点から~
 
Flex/Flash meets HTML5 Family
Flex/Flash meets HTML5 FamilyFlex/Flash meets HTML5 Family
Flex/Flash meets HTML5 Family
 
Attractive HTML5
Attractive HTML5Attractive HTML5
Attractive HTML5
 
分かった気になるHTML5 〜開発者の視点から〜
分かった気になるHTML5 〜開発者の視点から〜 分かった気になるHTML5 〜開発者の視点から〜
分かった気になるHTML5 〜開発者の視点から〜
 
[MindMap]Software Patterns
[MindMap]Software Patterns[MindMap]Software Patterns
[MindMap]Software Patterns
 
ディベロッパーへデザインのススメ
ディベロッパーへデザインのススメディベロッパーへデザインのススメ
ディベロッパーへデザインのススメ
 
創法 - 創造技法
創法 - 創造技法創法 - 創造技法
創法 - 創造技法
 

Recently uploaded

Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 

Recently uploaded (20)

Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 

Profusion of RIAs

  • 1. RIA ~ Flex/AIR, Silverlight, JavaFX ...~ shoito Flex3 66 http://blog.air-life.net/ http://twitter.com/shoito
  • 3. shoito ← (3 ) Flex(2 ), Java( ), Blog : http://blog.air-life.net/ twitter : @shoito
  • 5.
  • 9. IT C/S RIA 1990 2003 Web 1990 / 1980 RIA Essential 2007 p005
  • 10. IT RIA Essential 2007 p005
  • 11. RIA
  • 12. RIA
  • 13. Eclipse RAP Biz/Browser AIR Nexaweb Flex Silverlight Flash JavaFX Curl OpenLaszlo
  • 14. Flex Flash RIA Sample: http://flex.org/showcase/
  • 15. Adobe AIR RIA Sample: http://adobe-ria.jp/air/
  • 16. Adobe Flash Platform Flash Media AIR Server Flash CS4 Flash Catalyst Flex Builder Flex Flash Player LiveCycle DS BlazeDS
  • 17. Silverlight Microsoft .NET RIA Flash Sample: http://silverlight.net/community/communitygallery.aspx
  • 18. JavaFX JavaVM RIA Sample: http://javafx.com/samples/
  • 19. RIA History 2003 2004 2005 2006 2007 2008 2009 Flash Flash Flash Player 5 Player 9 Player 10 2000 Flex 1.0 Flex 3.0 Flex 2.0 Flex 1.5 Flex 3.2 Flex 3.3 AIR 1.0 AIR 1.5 JavaApplet 1995 Silverlight 1.0 Silverlight 2.0 Ajax GWT 1.0 GWT 1.5 GWT 1.6 jQuery 1.0 jQuery 1.2 jQuery 1.3 Biz/Browser 1.0 Biz/Browser 4.0 1999 Curl 1.0 Curl 5.0 Curl 3.0 Curl 4.0 JavaFX 1.0 JavaFX 1.1 2001
  • 20.
  • 21.
  • 22. Flex ~ ~ Flex MXML ActionScript Flex
  • 23. Flex ~ ~ Flex Flex (Button, TabNavigator...) MXML ActionScript Flex
  • 24. Flex ~ ~ Flex <?xml version=quot;1.0quot; encoding=quot;utf-8quot;?> <mx:Application xmlns:mx=quot;http://www.adobe.com/2006/mxmlquot; horizontalAlign=quot;centerquot; verticalAlign=quot;centerquot;> MXML ActionScript <mx:Button id=quot;myButtonquot; label=quot;Hello!quot; /> </mx:Application> Flex
  • 25. Flex ~ ~ Flex public function modifyLabel():void { var label = myButton.label; MXML ActionScript myButton.label = label + “hoge”; } Flex
  • 26. AIR ~ ~ http://www.adobe.com/jp/products/air/pdfs/air_flash_datasheet.pdf
  • 27. Silverlight ~ ~ Visual JavaScript C# Ruby Python Basic DLR( ) CLR( )
  • 28. Silverlight ~ ~ Visual JavaScript C# Ruby Python Basic C# DLR( VB ) XAML .... CLR( )
  • 29. Silverlight ~ ~ Visual JavaScript C# Ruby Python Basic <UserControl x:Class=quot;HelloWorldSL.Pagequot; xmlns=quot;http://schemas.microsoft.com/....quot; C# xmlns:x=quot;http://schemas.micros...quot; Width=quot;400quot; Height=quot;300quot;> DLR( VB ) World!</TextBlock> XAML <TextBlock>Hello </UserControl> .... CLR( )
  • 30. Silverlight ~ ~ Visual JavaScript C# Ruby Python Basic namespace HelloWorldSL C# { AppDLR( VB ) public partial class XAML : Application { .... public App() { this.Startup += this.Application_Startup; this.Exit += this.Application_Exit; CLR( )
  • 31. JavaFX ~ ~ JavaFX JavaFX Script JavaFX Runtime Java Virtual Machine
  • 32. JavaFX ~ ~ JavaFX JavaFX Script Stage { title: quot;JavaFXquot; JavaFX Runtime width: 250 height: 80 scene: Scene { content: Text { font : Font { Javasize : 24 Machine Virtual } x: 10, y: 30 content: quot;Hello Worldquot; } } }
  • 33.
  • 34. OS OS OS
  • 35. Ajax OpenLaszlo OS OS OS
  • 36. Flex Flash Silverlight JavaFX OpenLaszlo Curl BizBrowser OS OS OS
  • 37. Adobe AIR WPF Curl OS OS OS
  • 38.
  • 39. ~2009/03/10 ~ OS Flash (%) Silverlight (%) Java (%) Linux 83 2 28 Mac OS X 95 18 96 Windows 2000 97 4 60 Windows 2003 51 10 39 Windows XP 99 20 74 Windows Vista 99 30 86 Windows 7 100 83 0 Total 97 21 75 Rich Internet Application Statistics http://www.riastats.com/ http://www.infoq.com/news/2009/03/Flash-Silverlight
  • 40.
  • 41. Flex/AIR ~ ~ / OS Flex Builder Win/Mac/Linux※2 Eclipse Plugin ※1 FlashDevelop Win Standalone AIR GEAR Win/Mac/Linux Eclipse Plugin Aptana Win/Mac/Linux Eclipse Plugin AIR IntelliJ IDEA Win/Mac/Linux Standalone Eclipse Plugin/ SpketIDE Win/Mac/Linux※4 ※3 Standalone AXDT Win/Mac/Linux Eclipse Plugin FlexBean Win/Mac/Linux NetBeans Plugin Flex SDK Win/Mac/Linux ※1 / ※2 Linux Alpha GUI ※3 ※4 Standalone Win/Linux
  • 42. Silverlight ~ ~ / OS Visual Studio 2008 Win Standalone + Silverlight Tools Visual Web Developer 2008 Win Standalone Express Edition + Silverlight Tools Eclipse4SL Win/Mac Eclipse Plugin Eclipse Plugin/ SpketIDE Win/Mac/Linux※2 JS ※1 Standalone Silverlight SDK Win Mono Win/Mac/Linux Moonlight ※1 ※2 Standalone Win/Linux
  • 43. JavaFX ~ ~ / OS NetBeans IDE for JavaFX Win/Mac/Linux NetBeans Plugin Eclipse Plugin for JavaFX Win/Mac/Linux Eclipse Plugin
  • 44.
  • 45. ~ ~ Flex Silverlight JavaFX http://www.google.co.jp/trends
  • 46. ~ ~ Flex Silverlight JavaFX http://www.google.co.jp/trends
  • 47. ~ ~ Flex Silverlight JavaFX http://www.indeed.com/jobtrends
  • 49. Flex/AIR Flash Player Silverlight Flasher Silverlight Visual Studio Expression Blend Windows JavaFX JavaVM Flash, Silverlight JavaFX Designer Flex/AIR, Silverlight
  • 50. RIA Web Flex/AIR, Silverlight, JavaFX Flex Silverlight
  • 51. By
  • 52.
  • 53.
  • 54. RIA http://www.ria-jp.org/
  • 55. RIA Essential 2007 / Essential 2

Editor's Notes

  1. what&#x3068;how&#xA0; &#x79C1;&#x306E;&#x30BB;&#x30C3;&#x30B7;&#x30E7;&#x30F3;&#x3067;&#x306F;RIA&#x306E;&#x300C;What&#x300D;&#x306E;&#x90E8;&#x5206;&#x306B;&#x3064;&#x3044;&#x3066;&#x3001;RIA&#x3068;&#x306F;&#x3069;&#x3093;&#x306A;&#x3082;&#x306E;&#x306A;&#x306E;&#x304B;&#x3001;&#x3069;&#x3046;&#x3044;&#x3063;&#x305F;&#x6280;&#x8853;&#x304C;&#x3042;&#x308B;&#x306E;&#x304B;&#x3001;&#x30C8;&#x30EC;&#x30F3;&#x30C9;&#x306F;&#x3069;&#x3046;&#x306A;&#x306E;&#x304B;&#x3001;&#x306B;&#x3064;&#x3044;&#x3066;&#x304A;&#x8A71;&#x3055;&#x305B;&#x3066;&#x3044;&#x305F;&#x3060;&#x304D;&#x307E;&#x3059;&#x3002; &#x300C;How&#x300D;&#x306E;&#x90E8;&#x5206;&#x306B;&#x3064;&#x3044;&#x3066;&#x3001;&#x3069;&#x3046;&#x3084;&#x3063;&#x3066;&#x305D;&#x308C;&#x3092;&#x5B9F;&#x73FE;&#x3059;&#x308B;&#x306E;&#x304B;&#x306F;&#x68EE;&#x4E0B;&#x5C4B;&#x3055;&#x3093;&#x3001;katzchang&#x6C0F;&#x306E;&#x30BB;&#x30C3;&#x30B7;&#x30E7;&#x30F3;&#x3067;&#x805E;&#x3051;&#x308B;&#x304B;&#x3068;&#x601D;&#x3044;&#x307E;&#x3059;&#x3002;