SlideShare a Scribd company logo
1 of 48
Choosing the final RIA path Web 2.0 Expo - Berlin Marco Casario  CTO - Comtaste www.comtaste.com
Who I am Choosing the  final RIA path ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Choosing the  final RIA path Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Before starting.. We’ll start from this assumption : It’s a  fact  that  Rich Internet Applications  give developers and web users innumerable benefits respect HTML  applications The problem is to  decide  the path to take Choosing the  final RIA path Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path What is a RIA Excerpt from :  Banks Eye Rich Internet Applications to Replace Web Applications Gartner, Stessa B Cohen, Mark Driver, Dec 05 RIA technology is a distributed Web application that breaks the  model  of "coarse-grain" HTTP  request/response .  RIA applications handle content with visual interaction to deliver  dynamic data  to the client  faster , while providing a  richer user experience . Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path What makes a RIA
Choosing the  final RIA path Benefits of  a RIA ,[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Let’s start ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Choosing the  final RIA path Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Factors Choosing the  final RIA path ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path AJAX   AJAX  (Asynchronous JavaScript and XML), is a web development technique used for creating interactive web applications.  The intent is to make web pages feel more responsive by exchanging small amounts of data with the server behind the scenes so that the entire web page does not have to be reloaded each time the user requests a change. Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path AJAX, how it works   ,[object Object],[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path AJAX, Advantages   ,[object Object],[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path AJAX, Disadvantages   ,[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Adobe Flex   Adobe Flex   is an application development solution for creating and delivering rich Internet applications across the web using the Flash Player Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Adobe Flex   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Adobe Flex, MXML language   ,[object Object],[object Object],<?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; xmlns=&quot;*&quot; layout=&quot;vertical&quot;> <mx:WebService id=&quot;webService&quot; wsdl=&quot;http://localhost:8700/f2ria/services/SimpleWebService?wsdl&quot; load=&quot;webService.outMethod()&quot; showBusyCursor=&quot;true&quot;/> <mx:Panel title= =&quot;{webService.outMethod.result}&quot;> <mx:Label text=&quot;{webService.outMethod.result}&quot;/> <mx:Button label=&quot;Get Static Data&quot; click=&quot;webService.arrayOutMethod()&quot;/> <mx:DataGrid dataProvider=&quot;{webService.getSandwichList.result}&quot;/> </mx:Panel> </mx:Application> Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Adobe Flex, ActionScript language   ,[object Object],[object Object],package com.flexsolutions.chapter2 { import mx.controls.ComboBox; import mx.controls.DataGrid; import mx.core.UIComponent; [Event(name=&quot;change&quot;, type=&quot;flash.events.Event&quot;)] public class Chapter_2_Sol_6 extends UIComponent { private var myDG:DataGrid; private var myCB:ComboBox; // It contains the data provider for Data Grid private var _dataDG:ArrayCollection; // It contains the data provider for Combo Box private var _dataCB:ArrayCollection; public function Chapter_2_Sol_6() { super(); addEventListener(FlexEvent.INITIALIZE, init);  } Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Adobe Flex, Advantages ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Adobe Flex, Disadvantages   ,[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Microsoft Silverlight   Silverlight is a cross platform, cross browser .NET plug-in that enables designers and developers to build rich media experiences and RIAs for browsers. The currently released version supports Firefox, Safari and IE browsers on both the Mac and Windows. Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Microsoft Silverlight, how it works   ,[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Silverlight, how it works  ,[object Object],<Canvas Width=&quot;300&quot; Height=&quot;300&quot; xmlns=&quot;http://schemas.microsoft.com/client/2007&quot; xmlns:x=&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;> <MediaElement Source=&quot;thebutterflyandthebear.wmv&quot; Width=&quot;300&quot; Height=&quot;300&quot; /> <Ellipse Height=&quot;200&quot; Width=&quot;200&quot; Canvas.Left=&quot;30&quot; Canvas.Top=&quot;30&quot; Stroke=&quot;Black&quot; StrokeThickness=&quot;10&quot; Fill=&quot;SlateBlue&quot; Opacity=&quot;0.6&quot; /> </Canvas> Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Microsoft Silverlight, Advantages   ,[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Microsoft Silverlight, Disadvantages   ,[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Laszlo   Laszlo is a platform (compiler, tools, and libraries) for developing RIA created by Laszlo Systems and released as an open source project. Laszlo is a client/server technology. Like Flex it can be used with any server side language. Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Laszlo, how it works   ,[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Laszlo, how it works  ,[object Object],[object Object],<canvas> <window> <panel> <checkbox>Left</checkbox> <checkbox>Right</checkbox> </panel> <button>Okay</button> <button>Cancel</button> </window> </canvas> var w = new Window(); var p = new Panel(); w.addChild(p); p.addChild(new Checkbox(“Left”)); p.addChild(new Checkbox(“Right”)); w.addChild(new Button(&quot;Okay&quot;)); w.addChild(new Button(&quot;Cancel&quot;)); Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Laszlo Advantages   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path Laszlo Disadvantages   ,[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path JavaFX   ,[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path JavaFX, how it works   ,[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path JavaFX, Advantages   ,[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path JavaFX, Disadvantages   ,[object Object],[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path XUL   ,[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path XUL, how it works   ,[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path XUL, how it works  ,[object Object],[object Object],<?xml version=&quot;1.0&quot;?> <?xml-stylesheet href=&quot;chrome://global/skin/&quot; type=&quot;text/css&quot;?> <window xmlns=&quot;http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul&quot; xmlns:html=&quot;http://www.w3.org/1999/xhtml&quot; title=&quot;Hello XUL&quot;> <description style=&quot;font-size: 22pt;&quot;>Hello XUL</description> </window> Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path XUL, Advantages   ,[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path XUL, Disadvantages   ,[object Object],[object Object],[object Object],[object Object],[object Object],Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Choosing the  final RIA path How can I choose Disclaimer : Each RIA techonology is GOOD .... Not GOD ! Don’t think that there is the perfect technology that fits all your needs for every projects. “ With great power comes great responsibility.” by Benjamin Parker, Spiderman’s Uncle Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Bla bla bla bla Tips Usability For its nature a RIA can easily fall into bad usability. When developing and designing a RIA pay attention to usability aspects. Add visual clues, icons, graphics, error handling, user messages and so on. Choosing the  final RIA path One page app A RIA is able to embed many task flows in a single page. This is great but can cause a lot of problems. It requires a deep understanding of the technology you are using. Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
Bla bla bla bla Desktop runtime Choosing the  final RIA path ,[object Object],[object Object],[object Object],[object Object],[object Object]
Choosing the final RIA path Web 2.0 Expo - Berlin Raffaele Mannella – CEO Comtaste
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],The 6th Factor Choosing the  final RIA path Comtaste Srl – www.comtaste.com – Raffaele Mannella r.mannella@comtaste.com
The 6th Factor Choosing the  final RIA path The RIA domain Rich Media content   (videos, complex controls, charts etc.)  User interaction  (drag&drop, slider, date chooser, accordion etc.)  Flex Lazlo Silverlight  1.1 Ajax Java FX Xul Important Notice: this chart corresponds to the authors’ personal view and perception Comtaste Srl – www.comtaste.com – Raffaele Mannella r.mannella@comtaste.com
[object Object],[object Object],[object Object],[object Object],Use web tools Choosing the  final RIA path Comtaste Srl – www.comtaste.com – Raffaele Mannella r.mannella@comtaste.com
Who can make it possible The team you need Backend Developers ActionScript / JavaScript Developers Creative UI Designers Choosing the  final RIA path Comtaste Srl – www.comtaste.com – Raffaele Mannella r.mannella@comtaste.com
Bla bla bla bla Co-existing technologies  www.youthru.com Youthru is a web-based software solution which enables users to: - create mulimedia messages (text+audio+video+attached file) - manage their sent messages  and track each single message sent - collect the relevant feedback messages through an internal message board. Youthru is also a good example of co-existing RIA technologies (Ajax, Flash, Flash Media Server) Choosing the  final RIA path Comtaste Srl – www.comtaste.com – Raffaele Mannella r.mannella@comtaste.com
CONTACTS Web 2.0 Expo - Berlin Comtaste – www.comtaste.com | blog.comtaste.com Marco Casario - m.casario@comtaste.com Raffaele Mannella - r.mannella@comtaste.com

More Related Content

What's hot

Implementing Salesforce My Domains
Implementing Salesforce My Domains Implementing Salesforce My Domains
Implementing Salesforce My Domains Michael Smith
 
Webservices using Salesforce
Webservices using SalesforceWebservices using Salesforce
Webservices using SalesforceKhasim Saheb
 
The Digital Workplace Hub: Where Digital and Engagement Propel the Market Lea...
The Digital Workplace Hub: Where Digital and Engagement Propel the Market Lea...The Digital Workplace Hub: Where Digital and Engagement Propel the Market Lea...
The Digital Workplace Hub: Where Digital and Engagement Propel the Market Lea...TIMETOACT GROUP
 
Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)
Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)
Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)TIMETOACT GROUP
 
