7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 1/15

SAPUI5 Developer Studio

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 2/15

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 2

Agenda

Overview

Installation

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 3/15

Overview

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 4/15

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 4

Overview

SAPUI5 Developer Studio is a set of tools for Eclipse that greatly simplify the

development process for SAPUI5 applications and controls, including:

• Wizards for project and view/controller creation

• Wizards for control development

• Code Completion for SAPUI5 controls

• TeamProvider for BSP repositories

•  Application preview with an embedded Jetty server

• Proxy-servlet to prevent cross-site-scripting errors

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 5/15

Installation

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 6/15

© 2013 SAP AG or an SAP affiliate company. All rights reserved. 6

Installation 1

• Prerequisite: Install the latest Java Development Kit 6, if it is not installed

already.

• Download Eclipse Juno (version 4.2 or higher) 

The full installation information is available at SAP Devlopment Tools forEclipse at:

https://tools.hana.ondemand.com/#sapui5 

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 7/15© 2013 SAP AG or an SAP affiliate company. All rights reserved. 7

Installation 2

• Start Eclipse and choose in the menu bar Help > Install New Software...

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 8/15© 2013 SAP AG or an SAP affiliate company. All rights reserved. 8

Installation 3

• In the Install dialog, enter the update site URL

https://tools.hana.ondemand.com/juno in the Work with entry field.

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 9/15© 2013 SAP AG or an SAP affiliate company. All rights reserved. 9

Installation 4

• Press Enter  to display the available features

• Select the desired features under UI Development Toolkit for HTML5 and

choose Next.

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 10/15© 2013 SAP AG or an SAP affiliate company. All rights reserved. 10

Installation 5

• On the next wizard page, you get an overview of the features to be installed.

Choose Next. 

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 11/15© 2013 SAP AG or an SAP affiliate company. All rights reserved. 11

Installation 6

• Confirm the license agreements and choose Finish to start the installation.

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 12/15© 2013 SAP AG or an SAP affiliate company. All rights reserved. 12

Installation 7

• Confirm the installation.

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 13/15© 2013 SAP AG or an SAP affiliate company. All rights reserved. 13

Installation 8

• Restart the Eclipse Environment

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 14/15© 2013 SAP AG or an SAP affiliate company. All rights reserved. 14

UI5 Knowledge

Documentation and Information

UI5 Wiki 

UI5 support and question channels

SAPUI5 Community 

7/25/2019 SAP Fiori - Setting Up UI Development Toolkit for HTML5 (SAPUI5)

http://slidepdf.com/reader/full/sap-fiori-setting-up-ui-development-toolkit-for-html5-sapui5 15/15© 2013 SAP AG or an SAP affiliate company. All rights reserved. 15

 © 2013 SAP AG or an SAP affiliate company.

All rights reserved.

No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP AG.

The information contained herein may be changed without prior notice.

Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors.

National product specifications may vary.

These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or

warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group

products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing

herein should be construed as constituting an additional warranty.

SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in

Germany and other countries.

Please see http://www.sap.com/corporate-en/legal/copyright/index.epx#trademark for additional trademark information and notices.