SlideShare ist ein Scribd-Unternehmen logo
1 von 16
Downloaden Sie, um offline zu lesen
ABAP - Web Dynpro
            An Overview by Manoj Dhir.




01/10/13                Manoj Dhir       1
Introduction
 This    presentation will be a starter package for
     all who are and want to be a part of new age
     SAP UI development and moreover are here
     to make a change..




01/10/13                 Manoj Dhir                2
Before I share the Agenda..
 Who  is a developer ?
 What can we call a good UI ?

 What do you thing ABAP - Web Dynpro is ?

 What is the take away you expect after this
  course?




01/10/13             Manoj Dhir                 3
Agenda
1.         Web Dynpro – The Motivation

2.     Web Dynpro ABAP –The Programming Model
     2.1. Views and UI Elements
     2.2. Controllers and Context
     2.3. Navigation and Plugs
     2.4.Component Usage

3.     Web Dynpro Features
     3.1. ALV
     3.2. Object Value Selector
4.     Lets Wrap up. Anyone?
5.     Any Questions ?
6.     Ok! Can I ask now?

01/10/13                          Manoj Dhir    4
Objectives of Web Dynpro
    Model-based UI development
          Enforce clear separation between UI logic and business logic
          Little coding, lots of design
          Declarative UI development
    Future Proof UI Declaration
          Browser, Web Dynpro Client, Mobile Device,…
          Client technology independent UI definition
    Central implementation of user interface standards
          Accessibility support
          Adobe Forms integration
          Centrally provided UI elements
          Internationalization support
    Supports major platforms
          Java (as of SAP NetWeaver '04), ABAP (as of SAP NetWeaver 7.0)



01/10/13                                    Manoj Dhir                      5
Motivation Web Dynpro
 Web         Dynpro
          UI definition independent of
           client technology
          As much abstract declaration as possible
          Different rendering engines for different (future) UI
           technologies without adapting application coding




01/10/13                        Manoj Dhir                     6
Application Scenarios With Web
 Dynpro       SAP NetWeaver Portal
                                                                                  NetWeaver
                          Web Dynpro iView            Web Dynpro iView
                                                                                Business Client




              Web Dynpro            J2EE                  ABAP                  Web Dynpro
       Web Dynpro App         Web Dynpro                  Web Dynpro     Web Dynpro App
          App                                                               App
                                 Runtime                  Runtime

                                                                                ABAP
   SAP
                                        RFC, WS                                 Workbench
NetWeaver
Developer
  Studio
                   RMI


   J2EE                                               ABAP          Business
   Server    EJB (e.a.)                               Server       API (BAPI,
                                                                            BackendBusiness
                             Business
                                                                           Application
                                                                  Web Services)
                               Data                                                    Data

 01/10/13                                    Manoj Dhir                                           7
Come to the point -The
Development
    Development completely integrated into ABAP
     Workbench
          Graphical View Layout design
          Declarative UI development
          ABAP editor with forward navigation
          ABAP dictionary data types directly available
          Simple remote debugging
          Functionality and services of
           the ABAP environment directly usable
    ABAP lifecycle management
          Transport
          Translation
          Enhancements
01/10/13                           Manoj Dhir              8
Meta-Model Declarations and
Custom Coding
    Meta-model                                            Custom Coding
     Declarations                                           Guarantees universality
    Guarantees common app. design                          Good for data-driven, dynamic
    Good for graphical tool support                        apps
          Screen Layout and Nesting                           Implementation of business rules
          Navigation and Error Handling                       Dynamic screen modifications
          Data Flow                                           Access to services (files etc.)
          Componentization                                    Portal eventing
          ...                                                 ...
                       Meta-data




                                                                                         Run able App
                                                 Generated




                                                                              Compiler
 Web                                               Code
Dynpro                 Generator
 Tools                                             Custom
                                                    Code
01/10/13                                   Manoj Dhir                                                   9
Model View Controller (MVC)
                                                       Generates the application
                                                       data without caring how it
                                        Model          will be displayed.
Binds the user and business
interaction layers together. All
intermediate processing is
performed here.
                                   Business Interaction Layer


                                   User Interaction Layer
            Controller
                                                      Visualizes the application
                                                      data without caring how it
            Binding Layer                             was generated.



                                          View
 01/10/13                          Manoj Dhir                                      10
Defining View Layout

UI element
                                    UI
 libraries
                                element
                                 tree of
                                  view




                              Properties of
                               selected UI
                                element




 View
layout
 01/10/13        Manoj Dhir            11
UI Element Categories
                 e.g. Button, InputField,
                 Label




                 e.g. DateNavigator,
                 Table, Tree




                 e.g.
                 TransparentContainer,
                 Tray


 Each UI element object is represented as an abstract class that is independent
 of any client presentation layer.

01/10/13                                    Manoj Dhir                       12
Lets Wrap up. Anyone?
    Web Dynpro is SAP’s UI strategy
    Declarative, MVC based UI programming model
    UI definition independent of rendering technology
    Web Dynpro for ABAP available with SAP
     NetWeaver 7.0
    Programming model similar to Web Dynpro for Java
    Completely Integrated into the SAP NetWeaver
     Application Server ABAP


01/10/13                  Manoj Dhir                 13
Any Questions ?




01/10/13       Manoj Dhir   14
Thank you !

Can I ask ?




01/10/13      Manoj Dhir   15
Where to Get More Information
 www.sap.com




01/10/13        Manoj Dhir      16

Weitere ähnliche Inhalte

Was ist angesagt?

Oops abap fundamental
Oops abap fundamentalOops abap fundamental
Oops abap fundamentalbiswajit2015
 
HR ABAP Technical Overview | http://sapdocs.info/
HR ABAP Technical Overview | http://sapdocs.info/HR ABAP Technical Overview | http://sapdocs.info/
HR ABAP Technical Overview | http://sapdocs.info/sapdocs. info
 
SAP CO Configuration Guide - Exclusive Document
SAP CO Configuration Guide - Exclusive DocumentSAP CO Configuration Guide - Exclusive Document
SAP CO Configuration Guide - Exclusive Documentsapdocs. info
 
Queries in SAP: Introduction
Queries in SAP: IntroductionQueries in SAP: Introduction
Queries in SAP: IntroductionJonathan Eemans
 
HANA WITH ABAP OVERVIEW
HANA WITH ABAP OVERVIEWHANA WITH ABAP OVERVIEW
HANA WITH ABAP OVERVIEWdheerajad
 
SAP Validation and substitution
SAP Validation and  substitution SAP Validation and  substitution
SAP Validation and substitution Hari Krishna
 
Vendor downpayment process mapping with EHP4 enhanced functionality
Vendor downpayment process mapping with EHP4 enhanced functionalityVendor downpayment process mapping with EHP4 enhanced functionality
Vendor downpayment process mapping with EHP4 enhanced functionalitySubhrajyoti (Subhra) Bhattacharjee
 
Abap hr programing
Abap hr programingAbap hr programing
Abap hr programingSupratim Ray
 
Parallel accounting in sap erp account approachversus ledger approachin new g...
Parallel accounting in sap erp account approachversus ledger approachin new g...Parallel accounting in sap erp account approachversus ledger approachin new g...
Parallel accounting in sap erp account approachversus ledger approachin new g...Imran M Arab
 
2 07 Partner Determination
2 07 Partner Determination2 07 Partner Determination
2 07 Partner Determinationnaseem2117
 

Was ist angesagt? (20)

Bapi step-by-step
Bapi step-by-stepBapi step-by-step
Bapi step-by-step
 
Sap hr-programming
Sap hr-programmingSap hr-programming
Sap hr-programming
 
Oops abap fundamental
Oops abap fundamentalOops abap fundamental
Oops abap fundamental
 
Badi document
Badi documentBadi document
Badi document
 
Sap abap
Sap abapSap abap
Sap abap
 
HR ABAP Technical Overview | http://sapdocs.info/
HR ABAP Technical Overview | http://sapdocs.info/HR ABAP Technical Overview | http://sapdocs.info/
HR ABAP Technical Overview | http://sapdocs.info/
 
Module pool programming
Module pool programmingModule pool programming
Module pool programming
 
SAP CO Configuration Guide - Exclusive Document
SAP CO Configuration Guide - Exclusive DocumentSAP CO Configuration Guide - Exclusive Document
SAP CO Configuration Guide - Exclusive Document
 
Queries in SAP: Introduction
Queries in SAP: IntroductionQueries in SAP: Introduction
Queries in SAP: Introduction
 
HANA WITH ABAP OVERVIEW
HANA WITH ABAP OVERVIEWHANA WITH ABAP OVERVIEW
HANA WITH ABAP OVERVIEW
 
SAP Validation and substitution
SAP Validation and  substitution SAP Validation and  substitution
SAP Validation and substitution
 
Sap abap
Sap abapSap abap
Sap abap
 
Vendor downpayment process mapping with EHP4 enhanced functionality
Vendor downpayment process mapping with EHP4 enhanced functionalityVendor downpayment process mapping with EHP4 enhanced functionality
Vendor downpayment process mapping with EHP4 enhanced functionality
 
Business Area in SAP FI
Business Area in SAP FIBusiness Area in SAP FI
Business Area in SAP FI
 
Sap Adobe Form
Sap Adobe FormSap Adobe Form
Sap Adobe Form
 
Abap hr programing
Abap hr programingAbap hr programing
Abap hr programing
 
Parallel accounting in sap erp account approachversus ledger approachin new g...
Parallel accounting in sap erp account approachversus ledger approachin new g...Parallel accounting in sap erp account approachversus ledger approachin new g...
Parallel accounting in sap erp account approachversus ledger approachin new g...
 
SAP Landscape
SAP Landscape SAP Landscape
SAP Landscape
 
2 07 Partner Determination
2 07 Partner Determination2 07 Partner Determination
2 07 Partner Determination
 
Asset accounting
Asset accountingAsset accounting
Asset accounting
 

Andere mochten auch

SAP WEBDYNPRO ABAP TRAINING
SAP WEBDYNPRO ABAP TRAININGSAP WEBDYNPRO ABAP TRAINING
SAP WEBDYNPRO ABAP TRAININGSanthosh Sap
 
Mho Web Dynpro Abap
Mho Web Dynpro AbapMho Web Dynpro Abap
Mho Web Dynpro Abapthomas_jung
 
Scenario on business transaction events
Scenario on business transaction eventsScenario on business transaction events
Scenario on business transaction eventsKranthi Kumar
 
Sap script made easy
Sap script made easySap script made easy
Sap script made easyKranthi Kumar
 
Sap sapscripts tips and tricks
Sap sapscripts tips and tricksSap sapscripts tips and tricks
Sap sapscripts tips and tricksKranthi Kumar
 
SAP ABAP Latest Interview Questions with Answers by Garuda Trainings
SAP ABAP Latest Interview Questions with Answers by Garuda TrainingsSAP ABAP Latest Interview Questions with Answers by Garuda Trainings
SAP ABAP Latest Interview Questions with Answers by Garuda TrainingsGaruda Trainings
 
1000 solved questions
1000 solved questions1000 solved questions
1000 solved questionsKranthi Kumar
 
Smartforms interview questions with answers
Smartforms interview questions with answersSmartforms interview questions with answers
Smartforms interview questions with answersUttam Agrawal
 
SAP Inside Track 2010 - Thomas Jung Intro to WDA
SAP Inside Track 2010 - Thomas Jung Intro to WDASAP Inside Track 2010 - Thomas Jung Intro to WDA
SAP Inside Track 2010 - Thomas Jung Intro to WDAsjohannes
 
Webdynpro ABAP –Vital Role In Developing Web Technology-Get To Know More
Webdynpro ABAP –Vital Role In Developing Web Technology-Get To Know MoreWebdynpro ABAP –Vital Role In Developing Web Technology-Get To Know More
Webdynpro ABAP –Vital Role In Developing Web Technology-Get To Know MoreAnjali Rao
 

Andere mochten auch (16)

SAP WEBDYNPRO ABAP TRAINING
SAP WEBDYNPRO ABAP TRAININGSAP WEBDYNPRO ABAP TRAINING
SAP WEBDYNPRO ABAP TRAINING
 
Sap abap material
Sap abap materialSap abap material
Sap abap material
 
Mho Web Dynpro Abap
Mho Web Dynpro AbapMho Web Dynpro Abap
Mho Web Dynpro Abap
 
Sp rao abap
Sp rao abapSp rao abap
Sp rao abap
 
Epic abap
Epic  abapEpic  abap
Epic abap
 
Scenario on business transaction events
Scenario on business transaction eventsScenario on business transaction events
Scenario on business transaction events
 
Sap script made easy
Sap script made easySap script made easy
Sap script made easy
 
Sap sapscripts tips and tricks
Sap sapscripts tips and tricksSap sapscripts tips and tricks
Sap sapscripts tips and tricks
 
Exercise in alv
Exercise in alvExercise in alv
Exercise in alv
 
SAP ABAP Latest Interview Questions with Answers by Garuda Trainings
SAP ABAP Latest Interview Questions with Answers by Garuda TrainingsSAP ABAP Latest Interview Questions with Answers by Garuda Trainings
SAP ABAP Latest Interview Questions with Answers by Garuda Trainings
 
1000 solved questions
1000 solved questions1000 solved questions
1000 solved questions
 
Smartforms interview questions with answers
Smartforms interview questions with answersSmartforms interview questions with answers
Smartforms interview questions with answers
 
SAP ABAP data dictionary
SAP ABAP data dictionarySAP ABAP data dictionary
SAP ABAP data dictionary
 
SAP ABAP Material
SAP ABAP MaterialSAP ABAP Material
SAP ABAP Material
 
SAP Inside Track 2010 - Thomas Jung Intro to WDA
SAP Inside Track 2010 - Thomas Jung Intro to WDASAP Inside Track 2010 - Thomas Jung Intro to WDA
SAP Inside Track 2010 - Thomas Jung Intro to WDA
 
Webdynpro ABAP –Vital Role In Developing Web Technology-Get To Know More
Webdynpro ABAP –Vital Role In Developing Web Technology-Get To Know MoreWebdynpro ABAP –Vital Role In Developing Web Technology-Get To Know More
Webdynpro ABAP –Vital Role In Developing Web Technology-Get To Know More
 

Ähnlich wie Abap web dynpro

Accessing Your Existing SAP NetWeaver Portal on Mobile Device
Accessing Your Existing SAP NetWeaver Portal on Mobile DeviceAccessing Your Existing SAP NetWeaver Portal on Mobile Device
Accessing Your Existing SAP NetWeaver Portal on Mobile DeviceSAP Portal
 
Best Practices for Upgrading Your Portal to SAP NetWeaver 7.3
Best Practices for Upgrading Your Portal to SAP NetWeaver 7.3Best Practices for Upgrading Your Portal to SAP NetWeaver 7.3
Best Practices for Upgrading Your Portal to SAP NetWeaver 7.3SAP Portal
 
Lecture14 abap on line
Lecture14 abap on lineLecture14 abap on line
Lecture14 abap on lineMilind Patil
 
Web(abap introduction)
Web(abap introduction)Web(abap introduction)
Web(abap introduction)Kranthi Kumar
 
Soa204 Kawasaki Final
Soa204 Kawasaki FinalSoa204 Kawasaki Final
Soa204 Kawasaki FinalAnush Kumar
 
WebBee rapid web app development teck stack
WebBee rapid web app development teck stackWebBee rapid web app development teck stack
WebBee rapid web app development teck stackALDAN3
 
Dot Net Frame Work
Dot Net Frame WorkDot Net Frame Work
Dot Net Frame WorkLiquidHub
 
Top Five Reasons to Upgrade to SAP NetWeaver Portal 7.3
Top Five Reasons to Upgrade to SAP NetWeaver Portal 7.3Top Five Reasons to Upgrade to SAP NetWeaver Portal 7.3
Top Five Reasons to Upgrade to SAP NetWeaver Portal 7.3SAP Portal
 
Oracle - Programatica2010
Oracle - Programatica2010Oracle - Programatica2010
Oracle - Programatica2010Agora Group
 
Webinar The App Lifecycle Platform
Webinar The App Lifecycle PlatformWebinar The App Lifecycle Platform
Webinar The App Lifecycle PlatformService2Media
 
SAP NetWeaver Portal OnDevice - Consuming your SAP NetWeaver Portal On Mobile...
SAP NetWeaver Portal OnDevice - Consuming your SAP NetWeaver Portal On Mobile...SAP NetWeaver Portal OnDevice - Consuming your SAP NetWeaver Portal On Mobile...
SAP NetWeaver Portal OnDevice - Consuming your SAP NetWeaver Portal On Mobile...SAP Portal
 
Development Model for The Cloud
Development Model for The CloudDevelopment Model for The Cloud
Development Model for The Cloudumityalcinalp
 
Oracle adf online training
Oracle adf online trainingOracle adf online training
Oracle adf online trainingo2education
 
Sap net weaver business client introduction
Sap net weaver business client   introductionSap net weaver business client   introduction
Sap net weaver business client introductionRajesh Adhate
 
Mashing up the Lotus Portfolio
Mashing up the Lotus PortfolioMashing up the Lotus Portfolio
Mashing up the Lotus Portfolioncarrier
 
Web Sphere Revolution
Web Sphere RevolutionWeb Sphere Revolution
Web Sphere Revolutionict.recruiter
 
SAP Technology QUICK overview
SAP Technology QUICK overviewSAP Technology QUICK overview
SAP Technology QUICK overviewMichelle Crapo
 

Ähnlich wie Abap web dynpro (20)

Accessing Your Existing SAP NetWeaver Portal on Mobile Device
Accessing Your Existing SAP NetWeaver Portal on Mobile DeviceAccessing Your Existing SAP NetWeaver Portal on Mobile Device
Accessing Your Existing SAP NetWeaver Portal on Mobile Device
 
Best Practices for Upgrading Your Portal to SAP NetWeaver 7.3
Best Practices for Upgrading Your Portal to SAP NetWeaver 7.3Best Practices for Upgrading Your Portal to SAP NetWeaver 7.3
Best Practices for Upgrading Your Portal to SAP NetWeaver 7.3
 
Lecture14 abap on line
Lecture14 abap on lineLecture14 abap on line
Lecture14 abap on line
 
Web(abap introduction)
Web(abap introduction)Web(abap introduction)
Web(abap introduction)
 
Soa204 Kawasaki Final
Soa204 Kawasaki FinalSoa204 Kawasaki Final
Soa204 Kawasaki Final
 
WebBee rapid web app development teck stack
WebBee rapid web app development teck stackWebBee rapid web app development teck stack
WebBee rapid web app development teck stack
 
Dot Net Frame Work
Dot Net Frame WorkDot Net Frame Work
Dot Net Frame Work
 
Top Five Reasons to Upgrade to SAP NetWeaver Portal 7.3
Top Five Reasons to Upgrade to SAP NetWeaver Portal 7.3Top Five Reasons to Upgrade to SAP NetWeaver Portal 7.3
Top Five Reasons to Upgrade to SAP NetWeaver Portal 7.3
 
Oracle - Programatica2010
Oracle - Programatica2010Oracle - Programatica2010
Oracle - Programatica2010
 
Webinar The App Lifecycle Platform
Webinar The App Lifecycle PlatformWebinar The App Lifecycle Platform
Webinar The App Lifecycle Platform
 
o
oo
o
 
SAP NetWeaver Portal OnDevice - Consuming your SAP NetWeaver Portal On Mobile...
SAP NetWeaver Portal OnDevice - Consuming your SAP NetWeaver Portal On Mobile...SAP NetWeaver Portal OnDevice - Consuming your SAP NetWeaver Portal On Mobile...
SAP NetWeaver Portal OnDevice - Consuming your SAP NetWeaver Portal On Mobile...
 
Grottarossa:Why?
Grottarossa:Why?Grottarossa:Why?
Grottarossa:Why?
 
Development Model for The Cloud
Development Model for The CloudDevelopment Model for The Cloud
Development Model for The Cloud
 
Oracle adf online training
Oracle adf online trainingOracle adf online training
Oracle adf online training
 
Sap net weaver business client introduction
Sap net weaver business client   introductionSap net weaver business client   introduction
Sap net weaver business client introduction
 
Mashing up the Lotus Portfolio
Mashing up the Lotus PortfolioMashing up the Lotus Portfolio
Mashing up the Lotus Portfolio
 
Web Sphere Revolution
Web Sphere RevolutionWeb Sphere Revolution
Web Sphere Revolution
 
SAP Technology QUICK overview
SAP Technology QUICK overviewSAP Technology QUICK overview
SAP Technology QUICK overview
 
Designing Mobile Applications
Designing Mobile ApplicationsDesigning Mobile Applications
Designing Mobile Applications
 

Kürzlich hochgeladen

ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 

Kürzlich hochgeladen (20)

ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 

Abap web dynpro

  • 1. ABAP - Web Dynpro An Overview by Manoj Dhir. 01/10/13 Manoj Dhir 1
  • 2. Introduction  This presentation will be a starter package for all who are and want to be a part of new age SAP UI development and moreover are here to make a change.. 01/10/13 Manoj Dhir 2
  • 3. Before I share the Agenda..  Who is a developer ?  What can we call a good UI ?  What do you thing ABAP - Web Dynpro is ?  What is the take away you expect after this course? 01/10/13 Manoj Dhir 3
  • 4. Agenda 1. Web Dynpro – The Motivation 2. Web Dynpro ABAP –The Programming Model 2.1. Views and UI Elements 2.2. Controllers and Context 2.3. Navigation and Plugs 2.4.Component Usage 3. Web Dynpro Features 3.1. ALV 3.2. Object Value Selector 4. Lets Wrap up. Anyone? 5. Any Questions ? 6. Ok! Can I ask now? 01/10/13 Manoj Dhir 4
  • 5. Objectives of Web Dynpro  Model-based UI development  Enforce clear separation between UI logic and business logic  Little coding, lots of design  Declarative UI development  Future Proof UI Declaration  Browser, Web Dynpro Client, Mobile Device,…  Client technology independent UI definition  Central implementation of user interface standards  Accessibility support  Adobe Forms integration  Centrally provided UI elements  Internationalization support  Supports major platforms  Java (as of SAP NetWeaver '04), ABAP (as of SAP NetWeaver 7.0) 01/10/13 Manoj Dhir 5
  • 6. Motivation Web Dynpro  Web Dynpro  UI definition independent of client technology  As much abstract declaration as possible  Different rendering engines for different (future) UI technologies without adapting application coding 01/10/13 Manoj Dhir 6
  • 7. Application Scenarios With Web Dynpro SAP NetWeaver Portal NetWeaver Web Dynpro iView Web Dynpro iView Business Client Web Dynpro J2EE ABAP Web Dynpro Web Dynpro App Web Dynpro Web Dynpro Web Dynpro App App App Runtime Runtime ABAP SAP RFC, WS Workbench NetWeaver Developer Studio RMI J2EE ABAP Business Server EJB (e.a.) Server API (BAPI, BackendBusiness Business Application Web Services) Data Data 01/10/13 Manoj Dhir 7
  • 8. Come to the point -The Development  Development completely integrated into ABAP Workbench  Graphical View Layout design  Declarative UI development  ABAP editor with forward navigation  ABAP dictionary data types directly available  Simple remote debugging  Functionality and services of the ABAP environment directly usable  ABAP lifecycle management  Transport  Translation  Enhancements 01/10/13 Manoj Dhir 8
  • 9. Meta-Model Declarations and Custom Coding  Meta-model  Custom Coding Declarations  Guarantees universality  Guarantees common app. design  Good for data-driven, dynamic  Good for graphical tool support apps  Screen Layout and Nesting  Implementation of business rules  Navigation and Error Handling  Dynamic screen modifications  Data Flow  Access to services (files etc.)  Componentization  Portal eventing  ...  ... Meta-data Run able App Generated Compiler Web Code Dynpro Generator Tools Custom Code 01/10/13 Manoj Dhir 9
  • 10. Model View Controller (MVC) Generates the application data without caring how it Model will be displayed. Binds the user and business interaction layers together. All intermediate processing is performed here. Business Interaction Layer User Interaction Layer Controller Visualizes the application data without caring how it Binding Layer was generated. View 01/10/13 Manoj Dhir 10
  • 11. Defining View Layout UI element UI libraries element tree of view Properties of selected UI element View layout 01/10/13 Manoj Dhir 11
  • 12. UI Element Categories e.g. Button, InputField, Label e.g. DateNavigator, Table, Tree e.g. TransparentContainer, Tray Each UI element object is represented as an abstract class that is independent of any client presentation layer. 01/10/13 Manoj Dhir 12
  • 13. Lets Wrap up. Anyone?  Web Dynpro is SAP’s UI strategy  Declarative, MVC based UI programming model  UI definition independent of rendering technology  Web Dynpro for ABAP available with SAP NetWeaver 7.0  Programming model similar to Web Dynpro for Java  Completely Integrated into the SAP NetWeaver Application Server ABAP 01/10/13 Manoj Dhir 13
  • 14. Any Questions ? 01/10/13 Manoj Dhir 14
  • 15. Thank you ! Can I ask ? 01/10/13 Manoj Dhir 15
  • 16. Where to Get More Information  www.sap.com 01/10/13 Manoj Dhir 16

Hinweis der Redaktion

  1. UI development should be independent of rendering technology: developer should just think about UI design and not worry about HTTP request/response cycles No HTML or JavaScript code part of UI definition no need to care about browser platform, not even if the client is a web browser at all Whole UI definition (layout, eventing, data binding,...) stored in format independent of client technology allows rendering for different UI technologies: browsers, rich clients, future technologies clients in case of future UI technology paradigms (“WWW forever?”) the application UI should still be usable without redesigning
  2. Forward Navigation is possible in Web Dynpro, however objects cannot be created using forward navigation
  3. Metamodel Concept and Declarative Programming A Web Dynpro application is developed using a declarative programming approach. Within the ABAP Workbench there are special tools that allow you to build and abstract representation of your application in the form of a Web Dynpro metamodel. The necessary source code is then generated automatically and conforms to a standard architecture known as the Web Dynpro Framework (WDF). The WDF allows each controller within a component to have a set of standard hook methods. It is within these hook methods that any required custom coding can be placed. In addition to the events provided by the WDF, you can also define your own events for a Web Dynpro application. All Web Dynpro applications are constructed from the same basic units. However, through the use of custom coding in the standard hook methods, the standard framework can be extended to supply any required business functionality. Not all implementation decisions need to be made at design time. It is perfectly possible to implement a Web Dynpro application in which the appearance of the user interface is decided at runtime. This allows a highly flexible application to be written without requiring the need to directly write any HTML or JavaScript.
  4. The roots of Web Dynpro – Model-View-Controller SAP’s Web Dynpro is built on the foundation of the Model-View-Controller (MVC) design paradigm. MVC was a revolutionary design paradigm because it was the first to describe software components in terms of: The functional responsibilities each should fulfil. The message protocols to which each component should respond. SAP has modified and extended the original MVC specification in order to create the Web Dynpro toolset.
  5. UI elements are provided in several UI element libraries on the left hand side The hierarchy of the UI elements can be seen and changed in the UI element hierarchy at the top right of the workbench. A view layout is defined by placing UI elements on the view via drag and drop or changing the UI element hierarchy directly. Properties of a selected UI element can be defined at the lower right corner Visible UI elements can be arranged by container UI elements (transparent container, tray,…) with specific layout properties (Matrix, Flow Layout,…)
  6. What has been extended from standard MVC in Web Dynpro ?