Floorplan manager

41
Dirk Becker / Christian Günther October, 2013 CD109 UI Innovation with Web Dynpro ABAP and Floorplan Manager

Transcript of Floorplan manager

Dirk Becker / Christian Günther

October, 2013

CD109

UI Innovation with Web Dynpro ABAP and Floorplan Manager

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 2

Disclaimer

This presentation outlines our general product direction and should not be relied on in making a

purchase decision. This presentation is not subject to your license agreement or any other agreement

with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or to

develop or release any functionality mentioned in this presentation. This presentation and SAP's

strategy and possible future developments are subject to change and may be changed by SAP at any

time for any reason without notice. This document is provided without a warranty of any kind, either

express or implied, including but not limited to, the implied warranties of merchantability, fitness for a

particular purpose, or non-infringement. SAP assumes no responsibility for errors or omissions in this

document, except if such damages were caused by SAP intentionally or grossly negligent.

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 3

agenda

introduction

floorplan manager – basics

predefined components – floorplans and GUIBBs

demo 1

analytics with charts in fpm

ui innovation

modern user interfaces in fpm

insight to action with fpm

tooling

intregrated development and development tools

demo 2

full map integration into fpm

introduction floorplan manager - basics

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 5

floorplan manager – basics

FPM in a nutshell

ui framework on WD ABAP

floorplan of an application

patterns for common usage

configuration of uis

highly adaptable

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 6

floorplan manager – basics

what is FPM ?

what benefits does it have for me ?

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 7

floorplan manager – basics

developer productivity

construct your ui with

predefined components

don‘t care about event loop,

messaging and navigation

make use of wizards and

fpm workbenchy

developer

productivity

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 8

floorplan manager – basics

high flexibility

create user interfaces by pure

configuration in FLUID

user interfaces are code-free

work comfortably on

complex applicationsy

high

flexibility

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 9

floorplan manager – basics

maximum adaptability

adapt & enhance delivered applications

modification-free

context-based adaptations

end-user personalization

maximum

adaptability

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 10

floorplan manager – basics

overall consistency

guideline conforming applications

benefit from uniform look & feel

coherent suite of applications

overall

consistency

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 11

floorplan manager – basics

timeless software

separation of business logic and ui

support of various object models

like BOL, BOPF, …

gain speed and minimize maintenance

cost with generic feeder classes

timeless

software

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 12

floorplan manager – basics

rich user interfaces

new ui patterns for analytical charts

and interactive maps

integrate client-side HTML5 & CSS

with HTML islands

tighter SAPUI5 integration

rich user

interfaces

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 13

floorplan manager – basics

and more …

HANA code pushdown for fast

drill-down on mass-data

tablet support with restrictions

flexible theming & branding

with SAP UI theme designer

and

more

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 14

floorplan manager – basics

you should also know …

… that FPM is widely used in the

Business Suite

… that FPM runs within any shell

… that FPM is fully based on a standard

technology (WDA): versions,

corrections, transports,

translation, …

predefined components floorplans and GUIBBs

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 16

predefined components – floorplans (1)

floorplans …

… define general layout and

interaction of an

application

… are used for application

composition and

ui assembly

overview page

floorplan (OVP)

guided activity

floorplan (GAF)

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 17

predefined components – floorplans (2)

overview page floorplan

designed for object overview and

maintenance

highly personalizable with

collapsible & stackable panels and

flexible layout options

various page types & page master for

complex scenarios

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 18

predefined components – floorplans (3)

guided activity floorplan

represents step-by-step scenarios

renders interactive roadmap with

optional subroadmap

offers standard buttons and

allows step-specific buttons

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 19

predefined components – generic ui building blocks (1)

generic ui building blocks (guibbs)…

… are patterns for guideline conforming

content representation

… allow generic configuration based

on feeder classes

… are fully integrated into fpm

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 20

predefined components – generic ui building blocks (2)

form and form repeater

pixel-perfect alignment by grid based

configuration

dynamic behaviour is supported

various layout options

form repeater offers swap uibb to allow

distinct processing options and modal

behaviour

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 21

predefined components – generic ui building blocks (3)

list and tree

client side rendering allows

smooth scrolling

abap table services (ATS) enable

grouping, aggregation, sorting,

filtering & export to spreadsheet

switch between paging and scrolling

variants concept for personalization

demo 1 analytics with charts in fpm

ui innovation modern user interfaces

insight to action with fpm

