FLUID UI ENHANCING PEOPLESOFT MAINTENANCE MANAGEMENT CAPABILITIES

Transcription

1 FLUID UI ENHANCING PEOPLESOFT MAINTENANCE MANAGEMENT CAPABILITIES

2 PRESENTER Nick Goupinets, Lead Developer McMaster University Developing enterprise systems for over 10 years McMaster University, Blackberry, ehealth Ontario SCJP, SCJD, SCWCD, SCEA, ScrumMaster, TOGAF, SEI, CITA, Cloud+, ITIL

3 MCMASTER UNIVERSITY Founded in ,987 Full-time students 7,380 Faculty & staff World s top 100

4 MCMASTER & ORACLE PeopleSoft implementation started in 2012, including Financial Management Human Capital Management Campus Solutions Interaction Hub 9.1 R Custom application environment (BO) 8.55 Infrastructure components PHIRE Architect GreyHeller ERP Firewall

5 AGENDA Fluid UI Maintenance Management Solution Results and Lessons Learned Q & A

6 FLUID UI WHAT / WHY / RESPONSIVE DESIGN / DEV EXPERIENCE

7 FLUID UI - WHAT Enhancement of the PS classic UI primarily for mobile (all vertical) Moves away from the pixel-perfect design and layout Leverages existing PeopleSoft development skillset Use of mainstream web technologies: CSS3 is the only one really needed

8 WHY Delivers new integrated experience: more than mobile and responsive designs provide efficient and intuitive UI Adapts user interface for different form-factors Designed around roles and is personalizable Default UI as of 8.55

9 RESPONSIVE DESIGN Fluid UI pages can appear differently depending on the device form factor and determine portrait / landscape mode of a device

10 RESPONSIVE DESIGN SINGLE PAGE

11 PIA WYSIAWYG

12 PIA WYSIWYG

13 FLUID PAGES

14 FLUID DEVELOPMENT VIEW

15 LAYOUT SOLUTION CSS grid solution is a must have Bootstrap use Bootstrap Customizer to include grid only Oracle JavaScript Extension Toolkit (JET) download CSS grid styles

16 NO SEARCH PAGES IN FLUID BY DEFAULT Use PeopleCode Use Search Framework Use Pivot Grid

17 MAINTENANCE MANAGEMENT SOLUTION

18 WHAT FSCM Maintenance Management for Facilities Goal was to test whether FluidUI can be used as the basis for Mobile Strategy Previously tested Native Apps, PeopleSoft Mobile Application Platform Facilities used AiM idesk from AssetWorks

19

20

21 SCRUM Simple agile framework Iterative and incremental Process Technical Landscape Unit Tests CI Automation & Tools

22 PEOPLESOFT UPDATE MANAGER A VM provided by Oracle for CS, HR, FS A complete copy of the environment Includes test users/data

23 ARCHITECTURE AND BEST PRACTICES Maintainability is massively important Maintenance typically consumes 40-80% of software costs over lifetime Use of best practices Put all code into application packages Apply MVC design pattern Keep It Simple

24 LAYERED ARCHITECTURE

25

26

27

28

29

30

31

32

33 SUMMARY Rollout was successful very positive user feedback Deployed to production in 2016 Used by more than 40 technicians on a daily basis Handles scheduling service requests and work orders a day Results are directly linked to the departmental KPI and provided to the senior management Fluid UI is a valuable new paradigm to have in the toolset Focuses on self-service Keep it simple

34 RESOURCES DannyTech.Teachable.com Use ALLIANCE coupon code for a 30% discount! Blogs Jim Marion - Sasank Vemana - Doug Stupple - PeopleSoft Spotlight Series Oracle University