28.01.2013 Views

SAP HANA Developer Guide - Get a Free Blog

SAP HANA Developer Guide - Get a Free Blog

SAP HANA Developer Guide - Get a Free Blog

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

10.1 Installing <strong>SAP</strong>UI5 Application Development Tools<br />

This section provides a short description how to install <strong>SAP</strong>UI5 tools for <strong>SAP</strong> <strong>HANA</strong>.<br />

Before you start the installation of <strong>SAP</strong>UI5 application development tools, make sure that you comply with the<br />

following requirements:<br />

● <strong>SAP</strong> <strong>HANA</strong> studio is installed.<br />

● <strong>SAP</strong>UI5 application development tools are downloaded from the <strong>SAP</strong> Software Download Center on <strong>SAP</strong><br />

Service Marketplace (http://service.sap.com/swdc) and search for <strong>SAP</strong>UI5 TOOLS IDE PLUGIN 1.00.<br />

For more information about the installation of <strong>SAP</strong>UI5 application development tools, see the <strong>SAP</strong>UI 5 Installation<br />

<strong>Guide</strong> for <strong>SAP</strong> <strong>HANA</strong> on <strong>SAP</strong> Service Marketplace or <strong>SAP</strong> Note 1747308.<br />

10.2 Creating an <strong>SAP</strong>UI5 Application<br />

This section provides an example how to create an <strong>SAP</strong>UI5 application.<br />

Prerequisites: You have installed the <strong>SAP</strong>UI5 application development tools in your <strong>SAP</strong> <strong>HANA</strong> studio.<br />

Using the tools <strong>SAP</strong>UI5 provides, you create application projects and views according to the model-view-<br />

controller concept with a clear separation between the user interface and the controller logic.<br />

The following steps describe the generic procedure to create an <strong>SAP</strong>UI5 application for <strong>SAP</strong> <strong>HANA</strong> XS:<br />

1. Create an <strong>SAP</strong>UI5 application project using <strong>SAP</strong>UI5 application development tools in Eclipse.<br />

2. Develop the client-side JavaScript script code.<br />

3. If the package that contains your <strong>SAP</strong>UI5 application project has not been exposed via HTTP already, you<br />

need to create .xsapp and .xsaccess files, see Creating the Application Descriptors. This is not necessary, if<br />

the project was created as a sub-package of an <strong>SAP</strong> <strong>HANA</strong> XS application. To make this project a valid <strong>SAP</strong><br />

<strong>HANA</strong> application, add the .xsapp and .xsaccess files.<br />

4. Optional step (not part of the example below): Develop a server-side logic for the project by means of server-<br />

side JavaScript or OData service.<br />

5. Activate the project on <strong>SAP</strong> <strong>HANA</strong>'s Web server.<br />

6. Execute the application on <strong>SAP</strong> <strong>HANA</strong>'S Web server.<br />

For <strong>SAP</strong>UI5 applications, the following view types are supported:<br />

● JavaScript: JSview (file extension: js)<br />

● XML: XMLview (file extension: xml)<br />

● JSON: JSONview (file extension: json)<br />

The following procedure gives an example for the creation of an <strong>SAP</strong>UI5 application:<br />

1. To open the wizard for creating an <strong>SAP</strong>UI5 application, choose File New Other <strong>SAP</strong>UI5 Application<br />

230<br />

Development Application Project .<br />

P U B L I C<br />

© 2012 <strong>SAP</strong> AG. All rights reserved.<br />

<strong>SAP</strong> <strong>HANA</strong> <strong>Developer</strong> <strong>Guide</strong><br />

Building UIs with <strong>SAP</strong>UI5

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!