March 22, 2016

openSAP course Build Your Own SAP Fiori

App in the Cloud 2016 Edition
System Onboarding Guide

INTRODUCTION

This document provides an overview on the accounts being used in the openSAP course Build
Your Own SAP Fiori App in the Cloud 2016 Edition. It is meant as a quick reference on how
to access and/or create your personal accounts or how to access the systems being used
throughout the course.
Note
Please note that a dedicated user and password is needed for most of the systems
and accounts.

openSAP

OVERVIEW
Account / System

Quick Link and Description

SAP Hana Cloud Platform Trial Account

https://account.hanatrial.ondemand.com
The SAP HANA Cloud Platform (HCP) is the platform-as-a-service
offering from SAP that provides instant access to the full power of
SAP HANA. With flexible subscription models, it enables you to build,
extend, and run applications on SAP HANA in the cloud.

SAP Fiori, Demo Cloud Edition

https://www.sapfioritrial.com/
With the SAP Fiori, Demo Cloud Edition, you can try a selection of
transactional apps that apply the SAP Fiori UX to sample data and
enjoy a beautiful user experience that is personalized, responsive,
and simple. You can experience apps across different lines of
business.

SAP Splash & BUILD

https://www.experiencesplash.com
SAPs UX strategy is about the design and development of delightful
applications according to the SAP Fiori concept. SAP Splash
provides knowledge, tools, and inspiration that will help you to create
apps that users love. And BUILD is a new cloud-based collaborative
design tool offered within SAP Splash.

SAP Gateway Demo Consumption

System (ES4)

The SAP Gateway Demo Consumption System is a readonly system. It provides data for demos, tutorials, and any
other software that you are using/building which needs an
SAP Gateway server to provide sample data.
See this SCN blog for links and information:
http://scn.sap.com/docs/DOC-40986
Further details are also provided in this document.
Also, as an optional chapter, the creation of a destination to
the Northwind OData service is explained in this document.

Copyright/Trademark

openSAP

SAP HANA CLOUD PLATFORM TRIAL ACCOUNT

Explanation
1.

Screenshot

Open the start page of the SAP

HANA Cloud Platform:
https://hanatrial.ondemand.com

Note
It is recommended that you use the
Google Chrome browser for the entire
course and for all exercises.
2.

If you dont already have an

account setup with single sign-on,
you will be presented with the
following screen, in which you can
choose to register for your free
account. Click Register.

3.

Fill in the Registration form.

Make sure to provide a real and
accessible email account that will
be used to activate the account
later.
Scroll down to the bottom of the
Terms and Conditions, select the
checkboxes, and continue with the
registration by pressing the button
Register.

Copyright/Trademark

openSAP

Explanation
4.

The activation email will be sent to

the provided email address.

5.

Check your mailbox to receive and

to open the activation email.
Click on the button Click here to
activate your account to finish the
registration.
Once the account is activated, you
will get another email with several
useful links for additional resources
on the SAP HANA Cloud Platform.

Screenshot

Note
If you are unable to find the registration
email in your inbox, make sure to check
your junk/spam folder as well.

6.

Once you have clicked the

activation button, you will get a
success message. Click on
Continue to proceed to the SAP
HANA Cloud Platform Cockpit.

Copyright/Trademark

openSAP

Explanation
1.

Go to the SAP HANA Cloud

Platform start page
https://account.hanatrial.ondemand
.com/cockpit

2.

Enter your credentials and choose

Log On.

Screenshot

Note
It is recommended that you bookmark
this URL as you are going to use it
frequently throughout this course.

3.

After logging on to your SAP HANA

Cloud Platform Cockpit, there
might be a News and
Announcements pop-up.
Close it to access the SAP HANA
Cloud Platform Cockpit.

4.

Congratulations! You should now

have a fully functional developers
account on the SAP HANA Cloud
Platform.

Copyright/Trademark

openSAP

ACCESS SAP WEB IDE FROM YOUR SAP HANA CLOUD PLATFORM
ACCOUNT COCKPIT
Explanation
7.

Login to your SAP HANA Cloud

Platform account in which you
created the destination to the SAP
Gateway Service Consumption
System (for example, access it via
https://account.hanatrial.ondemand
.com/cockpit).

8.

Navigate to Services and make

sure the SAP Web IDE service is
enabled.
If it is not enabled, click the tile and
enable it.

9.

Click the SAP Web IDE tile and

and click Open SAP Web IDE.
This is your starting point for the
development environment.
The SAP Web IDE URL should
look like the following:
https://webideXXXXtrial.dispatcher.hanatrial.ond
emand.com

Screenshot

Note
Bookmark this URL for future use and
easy access.

Copyright/Trademark

openSAP

SAP GATEWAY DEMO CONSUMPTION SYSTEM (ES4)

Note
To learn more about the OData services provided by SAP Gateway Demo System, go
to: http://scn.sap.com/docs/DOC-31221
For the latest information on getting started with the SAP Gateway Demo System, go
to: http://scn.sap.com/docs/DOC-40986

