MOBILE TIMETABLES Our first SAP UI 5 implementation Leuven HERUG... · Mobile SAP portal . User screens Main menu . User screens Student course list . ... SAP CRM BBPCRM EHP2 SP10

MOBILE TIMETABLES

Our first SAP UI 5

implementation

HERUG 2014

Montevideo

Outline of the presentation

http://www.semanticarchitecture.net/wp-content/uploads/2010/05/Requirements.jpg

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=sJKT7qxpmekX_M&tbnid=PlFuFKn_B6n_EM:&ved=0CAUQjRw&url=http://e3ts.com/test/off-season-training-challenges-are-those-good/&ei=cUMxU6iSCciY0QWf3oDgAg&psig=AFQjCNFo1ppHkGtbjkR4CLVb4YfB69YxKg&ust=1395823752217255

Requirements &

functional design

http://www.semanticarchitecture.net/wp-content/uploads/2010/05/Requirements.jpg

Design

Functional requirements

Personalised

Course timetable

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=EUDfFQsm3wIbcM&tbnid=N_7y-SAQtkVSUM:&ved=0CAUQjRw&url=http://www.mimer.com/Products/MimerSQLRealtime.aspx&ei=LkYxU67tGKLP0QXP8YCQDA&psig=AFQjCNF7-zs3kHt_QQMRFSyIX1zN7oEo0g&ust=1395824544247121

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=Dx1Ec3edztLzIM&tbnid=FaiT972S9OXOKM:&ved=0CAUQjRw&url=http://www.littlemonsters.com.au/Personalised-T-shirts_c_26.html&ei=ykYxU-mRN4_L0AXtlYHQDw&psig=AFQjCNHLrhnDIgDyDqs0ias0hFDKChNT_g&ust=1395824608372910

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=ur4kdIXYe9VhxM&tbnid=PqxHQSCDkonK5M:&ved=0CAUQjRw&url=http://www.websitemagazine.com/content/blogs/posts/archive/2013/01/09/lanc-244-me-makes-over-mobile-presence.aspx&ei=G0cxU7SPNqqr0QWksYCgBA&psig=AFQjCNE5GNNyT8K9DvgbqC7Y2ScjNRe-9g&ust=1395824754881318

https://www.google.be/imgres?imgurl&imgrefurl=http://nl.freepik.com/vrije-vector/agenda-icon-grote-clip-art_377006.htm&h=0&w=0&tbnid=WRxplF47gJ3vLM&zoom=1&tbnh=211&tbnw=239&docid=b41LgCEbyHDMZM&tbm=isch&ei=F0kxU_6AJujI0AW0-IDIBw&ved=0CAUQsCUoAQ

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=e7K9zSmR98MZLM&tbnid=20YAKITHY1099M:&ved=0CAUQjRw&url=http://www.yc.edu/alertyc&ei=i0sxU7v_BIj00gWYiICoCQ&psig=AFQjCNFPpBPgY-NTBTcwoCbnmqt9BQdHXg&ust=1395825887692953

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=kLX9HJsmT-q4ZM&tbnid=lj7Jylg_Lt0oFM:&ved=0CAUQjRw&url=http://domoware.be/en/blog/item/nog-steeds-uw-planning-in-excel&ei=yEwxU-6kAYLD0QX9yoHoDw&psig=AFQjCNEuCMIiNZG6q2c2pwhY7As_VFqUbQ&ust=1395826216483331

Design

Domain model (objects)

Programme

of study

Course

Event

Moment

Teacher

resource

Class room

Student

Booking

Student

serie

=

Teacher

coordinator

https://www.google.be/imgres?imgurl&imgrefurl=http://nl.freepik.com/vrije-vector/agenda-icon-grote-clip-art_377006.htm&h=0&w=0&tbnid=WRxplF47gJ3vLM&zoom=1&tbnh=211&tbnw=239&docid=b41LgCEbyHDMZM&tbm=isch&ei=F0kxU_6AJujI0AW0-IDIBw&ved=0CAUQsCUoAQ

Design

Dataflow phase 1

SLcM

