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