Game changer for e-commerce - Vue Storefront - open source pwa
Game changer for e-commerce - Vue Storefront - open source pwa Game changer for e-commerce - Vue Storefront - open source pwa
Game changer for e-commerce - Vue Storefront - open source pwa Divante
 
European SharePoint Conference: Mobile Applications for SharePoint using HTML5
European SharePoint Conference: Mobile Applications for SharePoint using HTML5European SharePoint Conference: Mobile Applications for SharePoint using HTML5
European SharePoint Conference: Mobile Applications for SharePoint using HTML5Christian Heindel
 
Webinar: Microsoft .NET Framework : An IntelliSense Way of Web Development
Webinar: Microsoft .NET Framework : An IntelliSense Way of Web DevelopmentWebinar: Microsoft .NET Framework : An IntelliSense Way of Web Development
Webinar: Microsoft .NET Framework : An IntelliSense Way of Web DevelopmentEdureka!
 
Net Solutions ASP .NET profile
Net Solutions ASP .NET profileNet Solutions ASP .NET profile
Net Solutions ASP .NET profileNet Solutions
 

What's hot (9)

Implementing Salesforce My Domains
Implementing Salesforce My Domains Implementing Salesforce My Domains
Implementing Salesforce My Domains
 
Webservices using Salesforce
Webservices using SalesforceWebservices using Salesforce
Webservices using Salesforce
 