Mobile

Portal

& Portal

•student

•booking-course

•event-moment

•opt in

•student serie

• language

• student serie

• Language

• OWA ID +

•student serie

•moment

•OWA ID

https://www.google.be/imgres?imgurl&imgrefurl=http://www.netregistry.com.au/support/index.php?/article/AA-00304/0/Email-setup-tutorials.html&h=0&w=0&sz=1&tbnid=uwOQwEenfTYQUM&tbnh=184&tbnw=275&zoom=1&docid=fV6D755wOuhbKM&ei=CSriUr6MBo-Z0AWU-oCgCQ&ved=0CAsQsCUoAw

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&docid=51ldLY-xuGKMpM&tbnid=2nezzm8yLQMqiM:&ved=0CAUQjRw&url=http://aussiesheep.com/&ei=diriUtqnCKqr0gWI1oHICw&bvm=bv.59930103,d.d2k&psig=AFQjCNEzCiWy4ha27Gf4HUbvfBiWppbyPQ&ust=1390640091888976


http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&docid=BtSHrCmySNLhGM&tbnid=d1zYaXleJAjzYM:&ved=0CAUQjRw&url=http://www.emerce.nl/wire/kitchen-on-a-mission-kiest-sap-business-one&ei=lSziUoqZGarO0AX32YHQBQ&bvm=bv.59930103,d.d2k&psig=AFQjCNEzJn9lorwmdrLFds9HDk36vxIBHw&ust=1390640628062158


http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&docid=vX0ycUrSxGMAvM&tbnid=BKGoWw17MSSRpM:&ved=0CAUQjRw&url=http://www.amazon.com/Toshiba-Satellite-S875-S7376-17-3-Inch-Aluminum/dp/B009D1UQ6A&ei=by3iUt7XNoa-0QWgiYC4DQ&bvm=bv.59930103,d.d2k&psig=AFQjCNGISk94M0A6BhgweGwQxRGWZr0Ptg&ust=1390640841969999

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&docid=pvwKHpUn5G3cqM&tbnid=XvDQYCsT6xtPmM:&ved=0CAUQjRw&url=http://www.vandenborre.be/multimedia-tablet/apple-ipad-mini-cel-16gb-black&ei=BkPiUsiAKcqq0QWg_IH4Ag&bvm=bv.59930103,d.d2k&psig=AFQjCNFPuig7ENKb3O-w8JCeBXSShMBjVA&ust=1390646391064406


http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=0cZwicjxqLjABM&tbnid=ogc2pEWoSzabPM:&ved=0CAUQjRw&url=http://shelf3d.com/Search/SAP%2BNetWeaver%2BPlayListIDPL5D26408DBA0EC1CF&ei=llwxU8SvN-L30gW0sIHYBw&psig=AFQjCNGtcnsSWHz6we0_BsOgwUbHWzh0WQ&ust=1395830269667082

Design

Dataflow phase 2-3

SLcM

Mobile

Portal

& Portal

•student

•booking-course

•event-moment

•opt in

•student serie

• language

• student serie

• Language

• OWA ID +

•student serie

•moment

•OWA ID

25.04.2014 CAB 7

https://www.google.be/imgres?imgurl&imgrefurl=http://www.netregistry.com.au/support/index.php?/article/AA-00304/0/Email-setup-tutorials.html&h=0&w=0&sz=1&tbnid=uwOQwEenfTYQUM&tbnh=184&tbnw=275&zoom=1&docid=fV6D755wOuhbKM&ei=CSriUr6MBo-Z0AWU-oCgCQ&ved=0CAsQsCUoAw





http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&docid=vX0ycUrSxGMAvM&tbnid=BKGoWw17MSSRpM:&ved=0CAUQjRw&url=http://www.amazon.com/Toshiba-Satellite-S875-S7376-17-3-Inch-Aluminum/dp/B009D1UQ6A&ei=by3iUt7XNoa-0QWgiYC4DQ&bvm=bv.59930103,d.d2k&psig=AFQjCNGISk94M0A6BhgweGwQxRGWZr0Ptg&ust=1390640841969999



