Accessibility

Rich Internet applications (RIAs)

What is a rich Internet application?

In the late nineties, "browsing the web" meant going online to read text and view static images. But that model was limiting. As the number of Internet-connected businesses and individuals increased, so did the demand for richer, more responsive user experiences.

In 2002, Macromedia coined the term rich Internet application (RIA). RIAs combine the flexibility, responsiveness, and ease of use of desktop applications with the broad reach of the web. RIAs provide a dynamic web experience that is rich and engaging, as well as interactive.

Many web designers and developers use Adobe Flash or Adobe Flex, which are part of the Adobe Flash Platform, to build RIAs. Flash is an authoring environment for creating rich, interactive content for the web. Flex is a cross-platform development framework for creating RIAs. Content created with Flash and Flex is deployed using Adobe Flash Player. RIAs created in Flex, Flash, and even Ajax can also be taken to the desktop using the Adobe AIR desktop runtime. To learn more about RIAs, explore the resources below.



AlertThis content requires Flash

Download the free Flash Player now!

Get Adobe Flash Player

See RIAs in action

FotoFlexer

FotoFlexer

Edit your images online with the powerful RIA features in FotoFlexer, built with Adobe Flex.

Nike Air

Nike Air

Experience the feel of the Nike brand in this Adobe Flash site built by Big Spaceship.

Tour de Flex

Tour de Flex

Explore what you can do with Flex in this Adobe AIR application.


Ingredients for RIAs

RIAs may look rather sophisticated, but you don't need to be an expert Flex, Flash, or Adobe AIR developer to build one. You can build RIAs using a variety of tools, techniques, and technologies.

  • If you're a coder interested in building complex interactive web apps such as branded, multimedia-rich business productivity or e-commerce apps, you can use Adobe Flex and Adobe ColdFusion.
  • If you're more into creating animations, games, or branded interactive marketing content, you can use Adobe Flash. Alternatively, you can take advantage of Ajax frameworks, including Ext and the Spry framework for Ajax, to build HTML-based RIAs, using tools such as Adobe Dreamweaver or Aptana Studio.
  • To extend your JavaScript- and Ajax-based web apps, you can use the Ajax Data Services library or the Flash Ajax video component. These libraries and technologies enable rich media support, data services and synchronization, and server technologies for rapid development and deployment of RIAs.
  • To take your Ajax, HTML, Flex, or Flash apps to the desktop, you can use Adobe AIR. With Adobe AIR, you can build and deploy your RIAs to the desktop using the tools, technologies, and development models you employ today when developing for the browser.
  • And to create prototypes of your web or AIR apps that help communicate your ideas, you can use Adobe Fireworks.

Ingredients

  • An integrated development environment (IDE) or authoring tool such as Flex Builder, Flash, Dreamweaver, Aptana Studio, Eclipse, or a simple text editor
  • A software development kit (SDK) such as Flex SDK or Adobe AIR SDK
  • Images, videos, or other rich assets such as Flash content
  • A web host or server space

Learn to design and develop RIA projects

Flickr simple RIA

Flickr simple RIA

This tutorial from the Adobe Flex Builder 3 help system shows you how to create a simple RIA that retrieves and displays photos from the Flickr photo-sharing website based on user-supplied keywords. The tutorial exposes you to the MXML mark-up language, ActionScript syntax, and the Flex development process, and show you how to:

  • Use MXML to create a rich user interface that accepts user-supplied keywords and displays photos
  • Write a method and event handler using ActionScript
  • Request and handling RSS data from Flickr using Flex HTTPService
  • Create a custom component and customizing the application display

Note: To run this tutorial and sample code, you have to install Flex Builder 3.


Next steps

In-depth learning: Technologies

Help from the community