2. Transforming UX with Fluid UI Nick Goupinets Lead Developer, UTS McMaster University

3. My Background Building enterprise systems for over 10 years McMaster University, eHealth, Intelliware and RIM SCJP, SCJD, SCWCD, SCEA, ScrumMaster, TOGAF, SEI, CITA, Cloud+, ITIL …

4. Agenda Fluid UI – what / why / responsive design / dev experience Agile Process – manifesto / values / terminology McMaster Story – requirements / lessons learned / demo / results

5. FLUID UI

6. What Enhancement of the PS “classic” UI Moves away from the pixel-perfect design and layout Leverages existing PeopleSoft development skillset Use of mainstream web technologies:

7. 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 Future of PeopleSoft UI - Default UI in 8.55

8. Responsive Design Fluid UI pages can appear differently depending on the device form factor

9. Responsive Design – Single Page

10. PIA WYSIWIG

12. Fluid

14. AGILE PROCESS

16. BDUF

17. Agile Manifesto

18. Agile Principles Customer satisfaction by early and continuous delivery of valuable software Welcome changing requirements, even in late development Working software is delivered frequently Close, daily cooperation between business people and developers

19. Agile Principles Projects are built around motivated individuals, who should be trusted Face-to-face conversation is the best form of communication (co-location) Working software is the principal measure of progress Sustainable development, able to maintain a constant pace

20. Agile Principles Continuous attention to technical excellence and good design Simplicity—the art of maximizing the amount of work not done—is essential Best architectures, requirements, and designs emerge from self-organizing teams Regularly, the team reflects on how to become more effective, and adjusts accordingly

21. SCRUM Simple agile framework Iterative and incremental

22. SCRUM Delivers ROI frequently Embraces change Avoids waste Transparency Productivity Continuous improvement

23. OUR STORY

24. What Maintenance Management McMaster PeopleSoft stack – all key PS modules – CS, FS (9.2 last year), HR Prior used AiM iDesk from AssetWorks

27. Project kickoff Two page requirements document Two epics – Work Orders and Service Requests Interviewed user to create the backlog – Built a list of stories – Mocked user interface

29. First iterations Non-functional DEV environment – Broken after applying an upgrade Fluid documentation is hard to locate – Late 2015 – Fluid is cutting edge

30. PeopleSoft Update Manager A VM provided by Oracle for CS, HR, FS A complete copy of the environment Includes test users/data

31. Peoplesofttutorial.com Dan Sticka – ERP Consultant / owner at DannyTech.net PeopleSoft Fluid – A tutorial for PeopleSoft Fluid development Hands-on, detailed In 2015 – the only useful Fluid resource

34. Lessons learned Complex layouts for Fluid do not work well The main message: Keep Design Simple

35. Second attempt Use of best practices – Put all code into application packages – Apply MVC design pattern Keep It Simple

38. System Design

39. DEMO

40. Summary Rollout was successful – very positive user feedback Fluid UI is a valuable new paradigm to have in the toolset – Yet not without issues (keep it simple!)

41. Waterfall would have failed

42. Resources Peoplesofttutorial.com Blogs – Jim Marion - http://jjmpsj.blogspot.ca – Sasank Vemana - http://pe0ples0ft.blogspot.ca PeopleSoft Spotlight Series Oracle University

43. Q&A