LITTLE INFO
ABOUT US
Thomas Van Driessche
@ThomasVD
WHO’S THIS GUY?
I’m the Portal & Social Engineer @ IBIZZ / Optis
 Started in 2009 (01-08)
 IBM Portal & Social Engineer
 Making IBM products more consumable
 Living between Ghent & Antwerp
 Born 28-06 -1988

LITTLE INFO
ABOUT US
Dimitri Mestdagh
@g00glen00b
WHO’S THIS GUY?
I’m a Portal Developer @ IBIZZ / Optis
 Started in 2012 (01-07)
 Portal developer
 Develop kickass portlets for customers
 Living near Antwerp
 Born 08-12 -1989

LITTLE INFO
AGENDA
 Why this session
 What is a portal
 Different features
 When do you need a portal
 Architecture
 What are portlets
 Portlet modes
 Portlet preferences
 Portlet execution phase
 Portlet vs spring
 Demo

LITTLE INFO
WHY?
1 Collaboration and Social is getting more and more
Important
2 Give your business that personalized single point of access to your information, expertise and
3 Exceptional web experience across multiple
Channels

WebSphere Portal
WHAT?
content manageme nt
Single
Sign
On
Search capabilities portlets
Customiz ation
& theming
Personaliza tion

WebSphere Portal
WHAT?

WebSphere Portal customization
Create your own theme
 Copy static resources for your theme
 Copy static resources for your skin
 Copy dynamic resources for your theme
 Link the static resources to the dynamic resources in your theme
 Build an EAR file containing all your resources

WebSphere Portal personalization
Different components
 Personalization browser
– user interface
 Register resource collections
 Authors rules, campaigns, and content spots
 Maps rules into content spots
 Rules engine – executes rules
 LikeMinds Recommendations
– engine
 Resource engine – resolves the queries produced by rules into content pieces

WebSphere Portal personalization
Different types
 Simple filtering
 based on predefined groups of site visitors
 Rules engines
 set of business rules to decide what category of content to show
 Collaborative filtering
 Rate a selection of products, compare
 Compare ratings with ratings from other visitors

WebSphere Portal
Single Sign On
Single Sing On
 Necessary to use the real force of the product
 Integration with other IBM products
 User repository

WebSphere Portal example

WebSphere Portal example

WebSphere Portal
WHEN?
When will the portal be needed
 Evade an overload on information
(personalization)
 Locate information quickly
 Central place for your services and applications
 Improve user-friendliness
 Channel relevant information resources and many services to different users

Portal architecture

Portlets what
What are portlets
 Portlets are components designed to be aggregated into a portal or portals
 JSR-286 standard
 Aware of portal context
 Package in a war file

Portlets different modes
Display different user interface
 View – normal mode of a portal, displayed on initial load
 Edit – customize the portlet
 Help – more information about
{ the portlet
Custom modes
 edit defaults – list of settings to personalize default behavior
 Config – global configuration, same for each instance of the portlet

Portlets preferences
Store customized information
 Personalized – single user
 Shared – portlet instance on a page
 Administrator – portlet definition

Portlets execution
2 phases instead of 1
 Action – user interaction
 Render – after possible action phase

Portlets spring
What is spring
 Popular java framework
 Inversion of control
 Extensions (validation, batch, …)
 Spring web MVC
 Aspect oriented programming
Spring portlet MVC
 Adaption of web
MVC
 PortletRequest &
PortletResponse
 Bridge, mappings, resolvers

demo
 Marvel portlets
 Dive in the portlet code
 Visibility Rule
 Give you an idea of how theming is done

Resources
 Marvel portlet code:
 https://bitbucket.org/g00glen00b/springmarvel-portlet
 WebSphere Portal 8 wiki:
 http://www-
10.lotus.com/ldd/portalwiki.nsf/xpDocViewer.
xsp?lookupName=IBM+WebSphere+Portal+
8+Product+Documentation#action=openDoc ument&content=catcontent&ct=prodDoc
 Developer marvel:
 http://developer.marvel.com
 Twitter bootstrap:
 http://getbootstrap.com

Contact
Thomas Van Driessche
@ThomasVD
Thomas.vandriessche@optis.be
Dimitri Mestdagh
@g00glen00b
Dimitri.Mestdagh@optis.be