Learning Adobe Flex for SAP Developers
- Explore Rich Internet Applications
- Develop Adobe Flash in SAP
- Learn the Programming Languages of Flex and Flash
- Create a Flex application
- Integrate Adobe Flash in SAP
- Customize the look and feel of Flex applications
- Appendices: Deepen Your Flex knowledge
Explore Rich Internet Applications
In 2002, Macromedia coined the term rich Internet application (RIA) to refer to a dynamic web experience that is rich and engaging, as well as interactive. This section introduces SAP developers to the power of RIAs created with Adobe Flash and Adobe Flex and rendered with the Adobe Flash Player and Adobe AIR runtimes.
Experience Rich Internet Applications
Compare Adobe Flash, Flex, Flash Player and Air
Video (Time 00:05:30)
Learn the differences between these related Adobe products and understand why programmers prefer Adobe Flex, and designers prefer Adobe Flash, for creating RIAs.
Create Engaging User Experiences for SAP Software
This presentation describes how RIAs are enhancing SAP user interfaces. It also includes examples of real-world implementations of the technologies for SAP customers.
Use RIAs in Web Dynpro
Video (Time 00:01:15)
SAP NetWeaver Product Manager Thomas Jung discusses the future of RIAs with Web Dynpro.
Find More RIA Resources
Flex Showcase on Flex.org (Website)
Analysts reports on RIAs (Whitepapers)
Anatomy of a Flex RIA (Article series)
InsideRIA (O'Reilly Media Website)
When to use Flex and Ajax together (Blog post)
Develop Adobe Flash in SAP
Adobe Flash can be integrated into SAP Web Dynpro applications, but are not created with the SAP development tools. SAP users should use Adobe Flex Builder to create Adobe Flash in Web Dynpro. Note: SAP developers who already use SAP NetWeaver Developer Studio should consider using the Eclipse plug-in version of Flex Builder 3. Both development environments are Eclipse-based, and work seamlessly together.
The Adobe Flex 3 Software Development Kit (SDK) includes the Flex framework (component class library) and Flex compiler, enabling you to freely develop and deploy Flex applications using an IDE of your choice.
You can accelerate application development with Adobe Flex Builder 3 software, which is an Eclipse-based development environment that comes in both Standard and Professional editions.
Introducing Flex Builder
Video (Time 00:07:25)
Get an introduction to the Flex Builder interface and features.
Creating a Flex Builder Workspace and Project
Video (Time 00:07:10)
Step through creating a workspace and projects in Flex Builder.
Learn the Programming Languages of Flex and Flash
Flex applications are created with two programming languages. MXML is an XML-based language that is primarily used for UI elements. ActionScript is used to for programming and business logic.
Video (Time 00:04:10)
Learn about the Flex XML-based tag library called MXML
Learn how MXML and ActionScript work together to form the Flex coding environment.
Get a basic understanding of the concepts behind ActionScript 3.0 from Grant Skinner.
Create a Flex Application
Explore the pre-built components
The Flex framework contains pre-built components. Interactively explore these components, and the code that implements their functionality, in the Adobe Flex Component Explorer.
Use pre-built Flex controls
Video (Time 00:04:35)
Learn to use and modify pre-built Flex controls to create a data collection form.
Learn to use common Flex controls, including text-based, button-based, and list-based controls.
Work with containers
Video (Time 00:12:15)
Use containers to control the size and positioning of Flex application elements.
Learn to use layout and navigation containers.
Position and lay out Flex components
Understand absolute and relative positioning, as well as constraint-based layout.
Bind data between controls
Video (Time 00:05:50)
Learn how to bind values from one control to another.
Handle user events
Video (Time 00:06:25)
Learn to handle user events on pre-built Flex controls.
Use data binding
Learn the primary approaches for tying data in one Flex control to another.
Integrate Adobe Flash in SAP
SAP has created a series of tutorials, which include videos and step-by-step guides for integrating Adobe Flash in SAP.
Customize the Look and Feel of Flex Applications
See how to style Flex components to match your custom RIA with the interactive Flex Style Explorer.
View the "Day 4: Adding Visual Appeals" section of this video training series to learn how to change the look and feel of your Flex islands. You will explore how to do this using drawing tools as well as programmatically with ActionScript.
Appendices: Deepen Your Flex Knowledge
Appendix A: Create Accessible Flex Applications
Developing accessible Flex applications (Andrew Kirkpatrick)
Appendix B: Build Multilingual Applications
Video (Time 00:05:10)
by Enrique Duvos.
Appendix C: Delve Deeper into Flex
There are many resources to help you develop your Flex expertise. The Flex Developer Center in the Adobe Developer Connection is the primary resource for Flex developers. From here, you can view Getting Started tutorials, view Sample applications, read articles by industry experts, and explore new books. You can also access the Flex in a Week video training course and exercises. Most importantly, you can find core documentation, including the Flex language reference.