SAP Solution Brief SAP Web IDE Objectives Solution Benefits Quick Facts Placing customers in the driver s seat to deliver amazing user experiences
Build applications with consumergrade UX using SAP Web IDE Build applications with consumer-grade user experiences using SAP Web IDE In an age where system and data proliferation are the norm, business success demands agility in multiple dimensions. A key aspect of agility is to design, develop, and deploy applications rapidly, addressing the need for speed and delivering an unparalleled user experience. With SAP Web IDE, SAP puts the power of rendering such experiences in the hands of its users. With its extremely slim footprint, developers and power users can rapidly deploy new-age applications that leverage SAP HANA, and take advantage of SAP HANA Cloud Platform. This web-based development environment addresses the application development process holistically, from prototype through deployment. Developing new or extending existing SAPUI5 webapplications still poses a challenge for many customers. SAP Web IDE accelerates building modern applications for desktop and mobile devices with the latest UI technologies and simplifies the end-to-end application lifecycle: prototyping, development, packaging, deployment, and customer extensions for SAPUI5 applications. Designed as an extensible web-based environment available on SAP HANA Cloud Platform or as on-premise solution on SAP HANA XS*. SAP Web IDE aims to support developers, business experts* and *. * planned for future release 2014 SAP AG or an SAP affiliate company. All rights reserved. Customer 2
Build SAPUI5 applications following the SAP Fiori design principles Build SAPUI5 applications following the SAP Fiori design principles Extend SAP Fiori applications easily Engage and empower the developers business experts, SAP Web IDE is a browser-based tool that empowers developers, business experts* and * to build new SAPUI5-based user interfaces that work seamlessly with SAP applications. Wizard-based templates allow you to design new UIs easily and quickly, following specific best practices. Use those templates as jump starter following a data first (guiding the developer to bind views to an existing OData service) or a UI first (using mock server to mimic backend server calls) approach. content-based search across all files and workspaces of the user provide additional efficiency. In addition, for the next release a layout editor with drag-and-drop (WYSIWYG) capabilities is planned. This will further enable the usage of not only developers but also * or less technical* users to form new UIs. An instant preview allows you to launch the application in the browser, either with real or mock data, and test it for various devices. Collect early feedback from your key users by sending them the new application via QR-code. SAP Web IDE supports free-style coding, providing strong editors with capabilities of code completion (SAPUI5, XML and JavaScript), code validation, pre- and user-defined code templates, beautifier and many more. Name- and resource The finalized application can be exported manually to any web server or deployed automatically to a NetWeaver ABAP Server or on SAP HANA Cloud Platform. Create new projects quickly and easily following best practices 2014 SAP AG or an SAP affiliate company. All rights reserved. Customer 3
Extend SAP Fiori applications easily Build SAPUI5 applications following the SAP Fiori design principles Extend SAP Fiori applications easily Engage and empower the developers, business experts, Using SAP Web IDE for altering functionalities or the appearance of a standard SAP (Fiori) application guarantees that changes are only made to the extension project while the original application will remain unaffected. Guided by wizards extension project are generated without the slighted effort either by downloading the origin application to your workspace or connecting to its storage in a SAPUI5 ABAP repository resp. the SAP HANA Cloud Platform remotely. lets you easily execute valid extension operation for a selected control, view or controller and leads you to the source code with a single click. The extensibility pane comes with an integrated preview mode that allows you to test your changes instantly. The extensibility pane that assists in adopting UIs in a visual manner, is applicable on both, real odata services and mock data. By hovering over UI elements in the preview panel the corresponding UI element is marked in a control tree of the outline panel and vice versa. The outline panel Adapt standard SAP Fiori apps to your needs 2014 SAP AG or an SAP affiliate company. All rights reserved. Customer 4
Build SAPUI5 applications following the SAP Fiori design principles Extend SAP Fiori applications easily Engage and empower the developers business experts, Engage and empower the developers, business experts, and SAP Web IDE serves developers, and intends to empower business experts* and * to participate in the creation of applications meeting end-users expectations. SAP Web IDE achieves this with easy-to-use, accessible visual editors including control galleries, wizard, templates and a drag-and-drop (WYSIWYG)* capabilities. Combined with a UI-first approach, business experts and/ or will prototype applications*, while being aware of technical restrictions, and interacting with development. Social collaboration tools such as SAP Jam* will also assist team member collaboration. SAP Web IDE provides both team member and social collaboration* 2014 SAP AG or an SAP affiliate company. All rights reserved. Customer 5
Improve development productivity and reduce IT infrastructure costs Improve development productivity and reduce IT infrastructure costs SAP Web IDE aims to increase development productivity by delivering a holistic development experience. Offered as a cloud solution hosted on SAP HANA Cloud Platform, no initial installation is required, and local IT infrastructure is untouched. Benefits for IT infrastructure: Better use of SAP software investments through cloudbased, easy-to-consume development environment Reduced administration effort, and simplified infrastructure architecture through cloud-based offering Benefits for application development: Access development projects anytime, anywhere Holistic development environment with attractive UI Wizards and templates shorten development process, and provide a best practice approach Drag-and-drop (WYSIWYG) editors* lower barriers to new skillsets No dependence on a specific SAP back-end or platform Tighter collaboration between developers, business experts* and * SAP Web IDE delivers a holistic development experience 2014 SAP AG or an SAP affiliate company. All rights reserved. Customer 6
Summary SAP Web IDE is an extensible development environment with a growing set of embedded tools covering the end-toend development process. It lets you rapidly design, build, and deploy web applications based on SAPUI5, and supports you in extending SAP Fiori apps. With SAP Web IDE, developers can collaborate with business experts and to fulfil end-users requirements and expectations more effectively. This capability will allow enterprises to develop and deploy applications with agility, while providing superlative user experiences. Objectives Accelerate creation of new, and extension of existing, SAPUI5 applications which apply Fiori UX Deliver unified development experience Attract developers as well as business experts and Solution Extensible and modular plug-in architecture that streamlines the ability to add your own plug-ins and templates Wizard- and template-based project, resource and plug-in creation that help speed application development Feature-rich source code editors with SAPUI5. JS and XML code completion, beautifier and static code checks for free-style coding WYSIWYG layout editors with drag & drop capabilities* as user-friendly alternative to plain source editing Extensibility support for Fiori apps Instant preview with screen resolution and language selection Mock data support for back-end independent application tests and demos Collaboration support in editor allowing developers to exchange notes on specific files, through Jam integration* Project persistency through Git integration Deployment support for ABAP and SAP Mobile Platform (via Kapsel)* Personalization capabilities Benefits Increased developer and team productivity Reduced cost and complexity Low barrier to entry for developers and non-technical users 2014 SAP AG or an SAP affiliate company. All rights reserved. Customer 7