OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises

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



,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

https://account.hanatrial.ondemand.com/


https://www.google.de/chrome/browser/desktop/


https://accounts.sap.com/ui/public/viewTextResource?scenario=SAP_HANA_Cloud_Developer_Edition&resourceType=RESOURCE_TERMS_OF_USE&locale=en_US&spDisplayName=SAP%20HANA%20Cloud%20Developer%20Edition



http://www.sap.com/company/legal/copyright/index.epx












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






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


. 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







(. "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






<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






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.


. 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

http://scn.sap.com/docs/DOC-40986










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







+. !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

https://sapes4.sapdevcenter.com/sap/opu/odata/IWBEP/GWSAMPLE_BASIC/?sap-ds-debug=true












Create a estination ES6 in t+e SAP HCP 'o'2*it


. 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

https://account.hanatrial.ondemand.com/cockpit










=. !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






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.


. 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

http://www.odata.org/














(. 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



OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises

Documents

Transcript of OpenSAP Ui5 Week 0 Unit 1 CEAS Exercises