uPortal Q1 2018 Quarterly Briefing
- 1. Open Source Support for uPortal: Quarterly Briefing | Q1 2018
- 2. The Unicon uPortal Team Alison DuBose Project Manager @alidubose Drew Wills Tech Lead @drewwills @droowills Benito Gonzalez Server Side Dev @bjagg @bjagg69 Chris Beach Server Side Dev @cbeach47 @abeachboy47 Christian Murphy Front End Dev @christianmurphy
- 3. Housekeeping Items ● Please keep your phones on mute ● We encourage questions, but please post to chat room ● If we can’t answer a question, we’ll follow up accordingly ● Briefing will be available on Unicon YouTube channel ● Blog posted on Unicon public website ● Let’s have fun and learn a little bit
- 4. Agenda 1. uPortal Community News 2. Community Spotlight: Cal Poly Pomona UI Refresh 3. Sustaining Engineering Update 4. uPortal v. 5.1 5. New Portal Content w/ Web Components
- 7. Open Apereo 2018 ● June 3rd - 7th ● Delta Marriott Hotel in Montreal, Quebec ● Early bird registration ends May 1st! ● Full program available now! https://www.apereo.org/conferences/open-apereo-2018 ● uPortal Collaboration Day(s): https://goo.gl/UhfzKp
- 8. Community Spotlight: Cal Poly Pomona UI Refresh
- 10. Cal Poly Pomona Overview ● 25,894 Students ● 3,900 Faculty and Staff ● Implemented uPortal in November 2014 ○ Upgraded to uPortal 5 in March 2018
- 11. Portal UI Refresh ● Modernize look and feel ● Increase visual appeal ● Implement elements familiar from other apps websites ● Implement familiar and expected behaviors for elements ● Provide access to more content on landing page without overwhelming the user
- 13. Hamburger Menu
- 14. Waffle Menu
- 15. Notifications
- 16. Browse Carousels
- 18. Sustaining Engineering Summary ● Support for producing Docker images in uPortal-start ● API documentation based on Swagger ● Refactor the Notification portlet as a Spring Boot project ● Several new releases, including uPortal, Announcements, Calendar, Notifications, News Reader, Portlet utils, and Simple Content portlet ● Total Effort: 246.5 hours
- 19. uPortal-start knows how to build Docker images: ● uportal is the web server-only image ● uportal-cli includes the CLI tools ● uportal-demo is a demonstration (a.k.a. “quickstart”) version of the portal $ docker run -it -p 8080:8080 apereo/uportal-demo
- 20. ● Hypertext documentation for uPortal REST APIs ● Simple UI for invoking APIs and inspecting responses ● 23 APIs available!
- 21. Some Additional Items ● Address JGroups startup issues in uPortal ● Move footer-nav region (uPortal) to a portlet in Respondr ● Replace broken, custom validation query class in uPortal ● Make the uPortal-start CLI tools smarter ● Perform a Java version check in uPortal-start ● Add tasks tomcatZip & tomcatTar in uPortal-start ● Improvements to JVM config & memory settings in uPortal-start ● Additional configuration documentation in uPortal-start ● Fix city links in the Weather portlet ● Fix mixed content warnings due to images in the Weather portlet ● Fix orphaned DB connections in the Announcements portlet ● Fix topic updating in the Announcements portlet
- 23. Coming Soon! ● uPortal v. 5.1.0 will be available shortly ● New features: ○ Layout options based on CSS Flexbox ○ Updated, REST-based sitemap portlet ○ API documentation based on Swagger ○ New REST endpoint for userinfo
- 24. New Portal Content with Web Components
- 26. Web Components ● Web components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. ● Custom components and widgets build on the Web Component standards, will work across modern browsers, and can be used with any JavaScript library or framework that works with HTML. ● Specifications: ○ Custom Elements ○ Shadow DOM ○ HTML imports* ○ HTML Template * Not supported by all browsers
- 27. New Notification Icon ● Developed with Node, but integrated into the Gradle-based build and packaged into the Notification.war file ● React, Create React App (CRA), ReactiveElements, react- fontawesome, reactstrap, React I18Next ● 0% JSR-286 portlet ● 100% static ● Pulls user data from a REST API
- 28. notification-icon.portlet-definition.xml ● Published as a SimpleContentPortlet
- 29. Questions?