1. An introduction to
the flash platform
Jeethu Karthik J
PixelKraft Media Solutions
Rich Internet Applications
RIA Development platforms
Things to consider when building RIAs
The Flash Platform
Flash through the ages
Flash Platform in your field
Benefits of the Flash Platform
Flex Builder & Flex SDK
Demo (Retrieve data from a REST based service and implement an
3. Rich Internet Applications
Macromedia coined the term rich Internet application (RIA)
back in 2002.
RIAs combine the flexibility, responsiveness, and ease of use
of desktop applications with the broad reach of the web.
Rich Internet applications (RIAs) offer a rich, engaging
experience that improves user satisfaction and increases
4. RIA Development platforms
5. Things to consider when building RIAs
6. Things to consider when building RIAs
Do the clients include support for multimedia industry
standards like H.264 video or Advanced Audio Coding (AAC)?
Does the development framework include a rich set of user
Is there support for managing large volume and real-time
7. Things to consider when building RIAs
Do all of your potential users have the required client
Does the technology allow you to develop solutions that
consistently reach the browser and desktop across all major
8. Things to consider when building RIAs
Do the tools allow designers and developers to work together?
Do the development frameworks allow for rapid development,
testing, and deployment of applications?
Is there a open community of designers and developers
working with the technologies?
9. Flash through the ages
10. The Flash Platform
Flash, AIR, Flex, Flash Catalyst,
Flash Media Server, Blaze DS
11. Flash Platform in your field
Building enterprise applications
Building applications on a SaaS platform
Rich media/content delivery systems
Websites/ Web applications
12. Benefits of the Flash Platform
99% user base.
Flash player 9 has 99% user base.
Flash player 10 has 56% user base.
AIR has 10 million downloads.
Familiarity with developers
Complete integration with the creative suite.
13. Adobe Flex
“ Adobe Flex is a complete, powerful
application development solution for
creating and delivering cross-platform rich
Internet applications (RIAs) within the
enterprise and across the web. It enables
the creation of expressive and interactive
web applications that can reach virtually
anyone on any platform. ”
14. Jargon buster
15. How flex is different from flash?
16. How Flex works ?
Flex will work with nearly any HTTP or socket based server:
• ASCII text (POST,GET,REST Headers Supported)
• XML (POST,GET,REST Headers Supported)
• Server side languages: .NET, RUBY, PYTHON, JAVA,
PHP, PERL, XML, etc
• SOAP direct to the server
• Binary AMF (Optimized data serialization format for
• Real-time exchange using 2 way push over XML Socket
and Binary Socket.
19. Flex Frameworks and Tools
20. Flex Frameworks and Tools -
Flex Builder (Eclipse Plugin)
Flex Beans (Net Beans Plugin)
Amethyst Professional (Visual Studio Plugin)
Or just code in Notepad and use the opensource Flex
21. Flex Frameworks and Tools -
Lightweight framework - based upon the classic
Model, View and Controller concept.
Lightweight micro-architecture - a collaboration of
recognized design patterns
Mate is a tag-based, event-driven Flex framework.
22. Flex Frameworks and Tools - Testing
23. Flex SDK
Open source - Mozilla Public License, version 1.1
Project hosted at http://opensource.adobe.com/flex/
Consume a REST based service (Y! BOSS) and implement an
25. Adobe AIR
“The Adobe AIR runtime lets developers
use proven web technologies to build rich
Internet applications that run outside the
browser on multiple operating systems.”
26. Developing AIR apps
Cross OS Runtime Menuing
Web developers can Online/Ofﬂine
build desktop apps
Supports: Flash, Flex,
OS Level APIs
SQL Lite Database
Its free !!
27. AIR Demo
28. RIAs in action
29. Flex Builder Educational License
Free Professional edition with Charting.
Available for both students and teachers alike.
30. Resources & Links
Flex Developer Network http://www.adobe.com/devnet/flex/
Component Explorer http://examples.adobe.
Style Explorer http://examples.adobe.
Charting Explorer http://demo.quietlyscheming.com/ChartSampler/app.
FlexCoders Group http://tech.groups.yahoo.com/group/flexcoders/
Flex India http://flex-india.org
Chennai Flex User Group http://www.chennaiflex.org/
32. Thank you