SlideShare una empresa de Scribd logo
1 de 18
WEB DYNPRO FOR ABAP
         II
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
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
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
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
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
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
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)
Il modello di programmazione
                                  Web Dynpro

Scenario di Applicazione con WEB Dynpro
Il modello di programmazione
                                       Web Dynpro

    MODEL – VIEW – CONTROLLER (MVC)
• Definizione base MVC per distinguere logica di Presentation
  e Application
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
Web Dynpro: Overview

WEB Dynpro Component
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
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
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
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
Web Dynpro: Overview

   WEB Dynpro Interface
• Entità logiche con cui il Web Dynpro si espone
   ­ Interface View
   ­ Interface Controller
ESSENTIA.COM srl

Via Druento, 290 ­ 10078 Venaria Reale (TO)
Tel.: 011 – 4560.511 fax: 011 – 4560.577

Via Nizza, 56 – 00198 Roma
Tel.: 06 – 85305570    fax: 06 – 85800504

Mail:   inforoma@e­ssentia.it
Web:    www.e­ssentia.com




                                     Powerd by
                                Bossù Piergiorgio

Más contenido relacionado

Destacado (6)

Corso ABAP OO 03
Corso ABAP OO  03Corso ABAP OO  03
Corso ABAP OO 03
 
Corso ABAP OO 01
Corso ABAP OO   01Corso ABAP OO   01
Corso ABAP OO 01
 
Corso ABAP OO 04
Corso ABAP OO  04Corso ABAP OO  04
Corso ABAP OO 04
 
Derga sap invoice management
Derga sap invoice managementDerga sap invoice management
Derga sap invoice management
 
Corso ABAP OO 02
Corso ABAP OO   02Corso ABAP OO   02
Corso ABAP OO 02
 
SAP SD Study material
SAP SD Study material SAP SD Study material
SAP SD Study material
 

Similar a Web dynpro for abap 02

Cert04 70-484 - essentials of developing windows store apps
Cert04   70-484 - essentials of developing windows store appsCert04   70-484 - essentials of developing windows store apps
Cert04 70-484 - essentials of developing windows store appsDotNetCampus
 
Cert03 70-486 developing asp.net mvc 4 web applications
Cert03   70-486 developing asp.net mvc 4 web applicationsCert03   70-486 developing asp.net mvc 4 web applications
Cert03 70-486 developing asp.net mvc 4 web applicationsDotNetCampus
 
Model View Controller - Semplificare Il Codice E Minimizzare I Tempi
Model View Controller - Semplificare Il Codice E Minimizzare I TempiModel View Controller - Semplificare Il Codice E Minimizzare I Tempi
Model View Controller - Semplificare Il Codice E Minimizzare I TempiMarco Parenzan
 
Azure dayroma java, il lato oscuro del cloud
Azure dayroma   java, il lato oscuro del cloudAzure dayroma   java, il lato oscuro del cloud
Azure dayroma java, il lato oscuro del cloudRiccardo Zamana
 
Meetup Fluent Design e Progressive Web App
Meetup Fluent Design e Progressive Web AppMeetup Fluent Design e Progressive Web App
Meetup Fluent Design e Progressive Web Appdotnetcode
 
Meetup Progressive Web App
Meetup Progressive Web AppMeetup Progressive Web App
Meetup Progressive Web Appdotnetcode
 
ASP.NET MVC: Andare oltre il 100% (Web@work)
ASP.NET MVC: Andare oltre il 100% (Web@work)ASP.NET MVC: Andare oltre il 100% (Web@work)
ASP.NET MVC: Andare oltre il 100% (Web@work)Giorgio Di Nardo
 
Android - Programmazione Avanzata
Android -  Programmazione AvanzataAndroid -  Programmazione Avanzata
Android - Programmazione AvanzataStefano Sanna
 
Introduzione a DotNetNuke
Introduzione a DotNetNukeIntroduzione a DotNetNuke
Introduzione a DotNetNukeMassimo Bonanni
 
Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...
Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...
Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...Emerasoft, solutions to collaborate
 
Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...
Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...
Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...Profesia Srl, Lynx Group
 
Designing with microservices - Daniele Mondello
Designing with microservices - Daniele MondelloDesigning with microservices - Daniele Mondello
Designing with microservices - Daniele MondelloDaniele Mondello
 
We Want Web - Web Applications con MVC 3
We Want Web - Web Applications con MVC 3We Want Web - Web Applications con MVC 3
We Want Web - Web Applications con MVC 3DomusDotNet
 
Blazor ha vinto? Storie di casi reali
Blazor ha vinto? Storie di casi realiBlazor ha vinto? Storie di casi reali
Blazor ha vinto? Storie di casi realiAndrea Dottor
 