The Digital Workplace Hub: Where Digital and Engagement Propel the Market Lea...
The Digital Workplace Hub: Where Digital and Engagement Propel the Market Lea...The Digital Workplace Hub: Where Digital and Engagement Propel the Market Lea...
The Digital Workplace Hub: Where Digital and Engagement Propel the Market Lea...
 
CODE IGNITER
CODE IGNITERCODE IGNITER
CODE IGNITER
 
Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)
Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)
Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)
 
Game changer for e-commerce - Vue Storefront - open source pwa
Game changer for e-commerce - Vue Storefront - open source pwa Game changer for e-commerce - Vue Storefront - open source pwa
Game changer for e-commerce - Vue Storefront - open source pwa
 
European SharePoint Conference: Mobile Applications for SharePoint using HTML5
European SharePoint Conference: Mobile Applications for SharePoint using HTML5European SharePoint Conference: Mobile Applications for SharePoint using HTML5
European SharePoint Conference: Mobile Applications for SharePoint using HTML5
 
Webinar: Microsoft .NET Framework : An IntelliSense Way of Web Development
Webinar: Microsoft .NET Framework : An IntelliSense Way of Web DevelopmentWebinar: Microsoft .NET Framework : An IntelliSense Way of Web Development
Webinar: Microsoft .NET Framework : An IntelliSense Way of Web Development
 
