Web-Anwendungen mit BSP

Offene Web-Anwendungen mit BSP

21.6.2012

Migros | SAP CC Entwicklung | BSP 6.6.2012 | Seite 1

Business Server Pages (BSP)
und
Web Dynpro (WD)

Architekturprinzip


3 Tier Anwendungsarchitektur

Benutzeroberfläche
GUI Meist eigenständiger
Agent (Programm)

Regeln
Prüfungen
Applikationslogik Pflege von Belegen
Folgeverarbeitung

DB Datenbank-Layer
(*dumm*)


SAP GUI-Anwendung
N SAP Frontends (SAPGUI)
SAPGUI- Dynpro - Installation auf Client-PC
Protokoll Sprache: intern - Black Box
(DIAG)

Modellierung:
Screen Painter

Applikationslogik N SAP Appl.-Server
Sprache: ABAP

SAP DBI
DB conn.
open SQL DB Ein RDBMS
Sprache: SQL


Web-Anwendung (BSP oder WD)
Browser - Universelle User Agents
HTTP- Browser Keine separate Software nötig
Protokoll Sprachen: HTML, CSS, JavaScript

Sprache: ABAP

SAP DBI
DB conn.
Open SQL DB Ein RDBMS
Sprache: SQL


Business Server Pages

Entwickler spricht die
Sprache des Clients

Sprache: ABAP

SAP DBI
DB conn.
Sprache: SQL


Web-Dynpro

Modellierung
WD View

Sprache: ABAP

SAP DBI
DB conn.
Sprache: SQL


Wie ist BSP realisiert?


BSP := Toolset für Pflege und Erzeugung von
HTML, CSS, JavaScript im ABAP Stack
HTML Editor

• Eingebaut in die Workbench
• View-Klassen, Scripting-Direktiven  Verbindung mit ABAP
• Keine HTML-Generierung! (Generierungs-Tools scheitern, siehe MS Frontpage)

MIME Repositoy

• CSS und JavaScript mit externem Text-Editor bearbeitbar

MVC

• Saubere Anwendungs-Organisation nach Klassen

Tag Library

• Wiederverwendbare Custom UI-Elemente
• Best Practice: Je System (z.B. Obsonis, T&M, NewMSS) eine passende Tag Library


BSP "Kosten und Nutzen"


BSP Vorteile

• Flexibilität und Offenheit
• Geräte-Unabhängigkeit
• Clientseitige Validierungen


Flexibilität / Offenheit
• Reiche Auswahl von UI-Elementen
• Das ganze Internet als Lösungs-Pool !
• Neue Komponenten & Features können sofort eingesetzt werden
• Kein Entwicklungsantrag nach Walldorf, um das Feature XYZ im
Web-Dynpro eingebaut zu bekommen
• Reiche Palette an Entwickler-Tools für HTML, CSS, JavaScript
• Code-Validierung, Code-Generierung, Pretty Printer, Editoren, ...
• Open Source
• HTML, CSS und JavaScript sind Klartextformate

"BSP is freedom!"
Brian McKellar
BSP-Basis-Entwickler in Walldorf


Plattformunabhängigkeit
• Geräteunabhängig
• WebApps besser als iApps:
• iApps laufen nicht auf Android, AndroidApps nicht auf
iPhone
• WebApps laufen auf allen Geräten mit Browser
• Gerätespezifische Layoutangaben sind möglich
• Laufen auf allen standardkonformen Browsern
• Sorgenkind MSIE wird von Release zu Release besser
• Windows-Update – Browser-Update – SAP-Update?
• Standardkonformes HTML wird nicht beschädigt
• Allenfalls kleinere Darstellungsprobleme, aufgrund
unzureichender Browser-Implementierungen (meist IE).


Gegenbeispiel Web Dynpro: SRM-Portal: IE8 -> IE9 Upgrade
Im Oktober 2011


Clientseitige Logik

• Um neuen Bildaufbau zu vermeiden:
• Anwendungsspezifische Logik in JavaScript
• Komplexere Regeln per Ajax-Request einbindbar

• Beispiele
• Domänenwertprüfungen (Lieferanten-Nr. etc.)
• AutoCompletion-Felder (Eingabehilfe)
• Konsistenzprüfungen für mehrere Inputfelder
• Detailinformationen


BSP – der Preis

• Für gute Webanwendungen werden gute
Webanwendungsentwickler benötigt


Gute Webanwendungsentwickler...
• sind keine ABAP-Fachidioten
• beherrschen HTML, CSS und JavaScript (selbstverständlich)
• haben einen Blick für einheitliches Design
• kennen die Schwächen des HTTP-Protokolls
• z.B. Back-Button, Aktualisieren-Button
• können mit diesen Schwächen umgehen
• können die Stärken von HTTP ausnutzen
• sind wie alle guten Entwickler:
• vermeiden Wiederholungen
• bemühen sich um ausdrucksstarken, lesbaren, testbaren,
effizienten, => änderbaren Code


Wird BSP irgendwann einmal abgeschaltet?


Die BSP-Technik lässt sich nicht abschalten!

• Solange der HTTP-Port vom SAP NetWeaver (ICF) existiert,
sind auch BSP-Anwendungen möglich
• SAP selbst wartet das BSP-Framework weiterhin
• Es gibt nur unbedeutende, nicht essentielle
Weiterentwicklungen
• BSP ist nur Voraussetzung für das Schreiben von Web Apps
• Der Anschluss der HTML/CSS/JavaScript-Welt an ABAP
• Es gibt keinen Weiterentwicklungsbedarf für das SAP-BSP-
Framework (ist genau wie mit dem ICF).


Sind BSP strategisch?


Was sind strategische Standards in Web-
Anwendungen?


HTML, CSS und JavaScript
• HTML : Logische Dokumentstruktur
• Logische Dokumentstruktur,
• Inhalte, Graphik
• W3C-Standard (orig: CERN 1992)
• CSS : Eigentliche Präsentation
• Farbschema, Positionierung, Effekte
• W3C-Standard (orig: 1996)
• JavaScript : Präsentationslogik
• Ein-/Ausblenden, Austauschen von Bildteilen, Navigation
• Clientseitige Prüfungen
• ECMA-262 Standard (orig: 1997)
• DOM Standard (orig: 1998)

Mehr braucht man nicht für Web-Anwendungen!

• Frameworks oder Abstraktionen, die sich an die Stelle von
HTML, CSS und JavaScript setzen wollen, haben sich
bislang im Web nie durchgesetzt
• Z.B. Silverlight – von SAP für das BusinessByDesign UI
gewählt – wird von Microsoft nicht mehr weiterentwickelt.
• Hypes kommen, Hypes gehen – HTML, CSS, JavaScript sind
geblieben!


SAP-Entwicklung als Entwicklungs-Kompetenzträger
entscheidet über die jeweils richtige Technik

Unsere Kriterien sind:

• Wenn es Web-Anwendungen sein sollen:
• Beispiel: Public Internet
• Beispiel: Retail Store
... dann:  BSP verwenden

• Bei Anwendern mit SAP-Erfahrung, z.B. CC-Mitarbeitern
... dann: GUI-Anwendung mit Dynpro,
oder WebDynpro-Anwendung (z.B. BRFplus)


Web-Anwendungen mit BSP

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Web-Anwendungen mit BSP

Ähnlich wie Web-Anwendungen mit BSP (20)

Web-Anwendungen mit BSP