Efficiently Develop SAP Fiori® Apps to Deliver an Amazing Experience

SAP Solution BriefSAP TechnologySAP Web IDE

Efficiently Develop SAP Fiori® Apps to Deliver an Amazing Experience

BenefitsSolutionObjectives Quick Facts

© 2

016

SAP

SE o

r an

SAP

affilia

te c

ompa

ny. A

ll rig

hts

rese

rved

.

2 / 8 © 2016 SAP SE or an SAP affiliate company. All rights reserved.

Objectives

Build apps that enable consumer-grade user experiences SAP® Web IDE puts the power of agile development in your hands. The rapid integrated development environment streamlines the end-to-end application lifecycle – so you can more easily develop, test, build, deploy, and extend role-based, consumer-grade apps for business users.

A key aspect of agility is the ability to create applications rapidly and deliver an outstand-ing user experience. Developers can extend or build new SAP Fiori® apps, hybrid mobile apps, and Web applications more quickly, using the UI development toolkit for HTML5 (SAPUI5) for desktop and mobile devices.

Since SAP Web IDE runs on SAP HANA® Cloud Platform, it needs no installation and allows you to integrate with other services that run on the platform – such as SAP Fiori Cloud apps, Git integration, mobile services, and translation services.

Another delivery option is SAP Web IDE for SAP HANA. The integrated development envi-ronment runs on SAP HANA extended appli-cation services and provides a Web-based, comprehensive development experience for native applications for the SAP HANA platform. The IDE lets you develop SAP HANA databases and business applications based on SAPUI5 and node.js.

SAP HANA Cloud Platform, SAP Web IDE, personal edition, can be used on a personal laptop while disconnected from the Internet.

Build apps that enable consumer-grade user experiences

Benefits Quick FactsSolution


Build SAPUI5 apps that use SAP Fiori UX design principlesSAP Web IDE is a Web-based tool that empowers you to build a new SAP Fiori user experience (UX) that works smoothly and efficiently with SAP applications and enables business sce-narios. You can design new user interfaces (UIs) easily and quickly, while making sure that you follow best practices and jump-start application creation.

Wizards, templates, and sample applications allow professional SAPUI5 developers or those who are new to the field of app and UI develop-ment to create apps that are consistent with

best practices. Additionally, you can collabo-rate with designers and business experts using the Build tool, a cloud-based, collaborative design tool that allows creating and researching prototypes.

SAP Web IDE supports free-style coding, with highly efficient code editors featuring code completion, validation, beautifiers, and more. In addition, a layout editor offers drag-and-drop, WYSIWYG design capabilities, further reducing the total cost of development.

Continued on next page ▶

Build SAPUI5 apps that use SAP Fiori UX design principles

Extend SAP Fiori apps easily

Enrich the SAP Web IDE development experience with plug-ins

Solution BenefitsObjectives Quick Facts


Instant preview allows you to launch the appli-cation in the browser, either with real or mock data, and test it for desktop, tablet, and mobile devices. It helps you test, demo, and collect early feedback from your key users. Mobile app devel-opment features in SAP HANA Cloud Platform, Web IDE, enable you to build Apache Cordova–based hybrid mobile apps in easily.

You can deploy your final application to SAP HANA Cloud Platform, SAP Mobile Platform, the SAP NetWeaver® Application Server com-ponent for ABAP®, or the SAP Enterprise Portal component or export it to any Web server. Plus, you can register to the SAP Fiori launch-pad any application deployed to SAP HANA Cloud Platform.

Create new projects quickly and easily while following best practices.






Extend SAP Fiori apps easilyWhen altering an SAP Fiori app using its extension points, SAP Web IDE makes sure that the changes are made only to the exten-sion project, whether a desktop or hybrid mobile app extension, while the original application remains unaffected.

Guided by wizards, you can generate exten-sion projects in several ways. First, you can import the original application to your work-space. Alternatively, you can connect remotely to wherever it is stored – to a repository for SAPUI5 applications running on SAP NetWeaver Application Server for ABAP, to SAP HANA Cloud Platform, or to SAP Fiori Cloud. More wizards guide you through extension creation for controllers, views, controls, replacing Open Data Protocol services, and more.

An extensibility pane lets you adopt UIs in a visual manner and works with both real data services and mock data. From either the graph-ical extensibility pane or the outline pane, you can execute a valid extension operation for a selected control, view, or controller. It leads you to the source code with a single click. Extension points are easily identified in the outline panel, and their location in the UI is clearly marked.

