38
Invoice Traffic Manager An Invoice Approval App based on Sybase Hybrid Web Container 14.9.2013 Mark Teichmann

Invoice Traffic Manager

Embed Size (px)

DESCRIPTION

An Invoice Approval App based on the Sybase Hybrid Web Container. The Pro's and Con's of using a hybrid Approach to build a mobile Application is discussed. Slides from my talk at SAP Inside Track Manchester 2013

Citation preview

Page 1: Invoice Traffic Manager

Invoice Traffic Manager

An Invoice Approval App

based on Sybase Hybrid Web Container

14.9.2013 Mark Teichmann

Page 2: Invoice Traffic Manager

2

Invoice Approval (Classical way)

Page 3: Invoice Traffic Manager

3

Invoice Approval (ITM Style)

Page 4: Invoice Traffic Manager

4

Goals Goals

• Easy to use

• Prioritization of Approvals

• Adding Comments to Approvals

Page 5: Invoice Traffic Manager

5

Application Design

Integration in Standard SAP Business Workflow

Data model on Sybase Unwired Platform

Mobile Application on different Platforms

Page 6: Invoice Traffic Manager

6

Data Flow

Page 7: Invoice Traffic Manager

7

SAP Business Workflow

Page 8: Invoice Traffic Manager

8

Page 9: Invoice Traffic Manager

9

Page 10: Invoice Traffic Manager

10

Page 11: Invoice Traffic Manager

11

Customization of Approval Workflow

Page 12: Invoice Traffic Manager

12

Push Messages via WF-DCN

Page 13: Invoice Traffic Manager

13

MBO data via RFC

Page 14: Invoice Traffic Manager

14

Complete WI via RFC

Page 15: Invoice Traffic Manager

15

Goodie: Tracing in SAP

Log-Points for tracing RFC-Calls

Page 16: Invoice Traffic Manager

16

/n

Page 17: Invoice Traffic Manager

17

Page 18: Invoice Traffic Manager

18

Which Sybase Unwired Platform SDK?

Page 19: Invoice Traffic Manager

19

Page 20: Invoice Traffic Manager

20

Page 21: Invoice Traffic Manager

21

Page 22: Invoice Traffic Manager

22

SUP Coding

Approval Form and Attachment built with Hybrid App Designer

Page 23: Invoice Traffic Manager

23

Customization of native Container

Page 24: Invoice Traffic Manager

24

Customization Touch Points

Page 25: Invoice Traffic Manager

25

Sorting

Default: by Date Custom: by Due Date

Page 26: Invoice Traffic Manager

26

Sorting Customization in XCode

Page 27: Invoice Traffic Manager

27

Branding

Page 28: Invoice Traffic Manager

28

Pain Points in HWC Development

Page 29: Invoice Traffic Manager

29

Customization on all Platforms needed

Page 30: Invoice Traffic Manager

30

Mixture of Screen Design and Coded Design

Page 31: Invoice Traffic Manager

31

jQuery Problems…

Collapsible does not Toggle on Android 4.2

$('div[data-role="footer"]') not at bottom

Page 32: Invoice Traffic Manager

32

Debugging very difficult

Page 33: Invoice Traffic Manager

33

Capabilities of ITM

Invoice Approval Online and Offline, Mobile or SAP Gui

Prioritization by Traffic Lights

Push Enabled

Easy provisioning (Private and Corporate Devices)

Secure and encrypted Data and Communication

Page 34: Invoice Traffic Manager

34

Lessons learned

Using HWC you get a running app very quickly

Most of the effort goes for the tiny details

Try to stay in Standard

Coordination of Developers of SAP, SMP and HWC is crucial

Page 35: Invoice Traffic Manager

35

Live Demo

Page 36: Invoice Traffic Manager

36

Acknowledgements

ITM was realised in cooperation with

SAAB Picture by http://www.flickr.com/photos/faceme/

Page 37: Invoice Traffic Manager

37

Thanks for your attention

Mark TeichmannSenior ConsultantSAP Technical [email protected]

Page 38: Invoice Traffic Manager

38

Questions?