Net Solutions ASP .NET profile
Net Solutions ASP .NET profileNet Solutions ASP .NET profile
Net Solutions ASP .NET profile
 

Similar to Choosing the right Rich Internet Application technology path

01 web 2.0 - more than a pretty face for soa
01   web 2.0 - more than a pretty face for soa01   web 2.0 - more than a pretty face for soa
01 web 2.0 - more than a pretty face for soaTechnology Transfer
 
Introduction to WOLF Platform As A Service
Introduction to WOLF Platform As A ServiceIntroduction to WOLF Platform As A Service
Introduction to WOLF Platform As A ServiceCloudComputing
 
Flex In Dot Net
Flex In Dot NetFlex In Dot Net
Flex In Dot Netpradeepfdo
 
Arkuda Digital WAMP based Media Network API
Arkuda Digital WAMP based Media Network APIArkuda Digital WAMP based Media Network API
Arkuda Digital WAMP based Media Network APIEugenia Nemkova
 
Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5Christian Heindel
 
Web Development Training in Ambala ! Batra Computer Centre
Web Development Training in Ambala ! Batra Computer CentreWeb Development Training in Ambala ! Batra Computer Centre
Web Development Training in Ambala ! Batra Computer Centrejatin batra
 
Developing Mash up applications with Adobe AIR
Developing Mash up applications with Adobe AIRDeveloping Mash up applications with Adobe AIR
Developing Mash up applications with Adobe AIRmarcocasario
 
Portfolio - PROGmaatic Developer Network
Portfolio - PROGmaatic Developer NetworkPortfolio - PROGmaatic Developer Network
Portfolio - PROGmaatic Developer NetworkHabib Ullah Bahar
 
