sap fiori ux/ui

19
SAP Fiori Competence Solution Detail Presentation- User Experience on many devices Ankit Jain

Upload: ankitjain1107

Post on 09-Jan-2017

1.258 views

Category:

Technology


6 download

TRANSCRIPT

Page 1: SAP Fiori UX/UI

SAP Fiori CompetenceSolution Detail Presentation- User Experience on many devices

Ankit Jain

Page 2: SAP Fiori UX/UI

Agenda

Process overviewPitfalls in process Introduction to SAP Fiori SolutionsSAP Fiori Apps

Architecture Overview Service Scope

Wrap Up and Q&A

Page 3: SAP Fiori UX/UI

Gatepass Process

ZGATE02 -Create Gatepass entryZGPAPP- Approver ZGATE05 - ReportZGATE- Ztable to be updated

Gatepass created for outgoing entries onlyOne Level of ApprovalGate Pass approvers are maintained in custom table

against company code & creator would assign the approver at the time of creation

Page 4: SAP Fiori UX/UI

Pain Points in Approval Process

Delay in approval(need to intimate approver via e-mail/call)No Approval NotificationReject option not available In case of Rejection, need table entry deletion explicitlyDifficult to keep gatepass records

Page 5: SAP Fiori UX/UI

Key benefits of SAP FioriImproving customer’s user experience

Increase productivity Employees are

able to get the job done anytime, anywhere

Managers can streamline processes, impact business results

Apps are coherent and easy to use

Additional features (example: mass approvals) to accelerate handling

Lower risk Reduce TCO Implementation aligned to

business value and feasibility

Supportability by SAP SAP validated and tested Future-proof investment Continuous innovation

Improve time to value Faster

implementation Predictable

implementation timeline

Better quality assurance/reliability

Standards-based, flexible software framework

Instant roll out capabilities to different devices

Reduce customization and integration complexity via SAP Fiori toolkit and rapid-deployment offerings

Lower maintenance costs

Reuse of skill sets Intuitive usage

significantly reduces learning effort and cost

Page 6: SAP Fiori UX/UI

SAP Fiori – Architecture High-Level Overview

Page 7: SAP Fiori UX/UI

SAP Fiori – Architecture Mid-Level Overview

Page 8: SAP Fiori UX/UI

SAP Fiori – Architecture ABAP Frontend Server

Page 9: SAP Fiori UX/UI

SAP Fiori - Frontend Technology

Fiori apps build with SAP UI5 technology (HTML5) UI artifacts are deployed with ABAP technology Support of smartphones, tablets, and desktop (by responsive

design patterns) Different form factors and operating systems are supported

with single code line Fiori Apps are launched and running in the Fiori Launchpad as

UI components Business data is retrieved through OData services during

runtime

Page 10: SAP Fiori UX/UI

SAP Fiori - Application Types

Page 11: SAP Fiori UX/UI

SAP Fiori – ArchitectureTransactional Apps (AT1) - Business Suite Version / Enhancement Package

• Focused on transactional scenarios released to run with the latest enhancement packagee.g. SAP ERP 6.0 EhP 7, SAP CRM 7.0 EhP 3, SAP SRM 7.0 EhP 3 …

• Apps are deployed by ABAP UI add-ons

• Apps are connected via OData services

• OData services are shipped via ABAP Support Packages on the highest available Business Suite releasee.g. SAP ERP 6.0 EhP 7, SAP CRM 7.0 EhP 3, SAP SRM 7.0 EhP 3 …

• HANA and any database* are supported

Page 12: SAP Fiori UX/UI

SAP Fiori Apps on Any DB TodayAcross lines of business and industries

Page 13: SAP Fiori UX/UI

SAP Fiori Launchpad Web-based entry point for SAP business applications across platforms and devices

• The FIORI Launchpad provides end-users an entry point to Fiori applications in a role-based, consistent and user-friendly manner using tiles.

• Tiles show dynamic/live/real-time application information (like status, KPIs) on the home page.

• Predefined content and high degree of personalization .

• Tiles can be selected from catalogs and arranged in groups.

• Search is integrated.

Page 14: SAP Fiori UX/UI

Desktop Browser SupportWindows and Apple Devices*

Page 15: SAP Fiori UX/UI

Browser Support for MobileMobile Phone and Tablets Supported *

Page 16: SAP Fiori UX/UI

Service Scope - Deployment solution Options

Page 17: SAP Fiori UX/UI

Service Scope - Infrastructure SAP Fiori foundation deployment

• Deploy infrastructure Notes for SAP Gateway and SAP UI5

• Deploy SAP UI5 for NetWeaver Add-On

• Connect SAP Gateway to SAP Backend

• Configure Backend Event Publisher

• High Availability Landscape Deployment

• SAP Gateway and SAP UI5 are the core component of SAP Fiori infrastructure with the capability to support multiple users and applications in a productive environment.

• Gateway is integrated with SAP Business Suite systems and provides a set of oData services. SAP UI5 enables the consumption of those oData services in any compatible browser for a true multi-channel UI experience

Page 18: SAP Fiori UX/UI

Service Scope - SAP Gateway Deployment Options1) Central Hub Deployment of SAP Gateway

2) Embedded Deployment of SAP Gateway

Recommendation is to use the Central Hub Deployment, if several SAP backend systems need to be connected.

Use the Embedded Deployment if you only need to connect to one backend system.

Page 19: SAP Fiori UX/UI

Thank You!

Any open questions?