Week 3 Unit 2: Introduction to

SAP Web IDE

Introduction to SAP Web IDE
Key Trends

• By 2020 at least 70% of new app development will

happen in the cloud1
• Developers collaborate more over cloud-based
infrastructures2
• Professional programmers are essential for the
development of complicated applications. They are
expected to deliver applications faster, at less cost,
and with less need for a complex infrastructure.2
• Business users need to be able to create custom
software applications that once required the
assistance of professional programmers2

1 Gartner Application Architecture, Development & Integration Summit Dec. 2013

2 Gartner Hype Cycle for Application Development 2013

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 2

Introduction to SAP Web IDE
From Today to Vision

AppBuilder AppDesigner
SAP Web IDE

Gateway
Productivity
Accelerators
SAP Fiori
Eclipse Toolkit

UI Development
Toolkit for
HTML5

This is the current state of planning and may be changed by SAP at any time.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 3

Introduction to SAP Web IDE
Speeding Development by Reducing Effort

Support end-to-end application lifecycle with one tool

Prototype* Develop Test Package/ Extend

Deploy

* Future innovation This is the current state of planning and may be changed by SAP at any time.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 4

Introduction to SAP Web IDE
Overview

What? Where?
A web-based development tool
designed to simplify the E2E application SAP HANA Cloud Platform
lifecycle optimized for SAPUI5 and SAP
HANA*
Fiori apps

SAP Web
IDE
Who? When?
Developers Monthly release

Business experts
Designers**

* Integrated in HANA web based development workbench ** Future innovation This is the current state of planning and may be changed by SAP at any time.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 5

Introduction to SAP Web IDE
Key Use Cases

Develop new Fiori and SAPUI5 applications

Extend SAP Fiori applications

Develop SAPUI5 mobile hybrid applications

(HAT plug-in)

Extend the SAP Web IDE with new plug-ins and

templates

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 6

Introduction to SAP Web IDE
Product Benefits

 Develop once, deploy everywhere, & run on any

device - mobile, tablet, desktop

 Reduces cost, complexity and effort through cloud-

based offering (zero installation)

 Increases developer productivity by simplifying

development to create apps faster

 Profit from code templates and SAP best practices

to rapidly build applications

 Improves team productivity with the ability to code

and collaborate anywhere

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 7

Introduction to SAP Web IDE
Key Features I

Development environment
 Source code editor with SAPUI5-
specific code completion
 Project persistency
 Layout editor (WYSIWYG)*
 Mock data support for testing purposes
 Instant preview in browser
 Search capabilities
 User-friendly interactive extension
mechanisms
 Import and deploy to ABAP repository
or HCP
*Experimental features

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 8

Introduction to SAP Web IDE
Key Features II

Templates for creating and extending projects

 New project:
• SAP Fiori application templates
• SAPUI5 application templates
• SAP Web IDE plug-in development templates
• Cloud Portal, Visualization

 Extensibility of SAPUI5 applications:

• Create extension project
• Extend controller
• Hide a control
• Extend a view
• Replace a view
• Replace a service
• Customize text of i18n resources
• Add new views to existing project
Create your own custom template

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 9

Introduction to SAP Web IDE
SAP Plug-ins

› Hybrid Application Toolkit (HAT)

› Create, test, build and deploy Apache Cordova hybrid apps
using templates, code completion, etc.
› OData Model Editor
› Develop your own OData model using the OData Model
Editor in the SAP Web IDE framework
› Fact Sheet
› Create fact sheets from scratch and edit existing fact
sheets using a drag-and-drop approach.
› VizPacker
› Creating visual extensions for Analytics – Lumira, Design
Studio
› SAP Hana Cloud Portal
› Easily create OpenSocial widgets for use in Cloud Portal
sites This is the current state of planning and may be changed by SAP at any time.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 10

Introduction to SAP Web IDE
System Context

Any SAPUI5 apps SAP Fiori apps

External Services
Plug-ins
SAP Web IDE oData Services
Templates

Orion Git SAPUI5

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 11

Thank you

Contact information:

open@sap.com
© 2015 SAP SE 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 SE or an SAP affiliate company.

SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate
company) in Germany and other countries. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for additional trademark information and notices.

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

National product specifications may vary.

These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its
affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or SAP affiliate company 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.

In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop
or release any functionality mentioned therein. This document, or any related presentation, and SAP SE’s or its affiliated companies’ strategy and possible future
developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time
for any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. All forward-
looking statements are subject to various risks and uncertainties that could cause actual results to differ materially from expectations. Readers are cautioned not to place
undue reliance on these forward-looking statements, which speak only as of their dates, and they should not be relied upon in making purchasing decisions.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 13