The Enterprise wants WebRTC -- and it needs Middleware to get it! (IIT RTC Co...
The Enterprise wants WebRTC -- and it needs Middleware to get it! (IIT RTC Co...The Enterprise wants WebRTC -- and it needs Middleware to get it! (IIT RTC Co...
The Enterprise wants WebRTC -- and it needs Middleware to get it! (IIT RTC Co...Brian Pulito
 
Architecting RIAs with Silverlight
Architecting RIAs with SilverlightArchitecting RIAs with Silverlight
Architecting RIAs with SilverlightJosh Holmes
 
Flex And Ria
Flex And RiaFlex And Ria
Flex And Riaravinxg
 
Webinar WebRTC HTML5 (english)
Webinar WebRTC HTML5 (english)Webinar WebRTC HTML5 (english)
Webinar WebRTC HTML5 (english)Quobis
 
X internet framework
X internet frameworkX internet framework
X internet frameworkNeha Malik
 
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...marcocasario
 
Industrial training project ppt of online shopping
Industrial training project ppt of online  shoppingIndustrial training project ppt of online  shopping
Industrial training project ppt of online shoppinganil kumar
 

Similar to Choosing the right Rich Internet Application technology path (20)

01 web 2.0 - more than a pretty face for soa
01   web 2.0 - more than a pretty face for soa01   web 2.0 - more than a pretty face for soa
01 web 2.0 - more than a pretty face for soa
 
Web 2 0 Tools
Web 2 0 ToolsWeb 2 0 Tools
Web 2 0 Tools
 
Introduction to WOLF Platform As A Service
Introduction to WOLF Platform As A ServiceIntroduction to WOLF Platform As A Service
Introduction to WOLF Platform As A Service
 
AKS
AKSAKS
AKS
 
Flex In Dot Net
Flex In Dot NetFlex In Dot Net
Flex In Dot Net
 
Arkuda Digital WAMP based Media Network API
Arkuda Digital WAMP based Media Network APIArkuda Digital WAMP based Media Network API
Arkuda Digital WAMP based Media Network API
 
Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5
 
Web Development Training in Ambala ! Batra Computer Centre
Web Development Training in Ambala ! Batra Computer CentreWeb Development Training in Ambala ! Batra Computer Centre
Web Development Training in Ambala ! Batra Computer Centre
 
Developing Mash up applications with Adobe AIR
Developing Mash up applications with Adobe AIRDeveloping Mash up applications with Adobe AIR
Developing Mash up applications with Adobe AIR
 
Portfolio - PROGmaatic Developer Network
Portfolio - PROGmaatic Developer NetworkPortfolio - PROGmaatic Developer Network
Portfolio - PROGmaatic Developer Network
 
The Enterprise wants WebRTC -- and it needs Middleware to get it! (IIT RTC Co...
The Enterprise wants WebRTC -- and it needs Middleware to get it! (IIT RTC Co...The Enterprise wants WebRTC -- and it needs Middleware to get it! (IIT RTC Co...
The Enterprise wants WebRTC -- and it needs Middleware to get it! (IIT RTC Co...
 
Architecting RIAs with Silverlight
Architecting RIAs with SilverlightArchitecting RIAs with Silverlight
Architecting RIAs with Silverlight
 
Flex And Ria
Flex And RiaFlex And Ria
Flex And Ria
 
Flex RIA
Flex RIAFlex RIA
Flex RIA
 
Webinar WebRTC HTML5 (english)
Webinar WebRTC HTML5 (english)Webinar WebRTC HTML5 (english)
Webinar WebRTC HTML5 (english)
 
Assignment3.2
Assignment3.2Assignment3.2
Assignment3.2
 
Flex3
Flex3Flex3
Flex3
 
X internet framework
X internet frameworkX internet framework
X internet framework
 
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
 
Industrial training project ppt of online shopping
Industrial training project ppt of online  shoppingIndustrial training project ppt of online  shopping
Industrial training project ppt of online shopping
 

More from marcocasario

HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...
HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...
HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...marcocasario
 
HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...
HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...
HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...marcocasario
 
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore RomeoHTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeomarcocasario
 
HTML5 cross-platform and device development: web app per tutti gli schermi
HTML5 cross-platform and device development: web app per tutti gli schermiHTML5 cross-platform and device development: web app per tutti gli schermi
HTML5 cross-platform and device development: web app per tutti gli schermimarcocasario
 
Applicazioni HTML5 Superveloci - Salvatore Romeo
Applicazioni HTML5 Superveloci - Salvatore RomeoApplicazioni HTML5 Superveloci - Salvatore Romeo
Applicazioni HTML5 Superveloci - Salvatore Romeomarcocasario
 
Mobile HTML5 Web Apps - Codemotion 2012
Mobile HTML5 Web Apps - Codemotion 2012Mobile HTML5 Web Apps - Codemotion 2012
Mobile HTML5 Web Apps - Codemotion 2012marcocasario
 
Enterprise Spring and Flex applications
Enterprise Spring and Flex applicationsEnterprise Spring and Flex applications
Enterprise Spring and Flex applicationsmarcocasario
 
Local Persistent data with ActionScript 3 and AIR
Local Persistent data with ActionScript 3 and AIRLocal Persistent data with ActionScript 3 and AIR
Local Persistent data with ActionScript 3 and AIRmarcocasario
 
Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3
Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3
Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3marcocasario
 
Adobe TechConnection: Flex Best Practices
Adobe TechConnection: Flex Best PracticesAdobe TechConnection: Flex Best Practices
Adobe TechConnection: Flex Best Practicesmarcocasario
 
We make it RIA at Comtaste
We make it RIA at ComtasteWe make it RIA at Comtaste
We make it RIA at Comtastemarcocasario
 
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and ExamplesFlex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examplesmarcocasario
 
Designing Flex and AIR applications
Designing Flex and AIR applicationsDesigning Flex and AIR applications
Designing Flex and AIR applicationsmarcocasario
 
Architecting ActionScript 3 applications using PureMVC
Architecting ActionScript 3 applications using PureMVCArchitecting ActionScript 3 applications using PureMVC
Architecting ActionScript 3 applications using PureMVCmarcocasario
 
Flex Daily Solutions @ FITC 2008
Flex Daily Solutions @ FITC 2008Flex Daily Solutions @ FITC 2008
Flex Daily Solutions @ FITC 2008marcocasario
 
Rich Internet Application con Flex, AIR e Java
Rich Internet Application con Flex, AIR e JavaRich Internet Application con Flex, AIR e Java
Rich Internet Application con Flex, AIR e Javamarcocasario
 
Developing Adobe AIR desktop applications
Developing Adobe AIR desktop applicationsDeveloping Adobe AIR desktop applications
Developing Adobe AIR desktop applicationsmarcocasario
 
Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3
Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3
Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3marcocasario
 

More from marcocasario (19)

HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...
HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...
HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...
 
HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...
HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...
HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...
 
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore RomeoHTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
 
HTML5 cross-platform and device development: web app per tutti gli schermi
HTML5 cross-platform and device development: web app per tutti gli schermiHTML5 cross-platform and device development: web app per tutti gli schermi
HTML5 cross-platform and device development: web app per tutti gli schermi
 
Applicazioni HTML5 Superveloci - Salvatore Romeo
Applicazioni HTML5 Superveloci - Salvatore RomeoApplicazioni HTML5 Superveloci - Salvatore Romeo
Applicazioni HTML5 Superveloci - Salvatore Romeo
 
Mobile HTML5 Web Apps - Codemotion 2012
Mobile HTML5 Web Apps - Codemotion 2012Mobile HTML5 Web Apps - Codemotion 2012
Mobile HTML5 Web Apps - Codemotion 2012
 
Enterprise Spring and Flex applications
Enterprise Spring and Flex applicationsEnterprise Spring and Flex applications
Enterprise Spring and Flex applications
 
Local Persistent data with ActionScript 3 and AIR
Local Persistent data with ActionScript 3 and AIRLocal Persistent data with ActionScript 3 and AIR
Local Persistent data with ActionScript 3 and AIR
 
Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3
Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3
Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3
 
Adobe TechConnection: Flex Best Practices
Adobe TechConnection: Flex Best PracticesAdobe TechConnection: Flex Best Practices
Adobe TechConnection: Flex Best Practices
 
We make it RIA at Comtaste
We make it RIA at ComtasteWe make it RIA at Comtaste
We make it RIA at Comtaste
 
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and ExamplesFlex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
 
Designing Flex and AIR applications
Designing Flex and AIR applicationsDesigning Flex and AIR applications
Designing Flex and AIR applications
 
Architecting ActionScript 3 applications using PureMVC
Architecting ActionScript 3 applications using PureMVCArchitecting ActionScript 3 applications using PureMVC
Architecting ActionScript 3 applications using PureMVC
 
FlexCamp London
FlexCamp LondonFlexCamp London
FlexCamp London
 
Flex Daily Solutions @ FITC 2008
Flex Daily Solutions @ FITC 2008Flex Daily Solutions @ FITC 2008
Flex Daily Solutions @ FITC 2008
 
Rich Internet Application con Flex, AIR e Java
Rich Internet Application con Flex, AIR e JavaRich Internet Application con Flex, AIR e Java
Rich Internet Application con Flex, AIR e Java
 
Developing Adobe AIR desktop applications
Developing Adobe AIR desktop applicationsDeveloping Adobe AIR desktop applications
Developing Adobe AIR desktop applications
 
Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3
Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3
Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3
 

Recently uploaded

Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
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
 
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
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
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
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
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
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
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
 
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
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 

Recently uploaded (20)

Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
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
 
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
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
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
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
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
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
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
 
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
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 

Choosing the right Rich Internet Application technology path

  • 1. Choosing the final RIA path Web 2.0 Expo - Berlin Marco Casario CTO - Comtaste www.comtaste.com
  • 2.
  • 3.
  • 4. Before starting.. We’ll start from this assumption : It’s a fact that Rich Internet Applications give developers and web users innumerable benefits respect HTML applications The problem is to decide the path to take Choosing the final RIA path Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
  • 5. Choosing the final RIA path What is a RIA Excerpt from : Banks Eye Rich Internet Applications to Replace Web Applications Gartner, Stessa B Cohen, Mark Driver, Dec 05 RIA technology is a distributed Web application that breaks the model of &quot;coarse-grain&quot; HTTP request/response . RIA applications handle content with visual interaction to deliver dynamic data to the client faster , while providing a richer user experience . Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
  • 6. Choosing the final RIA path What makes a RIA
  • 7.
  • 8.
  • 9.
  • 10. Choosing the final RIA path AJAX AJAX (Asynchronous JavaScript and XML), is a web development technique used for creating interactive web applications. The intent is to make web pages feel more responsive by exchanging small amounts of data with the server behind the scenes so that the entire web page does not have to be reloaded each time the user requests a change. Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
  • 11.
  • 12.
  • 13.
  • 14. Choosing the final RIA path Adobe Flex Adobe Flex is an application development solution for creating and delivering rich Internet applications across the web using the Flash Player Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20. Choosing the final RIA path Microsoft Silverlight Silverlight is a cross platform, cross browser .NET plug-in that enables designers and developers to build rich media experiences and RIAs for browsers. The currently released version supports Firefox, Safari and IE browsers on both the Mac and Windows. Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
  • 21.
  • 22.
  • 23.
  • 24.
  • 25. Choosing the final RIA path Laszlo Laszlo is a platform (compiler, tools, and libraries) for developing RIA created by Laszlo Systems and released as an open source project. Laszlo is a client/server technology. Like Flex it can be used with any server side language. Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39. Choosing the final RIA path How can I choose Disclaimer : Each RIA techonology is GOOD .... Not GOD ! Don’t think that there is the perfect technology that fits all your needs for every projects. “ With great power comes great responsibility.” by Benjamin Parker, Spiderman’s Uncle Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
  • 40. Bla bla bla bla Tips Usability For its nature a RIA can easily fall into bad usability. When developing and designing a RIA pay attention to usability aspects. Add visual clues, icons, graphics, error handling, user messages and so on. Choosing the final RIA path One page app A RIA is able to embed many task flows in a single page. This is great but can cause a lot of problems. It requires a deep understanding of the technology you are using. Comtaste Srl – www.comtaste.com – Marco Casario m.casario@comtaste.com
  • 41.
  • 42. Choosing the final RIA path Web 2.0 Expo - Berlin Raffaele Mannella – CEO Comtaste
  • 43.
  • 44. The 6th Factor Choosing the final RIA path The RIA domain Rich Media content (videos, complex controls, charts etc.) User interaction (drag&drop, slider, date chooser, accordion etc.) Flex Lazlo Silverlight 1.1 Ajax Java FX Xul Important Notice: this chart corresponds to the authors’ personal view and perception Comtaste Srl – www.comtaste.com – Raffaele Mannella r.mannella@comtaste.com
  • 45.
  • 46. Who can make it possible The team you need Backend Developers ActionScript / JavaScript Developers Creative UI Designers Choosing the final RIA path Comtaste Srl – www.comtaste.com – Raffaele Mannella r.mannella@comtaste.com
  • 47. Bla bla bla bla Co-existing technologies www.youthru.com Youthru is a web-based software solution which enables users to: - create mulimedia messages (text+audio+video+attached file) - manage their sent messages and track each single message sent - collect the relevant feedback messages through an internal message board. Youthru is also a good example of co-existing RIA technologies (Ajax, Flash, Flash Media Server) Choosing the final RIA path Comtaste Srl – www.comtaste.com – Raffaele Mannella r.mannella@comtaste.com
  • 48. CONTACTS Web 2.0 Expo - Berlin Comtaste – www.comtaste.com | blog.comtaste.com Marco Casario - m.casario@comtaste.com Raffaele Mannella - r.mannella@comtaste.com