Explanation
1.

Screenshot

Go to the web frontend of the ES4

SAP Gateway Demo
Consumption System
https://supsignformsb03be6e80.us
1.hana.ondemand.com/SUPSignF
orms/, provide your credentials
from the previous step and choose
Log On.

Note
If the link above does not work, please
check this page for the latest link and
information:
http://scn.sap.com/docs/DOC-40986.
In case you are already logged on to
the SAP HANA Cloud Platform Cockpit,
this log on screen will not show up.
2.

On the next screen, read and

accept the legal disclaimer with the
Terms and Conditions.
Click Accept to proceed.

Copyright/Trademark

openSAP

Explanation
3.

Screenshot

In the SAP Gateway Demo

Consumption Service window,
check the User Information and
select the checkbox under Terms
and Conditions.
Choose Register to continue.

4.

You will get a success message.

An email with a temporary
password for the system will be
sent to you.

5.

Check your mailbox to receive and

to open the activation email for the
SAP Gateway Demo Consumtion
System.
The email contains your user ID
and an initial password for the ES4
SAP Gateway system.

Note
If you are unable to find it in your inbox,
make sure that you check your
junk/spam folder as well.

Copyright/Trademark

openSAP

Explanation
6.

Screenshot

Test the successful creation of

your user in the ES4 SAP Gateay
Demo Consumption System by
accessing it via this link:
https://sapes4.sapdevcenter.com
Provide the credentials from the
email and choose Log On.

7.

You are prompted to change the

initial password to a personalized
password.
Provide the initial password and
set a new password.
Click Change to continue

Note
To reset the password, go to
https://supsignformsb03be6e80.us1.ha
na.ondemand.com/SUPSignForms/

8.

You will get a success message.

Choose Continue to finish the
password setup process for the
ES4 SAP Gateway system.

9.

The ES4 SAP Gateway Demo

Consumption System start
screen opens.
10. You have successfully created
your access to the ES4 SAP
Gateway Demo Consumption
System. You can close this
browser window and proceed with
the next chapter.

Note
You have managed to get access to the
system from where you fetch data for
the app creation. As a next step, you
need to create a new destination to this
demo system in the HCP cockpit.

Copyright/Trademark

openSAP

5.1

Create a New Destination to the SAP Gateway Demo Consumption System

(ES4)

Explanation
1.

Access the SAP HANA Cloud

Platform Cockpit via this link:
https://account.hanatrial.ondemand
.com/cockpit

2.

On the left bar menu, click

Destinations and then choose
New Destination.

3.

In the Destination Configuration

section below, fill out the following
entries.

Note
Optionally, you can set your user name
and password. If you dont fill out User
and Password, you will be asked for
your ES4 SAP Gateway system
credentials every time you start your
self-developed app and request
backend data.
Please check
https://help.hana.ondemand.com/help/fr
ameset.htm?9018a9e54b3c48d98aa63
538d47bdcd6.html for further
information on authentication.

Screenshot

Field

Entry

Name

ES4

Type

HTTP

Description

ES4

URL

https://sapes4.sapdevcenter.com

Proxy Type

Internet

Authentication

NoAuthentication or
BasicAuthentication if storing User/Password

User

<your user ID in the format p1234567890>

Password

<your password for the ES4 system>

Additional Properties (Note: Add the below properties by
choosing the button New Property)
WebIDEEnabled

True

WebIDESystem

ES4

WebIDEUsage

odata_gen,odata_abap,bsp_execute_abap

Copyright/Trademark

openSAP

Explanation
4.

The complete Destination

Configuration form should look
like this.

5.

Choose Save.

Screenshot

Note
Find your user ID via this button in the
top right corner of the screen.

6.

Click the button Check

Connection next to the new
destination entry to check that your
settings are correct and that you
have successfully connected to the
ES4 SAP Gateway system.

7.

A success message will be

displayed.

8.

Close the pop-up.

Note
The OData services offered by the ES4
SAP Gateway Demo Consumption
System can now be used as the data
source when creating SAP Fiori apps.

Copyright/Trademark

openSAP

5.2

Optional: Create a New Destination to a Public OData Provider

The Northwind Traders sample database contains the sales data for a fictitious company called
Northwind Traders, which imports and exports specialty foods from around the world.
The Northwind sample database comes with certain versions of Microsoft SQL Server. It is
also available as a set of public services at http://www.odata.org.
The Northwind public OData service, like many other OData services, can be used as a data
source when creating SAP Fiori and other SAPUI5 applications.
Note
This service might be an optional data source for your further app development. It is
not mandatory for the exercises to come.
Explanation
1.

Access the SAP HANA Cloud

Platform Cockpit via this link:
https://account.hanatrial.ondemand
.com/cockpit

2.

On the left bar menu, click

Destination and then choose New
Destination

Screenshot

Copyright/Trademark

openSAP

Explanation
3.

In the Destination Configuration

