Beruflich Dokumente
Kultur Dokumente
WEB APPLICATION:
USER NEEDS TO PERFORM SOME ACTIONS
(MORE LIKE DYNAMIC)
E.G. JAVA SCRIPT, JQUERY.
SAPUI5.
SAP GUI
Started with R/2 in the year of 70's
Browser has not yet came because, (evolution of browser in 1990’s)
no java support
no internet concept
WAS was no available
sap has came up with its own interface which is SAP GUI.
LIMITATIONS
end user has to be trained with the transaction with what we do.
SAP
GUI GUI sends Request
to server
Responds
E.g SE11
R/3
ITS SERVER is mediator which
converts HTTP to DIAG.
Browser
Uses APPLICATION
HTTP ITS SERVER is not part of DIAG
HTTP SERVER
Protocol Application Server
In early, 1990’s SAP exposed or displayed the standard SAP applications on to the
Internet with the help of ITS – Internet Transaction Server.
With the help of these two plugs only, all the SAP Applications were displayed in the
Internet.
Since ITS is not an SAP product SAP developed a new server by name WAS with
ICM & ICF plugs.
Note:
It is up to Basis Consultant
Can install Java
Can install ABAP
Can install both
SAP AG 2001, Smart Forms - the Form Printing Solution,
Claudia Binder / Jens Stumpe 11 Vizu.chowdary@gmail.com
EVOLUTION OF SAP USER INTERFACE
BSP: Business Server Pages
It is a new language developed by SAP to create custom SAP Applications with very good look & feel,
user friendliness, which can be displayed on the Internet.
The disadvantage of BSP is, it requires lengthy coding for developing a simple BSP application.
It also uses HTML Language.
Follows MVC design pattern.
Coding is bit similar to ITS.
ICM
ICF ABAP RUNTIME
BROWSER
BSP
BSP APPLICATIONS
Converter
WD ABAP APP.
WD
Converter
NO WD JAVA APP
SICF
A standard Programming model for developing web based application (internet based
application).
It follows M V C Programming Pattern.
Enforce clear separation between UI Logic & Business logic.
It is released from ECC 6.0 version
It is Delivered in two languages
SAP WUI =
(Compact application can be used by end user - sales representative, service representative)
When ever we want to do some extension, we have use BSP_WD_CMPWB to develop it.
===================================================================
And the next is SAP FIORI (FIORI is full of configurations)
SAP BSP / WDJ / WDA is similar to SAP UI5 (is programming framework – uses MVC
pattern)
C/S Architecture was applied on it firstly and it became the feature GUI of SAP
If we want to
customize this
screen, we need to
do developments in
WEBDYNPRO
WEB TYPE of UI started
SAP AG 2001, Smart Forms - the Form Printing Solution,
Claudia Binder / Jens Stumpe 16 Vizu.chowdary@gmail.com
SAP UI TOOL HISTORY
Responsive
screen for
mobile devices
and PC’s are
available by
HTML 5
You Can have information right away with out environment limitation
UI - User Interface
A user interface, also called a "UI" or simply an "interface,"
is the means in which a person controls a software application
or hardware device. A good user interface provides a "user-friendly"
experience, allowing the user to interact with the software or hardware
in a natural and intuitive way.
fundamentals for this are: HTML, CSS and Java Script, Jquery, Bootstrap
SAP UI5 is a framework and a series of libraries that front-end developers can use to build
genuine HTML5-based applications. It is a JavaScript UI library (Jquery) consisting of a
feature-rich core and a really large number of UI controls which are organized in a
handful of libraries.
SAP UI5 can consume services from the ABAP backend via the gateway. It’s pretty easy
to enable the BOL, or BAPI’s via gate (or via generic BSP’s, custom REST services, PI….)
and consume them on your SAP UI5 frontend.
Many other Open Source Libraries are used in UI5 and come bundled with it, e.g. LESS the
famous CSS processor, or datajs, the ODATA library
SAP UI5 is an interesting and modern framework that relies on standards and open source
like Jquery, HTML5, Java Script, CSS and others. It is expandable as a base frame and was
developed to better support modern browsers like GOOGLE CHROME, IE 9 onwards,
MOZILLA FIREFOX etc.,
SAP UI5
SAP UI5 IS A LIBRARY OF USER INTERFACES CONTROLS
FOR HTML5, JAVASCRIPT, AND CSS AND A DEVELOPMENT
ENVIRONMENT IN ECLIPSE.
NETWEAVER GATEWAY
NETWEAVER GATEWAY IS AN ABAP LAYER ON TOP OF SAP
THAT ENABLES A SERVICE-BASED ACCESS TO SAP
SYSTEMS. IT USED THE ODATA PROTOCOL THAT IS
DESIGNED FOR USER CENTRIC CONSUMERS
DEVELOPMENT WILL BE TAKEN IN AN ECILLIPSE. ECILIPSE IS AN IDE, WHICH WE WILL BE USING AND CAN DEVELOP SAP
UI5. AND WE CAN DEVELOP GATEWAY SERVICE BUILDER.
THERE ARE 2 OPTIONS
1. WE CAN USE IT IN WAS (IN SAP GUI). WE CAN DEFINE NETWEAVER GATE WAYSERVICES.
2. WE CAN DO SAME IN ECILIPSE. ECILIPSE UI IS DEVELOPER FRIENDLY TO DEVELOP GATEWAY SERVICES BUILDERS.
WE CAN USE BOTH SAP GUI AND ECILIPSE TO BUILD NETWEAVER GATEWAY SERVICES.
COMPONENTS CALLED RESOURCE ACCESS AND RUNTIME STORAGE FOR SAP UI5. YOU CAN HAVE EXPLICIT UI5 RUNTIME
MEANS TO WHAT EVER THE APPLICATIONS THAT WE DEVELOP FOR UI5 WE CAN HAVE AN EXPLICIT SERVER LIKE TOMCAT,
APACHE, JBOSS. CAN MAKE PART OF SAP NETWEAVER WAS RUNTIME. WE WILL BE DEALING WITH BOTH APACHE TOMCAT
AND WE DEPLOY IT AND COMMUNICATE WITH SAP BACK END. THE ANOTHER WAY WHAT WE WILL DO IS, WE BUILD UP THE
APPLICATION USING ECILIPSE AND WE WILL DEPLOY IT IN SAP WAS. BOTH THE WAYS WE WILL BE DEVELOPING THE SAP
UI5 AND NETWEAVER GATE WAY. THERE ARE MULTIPLE WAYS OF DEVELOPING BASED ON THE USAGES. WE CAN DECIDE
ACCORDINGLY WHETHER WE CAN GO FOR ECILIPSE OR SAP GUI FOR THE DEVELOPMENT PURPOSE.
AS OF NOW SAP HAS NOT CAME UP WITH ANY DEFAULTED OR STANDARD DATA SERVICES. IF THERE IS ANY APPLICATION
WHICH WE WANT TO MAKE IT ON DESKTOP, MOBILE APPLICATION, THEN WE HAVE TO GO FOR SAP UI5. AND TO USE SAP
UI5 WE HAVE TO USE GATEWAY TO EXPOSE DATA TO OUTSIDE WORLD. SO, IF YOU WANT TO USE SAP UI4. THE DATA HAS
TO COME TO SAP UI5 AND FOR THAT PURPOSE WE WILL BE USING NETWEAVER GATEWAY
When the solution should run on desktop browsers (SAP UI5 Desktop), or mobile browsers (SAP UI5 Mobile
for IOS, Android, and Blackberry).
When you want loose backend coupling over service-enabled backend, that is, reuse of existing Odata
services in backend.
When you have very limited offline requirements (mainly huge online).
When you do not have intensive use of native mobile features, other than GPS. You may add Apache Cordova
(Phonegap) libraries and create a hybrid app on top, if needed.
WHAT
DESKTOP MOBILE DESKTOP & MOBILE
DEVICES?
UI5 WEBDYNPRO SAP UI5 (JQUERY MOBILE) JQUERY MOBILE JQUERY FAMILY JQUERY FAMILY
ABAP SAP UI5 SAP UI SAP UI5
NATIVE GENERATED NATIVE GENERATED
DATA PROTOCOL INTEGRATED ODATA FOR NW GATEWAY XML WEBSERVICE RFC ODATA XML
WEBSERVICE WEBSERVICE
REQUIRED SKILL HTML5, JAVASCRIPT, CSS, GATEWAY, ODATA WEBDYNPRO FRAMEWORK, FLOORPLAN
SETS MANAGER, OO ABAP