Introduzione alla localizzazione web
Introduzione alla localizzazione webIntroduzione alla localizzazione web
Introduzione alla localizzazione webQabiria
 
Tesi Discussione
Tesi DiscussioneTesi Discussione
Tesi DiscussioneYeser Rema
 
Sviluppo Web Agile Con MonoRail
Sviluppo Web Agile Con MonoRailSviluppo Web Agile Con MonoRail
Sviluppo Web Agile Con MonoRailStefano Ottaviani
 

Similar a Web dynpro for abap 02 (20)

Cert04 70-484 - essentials of developing windows store apps
Cert04   70-484 - essentials of developing windows store appsCert04   70-484 - essentials of developing windows store apps
Cert04 70-484 - essentials of developing windows store apps
 
Cert03 70-486 developing asp.net mvc 4 web applications
Cert03   70-486 developing asp.net mvc 4 web applicationsCert03   70-486 developing asp.net mvc 4 web applications
Cert03 70-486 developing asp.net mvc 4 web applications
 
Model View Controller - Semplificare Il Codice E Minimizzare I Tempi
Model View Controller - Semplificare Il Codice E Minimizzare I TempiModel View Controller - Semplificare Il Codice E Minimizzare I Tempi
Model View Controller - Semplificare Il Codice E Minimizzare I Tempi
 
Azure dayroma java, il lato oscuro del cloud
Azure dayroma   java, il lato oscuro del cloudAzure dayroma   java, il lato oscuro del cloud
Azure dayroma java, il lato oscuro del cloud
 
OpenDevSecOps 2019 - Open devsecops un caso di studio
OpenDevSecOps 2019 - Open devsecops un caso di studioOpenDevSecOps 2019 - Open devsecops un caso di studio
OpenDevSecOps 2019 - Open devsecops un caso di studio
 
Meetup Fluent Design e Progressive Web App
Meetup Fluent Design e Progressive Web AppMeetup Fluent Design e Progressive Web App
Meetup Fluent Design e Progressive Web App
 
Meetup Progressive Web App
Meetup Progressive Web AppMeetup Progressive Web App
Meetup Progressive Web App
 
ASP.NET MVC: Andare oltre il 100% (Web@work)
ASP.NET MVC: Andare oltre il 100% (Web@work)ASP.NET MVC: Andare oltre il 100% (Web@work)
ASP.NET MVC: Andare oltre il 100% (Web@work)
 
Android - Programmazione Avanzata
Android -  Programmazione AvanzataAndroid -  Programmazione Avanzata
Android - Programmazione Avanzata
 
Introduzione a DotNetNuke
Introduzione a DotNetNukeIntroduzione a DotNetNuke
Introduzione a DotNetNuke
 
Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...
Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...
Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...
 
Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...
Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...
Cloud Journey e IT Modernization: Da app monolitica a microservizi. vFunction...
 
Designing with microservices - Daniele Mondello
Designing with microservices - Daniele MondelloDesigning with microservices - Daniele Mondello
Designing with microservices - Daniele Mondello
 
We Want Web - Web Applications con MVC 3
We Want Web - Web Applications con MVC 3We Want Web - Web Applications con MVC 3
We Want Web - Web Applications con MVC 3
 
Blazor ha vinto? Storie di casi reali
Blazor ha vinto? Storie di casi realiBlazor ha vinto? Storie di casi reali
Blazor ha vinto? Storie di casi reali
 
Tesi8
Tesi8Tesi8
Tesi8
 
MVC and Struts 1
MVC and Struts 1MVC and Struts 1
MVC and Struts 1
 
Introduzione alla localizzazione web
Introduzione alla localizzazione webIntroduzione alla localizzazione web
Introduzione alla localizzazione web
 
Tesi Discussione
Tesi DiscussioneTesi Discussione
Tesi Discussione
 
Sviluppo Web Agile Con MonoRail
Sviluppo Web Agile Con MonoRailSviluppo Web Agile Con MonoRail
Sviluppo Web Agile Con MonoRail
 

Web dynpro for abap 02

  • 1. WEB DYNPRO FOR ABAP II
  • 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
  • 12. Web Dynpro: Overview WEB Dynpro Component
  • 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
  • 18. ESSENTIA.COM srl Via Druento, 290 ­ 10078 Venaria Reale (TO) Tel.: 011 – 4560.511 fax: 011 – 4560.577 Via Nizza, 56 – 00198 Roma Tel.: 06 – 85305570 fax: 06 – 85800504 Mail: inforoma@e­ssentia.it Web: www.e­ssentia.com Powerd by Bossù Piergiorgio