---

SAPUI5 has quickly become the open-source programming language with the best options for responsive and versatile SAP app development. So how well do you speak SAPUI5, and what can you do with it?
Learn to develop next-generation UIs for mobile-ready, data source-agnostic, client-side SAP applications. First review basic HTML5 and CSS3, JavaScript, and jQuery concepts as a foundation for working with SAPUI5, and then explore the development and runtime environments, tools, and controls that you ll use throughout the design process. Use step-by-step instructions, sample code listings, and a full-scale model application to develop and customize your own apps with advanced functionality from the SAP system. The future of app development has arrived make sure you can speak its language.
1. Basic Concepts
Learn the standards of SAPUI5 HTML5, CSS3, JavaScript, and the jQuery library so you don t
have to reinvent the wheel every time!
2. SAPUI5 Runtime Environment
Use bootstrapping, data binding, and theming elements to ensure that your applications run
smoothly on operating systems and that the software modules can be reused.
3. SAPUI5 in SAP HANA
Develop your own application on the XS Engine in SAP HANA. Then construct a calculation view
and use it as an OData service.
4. UI Components and Controls
Implement the SAPUI5 controls and elements you ve learned in a detailed employee portal
example.
5. Mobile Development
Explore the mobile capabilities of SAPUI5 and SAP Fiori by developing your own cross-platform
Hybrid Web Container applications for multiple devices.
Highlights:

HTML5 and CSS3
JavaScript and jQuery
SAP Gateway and OData
SAPUI5 IDE
SAPUI5 libraries
Model, view, and layout types
Application architecture
SAPUI5 file optimization
Model-view-controller paradigm
Customization
SAP HANA views
SAPUI5 for mobile devices
Eclipse

---

Introduction ... 13

1. HTML5 and CSS3 ... 19

1.1 Introduction to HTML5 ... 20

1.2 Introduction to CSS ... 36

2 JavaScript ... 47

2.1 Basic Principles ... 47

2.2 Variables ... 56

2.3 Operators ... 60

2.4 Control Structures: Conditions and Loops ... 63

2.5 Document Object Model ... 73

2.6 Events ... 81

3. jQuery ... 85

3.1 Basic Principles ... 85

3.2 Selectors and Events ... 86

3.3 DOM Manipulation ... 93

3.4 AJAX ... 97

4. Getting Started in SAPUI5 ... 105

4.1 Installation of the SAPUI5 Library in SAP Business Suite ... 106

4.2 Setting Up the Development Environment ... 109

4.3 SAPUI5 Development Scenarios ... 116

4.4 Model View Controller Architecture Pattern ... 125

4.5 First Example ... 131

5. SAPUI5 Runtime Environment ... 149

5.1 Initialization of the Application ... 150

5.2 Data Binding Models ... 160

5.3 Multilingual Applications ... 185

5.4 SAPUI5 Data Typing ... 191

5.5 Layout Adaptation via Your Own CSS ... 199

5.6 Communication with the SAP Backend ... 212

6. SAPUI5 Controls ... 219

6.1 API Reference ... 220

6.2 Common Controls (sap.ui.commons) ... 224

6.3 UX3 Controls (sap.ui.ux3) ... 273

6.4 Table Control (sap.ui.table) ... 275

6.5 Charts (sap.viz) ... 275

6.6 Controls for Mobile Applications ... 276

6.7 Suite Controls (sap.suite.) .... 276

6.8 Your Own Controls ... 278

7. Development Example of an Application ... 283

7.1 The UI Design ... 283

7.2 Implementation ... 289

8. SAP Gateway ... 353

8.1 Basic Principles of SAP Gateway ... 353

8.2 Installation ... 355

8.3 Configuration ... 356

8.4 Implementing OData Service ... 358

8.5 Consuming OData Service ... 375

9. SAP HANA ... 381

9.1 XS Engine ... 382

9.2 HANA Access ... 383

9.3 Implementation of the Sample Application ... 389

10. Mobile Applications ... 405

10.1 Installation ... 407

10.2 Introduction to SAPUI5 for Mobile ... 408

10.3 Developing Mobile Solutions with SAPUI5 ... 409

10.4 Application Example ... 420

Appendices ... 451

A. Further Sources of Information ... 451

A.1 Links ... 451

A.2 SAP Notes ... 451

A.3 Books ... 452

B. The Author ... 453

Index ... 455

---