fluid ui - wordpress.com€¦ · mcmaster university, blackberry, ehealth ontario scjp, scjd,...

FLUID UIENHANCING PEOPLESOFT MAINTENANCE MANAGEMENT

CAPABILITIES

PRESENTERNick 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 …

MCMASTER UNIVERSITY

Founded in 1887

27,987 Full-time students

7,380 Faculty & staff

World’s top 100

MCMASTER & ORACLE▪ PeopleSoft implementation started in 2012, including

Financial Management – 9.2 – 8.55

Human Capital Management – 9.2 – 8.55

Campus Solutions – 9.0 – 8.53

Interaction Hub – 9.1 R2 – 8.55

Custom application environment (BO) – 8.55

▪ Infrastructure components

PHIRE Architect - 8.53.02

GreyHeller ERP Firewall

AGENDA▪ Fluid UI

▪ Maintenance Management Solution

▪ Results and Lessons Learned

▪ Q & A

FLUID UIWHAT / WHY / RESPONSIVE DESIGN / DEV EXPERIENCE

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

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

RESPONSIVE DESIGN▪ Fluid UI pages can appear differently depending on the device form factor and

determine portrait / landscape mode of a device

RESPONSIVE DESIGN – SINGLE PAGE

PIA WYSIAWYG

PIA WYSIWYG

FLUID PAGES

FLUID – DEVELOPMENT VIEW

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

NO SEARCH PAGES IN FLUID BY DEFAULT▪ Use PeopleCode

▪ Use Search Framework

▪ Use Pivot Grid

MAINTENANCE MANAGEMENT SOLUTION

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

SCRUM▪ Simple agile framework

▪ Iterative and incremental

Unit Tests

CI

Automation & Tools

Technical Landscape

Process

PEOPLESOFT UPDATE MANAGER▪ A VM provided by Oracle for CS, HR, FS

▪ A complete copy of the environment

▪ Includes test users/data

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

LAYERED ARCHITECTURE

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 40-60 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

RESOURCES▪ DannyTech.Teachable.com

▪ Use ALLIANCE coupon code for a 30% discount!

▪ Blogs

▪ Jim Marion - http://jjmpsj.blogspot.ca

▪ Sasank Vemana - http://pe0ples0ft.blogspot.ca

▪ Doug Stupple - http://developerstoolbox.blogspot.ca/

▪ PeopleSoft Spotlight Series

▪ Oracle University