http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=0cZwicjxqLjABM&tbnid=ogc2pEWoSzabPM:&ved=0CAUQjRw&url=http://shelf3d.com/Search/SAP%2BNetWeaver%2BPlayListIDPL5D26408DBA0EC1CF&ei=llwxU8SvN-L30gW0sIHYBw&psig=AFQjCNGtcnsSWHz6we0_BsOgwUbHWzh0WQ&ust=1395830269667082

User experience

The application through SAP UI5

user screens

User screens

Central login

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=IsXOIAV-wK0oNM&tbnid=2d1HJ4U8M14pmM:&ved=0CAUQjRw&url=http://www.att.com/wireless/iphone/&ei=bCtZU5fwLMnfOu52&psig=AFQjCNEr5cFMfZq77uwr-BGr-e3BQQqZEQ&ust=1398439110550740

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=2j0hPOr78Q_h9M&tbnid=sA-AJ-dys3JlKM:&ved=0CAUQjRw&url=http://www.bibloos.com/&ei=LVpaU4S-ItDXsgar6YDoAw&psig=AFQjCNEggpHK7C-1zISl7Ae23QeHin1yqA&ust=1398516625659167

User screens

Mobile SAP portal



User screens

Main menu



User screens

Student course list



User screens

Student serie configuration



User screens

Agenda configuration



User screens

Update & delete timetable in outlook agenda



Upload in Outlook agenda (Windows PC)

Synchronisation with Ipad agenda


Webapp timetable (mock ups)




Technical architecture

& open data

Infrastructure components

SAP R3 ECC 6.0 EHP7 SP03

NW 7.40 SP05

Gateway

backend

SOA

manager

SAP CRM BBPCRM EHP2 SP10

NW 7.31 SP10

Gateway

backend

WAS NW 7.40 SP06

Gateway

HUB

MS Exchange 2010

Exchange

Web-

service

Rest services

Web

services

O data-

model

O-Datamodel in the gateway HUB

Rest service URL

Navigation and data retrieval

users node:

http://webgwd.aps.kuleuven.be/sap/opu/od

ata/sap/zz_uurrooster_srv/Users

http://webgwd.aps.kuleuven.be/sap/opu/odata/sap/zz_uurrooster_srv/Users




Rest service URL

Navigation and data retrieval (ctd’)

Class events subnode :

http://webgwd.aps.kuleuven.be/sap/opu/od

