1. Workcenter 2.0 Part I Roelof Conijn / Stefan van Liempt

2. Universiteit Leiden. Bij ons leer je de wereld kennen. Workenter 2.0 Part I Presenters: Roelof Conijn Stefan van Liempt 17.11.2015

3. Universiteit Leiden. Bij ons leer je de wereld kennen. - 24,000 students in BA, BSC, MA, MSC, PhD - 3,600 employees - 10 fte functional team - SANS/Cooperation Uses - Campus Solutions since 2010 - PeopleTools 8.54.13, Bundle 37 Introduction

4. Universiteit Leiden. Bij ons leer je de wereld kennen. Agenda 1. Workcenter vs Workcenter 2.0 (the differences) 2. Demo 3. How do you build it? 4. Impact on organization 5. Questions

5. Universiteit Leiden. Bij ons leer je de wereld kennen. Case Lots of different admin around checklists Central checklist management Admissions Study admins Financial Create Filter Copy

6. Universiteit Leiden. Bij ons leer je de wereld kennen. So we created a workcenter With some drawbacks:  Scroll down in results  No easy sorting possibility  Searching through large resultset is difficult A massive improvement

7. Universiteit Leiden. Bij ons leer je de wereld kennen. Still a lot of dependency on excel-functions e.g: searching, filtering, sorting … So in fact we created an excel-driven workcenter.. x

8. Universiteit Leiden. Bij ons leer je de wereld kennen. http://www.jquery-bootgrid.com Searching for solutions: http://datatables.net  Bootgrid and datatables.  Both give control over grid results.  Provide functions that boost usability.  We started with bootgrid.

9. Universiteit Leiden. Bij ons leer je de wereld kennen. Workcenter 2.0 DEMO: How to use it  Searching  Filtering  Sorting  Pagination  Column show/hide  Configure results per page

10. Universiteit Leiden. Bij ons leer je de wereld kennen. How do you build it? Workcenter 2.0 Customized XSL Branding objects Pagelet

11. Universiteit Leiden. Bij ons leer je de wereld kennen.

12. How do you build it Branding objects Copy and paste from the net! Peopletools > Portal > Branding > Branding Objects

13. Universiteit Leiden. Bij ons leer je de wereld kennen. How do you build it? Customize XSL  Bootgrid plugin expects a HTML table format (1)  Once you have this, it will give you a grid with a lot of functionality(2) 1 2

14. Universiteit Leiden. Bij ons leer je de wereld kennen. How do you build it? Customize XSL  Lookup the delivered TABLE_QUERY XSL  This gave us a clear example how to create a HTML table from a query Peopletools > Portal > Pagelet Wizard > Define XSL

15. Universiteit Leiden. Bij ons leer je de wereld kennen. How do you build it? Create your XSL definition  We then used this example to comply to the bootgrid table structure  Create your own definition based on the TABLE_QUERY  Save it!

16. Universiteit Leiden. Bij ons leer je de wereld kennen. How do you build it? Customize XSL  Choose Custom property  Then Bootgrid XSL template  Finally, click Generate

17. Universiteit Leiden. Bij ons leer je de wereld kennen. Workcenter 2.0 DEMO: How to build it

18. Universiteit Leiden. Bij ons leer je de wereld kennen. 18 Users  Much more control  A faster mechanism to search  Friendly UI  Less export to excel  Less clicks  We want more! Developers  You need a webexpert for initial setup only  Sky is the limit! Maintenance  Rollout in new pagelets in minutes  Little maintenance  No collisions on (bundle) upgrades 18 Impact on organization

19. Universiteit Leiden. Bij ons leer je de wereld kennen. Timeline  Dev. 1 st pagelet  Implementation  Maintenance 1 hour per quarter 2 hours 2 days 1 hour per quarter Few minutes  Dev. 2 nd pagelet  Implementation  Maintenance

20. Universiteit Leiden. Bij ons leer je de wereld kennen. ?

21. Thank you for attending this presentation Roelof Conijn r.conijn@sea.leidenuniv.nl Stefan van Liempt stefan@cy2.nl