Cross-Technology Developer Center in SAP Developer CenterWhere is this place located?

Log in to follow, share, and participate in this community.

HTML

IMPORTANT ANNOUNCEMENT ABOUT POSTING IN THIS SPACE. PLEASE READ!

Dear Visitors

With your increased interest in the topics of this space, we wanted to tell you a bit more about it.

Basically, "Cross-Technology Developer Center" was created to address those among you, who want to get comprehensive and focussed guidance on mastering a concrete development goal with SAP technology, e.g. building a Web application that runs in the cloud and connects to an on-premise back-end system. Accordingly, we would like you to use this space only to exchange about such "cross-technology" topics. For topics that relate to details of a particular technology please refer to the respective technology-specific spaces in the SAP Developer Center. You find them linked on the right-hand side of the SAP Developer Center landing page.

For your convenient orientation, here is what we think this space should be reserved for:

  • questions and discussions that relate directly to the scenarios and tutorials posted here
  • accounts of your own experience with combining a bunch of SAP technology
  • suggestions and discussion of additional "cross-technology" scenarios that you would like to see here

We hope this guidance will avoid posts that remain unseen/unanswered. You should note that expert users active in a certain technology, e.g. SAP HANA or ABAP, might not monitor this space very much.

Your SAP Developer Center team.

x

abap_740
Cross-Technology End-to-End Scenarios
xtech_scen_install

Before you start: Scenario Installation Guide

The ESPM (Enterprise Sales & Procurement Model) Application Scenarios are reference applications to describe how SAP cloud applications are developed by standard means.

This guide describes how you setup the Eclipse development environment, as well as import ESPM sources and projects and deploy, run and test the ESPM applications on the cloud platform.

SAP Technology used: SAP HANA Cloud Platform

xtech_scen_I_1

Develop a cloud-based Web application with HTML5 & JPA persistence

The Web application in this scenario consists of a HTML5 user interface that connects to a JPA-based persistence layer via OData. All parts of the application are running on a PaaS cloud.

In this tutorial you will learn the basics of developing with SAP's PaaS offering: how to setup the Eclipse development environment, program with SAP's HTML5 toolkit and the cloud-based persistence service, test locally and finally deploy to the cloud.

SAP Technology used: SAP HANA Cloud, UI Development Toolkit for HTML5 (SAPUI5)

xtech_scen_II_2

Develop a cloud-based mobile Web application with back-end connectivity (R/W persistence)

This scenario introduces a more complex Web application. The first part is running on a PaaS cloud and provides a HTML5 UI optimized for mobile consumption. It connects to an on-premise business application (second part) via a cloud-based mobile platform and OData gateway.

In this tutorial you will learn how to setup the Eclipse development environment, program with SAP's HTML5 toolkit (mobile library), configure the mobile platform, test locally and deploy to the cloud & Android.

SAP Technology used: SAP HANA Cloud, UI Development Toolkit for HTML5 (SAPUI5), SAP NetWeaver Gateway, ABAP Platform

xtech_scen_III

Develop an on-premise business application with HTML5 & in-memory persistence

This scenario shows how to extend an existing, complex business application with in-memory analytics capabilities. The add-on is hosted on-premise and provides a HTML5 UI, which is connected via OData to an in-memory platform used for storage and analytical computations.

In this tutorial you will learn how to setup the Eclipse development environment, develop on SAP's in-memory platform, program with SAP's OData service builder, generate a HTML5 UI and deploy to SAP's core application platform & in-memory platform.

SAP Technology used: SAP HANA, UI Development Toolkit for HTML5 (SAPUI5), SAP NetWeaver Gateway, ABAP Platform

xtech_scen_I_2

Develop a cloud-based Web application with HTML5 & JPA persistence (multi-role)

The Web application in this scenario has multiple separated components, each accessed by a different user role. It consists of a HTML5 user interface that connects to a JPA-based persistence layer via OData, all of which run on a PaaS cloud.

In this tutorial you will learn how to develop a more complex application with SAP's PaaS offering: program with SAP's HTML5 toolkit, use the cloud-based persistence and security service, test locally and finally deploy to the cloud.

SAP Technology used: SAP HANA Cloud, UI Development Toolkit for HTML5 (SAPUI5)

xtech_scen_II_4

Develop a cloud-based Web application with back-end connectivity (read-only)

This scenario consists of a Web application that runs on a PaaS cloud and provides a HTML5 UI. It connects to an on-premise business application via an OData gateway in order to retrieve product details.

In this tutorial you will learn how to setup the Eclipse development environment, connect to the back-end and quickly develop UIs on top of an OData service with SAP's HTML5 toolkit. You will also do local testing and deploy to the cloud.

SAP Technology used: SAP HANA Cloud, UI Development Toolkit for HTML5 (SAPUI5), SAP NetWeaver Gateway, ABAP Platform

xtech_scen_II_1

Develop a cloud-based Web application with back-end connectivity (R/W persistence)

This scenario is a slight variation of cloud-based mobile Web application with back-end connectivity (R/W persistence). The HTML5 UI renders as a traditional Web page and connections to the back-end system are routed directly to an OData gateway.

In this tutorial you will learn how to setup the Eclipse development environment, program with SAP's HTML5 toolkit and OData service builder, configure connectivity between cloud and on-premise, test locally and deploy to the cloud & SAP's core application platform.

SAP Technology used: SAP HANA Cloud, UI Development Toolkit for HTML5 (SAPUI5), SAP NetWeaver Gateway, ABAP Platform

xtech_scen_II_3

Extend a cloud-based Web application using mixed persistence

This scenario shows how to seamlessly extend a Web application running on a PaaS cloud. New features are backed by cloud-based persistence, which is integrated with the HTML5 UI via OData (in the same way as the already existing on-premise persistence).

In this tutorial you will learn how to setup the Eclipse development environment, program with SAP's HTML5 toolkit and the cloud-based persistence service, test locally and deploy to the cloud.

SAP Technology used: SAP HANA Cloud, UI Development Toolkit for HTML5 (SAPUI5), SAP NetWeaver Gateway, ABAP Platform

Images

xtech-scen-I_1.pngxtech-scen-II_1.pngxtech-scen-II_2.pngxtech-scen-II_3.pngxtech-scen-II_4.pngxtech-scen-III.pngxtech_button_3.pngcross_technology_banner_bg_280_repeat.pngvideo_32.pngcross_technology_banner_bg_med_280_repeat.pngxtech_button_4.png

Overview

SAP Developer Center for cross-technology. Find tutorials on how to implement cross-technology scenarios using a combination of SAP technology products for mobile, cloud and data.

 

This page is still under construction. Stay tuned, more to come!

Introduction Video

Watch this introduction video and learn how the scenarios & associated tutorials listed on this page have been developed.

We guide you through the principal steps that are common among many of the tutorials, e.g. Cloud-hosted mobile Web application, with back-end connectivity (ESPM Mobile Shopping Scenario), and hope this will help you understand them better.

Formatted Text

Advertising Widget

Advertising Widget

Advertising Widget