Adobe Flash Islands UI Development – Offering

SAP CoE – Telecom TEG

Contents
 Introduction – What are Flash Islands?

 Advantages

 Business Benefits

 High level Roadmap

 Technology Overview

 Architecture Overview

 Sample Island

 Features supported by Flash Islands

 Web Dynpro – with and without Flash Islands

 Pre-requisites

2
What are Flash Islands?
 New/upcoming UI feature in SAP Netweaver 7.0 Enhancement Pack 1* (ABAP)
and CE 7.1 EHP 1 (Java)

 Allows to embed rich user interfaces inside SAP applications using Adobe Flash
Platform

 Adobe Flash Platform is used to create Flash applications and it includes:

 Adobe Flash
 Adobe Flex

 Data interchange is possible between SAP and Flash elements

 Flash Islands extend Web Dynpro to match peculiar end-user needs

 Allows us to build Mobile and Embedded User Interfaces

* SAP EhP1 was released in Sept,2008

3
Advantages

 An excellent user experience which is the key focus for the UI roadmap

 State-of-the-art Web 2.0 experience by including RIA and rich client

technologies

 Highly Intuitive, graphical, rich & responsive user interaction - Support rich user
interaction with Controls utilizing transition effects, drag & drop, sliders, tooltips
etc.

 More freedom and capabilities than native browser rendering

 Flash Islands are ‘run-capable’ on all large browser platforms and operating
systems
 Adobe Flash platform is tightly integrated with SAP. It is a third party rendering
tool available as a freeware
 Ability to embed multimedia content, such as movies

4
Business Benefits

User Specific:  Sophisticated rendering capabilities with interactive behavior

 Cutting edge of UI Technology

 Adobe Flash will enrich SAP Web Dynpro Technology with mash up

TCS Specific:  SAP uses Adobe as its key UI vendor

 SAP tools based on Adobe technology offers innovative new possibilities to

support employees, partners, customer, suppliers and all other parties in interacting
with business processes

 Adobe Flash UI development offering (provides new UI development opportunity

at SAP client locations)

Generic:  Adobe RIA uses client-side computing power to handle layout, application logic
and representation of the data

5
High Level Roadmap

* Source: SAP

6
Technology Overview

7
Architecture overview

Browser

Renderer
HTML
ABAP

SAP Programming Models

Web Dynpro HTML
SAP Development Tools

Visual
Composer NetWeaver
7.0.1 Standard
Controls
NetWeaver JAVA

(Business Client Protocol)

Developer Web Dynpro
Studio NetWeaver Adobe Flash
Player9.0 +

XML Renderer
CE 7.11

Rich Client
Adobe Flex 2.0
Adobe Flex 3.0
ABAP
CRMUI
Workbench Analytics and
WEBCUIF
7.0.1 3rd party
Controls

8
Sample Flash Islands – Business Cards Display
Enter the Employee Category in the native a web dynpro Input box and view the Business
cards of the available employees in Flash Island

9
Sample Flash Islands – Google Maps
Select the Customer address and Destination addresses from Web Dynpro tables and
view the location and Driving directions in Flash Island using Google maps

Web Dynpro Flash Island

10
Sample Flash Islands – Bar Charts
Quantity details are displayed in Web Dynpro table and their Bar chart view is displayed in
Flash Island using Google maps

Web Dynpro Flash Island

11
Features supported by Flash Islands

 VoIP Audio

 Webcam Video

 Chat & Robust Data

messaging

 Real-Time File Sharing

 Multi-User Whiteboards

EXAMPLE: We can display a snapshot of the latest sales figures at the multi user white board and
discuss the sales progress in a Webcam, VoIP or chat session using interfaces like Ribbit, Cocomo
etc.,

12
 Web Dynpro Capabilities

With Flash Islands Without Flash Islands

More user friendly, graphical, and intuitive No RIA (Rich Internet Application) behavior

Can have rich Internet components No scope to add rich Internet components

Rendering is not restricted to what can be Not applicable

accomplished in HTML/JavaScript alone

Pixel perfect layout No pixel perfect layout

Can connect to 3rd party technologies like Google 3rd party connectivity is not possible
Maps, Ribbit, etc.,.

Flash tools build Web, Desktop, mobile, and embedded Standard tools build Web, Desktop user interfaces
user interfaces

No additional Hardware required Not applicable

13
Flash Islands - Pre-requisites

 No additional Hardware requirements

 Software components required to create Flash Islands:

 SAP Netweaver 7.0,Enhancement pack 1 for Web Dynpro ABAP

 Adobe Flex Builder: IDE to create Flash applications

 Adobe Flex SDK: To create and build Flash files

 Adobe Flash Player: To run Adobe Flash Islands on the client

 Library WDIslandLibrary.SWC: This library need to be included in Flash

Projects. This gives  access to specific Flash Island methods developed by
SAP, such as fireEvent().

14
Thank You!