Create Engaging User
Experiences with
Red Hat JBoss Portal
Thomas Heute, Sr. Engineering Manager, Red HatDivya Mehra, Sr. Product Manager, Red HatJune 12, 2013
Red Hat JBoss Portal
Agenda
● Product overview
● What's new in v6.0 and v6.1
● Deep dive into selected features
● Q & A
Red Hat JBoss Portal - Popular Use Cases
● Self-service websites● Customer, partner, and citizen portals
● Specialized work consoles● Assembly-line workers, customer-service reps
● White-labeled products and services● Embedded in partner solutions
Red Hat JBoss Portal - Architecture
JBoss EAP
Master page object model
Portal presentation services
Containers Repository services
JBoss Developer
Studio
JBoss Operations Network
Red Hat JBoss Portal - Architecture
Portlet bridge
Seam
JBoss EAP
Navigation
Master Page Object model
Portal presentation services
Sites andtemplates
DashboardsSkinsApplicationregistry
PortletsJSR 286
OpenSocial
WSRP 2.0
Containers Repository services
JSF RichFaces
Java content
repository
Identity manager
Users andgroups
Virtual sites
● New portals can be spawned inside a single portal installation
● Can have independent look and feel
● Each virtual portal shares administration resources
● Shared portlets● Shared
administration tools
Portal 1
Presentation services
Portal infrastructure
Portal 2 Portal 3
Red Hat JBoss Portal
Portal contexts
Portal infrastructure
● Plug-ins can be added to install as EARs
● Can be more portals or other application types
● Each EAR is its own independent tenant
● Unique URLs● Unique containers● Unique administration
Red Hat JBoss Portal
EAR 1
Portal1
PS1
EAR 2
Portal2
PS2
EAR 3
Portal3
PS3
Identity management
● Uses PicketLink IDM framework● Users● Groups● Roles
● Identity information stored in supported relational databases or LDAP servers
Single sign-on
● Users can access many systems through portlets, using a single identity
● Currently supported SSO integrations:● CAS● JOSSO● OpenAM● SPNEGO
● Supported integrations:● https://access.redhat.com/site/articles/119833
Managed Red Hat JBoss Portal
Deploy, manage, and monitor your portal instances● Simplify release management with support for provisioning
and patching● Support IT governance objectives with enterprise-grade
configuration management and runtime SOA governance● Ensure application services levels with performance and
availability monitoring
What's New: Red Hat JBoss Portal 6.0
Features
● Runs on Enterprise Application Platform 6.0● CXF for Web Services Remote Portlets
● Portlet bridge support JSF 2.1 and Rich Faces 4.2 support
● Single sign-on using SAML 2.0
● Modularized Javascripts
● Maven quick starts
What New: Red Hat JBoss Portal 6.1
Expected features
● Mobile support● Redirection based on user-agent/device detection● Adaptive user interface (Technology Preview)
● Single sign-on using Facebook, Google, Twitter credentials
● Public APIs for navigation nodes
● CDI for portlets
In depth and demos
Social network support (Coming in 6.1)
● Because registration is a barrier
● Because 3/4 users would rather use an existing social network account
● Out of the box OAuth support for● Facebook● Google● Twitter
OAuth
● Safety net: Local account with local password if needed
OAuth demo
Javascript dependency management (Since 6.0)
Portal page, uses jQuery 1.7.1
Portlet AUses jQueryof the portal
Portlet BUses jQuery 2.0
Portlet CUses jQuery File
upload which depends on jquery.ui
1.7.1
jquery 1.7.1 jquery 2.0
jquery ui
jquery file upload
Javascript dependency management (Since 6.0)
● Lighter Javascript on a page
● Allowing multiple versions of Javascript frameworks (namespacing)
● Faster (On demand loading and parallel loading)
Javascript dependency (really) quick demo
Going mobile (Coming in 6.1)
● Two folds● Redirection based on client device capabilities● Responsive UI: Out of the box example site
Redirection
Redirection engine
Based on:User-AgentScreen WidthUser's choice
User on a mobile
User on a laptop
/portal/classic
/portal/mobile
Responsive UI - Desktop
3 Images in a row,with text below
Expanded menu
Responsive UI - Tablet
3 Images in a column,with text on the side
Expanded menu
Responsive UI - Phone
3 Images in a column (cut from screenshot),with text below
Collapsed menu
Mobile/Redirection demo
Quickstarts
● 10 official quickstarts and counting
● Bill Of Material for Maven projects
● Public Maven repository for enterprise bits● http://maven.repository.redhat.com
● Integration in JBoss Developer Studio
Q&A