Slide 1
PeopleSoft UI: Fluid, Classic, or Both? A Decision for Every Customer - CON2848
Graham Smith
About CedarOracle Implementation HousePeopleSoft, HCM Cloud and Taleo ExpertsSupport, Managed Services, Hosting CentreAround 70 consultants with Offices in UK, Switzerland, India and Australia15 Upgrades to PeopleSoft 9.2 completed
Who am I ? Graham Smith
Lead Consultant at Cedar ConsultingOracle ACE Director Chair of the PeopleTools SIG at UK Oracle User Group7th year presenting at Oracle OpenWorld
http://i-like-trains.blogspot.co.uk
AgendaFluid: Whats it all about?User and Device ProfilingDecisions and Design PatternsImplementation
Fluid: Whats it all about?
Fluid: Whats it all about?Why?Application usabilityMore intuitive & easier to useExpectation of users
Fluid represents PeopleSofts strategic direction for delivering a robust and intuitive, yet familiar, experience for your application users.A new paradigm and model
not just a new user interface
direction of all future PS development
Fluid TechnologyDesigned for mobile devicesScreen size awareResponsive Auto adjusts visible fieldsSupports native device controls
Appropriate for desktop devicesGood for simple transactions
Useful References & GuidesFLUID UI: PeopleSoft Fluid User Interface Documentation Updates (Doc ID 1909955.1)Converting Classic PIA Components to PeopleSoft Fluid User Interface (Doc ID 1984833.1)PeopleSoft Fluid Navigation Standards White Paper (Doc ID 2063602.1)
PeopleSoft Spotlight Series
Need access to PeopleSoft Fluid?PeopleSoft Image Hosting from Cedar
http://www.cedarconsulting.co.uk
Your own HCM, FSCM, ELM, CRM or IH PeopleSoft ImageUse it for exploring FluidExperimental / Prototype DevelopmentSelective Adoption Packing of Updates to 9.2
from $420 per month
What do you get with Fluid UI ?PeopleTools Fluid UI development toolsFluid Helper ToolsFluid Components (or Apps)
Fluid Page Layouts (Templates)
Application Start Pages
Homepages and TilesRecommend no more than 9 tiles per HomepageNo more than 5 HomepagesBring key information onto the Tile itselfEasy to think of these as replacing Pagelets but they serve a different purpose
What do you get Some Fluid Helper ToolsFluid Landing PageHomepagesTilesFluid Search ResultsNotifications (Actually MAP not Fluid)replaces Worklist and is now cross systemPivot GridsActivity Guides (coming in 8.55)Navigation Collections (coming in 8.55)Unified header branding (coming in 8.55)
User and Device Profiling
User and Device ProfilingPeople and their RolesSelf serviceExecutivePower
Devices they may usePhoneTabletDesktop/Laptop
Profile Users by Device
Desktop Browsers:Google ChromeInternet ExplorerMozilla FireFoxApple Safari*Dolphin*Opera*Microsoft Edge
*Not certifiedMobile Browsers:Google ChromeApple Safari*23+ others
*Not certified
Profile Users by Application Type
Decisions and Design Patterns
What are the decisions to be madedirection of all future PS development
Classic Interface
Source: Wiktionary.org
Classic PortalClassic Component
Use Fluid (Y/N) ?Do you need PeopleSoft on mobile device ?Either now or in the future?Do you want a Cleaner, Simpler user interface for Self Service and Executive users?Do you want to take advantage of new features?
Use Fluid (Y / N) ?
Landing Page or PeopleSoft Portal?Fluid Homepages designed for mobile devicesWorks well on desktops too
Fluid Homepage & Portal ?
Windows and Fluid
Header Branding - Fluid and Classic
Header Branding - Fluid and Classic
Changing the HeaderPeopleTools > Portal > Branding > Define Headers and Footers
The User Experience
Classic comp
Design Patterns
Design Pattern #1 Classic PortalClassic design using available technology prior to PeopleTools 8.54Good for desktop usersBad for mobile usersFunctionally rich, familiar Clasic portal framework
LoginClassicPortalClassic ComponentClassicWorkCentre
Design Pattern #2 Classic Portal with Fluid AppsGood for both desktop & mobile usersAvoid Portal for mobile users using bookmark direct to Fluid componentsGreat introduction to FluidNo Fluid Homepage to maintainSelf Service or Dashboards
LoginClassicPortalClassic ComponentClassicWorkCentreFluid ComponentMobile Bookmark
Design Pattern #3 Only FluidGood for all devices mobile & desktopLimited breadth of Fluid apps
Included for completeness
LoginFluid HomepageFluid Component
Design Pattern #4 Fluid Home - Classic & Fluid AppsNo classic portalTidy clean and simpleAll users get same login and navigation experienceLess functionality compare to PortalBut can replace with WorkCentresNo New Window
LoginClassic ComponentClassicWorkCentreFluid ComponentFluid Homepage
Design Pattern #5 Classic Only or Fluid Only
LoginFluid ComponentFluid HomepageClassicPortalSingle point of loginDrive UI on who you are, what youre doing or what deviceCould be confusingClear divide between mobile and desktopMaybe restrictive if no Fluid App available
Classic ComponentClassicWorkCentre?
Design Pattern #6 Both Homepage and PortalSome Classic acceptable on Mobile deviceComplex to administerBest of all worlds
MobileLoginClassic ComponentClassicWorkCentreFluid ComponentClassicPortalDesktop LoginFluid HomepageClassicWorkCentre
Real World Examples
Fluid Example from Oxfam GBGreat example of Design Pattern #4 Built by the amazing PeopleSoft Team at Oxfam (Not built by Cedar Consulting)
Introduced as part of a HR 9.0 to 9.2 Upgrade Project1,200+ users worldwide (900+ self service)
Fluid UI @Exclusively Fluid HomepageRegardless of user deviceEven if users dont use Fluid AppsUse Fluid apps where deliveredConvert custom self service into Fluid
Homepage for most users
Homepage for Power Users
Spire Healthcare PeopleSoft Fluid RecruitmentUKs 2nd largest provider of private healthcareJob site built around Classic Candidate GatewayCedar built Fluid application
Design Pattern #2 Classic Portal with Fluid Apps
Guest Login
Desktop BrowserCell Phone
Desktop BrowserCell Phone
Rotate Cell PhoneCell Phone
One strategy for converting to Fluid
RecordRecordRecordRecordRecordRecordC 1C 2C 3F 4F 5F 61) Create new Fluid pagesC 4C 5C 62) Rename original pagesF 1F 2F 33) Rename Fluid to original namesComponent
In ConclusionUnderstand what you have with FluidProfile your users and devices look to the futureDecide Classic or Fluid ?Classic Portal and/or Fluid Landing pageClassic Apps and/or Fluid AppsChoose a design that suits your profile and infrastructurePilot some Fluid Apps in low risk area
New PeopleTools Book!Fluid UIMAPREST and DocumentsjQuery MobileAngularJSCordovaAndroidOracle Mobile Application Framework
Jim & Sarah Marion
66
Who is Jeffrey?
Any Questions or Observations?
http://[email protected]
Top Related