2. Agenda del corso
• Dalla SAP Gui alla Web Dynpro per ABAP
• Modello di programmazione Web Dynpro
• Web Dynpro: Overview
• User Interface: View e UI Elements
• Controller e Context
• Navigazione e Plug
• Help Valori
• Internazionalizzazione e Messaggi
• Advanced Topics
3. Agenda del corso
• Dalla SAP Gui alla Web Dynpro per ABAP
• Modello di programmazione Web Dynpro
• Web Dynpro: Overview
• User Interface: View e UI Elements
• Controller e Context
• Navigazione e Plug
• Help Valori
• Internazionalizzazione e Messaggi
• Advanced Topics
4. Il modello di programmazione
Web Dynpro
Di cosa si compone WEB Dynpro per ABAP
• Un modello di programmazione per Interfacce Utente
Definisce una struttura standard per applicazioni utente
· Derivata dal metodo di definizione MVC (“model-view-
controller”)
• Set di Tools per la definizione di Interfacce Utente
Modello di programmazione Grafico
· Il codice è generato da una dichiarazione di METADATI
Integrazione in SAP NetWeaver Developer Studio e nel ABAP
Workbech
5. Il modello di programmazione
Web Dynpro
Di cosa si compone WEB Dynpro per ABAP
• Ambiente di analisi Runtime dell’applicazione
Il FRAMEWORK in elaborazione sul SAP Web AS server dispone
del servizio di debug runtime dell’applicazione
• Tecnologia per la Modularizzazione del software
I componenti aiutano la strutturazione delle applicazioni
6. Il modello di programmazione
Web Dynpro
WEB Dynpro Principali Benefici
• Rilascio in un Enterprise
WEB Ambiente di
Sviluppo
Minimizza il codice,
massimizza il disegno
dell’applicazione
Separazione tra Layout e
Logica
Supporto al riutilizzo dei
componenti
Supporto Web Service e
Data-Binding
7. Il modello di programmazione
Web Dynpro
WEB Dynpro Principali Benefici
• Ottenere l’indipendenza
Esecuzione su piattaforme
multiple
• Aumenta l’esperienza
utente
Browser based
Aggiornamento video senza
refresh della pagina
Client-sides dinamico
Performance per mezzo di
caching
8. Il modello di programmazione
Web Dynpro
WEB Dynpro ABAP il futuro
• Differente motore di
presentazione per differenti
tecnologie UI senza
adattamenti del codice
dell’applicazione
(in futuro)
9. Il modello di programmazione
Web Dynpro
Scenario di Applicazione con WEB Dynpro
10. Il modello di programmazione
Web Dynpro
MODEL – VIEW – CONTROLLER (MVC)
• Definizione base MVC per distinguere logica di Presentation
e Application
11. Il modello di programmazione
Web Dynpro
MODEL – VIEW – CONTROLLER (MVC)
• Ogni Web Dynpro è strutturata secondo il paradigma Model View
Controller
• Il Modello costituisce l’interfaccia fra il sistema SAP e l’applicazione e
permette a quest’ultima di accedere ai dati
• La View è responsabile della rappresentazione dei dati all’interno del
browser
• Il Controller è la parte di comunicazione fra la View e il Modello, esso
si occupa di formattare i dati in modo che essi possano essere poi
mostrati nel browser
13. Web Dynpro: Overview
WEB Dynpro Windows
• Definizione dell’area della pagina
arrangiamento di una o più View
• Embedded View
Più view gestite contemporaneamente nella stessa Window
14. Web Dynpro: Overview
Lifetime di un Web Dynpro Component
• Un Web Dynpro Component inizia il suo ciclo la prima volta che esso
viene richiamato a runtime e termina insieme alla Web Dynpro che lo ha
istanziato
• Questo significa che un Web Dynpro Component non sarà istanziato
fino a quando questo non viene richiamato durante l’elaborazione
15. Web Dynpro: Overview
WEB Dynpro View
• Definizione degli Elementi
UI
Pulsanti
Campi
ALV-GRID
…
• Container
Element Container
· ROOT_CONTAINER
· CHILD
Data Container
• View Controller
Gestione Eventi
16. Web Dynpro: Overview
WEB Dynpro Controller
• Component
Controllers
Governa il componente
Global Controller (JAVA)
• Elementi del
Controllers
Context Data
· Elem. Semplici
· Elem. Complessi
Eventi
Metodi
Attributi
17. Web Dynpro: Overview
WEB Dynpro Interface
• Entità logiche con cui il Web Dynpro si espone
Interface View
Interface Controller