ata/sap/zz_uurrooster_srv/Users('u007778

9')/ClassEvents


u0077789

u0077789

u0077789

Rest service URL

Navigation and data retrieval (ctd’)

Educational activity subnode :

http://…….


http://webgwd.aps.kuleuven.be/sap/opu/odata/sap/zz_uurrooster_srv/Users('u0077789')/ClassEvents/

http://webgwd.aps.kuleuven.be/sap/opu/odata/sap/zz_uurrooster_srv/Users('u0077789')/ClassEvents/

Rest services available as open data services

SAP R3 ECC 6.0 EHP7 SP03

NW 7.40 SP05

Gateway

backend

SOA

manager

SAP CRM BBPCRM EHP2 SP10

NW 7.31 SP10

Gateway

backend

WAS NW 7.40 SP06

Gateway

HUB

MS Exchange 2010

Exchange

Web-

service

Rest services

Open data

Web

services

O data-

model

OR

Principle open data-service

Central

IDP

Elastic

Search

Data-

service

Data

retrieval

SAP

Gateway

RX

Public service

Private service

Application

-web

-mobile

-office

SA

ML

2

SAP

R/3

SAP

CRM

…

3 types of open data

What Which type? Example User experience

No authentication

Public services

organigram,

academic offer

No login needed

With OAUTH-token

Selection of public

data voor a specific

user

Individual timetable User asks a one-time

token voor a specific

application and saves

this token

SAML

Single Sign On

Private data privacy sensitive

data

User logs in via

central login-page of

KU Leuven

Main

challenges

we encountered during the

project

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=sJKT7qxpmekX_M&tbnid=PlFuFKn_B6n_EM:&ved=0CAUQjRw&url=http://e3ts.com/test/off-season-training-challenges-are-those-good/&ei=cUMxU6iSCciY0QWf3oDgAg&psig=AFQjCNFo1ppHkGtbjkR4CLVb4YfB69YxKg&ust=1395823752217255

Main challenges

Performance

• Number of users > 100.000

o Initial load up to 15.000.000 records

o Hundreds of changes per day 10 thousands of records

• Z-tables for student-moment combinations

• Initial load and delta loads performance tuning

• Webservice processing

o Parallellisation of web service processing between SAP and Exchange

o Number of application servers is variable depending on the load

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=fIUkEIMVbUy3zM&tbnid=Ts8768qCHzahkM:&ved=0CAUQjRw&url=http://www.everythingonlinesem.com/performance-based-marketing/&ei=HjxgU9D_DNPQsQTV2YDQCA&psig=AFQjCNGs4fXCB-DXP8eqBzbHj0H2bbq60g&ust=1398902156015231

Main challenges

Setup of new technology

• SAP NW 7.40 required for integrated gateway

o in SAP NW 7.31 SP 4 extra plug ins were necessary

• SOA manager blocked on the KU Leuven proxy server

• Versioning SOA and WSDL

o Changes in WSDL requires changes at the SAP side

o SOA manager can only deal with one version at the time

• Method get list (for one ID) gave ABAP mapping issues

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=QV8OnAj2d4sxvM&tbnid=9VS7fW3yIykB8M:&ved=0CAUQjRw&url=http://www.knowledge4innovation.eu/eco-innovation-driver-resource-efficient-europe&ei=aTxgU67mIaqqsQTfw4CwBQ&psig=AFQjCNHVlVkYJ9ivOg7N4ZPaYNuVW1bBcQ&ust=1398902224917595

Main challenges

New development environment

• SAP UI 5

o Screen design according to the 1-1-3 principle fast and easy development of user screens

o (Re)-invent internal programming standards

o Developers with knowledge of JavaScript, HTML5, CSS

o Fast adoption through multi-peer programming MPP

• Rest services

o Fast adoption

o Open data standard requires good documentation

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=IytOJHgkRDpQEM&tbnid=oV7hm9HIBniWdM:&ved=0CAUQjRw&url=http://www.afs.org/blog/icl/?tag%3Ddevelopment&ei=Yz1gU4TmGJPNsQTr_YKYBQ&psig=AFQjCNEz5a4SFp1sZop-p-LbhQpiga_gXQ&ust=1398902483421229

Main challenges

Microsoft product

• Problems with recurring appointments

o SAP events consists of a set of recurring appointments (moments)

o Upload in Exchange as a recurring appointment didn’t allow reliable updates after the intial load

o Break up SAP event into individual appointments

• ID student-moment combination

o Exchange cannot guarantee the preservation of the unique key after an MS Exchange upgrade

o Definition of an extra subfield with a custom generated GUID

o Performance of the WSDL processing dropped from 8 WS/sec to 4 WS/sec

https://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=FIJ1GpdBIqbVfM&tbnid=IK_volCMQ__dfM:&ved=0CAUQjRw&url=https://twitter.com/Microsoft&ei=rz1gU4K2N7LKsQSvi4CgDQ&psig=AFQjCNGUCxsQL5ZIf-wGG53nGIesOVjNzA&ust=1398902564590443

Questions?

http://www.google.be/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&uact=8&docid=tdaDwtbHAd_gDM&tbnid=DXpDlxzsKsF5wM:&ved=0CAUQjRw&url=http://www.fresheventure.com/407/10-questions-you-must-ask-potential-dropshippers/&ei=nUBgU8DSJJHJsQTOoIGYDw&psig=AFQjCNFB_2TWHX2WwC9s3QdHcZ4P_o9sOg&ust=1398903301207889

MOBILE TIMETABLES Our first SAP UI 5 implementation Leuven HERUG... · Mobile SAP portal . User screens Main menu . User screens Student course list . ... SAP CRM BBPCRM EHP2 SP10

Documents