1 Einführung

21

1.1 UI-Framework für die SAP Business Suite

22

1.1.1 SAP NetWeaver Application Server als Basis

22

1.1.2 UI-Guidelines

24

1.1.3 Floorplans

26

1.1.4 Auslieferung und Verfügbarkeit

33

1.2 Basistechnologie Web Dynpro ABAP

36

1.2.1 Grundlagen

36

1.2.2 Anpassungen in Web Dynpro ABAP

45

1.3 Floorplan Manager und Web Dynpro ABAP

56

1.3.1 Floorplan-Manager-Components

57

1.3.2 Floorplan-Manager-Anwendungshierarchie

58

1.3.3 Floorplan-Manager-Phasenmodell

59

1.3.4 Technische Integration in der SAP Business Suite

60

1.4 Übersicht über Neuerungen in den Releases SAP NetWeaver 7.31 und 7.40

62

2 Erste Schritte: Eine Floorplan-Manager-Anwendung erstellen

67

2.1 Floorplan Manager Workbench

68

2.2 Eine einfache Floorplan-Manager-Anwendung erstellen

69

2.2.1 UI-Building-Blocks erstellen

70

2.2.2 Web-Dynpro-Anwendung und Web-Dynpro-Konfigurationen mit dem Application Creation Tool erstellen

74

2.2.3 Component-Konfigurationen mit dem Flexible UI Designer (FLUID) bearbeiten

76

2.2.4 Die Floorplan-Manager-Anwendung testen

80

2.2.5 Wie geht es weiter?

81

3 Eine Floorplan-Manager-Anwendung konfigurieren

83

3.1 Konfigurierbare Components

84

3.2 Konfiguration und Anpassungen

87

3.2.1 FLUID starten

87

3.2.2 Arbeitsbereiche des FLUIDs

90

3.2.3 Bildfolge eines Floorplans

97

3.2.4 Identifikationsbereich konfigurieren

98

3.2.5 Grundlagen zur Konfiguration eines Guided Activity Floorplans

100

3.2.6 Grundlagen zur Konfiguration eines Object Instance Floorplans

104

3.2.7 Grundlagen zur Konfiguration eines Overview Page Floorplans

105

3.2.8 Einstiegs- und Bestätigungsbild konfigurieren

109

3.2.9 Erläuterungen konfigurieren

111

3.2.10 Funktionsleiste konfigurieren

112

3.2.11 Kontextbasierte Anpassungen

122

3.3 Anwendungshierarchie-Browser

137

3.3.1 Anwendung starten

139

3.3.2 Browser-Modus

141

3.3.3 Deep-Copy-Modus

142

3.4 Empfehlungen für die Praxis

143

4 Phasenmodell

147

4.1 Überblick

147

4.1.1 Web-Dynpro-Controller-Methoden

148

4.1.2 Ereignissteuerung

152

4.2 Floorplan-Manager-Schnittstellen

155

4.2.1 Interface IF_FPM_UI_BUILDING_BLOCK

157

4.2.2 Interface IF_FPM_WORK_PROTECTION

169

4.2.3 Interface IF_FPM_TRANSACTION

170

4.2.4 Anwendungsspezifische Konfigurations-Controller

174

4.2.5 Interface IF_FPM_SHARED_DATA

176

4.2.6 Interface IF_FPM_APP_CONTROLLER

178

4.2.7 Interface IF_FPM_RESOURCE_MANAGER

179

5 Feeder-Klassen

187

5.1 Grundlagen und Gemeinsamkeiten

188

5.1.1 Feeder-Methode GET_PARAMETER_LIST

190

5.1.2 Feeder-Methode INITIALIZE

191

5.2 Interface IF_FPM_GUIBB_FORM

193

5.2.1 Feeder-Methode GET_DEFINITION

194

5.2.2 Feeder-Methode GET_DATA

210

5.2.3 Feeder-Methode FLUSH

221

5.2.4 Feeder-Methode PROCESS_EVENT

224

5.2.5 Feeder-Methode GET_DEFAULT_CONFIG

225

5.2.6 Feeder-Methode CHECK_CONFIG

235

5.3 Interface IF_FPM_GUIBB_LIST

236

5.3.1 Feeder-Methode GET_DEFINITION

237

5.3.2 Feeder-Methode GET_DATA

243

5.3.3 Feeder-Methode PROCESS_EVENT

246

5.3.4 Feeder-Methode GET_DEFAULT_CONFIG

247

5.3.5 Feeder-Methode CHECK_CONFIG

251

5.4 Interface IF_FPM_GUIBB_SEARCH

251

5.4.1 Feeder-Methode GET_DEFINITION

252

5.4.2 Feeder-Methode GET_DATA

262

5.4.3 Feeder-Methode PROCESS_EVENT

264

5.4.4 Feeder-Methode FLUSH

267

5.4.5 Feeder-Methoden GET_DEFAULT_CONFIG und CHECK_CONFIG

268

5.5 Interface IF_FPM_GUIBB_FORM_REPEATER

270

5.6 Interface IF_FPM_GUIBB_TREE