The extensibility pane comes with an inte-grated preview mode that allows you to test changes instantly.






Enrich the SAP Web IDE development experience with plug-insSAP Web IDE is composed of a modular, extensible framework. Plug-ins are the build-ing blocks of SAP Web IDE. Through plug-ins, SAP Web IDE offers additional functionality and capabilities to plug-in developers, and it supports the full process of creating tem-plates and plug-ins. Preconfigured wizards assist with the creation of customer-specific plug-ins and templates, the ability to reuse existing and user-created templates, an auto-complete option for editing template files in the code editor, and the ability to test plug-in projects within SAP Web IDE. The plug-in framework lets you share your plug-ins with customers and partners.

The plug-in framework of SAP Web IDE adds many capabilities, ranging from simple cus-tomizations, such as branding existing appli-cation templates, through new application templates, or you can extend the development environment with additional development scenarios, such as the hybrid app toolkit add-on or complementing development tools, such as task or requirements management.

The development environment presents a gamut of possibilities to extend and customize it to your needs using the software development kit for SAP Web IDE. Partners can tailor it to meet the needs of their customers and mone-tize by exposing their premium services from within SAP Web IDE.






Drive productivity while reducing total cost of developmentSAP Web IDE offers an agile, rapid, and simplified app development environment for increased productivity. This cloud-based solu-tion, running on SAP HANA Cloud Platform, reduces administration effort and simplifies infrastructure architecture by using existing SAP software. Running on SAP HANA Cloud Platform means zero installation effort and no dependence on a local IT infrastructure. The cloud platform also allows you to collabo-rate and develop applications more swiftly and at a lower cost.

The easy-to-use, attractive UI with anytime, anywhere access to development projects

supports rapid app development. Feature-rich source code and layout editors further simplify and accelerate development. SAP Web IDE reduces entry barriers for users new to SAP and SAPUI5 and supports “data first” or “UI first” development approaches. SAP Web IDE allows developers to use mock data for back-end, independent client-side and server-side application development. Additionally, SAP Web IDE can be used to easily extend SAP Fiori apps.

Although tightly integrated with the SAP ecosystem, SAP Web IDE can be used for developing applications that consume data from non-SAP systems.

Drive productivity while reducing total cost of development


8 / 8

SummarySAP® Web IDE is an extensible development environment with a broad and growing set of embedded tools for the end-to-end develop-ment process. Use it to rapidly develop, test, build, and deploy Web applications based on the UI development toolkit for HTML5 (SAPUI5) and the SAP Fiori® user experience (UX) and to extend SAP Fiori apps. Developers, business experts, and designers can collaborate to fulfill user expectations. Now you can develop and deploy apps with agility while providing an outstanding user experience. Objectives

• Quickly create and extend SAP Fiori apps and Web applications

• Deliver a unified development experience • Involve developers, business experts, and designers in app development

Solution • Zero installation and maintenance • Rapid app development with various tools • Project persistence with Git integration • Hybrid mobile apps for SAP Fiori and the Internet of Things

• Support for SAP HANA® Cloud Platform, the SAP NetWeaver® Application Server component for ABAP®, SAP Mobile Platform, and the SAP Enterprise Portal component and registration to SAP Fiori launchpad on the cloud platform

• Extend with new features and customized application templates

Benefits • Lower cost of development • Increase productivity • Serve multiple platforms with multiple data sources

• Reduce entry barrier for developers

Learn moreVisit www.sapstore.com/solutions /60009/SAP-Web-IDE and developers.sap.com/webide.

www.sap.com Quick FactsBenefitsSolutionObjectives

Studio SAP | 45613enUS (16/09) © 2016 SAP SE or an SAP affiliate company. All rights reserved.

https://www.sapstore.com/solutions/60009/SAP-Web-IDE

https://www.sapstore.com/solutions/60009/SAP-Web-IDE

developers.sap.com/webide

http://www.sap.com

© 2016 SAP SE or an SAP affi liate 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 affi liate 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 affi liate company) in Germany and other countries. Please see http://www.sap.com/corporate-en/legal/copyright/index.epx#trademark 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 specifi cations may vary.

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

Documents

Efficiently Develop SAP Fiori® Apps to Deliver an Amazing Experience