section below, make the following
entries.

Screenshot
Field

Entry

Name

northwind

Type

HTTP

Description

Northwind OData Service

URL

http://services.odata.org

Proxy Type

Internet

Authentication

NoAuthentication
Additional Properties (Note: Add the below properties by
choosing the button New Property)

4.

The complete Destination

Configuration form should look
like this.

5.

Choose Save.

WebIDEEnabled

True

WebIDESystem

northwind

WebIDEUsage

odata_gen

Note
A user ID and a password are not
needed for the Northwind OData
service.

6.

Click the button Check

Connection next to the new
destination entry to check that your
settings are correct and that you
have successfully connected to the
Northwind OData Service.

7.

Close the pop-up.

Note
The Northwind OData Service can now
be used as the data source when
creating SAP Fiori apps.

Copyright/Trademark

openSAP

SAP FIORI, DEMO CLOUD EDITION

Explanation
1.

Screenshot

Open the start page of the SAP

Fiori, Demo Cloud Edition:
https://www.sapfioritrial.com/

Note
It is recommended that you use the
Google Chrome browser for the entire
course and for all exercises.
2.

On the Experience SAP Fiori UX

page, click the button See it in
action.

Note
It is recommended that you have an
SAP HANA Cloud Platform account
already. Then your HCP user can be
upgraded to be available in the SAP
Fiori, Demo Cloud Edition.

3.

In the pop-up, confirm the SAP

Fiori, Demo Cloud Edition Terms
of Use by choosing the button I
agree.

Copyright/Trademark

openSAP

Explanation
4.

The launchpad for the SAP Fiori,

Demo Cloud Edition is displayed.
As a demo user, you can already
explore existing SAP Fiori apps.

5.

To create a personalized account

that enables yout to deploy an SAP
Fiori app to a launchpad, click on
the button Customize and extend
from the top menu.

6.

On the Customize and Extend

SAP Fiori in the Cloud screen,
click on the button Get Started!

7.

A log on screen for the SAP Fiori,

Demo Cloud Edition is displayed.

8.

Now, provide your SAP HANA

Cloud Platform credentials and
click the button Log On.

Screenshot

Note
You now have the possibility to use
your SAP HANA Cloud Platform
account data and create an account on
SAP Fiori, Demo Cloud Edition.
The SAP Fiori, Demo Cloud Edition
account is valid for 90 days. See the
following SCN blog for preserving your
content beyond 90 days:
https://scn.sap.com/community/fiori/blo
g/2015/07/13/expired-sap-fiori-democloud-edition--preserving-your-contentbeyond-30-days
If you dont already have a user on SAP
HANA Cloud Platform, choose the

Copyright/Trademark

openSAP

Explanation

Screenshot

button Register and walk through the

registration process.

9.

In the registration form Upgrade

Your Account for SAP Fiori,
Demo Cloud Edition, you can
check your credentials.

10. Scroll down to the bottom of the

Terms and Conditions, select the
checkboxes, and continue with the
registration by pressing the button
Register.

11. After logging on, your personal

SAP Fiori, Demo Cloud Edition
launchpad is displayed.
Confirm the pop-up Whats New
by clicking the button OK.

Copyright/Trademark

openSAP

Explanation

Screenshot

12. On the launchpad, choose the

button Extend SAP Content from
the top menu.
From the dropdown, you can
choose and proceed as desired
(e.g. start theme customization of
the SAP Fiori apps within the SAP
Fiori, Demo Cloud Edition).

Copyright/Trademark

openSAP

SAP SPLASH & BUILD

Explanation
1.

Screenshot

Open the start page of BUILD:

https://www.experiencesplash.com

Note
It is recommended that you use the
Google Chrome browser for the entire
course and for all exercises.
2.

Click on the button SIGN UP to

start the registration process or to
log in if you have an account
already.

3.

If you dont already have an

account setup with single sign-on,
you will be presented with the
following screen, in which you can
choose to register for your free
account. Click Register.

4.

Fill in the Registration form.

Make sure to provide a real and
accessible email account that will
be used to activate the account
later.
Scroll down to the bottom of the
Terms and Conditions, select the
checkboxes, and continue with the
registration by pressing the button
Register.

Copyright/Trademark

openSAP

Explanation
5.

The activation email will be sent to

the provided email address.

6.

Check your mailbox to receive and

to open the activation email.
Click on the link Activate me! to
finish the registration.
Once the account is activated, you
will get another email with several
useful links for additional resources
on the SAP HANA Cloud Platform.

Screenshot

Note
If you are unable to find the registration
email in your inbox, make sure to check
your junk/spam folder as well.

7.

Once you have clicked the

activation link, you will get a
success message. Click on
Continue to proceed to the SAP
Splash and BUILD start page.

8.

Congratulations, you have

successfully registered for the SAP
Splash and BUILD tool.
Now, click the button LOG IN to
access the tool and continue with
the next exercise.

9.

Enter your credentials and choose

Log On.

Copyright/Trademark