271

5.7 Interfaces für Quickviews

274

5.8 Interface IF_FPM_GUIBB_CHART

277

6 User-Interface-Komponenten

281

6.1 Formular-Komponente

282

6.1.1 Kopfbereich

285

6.1.2 Zentralbereich

285

6.1.3 Repositories

291

6.1.4 Attributsicht

291

6.2 Listen-Komponente

292

6.2.1 Zentralbereich

294

6.2.2 Attributsicht

298

6.3 Suchmasken-Komponente

299

6.3.1 Allgemeine Einstellungen

301

6.3.2 Vorschau

302

6.3.3 Schema

303

6.4 Formular-Repeater-Komponente

304

6.5 Komponente für eine hierarchische Liste

304

6.6 Quickview-Komponente

306

6.7 Chart-Komponente

307

6.8 Registerkarten-Komponente

313

7 Message Handling

321

7.1 Nachrichtentypen

321

7.2 Den Message Manager verwenden

324

7.2.1 Die Message Region konfigurieren

324

7.2.2 Schnittstelle IF_FPM_MESSAGE_MANAGER

326

7.3 Fehlerseite

331

7.4 Message Mapping

334

7.4.1 Zuordnungsfelder

335

7.4.2 Generalisierung

336

7.4.3 Tabellensichten für den Message Mapper

338

7.4.4 Web-Anwendung für den Message Mapper

338

7.4.5 Schnittstellenparameter zum Message Mapping

340

7.4.6 Protokoll zum Message Mapping

341

8 Navigation

343

8.1 Launchpad

346

8.1.1 Standard-Launchpad

350

8.1.2 Embedded Launchpad

353

8.1.3 Launchpad-UIBB

355

8.2 Customizing

363

8.3 Navigationsschnittstelle

367

9 Dialoge

373

9.1 Dialoge konfigurieren

374

9.2 Dialoge öffnen

375

9.2.1 Öffnen mittels Konfiguration

375

9.2.2 Dynamisches Öffnen

377

9.3 Dialoge schließen

379

10 Dynamisches Verhalten

381

10.1 OIF-Schnittstellen

384

10.1.1 IF_FPM_OIF

385

10.1.2 IF_FPM_CNR_OIF

388

10.1.3 IF_FPM_IDR

390

10.2 GAF-Schnittstellen

394

10.2.1 IF_FPM_GAF

394

10.2.2 IF_FPM_CNR_GAF und IF_FPM_IDR

397

10.3 OVP-Schnittstellen

398

10.3.1 IF_FPM_OVP

398

10.3.2 IF_FPM_CNR_OVP

402

11 Modellgetriebene UI-Entwicklung mit Business-Objekten

407

11.1 Konzept

408

11.1.1 Feeder-Modell

409

11.1.2 Konnektorklasse

410

11.1.3 Transaktionsbehandlung

412

11.2 Implementierung mit Anwendungskomponenten

413

11.2.1 Datenmodell und benötigte Klassen

414

11.2.2 Programmablauf

416

11.2.3 Implementierung

417

11.2.4 Konfiguration

421

11.3 Implementierung mit generischen Komponenten

422

11.3.1 Datenmodell und benötigte Klassen

424

11.3.2 Programmablauf

427

11.3.3 Implementierung

428

11.3.4 Konfiguration

429

12 Floorplan-Manager-Anwendungen zur Laufzeit analysieren

433

12.1 Laufzeit-Analyse aktivieren

435

12.2 Laufzeit-Analyse darstellen

437

12.2.1 Beispiel 1: Suchfeld

437

12.2.2 Beispiel 2: Diagramm-UIBB und Formularfeld

444

13 HANA-basierte Floorplan-Manager-Anwendungen

451

13.1 Einführung

452

13.2 Tabelle mit integriertem Datenzugriff

453

13.2.1 Tabellendaten einfach darstellen

454

13.2.2 Tabellendaten mit Auswahlkriterien einschränken

459

13.2.3 Berechtigungen

466

13.2.4 Zeilenselektion

467

13.2.5 Textsuche

470

13.3 HANA-basierte Anwendungen generieren

473

14 HTML5, JavaScript und CSS3 einbinden

481

14.1 HTML5 Islands und Container

481

14.1.1 In Web Dynpro integrieren

482

14.1.2 HTML-Fragmente

482

14.1.3 JavaScript und CSS3

483

14.2 Beispielimplementierung

484

14.2.1 Anwendung erstellen

485

14.2.2 Floorplan-Konfiguration erstellen

485

14.2.3 HTML5-Inhalte einbinden

486

14.2.4 HTML5-Inhalte kopieren

487

14.2.5 MIME-Objekte importieren

488

14.2.6 Browser-Modus einstellen

490

14.2.7 HMTL5-Rendering

490

14.2.8 JavaScript-Funktionen

491

15 Theme-Design und Styles

495

15.1 Werkzeuge

496

15.2 UI Theme Designer

499

15.2.1 Ein Theme erstellen

499

15.2.2 Ein Theme anwenden

506

15.2.3 Themes verwalten und Support

509