SlideShare a Scribd company logo
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

More Related Content

PPT
Web dynpro for abap 01
PPT
Web dynpro for abap 03
PPTX
Selenium e testing web - di Alessio Benedetti
PPTX
Corso 3 giorni Angular 2+
ODP
Sviluppo applicazioni in Ruby on Rails
PDF
Sviluppo Web con React e Delphi - Seminario Delphi Day 2016, Piacenza
PDF
Applicazioni Web ultra-performanti con Vue.js e Delphi
PPTX
Single Page web Application
Web dynpro for abap 01
Web dynpro for abap 03
Selenium e testing web - di Alessio Benedetti
Corso 3 giorni Angular 2+
Sviluppo applicazioni in Ruby on Rails
Sviluppo Web con React e Delphi - Seminario Delphi Day 2016, Piacenza
Applicazioni Web ultra-performanti con Vue.js e Delphi
Single Page web Application

Viewers also liked (6)

PPT
Corso ABAP OO 03
PPT
Corso ABAP OO 01
PPT
Corso ABAP OO 04
PDF
Derga sap invoice management
PPT
Corso ABAP OO 02
PDF
SAP SD Study material
Corso ABAP OO 03
Corso ABAP OO 01
Corso ABAP OO 04
Derga sap invoice management
Corso ABAP OO 02
SAP SD Study material
Ad

Similar to Web dynpro for abap 02 (20)

PDF
Model View Controller - Semplificare Il Codice E Minimizzare I Tempi
PPTX
Presentazione Web Site
PDF
Xpages, cosa ci sarà in questa nuova tecnologia
PPTX
ASP.NET MVC: Andare oltre il 100% (Web@work)
PPTX
Slides X Cross
PDF
Presentazione X Manager
PPTX
Live office
PPS
Esposizione RIA
PDF
Relazione
PPTX
Il programmatore e le sue api
PDF
Presentazione framework Symfony
PDF
Digitaltogether 2.0 IL MANIFESTO
PPT
Progettazione e sviluppo di applicazioni web di nuova generazione con AJAX
PDF
DDive - 8.5.2 Xpages - L'evoluzione continua
PPT
PPTX
Smart+WEB gestione siti internet e portali dedicati
PDF
Antica presentazione AJAX
PDF
Extra app catalog
PPTX
PDF
SMAU Milano 2014 GAE 24/10/2014 - IWA Italy
Model View Controller - Semplificare Il Codice E Minimizzare I Tempi
Presentazione Web Site
Xpages, cosa ci sarà in questa nuova tecnologia
ASP.NET MVC: Andare oltre il 100% (Web@work)
Slides X Cross
Presentazione X Manager
Live office
Esposizione RIA
Relazione
Il programmatore e le sue api
Presentazione framework Symfony
Digitaltogether 2.0 IL MANIFESTO
Progettazione e sviluppo di applicazioni web di nuova generazione con AJAX
DDive - 8.5.2 Xpages - L'evoluzione continua
Smart+WEB gestione siti internet e portali dedicati
Antica presentazione AJAX
Extra app catalog
SMAU Milano 2014 GAE 24/10/2014 - IWA Italy
Ad

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