Post on 02-Mar-2018
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 1/13
WEEK 0 UNIT 1GETTING STARTED
Please perform the following steps to be prepared for this course.
Table of Contents
!reate an SAP "ANA !loud Platform #"!P$ De%eloper Account...............................................&& Get 'amiliar with the De%elopment En%ironment........................................................................() !onnect to the Demo S*stem ES(.............................................................................................+( #,ptional$ !reate a New Destination to a Public ,Data Pro%ider.............................................&
Preview
Figure 1 - The SAP Hana Cloud Platform start page
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 2/13
,penSAP - De%eloping eb Apps with SAP/I0
1 CREATE AN SAP HANA CLOU PLAT!OR" #HCP$ E%ELOPERACCOUNT
In this step1 *ou will create *our de%eloper account that can be used for the e2ercises in this course.
Re&ister a new a''o(nt
E)*lanation S'reens+ot
. ,pen Google !hrome.Na%igate to the following /R34
https455account.hanatrial.ondemand.com5
Note, Installin& -oo&le C+ro.ee recommend *ou use Google!hrome for this course. If *ou don6tha%e it installed *et1 go to the
following /R3 and follow the stepsdescribed there4+tt*s,//www&oo&lee/'+ro.e/br owser/es2to*/
&. !lic7 8Register9 to create a freeSAP "ANA de%eloper account
). Enter *our name and e:mailaddress and choose apassword.
(. Accept the terms ; conditionsand clic7 8Register9.
Note, Trial A''o(nt A de%eloper account on SAP "ANA!loud Platform is pro%ided to *ouwith a free and perpetual de%eloper license that *ou accept when *oucreate *our account. <ou can usesuch an account to test out theplatform or run demo scenarios.
Copyright/Trademark
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 3/13
,penSAP - De%eloping eb Apps with SAP/I0
E)*lanation S'reens+ot
0. A confirmation e:mail has beensent to *our account. ,pen itand choose 8!lic7 here toacti%ate *our account9.
=. <ou should see a confirmationdialog. !lic7 8!ontinue9 to go tothe SAP "ANA !loud Platform!oc7pit.
+. !lose the 8News and Announcements9 popup andha%e a loo7 at the SAP "ANA!loud Platform !oc7pit. This is*our entr* point for managingcloud apps and configurations.
Copyright/Trademark
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 4/13
,penSAP - De%eloping eb Apps with SAP/I0
3 -ET !A"ILIAR WITH THE E%ELOP"ENT EN%IRON"ENT
In this step1 *ou will open SAP eb IDE and create a simple test page.
O*en SAP Web IE
E)*lanation S'reens+ot
. In "!P1 *ou can consume toolsand applications as ser%ices.
!lic7 8Ser%ices9 to see a list ofapplications that ha%e beenadded automaticall* to *ouraccount.
&. <ou can now see allapplications that are connectedto *our account. In the searchfield1 filter for 8web9 and clic7the 8SAP eb IDE8 tile.
). !lic7 the lin7 8,pen SAP ebIDE9 to open an instanceconnected to *our account.
Copyright/Trademark
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 5/13
,penSAP - De%eloping eb Apps with SAP/I0
E)*lanation S'reens+ot
(. "a%e a loo7 at the start page of SAP eb IDE. It containsuseful lin7s and shortcuts to themost important actions.
0. #,ptional$ Add a boo7mar7 to
SAP eb IDE b* pressing8!TR3>D9 in Google !hrome.<ou will need this lin7 to *ourde%elopment en%ironmentfre?uentl* throughout thecourse.
weba**/ine)+t.l #NEW$
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="X-UA-Compatible" otet="E=ed#e"$>
<meta ha%&et="UT'-(">
<title>Ope)AP - Developi# *eb App& +ith )APU,<$title>
<$head>
<bod>
<p>.ello *o%ld<$p>
<$bod>
<$html>
Go to the de%elopment perspecti%e b* clic7ing the 8@59icon in the left toolbar. ,n the left side *ou willsee a folder list with Bust one entr*4 8or7space9. Add a new proBect folder MyApp b* right:clic7ing it
and selecting 8New 'older9.
Inside the proBect folder1 create a new folder webapp which will contain all sources of the app we will
create throughout the first wee7s of this course. Now create a new root "TC3 file called index.html
in *our app folder with the contents of the listing abo%e.
Copyright/Trademark
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 6/13
,penSAP - De%eloping eb Apps with SAP/I0
<our wor7space should now loo7 li7e this4
Figure 2 - Workspace for the test page
Sa%e *our changes and clic7 the button in the header toolbar. A new tab will open with the
pre%iew of *our app. <our 8app9 #remember this is Bust a test$ is now simulated in the cloud and *ou willsee the 8"ello orld9 te2t on the screen4
Figure 3 - Preie! of the test page
That6s it for toda*6s coding. 'eel free to pla* around a little bit with SAP eb IDE to get familiar withthe tool so *ou are read* for the course e2ercises that start ne2t wee7.
Copyright/Trademark
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 7/13
,penSAP - De%eloping eb Apps with SAP/I0
4 CONNECT TO THE E"O S5STE" ES6
In this step1 we configure the bac7:end s*stem connection to access real ser%ice data in our proBects.
Si&n (* an &et starte wit+ t+e SAP -atewa7 e.o Cons(.*tion S7ste.
E)*lanation S'reens+ot
. Na%igate to the following /R34http455scn.sap.com5docs5D,!:(F=
&. !lic7 8Sign up here9 to connect*our SAP "!P de%eloperaccount to the demo s*stem.
). Accept the disclaimer for usingthe demo s*stem b* clic7ing8Accept9.
(. <our user information shouldautomaticall* be connected to*our SAP "!P account that*ou ha%e created in thepre%ious step. !lic7 8Register9to continue.
Copyright/Trademark
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 8/13
,penSAP - De%eloping eb Apps with SAP/I0
E)*lanation S'reens+ot
0. A confirmation e:mail has beensent to *our account again.,pen it and press the 8SAPGatewa* ebG/I9 lin7.
=. 3og on to the gatewa* s*stemwith the login data from the e:mail.
Copyright/Trademark
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 9/13
,penSAP - De%eloping eb Apps with SAP/I0
E)*lanation S'reens+ot
+. !hange the initial password b*entering the old and a newpassword.
8 Write own t+e new*asswor for t+e ne)t'onfi&(ration ste*
. After changing the password
*ou will see the main screen ofthe web logon. !lose thewindow and return to the SAP"!P !oc7pit
. <ou can optionall* ha%e a loo7at the ser%ice interface b*opening the following /R34
https455sapes(.sapde%center.com5sap5opu5odata5IHEP5GS ACP3EHASI!5Jsap:ds:debugKtrue
Copyright/Trademark
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 10/13
,penSAP - De%eloping eb Apps with SAP/I0
Create a estination ES6 in t+e SAP HCP 'o'2*it
E)*lanation S'reens+ot
. Go to the Destinations page ofthe SAP "!P !oc7pit b*
opening the following /R3 andpressing the menu item8Destinations94
https455account.hanatrial.ondemand.com5coc7pit
&. !hoose 8New Destination9 toopen a configuration panel.
). In the estinationConfi&(ration section below1ma7e the following entries.
Note,,ptionall*1 *ou can set *our username and user password. If *oudon6t fill out /ser and Passwordfrom the pre%ious step1 *ou will beas7ed for *our ES( Gatewa*s*stem credentials e%er* time *ou
start *our app and re?uest bac7:end data.
'ield Entr*
Name ES(
T*pe "TTP
Description ES( Demo Ser%ice
/R3 https455sapes(.sapde%center.com
Pro2* T*pe Internet
Authentication HasicAuthentication
/ser @*our user1 e.g. p&)(0=+F
Password @*our password for the ES( s*stem
(. The complete estinationConfi&(ration form shouldloo7 li7e this.
0. !hoose Save.
Copyright/Trademark
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 11/13
,penSAP - De%eloping eb Apps with SAP/I0
E)*lanation S'reens+ot
=. !lic7 the 8chec79 icon on theright side of the newl* createddestination and ma7e sure thatthe connection test is
successful.
T+at9s it: 7o( are now rea7 to start wit+ t+e 'o(rse Have f(n;
Copyright/Trademark
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 12/13
,penSAP - De%eloping eb Apps with SAP/I0
6 #OPTIONAL$ CREATE A NEW ESTINATION TO A PU<LIC OATAPRO%IER
The Northwind Traders sample database contains the sales data for a fictitious compan* called NorthwindTraders1 which imports and e2ports specialt* foods from around the world. It is a%ailable as a set of public
ser%ices at http455www.odata.org . The Northwind public ,Data ser%ice1 li7e man* other ,Data ser%ices1 can be
used as the data source when creating SAP/I0 applications.
Note,This ser%ice will not be used throughout the e2ercises in this course. Ne%ertheless1 it might be aninteresting data source for *our further app de%elopments.
E)*lanation S'reens+ot
. Access the SAP "ANA !loudPlatform !oc7pit %ia this lin74https455account.hanatrial.ondemand.com5coc7pit
&. ,n the left bar menu1 clic7estination and then chooseNew estination.
). In the estinationConfi&(ration section below1ma7e the following entries.
'ield Entr*
Name northwind
T*pe "TTP
Description Northwind ,Data Ser%ice
/R3 http455ser%ices.odata.org5
Pro2* T*pe Internet
Authentication NoAuthentication
Copyright/Trademark
7/26/2019 OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises
http://slidepdf.com/reader/full/opensap-ui5-week-0-unit-1-ceas-exercises 13/13
,penSAP - De%eloping eb Apps with SAP/I0
E)*lanation S'reens+ot
(. The complete estinationConfi&(ration form shouldloo7 li7e this.
0. !hoose Save.
Coin& Sa.*les An* software coding or code lines5strings #8!ode9$ pro%ided in this documentation are onl* e2amples1and are not intended for use in a producti%e s*stem en%ironment. The !ode is onl* intended to bettere2plain and %isualiLe the s*nta2 and phrasing rules for certain SAP coding. SAP does not warrant thecorrectness or completeness of the !ode pro%ided herein and SAP shall not be liable for errors ordamage cause b* use of the !ode1 e2cept where such damage was caused b* SAP with intent orthrough gross negligence.
Copyright/Trademark