Erste Schritte

Diese Anleitung führt Sie durch den ersten Aufruf des Designers, das Anlegen einer Applikation und die wichtigsten Bedienelemente. Voraussetzung ist eine abgeschlossene Installation im SAP-System.

Designer öffnen

Rufen Sie im SAPGUI die Transaktion /mobbuild/designer auf. Es öffnet sich die Übersichtsseite des Mobile Builders im Browser:

Auf der Übersichtsseite sehen Sie alle bereits angelegten Applikationen Ihres Mandanten. Standardmäßig sind sie nach Änderungsdatum sortiert – die zuletzt bearbeitete App steht oben.

Listen- und Kachelansicht

Über die Schalter rechts in der Toolbar steuern Sie die Darstellung der Anwendungen:

Schalter	Funktion
Liste / Kacheln	Umschalten zwischen Listenansicht (Tabelle) und Kachelansicht (Karten). Die Wahl wird im Browser gemerkt und beim nächsten Aufruf wiederhergestellt.
Sortieren	Sortierung wählen – nach Geändert am, Name oder Status.
Geschlossene anzeigen	Abgeschlossene App-Versionen (Status geschlossen) sind standardmäßig ausgeblendet und lassen sich hierüber wieder einblenden.
Suchen	Filtert über Name, Beschreibung, Transport, Paket und Benutzer. Wirkt in beiden Ansichten.

Die Kachelansicht zeigt dieselben Anwendungen als Karten – kompakter und übersichtlicher. Ein Klick auf eine Karte öffnet die App im Designer (wie ein Klick auf eine Tabellenzeile):

Die Listenansicht ist responsiv: Auf schmalen Bildschirmen rücken die weniger wichtigen Spalten (Paket, Transport, Benutzer …) automatisch in einen Aufklapp-Bereich unter der Zeile, während Name, Status und Aktionen sichtbar bleiben.

Neue Applikation anlegen

Klicken Sie auf Erstellen. Es öffnet sich der Anlege-Dialog.

Feld	Bedeutung
Application ID	Eindeutige technische ID Ihrer Applikation (z.B. Z_DEMO_APP_001)
Title	Anzeigename der Applikation
Package	SAP-Paket, in dem die Applikation abgelegt wird ($TMP für lokal, Z* mit Transport für transportierbar)
Transport	Bei Z-Paketen Pflicht – aus den offenen Transports des Pakets auswählbar
Sprache	Standardsprache der App

Nach dem Speichern öffnet sich der Designer mit einer leeren View.

Designer-Übersicht

Der Designer ist in sechs Bereiche aufgeteilt:

Nr.	Bereich
1	Komponenten & Templates – Sidebar links
2	View-Tree (Inhalt) – Baumstruktur der aktuellen View
3	Eigenschaften-Panel – Sidebar rechts
4	View-Tree (App) – Übersicht aller Views
5	Meta-Funktionen – Footer-Aktionen (Build, Save, Preview, …)
6	Landefläche & Vorschau – Arbeitsfläche in der Mitte

Die Panels in der linken und rechten Spalte lassen sich in der Höhe verschieben und einzeln einklappen – siehe Panels anpassen.

Erste Komponente platzieren

Aus der Sidebar links eine Komponente in die Landefläche ziehen. Beispiel: ein Button.

Sobald die Komponente platziert ist, sehen Sie auf der rechten Seite das Eigenschaften-Panel mit allen verfügbaren Attributen. Über den Reiter Properties können Sie z.B. den Text, den Typ oder die Breite einstellen.

Backend-Klasse anbinden

Selektieren Sie im View-Tree die View (Wurzel-Knoten). Im Eigenschaften-Panel öffnen Sie den Reiter Binding und tragen den Namen einer ABAP-Klasse ein. Sie haben zwei Optionen:

Aktion	Effekt
Generieren	Erzeugt eine neue ABAP-Klasse mit Standard-Methoden im selben Paket
Verbinden	Bindet eine bereits existierende Klasse an die View

Über die Klasse kommunizieren Sie zur Laufzeit mit dem SAP-System – siehe Backend-Anbindung.

Vorschau

Über die Meta-Funktion Preview starten Sie die App mit voller Funktionalität, ohne sie vorher zu bauen. Eingaben werden an das Backend geschickt, Methoden werden ausgeführt – ideal zum schnellen Testen während der Entwicklung.

Speichern und Bauen

Aktion	Effekt
Speichern	Persistiert den aktuellen Stand als Version im Versionsverlauf
Build	Baut die Applikation als eigenständige BSP-Anwendung im SAP-System

Nach erfolgreichem Build steht die App im SAP-Repository als BSP-Anwendung bereit und kann separat aufgerufen werden.

Nächste Schritte

• Designer-Oberfläche – die sechs Bereiche im Detail
• Backend-Anbindung – Logik im SAP-System implementieren
• Funktionen – Validatoren, Logic Flow, Funktionsbausteine