run fpm on device

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 24

modern user interfaces with fpm – i.) charts

chart guibb

based on CVOM chart library

(HTML5)

>30 different chart types with up

to 2 dimensions and 3 measures

fully interactive and entirely

integrated into FPM

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 25

modern user interfaces with fpm – ii.) maps

visual business guibb

integration of maps and 3d

graphics based on

VisualBusiness

fully integrated into FPM

bi-directional communication

completely supported

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 26

modern user interfaces with fpm/wda – iii.) html islands

html(5) islands

include any custom HTML, CSS or

Java Script

flawless integration into FPM/WDA

communication via JS calls, WD

context or WD actions

requires standards mode

example: SAPUI5 carousel

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 27

modern user interfaces with fpm/wda – iv.) html container

html(5) container

add small snippets of HTML5 into or around

existing ui elements

example: background images in

tables

example: decorative elements

implemented in fpm for form and

form repeater

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 28

insight to action with fpm – HANA code pushdown

HANA code pushdown

direct code pushdown by

SADL engine (SADL = service adaptation

description language)

intelligent paging mechanism for

smooth scrolling

work with mass data in

real-time

also available for GUI ALV

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 29

insight to action with fpm – HANA drill down capabilities

HANA drill down

free-text search and fuzzy search

all abap table services (ATS) available:

group, sort, filter, …

alternative drill-down with modern

charting capabilities

browse through millions of recordsin

sub-seconds

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 30

run fpm on device – tablet support

tablet support

conditionally released for customers

(note 1853087)

reuse standard scenarios on the iPad

no native mobile experience, some restrictions

device detection to adapt configurations in

fpm (context based adaptations)

tooling integrated development

integration into theme designer

development tools

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 32

integrated development with object models

object models and fpm

optimized developer velocity and

efficiency

low development efforts

high transparency and easy

extensibility

easy to test and maintain

BOL, BOPF, SPI (+ SADL) supported

Consumer

UI Technoloy UI Technologies (e.g. FPM, SAPGUI, …)

Data base

UI Technoloy Web Services

Business Logic

Uniform facade

UI Technoloy Business objects

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 33

integration of ui theme designer

ui theme designer

quick theming & branding for fast results

expert theming for detailed

changes

Support of CSS3 and LESS

enabled for unified rendering,

sapui5, NWBC & portal

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 34

development tools @ fpm (1)

tool support

fpm workbench (FPM_WB)

central basis for all fpm related activities

application creation wizard

code-less application generation

support of object models + SADL

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 35

development tools @ fpm (2)

FLUID

WYSIWYG editor for expert

configuration

screen layout individually

adaptable and persisted

multiple adaptation options

customizing

enhancements

context based adaptations

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 36

development tools @ fpm (3)

fpm in eclipse

integration of FLUID in

eclipse

intregration of fpm wizard

easy navigation into class

builder for feeder classes

demo 2 full map integration into fpm

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 38

Further Information

SAP Education and Certification Opportunities

http://www.sap.com/education/

NET 313: 4-day classroom training on Floorplan Manager for Web Dynpro ABAP

Watch SAP TechEd Online

www.sapteched.com/online

SAP Public Web

SAP Community Network (SCN): http://scn.sap.com/community/web-dynpro-abap/floorplan-manager

- Including FPM Developer’s Guide (aka Cookbook)

- Including document How to Create, Adapt, and Enhance FPM Applications

+ SDN Forum

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 39

SAP TechEd Virtual Hands-on Workshops and SAP TechEd Online Continue your SAP TechEd education after the event!

SAP TechEd Virtual Hands-on Workshops

Access hands-on workshops post-event

Available January – March 2014

Complementary with your SAP TechEd registration

SAP TechEd Online

Access replays of keynotes, Demo Jam, SAP TechEd

LIVE interviews, select lecture sessions, and more!

View content only available online

http://saptechedhandson.sap.com/

http://sapteched.com/online

Feedback Please complete your session evaluation for CD109.

Thanks for attending this SAP TechEd session.

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 41

© 2013 SAP AG or an SAP affiliate company. All rights reserved.

No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP AG.

The information contained herein may be changed without prior notice.

Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors.

National product specifications may vary.

These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of any kind, and

SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group products and services are those that are set forth

in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as constituting an additional warranty.

SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and

other countries.

Please see http://www.sap.com/corporate-en/legal/copyright/index.epx#trademark for additional trademark information and notices.