Add Page to UI5 SplitApp Boilerplate

ui5In previous blog posts we created the basis to work/develop with the UI5 Boilerplate in different environments (OpenUI5, SAPUI5, SAP or non-SAP centric Development Environment) and the app structure concept was explained in the SCN blog post UI5 Boilerplate explained (Part 1). It is now time to extend the UI5 Boilerplate:

How to add an additional Page to UI5 SplitApp Boilerplate?

Step 1: Create new View and Controller for the new Page

In this step we assume you work with Eclipse and the SAPUI5 Toolkit Plugin. If you work without the SAPUI5 Toolkit you have to create the files yourself.

UI5 Mobile SplitApp Boilerplate

ui5
There are different approaches to start a new project with SAP UI5 or OpenUI5 (let’s call it simply UI5). One way is to use the SAP UI5 Eclipse Tools described in the blog post „SAP UI5 – Quickstart“.  The generated UI5 Application Project is very, very basic and you are bound to Eclipse to do your development, which is not everybody’s favorite IDE of course.

On the other hand there are already some really nice UI5 Tools, which can help you. For example the Yeoman generator for OpenUI5, which is based on node.js and can generate a nice application structure or only single components. Another example is the Sublime Text 2 Package for UI5/OpenUI5, which contains Snippets and Templates and is very useful.

So whatever your favorite IDE is, either Eclipse, Sublime Text, WebStorm, IntelliJ, Xcode, Visual Studio, emacs, notepad or vi, you should be able to use Git and clone the UI5 Mobile SplitApp Boilerplate from GitHub (if not, you should try hard) resulting in a nice app structure with base feature, which can be used as starting point for development:

SAP UI5 – Quickstart

sapui5

Quickstart – Entwickeln mit SAP UI5

SAP UI5 ist die Kurzbezeichnung für „SAP UI Development Toolkit for HTML5„. Es handelt sich hierbei um ein JavaScript Framework für die Entwicklung von HTML5 Apps für den Desktop und/oder Mobile Einsatz. Das Framework basiert auf dem etablierten Framework jQuery (inklusive jQuery UI), eine SAP untypische, aber sehr, sehr gute Entscheidung der SAP.

UI5 bietet neben einer Vielzahl toller UI Elementen (Controls) auch ein ausgefeiltes MVC (Model-View-Controller) Konzept und bringt auch noch so einige Enterprise Features mit (z.B. I18N). Mit UI5 ist der SAP ein großer Wurf gelungen und es wird die UI Entwicklung im SAP Umfeld noch auf Jahre hin prägen.

Soweit so gut, aber jetzt wollen wir schnell „produktiv“ werden.

Einrichtung der Entwicklungsumgebung für SAP UI5

Als Entwicklungs- und Laufzeitumgebung verwendet man idealerweise einen Java basierten Ansatz. Auch wenn dies keine zwingende Voraussetzung ist, hat dies einige Vorteile, so basiert die SAP eigene Entwicklungsumgebung auf Eclipse. Die weiteren Ausführungen gehen von einem solchen Ansatz aus.

App Entwicklung mit jQuery Mobile

Smartphones (iPhone, Galaxy S) und Tablets, wie das iPad, werden immer beliebter, auch im Business Bereich tut sich viel. Deswegen bleibt das Thema App Entwicklung auch weiterhin ein Dauerbrenner. Wie immer stellt sich die grundsätzliche Frage, entwickle ich native also direkt gegen die zugrundeliegende Plattform, also auf Basis iOS oder Android. Oder versucht man einen […]

Verschiedene App-Entwicklungsarten für iPhone und Android (6of5 Wiki Raum)

In einem Wiki Raum MOBILDEV habe ich die verschiedenen Möglichkeiten der App-Entwicklung für iPhone, iPad und Android zusammengefasst. Es geht zwar noch nicht sehr in die Tiefe, bietet aber einen guten Überblick für den Einstieg. Unterschieden wird zwischen nativen Apps und WebApps (webbasierten Anwendungen). Auch finden sich Informationen und  Links zu verschiedenen Frameworks für die […]