1. Liferay features that increase ROI & flexibility
Going mobile with Liferay 6
Pay once, deploy limitless
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

2. Going mobile with Liferay 6
Liferay and its part in the mobile revolution
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

3. Going mobile with Liferay 6
Why focus on mobile?
In 2010, almost 1 billion people accessed the internet with a mobile device
In 2013, this number is expected to jump to 1.5 billion
At that point it will surpass the desktop as the
no. 1 internet accessing device! Mobile Desktop
2
1,5
1
0,5
0
2007 2009 2011 2013 2015
Source: http://tag.microsoft.com/community/blog/t/The_Growth_of_Mobile_Marketing_and_Tagging.aspx
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

4. Going mobile with Liferay 6
Why is adaption to mobile devices needed?
It is not obligatory...
I didn’t mean to tap
THAT link...
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

5. Going mobile with Liferay 6
Why not just leave your website as it is?
Mobile users don’t like to pan and to zoom
All content should be directly accessible at page load
Ahh... Much better!
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

6. Going mobile with Liferay 6
Why not just leave your website as it is?
Mobile internet is available, but not yet very fast
Edge / 3G coverage in Belgium at this point:
Base: 3G coverage very limited Mobistar: especially Flanders has good 3G coverage Proximus: country-wide 3G coverage
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

7. Going mobile with Liferay 6
Mobile bandwidth
Edge: +/- 150 kpbs: a banner of 100 kB takes 5.3 seconds to load
3G: +/- 600 kbps: the same banner still takes 1.3 seconds to load
Compare with cheapest Belgacom ADSL subscription: +/- 3 Mbps: banner is downloaded in a wink (0.25
seconds)
Conclusion 3000
Mobile surfers want a different experience than desktop surfers.
2250
Only the minimal set of resources should be downloaded by the mobile surfer.
1500
750
0
Edge 3G Cheap ADSL
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

8. Going mobile with Liferay 6
Different strategies for enabling the mobile channel
Develop a native application
Make several versions of your website, one for each device you want to support
Make one version that’s smart enough to differentiate between devices
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

9. Going mobile with Liferay 6
Strategy 1: Developing a native app
Pro
Use full power of device (geo, multi-touch, camera, ...)
Abstraction of a “browser”
No internet connection required
Contra Apps
Different platforms means different...
Programming languages
Development tools
App distribution
Not suited for public websites
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

10. Going mobile with Liferay 6
Strategy 1: Developing a native app
Liferay’s opinion
Always focused on web technology
No intention to dive into app development
Native apps can communicate to Liferay’s service layer
Through common technologies as REST and JSON
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

11. Going mobile with Liferay 6
Strategy 2: Develop several versions of the same site
E.g.
http://www.twitter.com
directs you to the desktop site
http://m.twitter.com
directs you to the mobile site
Each site makes use of the same content repository (= Liferay)...
... but in a different way
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

12. Going mobile with Liferay 6
Strategy 2: Develop several versions of the same site
The same, but different...
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

13. Going mobile with Liferay 6
Strategy 2: Develop several versions of the same site
What if a user opens http://www.twitter.com on a mobile device...
Automatically redirect to http://m.twitter.com?
What’s a mobile device and what’s a desktop device?
Redirect to desktop or mobile version?
Make an http://ipad.twitter.com??
This is a desktop device ... This is a mobile device
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

14. Going mobile with Liferay 6
Strategy 2: Develop several versions of the same site
Liferay’s opinion: this is the current way of working
For each device, a separate “community” is created with its own theme (= look-and-feel)
Device Recognizer decides to which community a device is redirected to
iPad
community
Device Desktop
Recognizer community
iPhone
community
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

15. Going mobile with Liferay 6
Strategy 2: Develop several versions of the same site
Pro
Liferay as central content repository
Dedicated content to different target audiences
Contra
Duplication of pages
Device Recognizer must always be up-to-date AND reliable
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

16. Going mobile with Liferay 6
Strategy 3: One version with a flexible layout
It’s almost impossible to make a specific version for each device
Too much work
Device Recognizer must know every possible device
What are you exactly targeting?
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

17. Going mobile with Liferay 6
Strategy 3: One version with a flexible layout
Responsive design
Select a discrete set of widths (e.g. 320px - 480px - 800px)
Make separate styling for each width interval
Less than 320px
Between 320 and 480px
Between 480 and 800px
Larger than 800px
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

18. Going mobile with Liferay 6
Strategy 3: One version with a flexible layout
3.5”
Conclusion
Pro
Works transparently for new devices 960 pixels
Only one version of your site
Contra
A pixel is not really a measurement unit
iPhone 4 Dell Streak 5”
Display size 3.5” 5”
Resolution 960x640 800x480
PPI 330 187
800 pixels
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

19. Recap & conclusion
Mobile solutions are becoming increasingly important.
Several strategies are available.
Liferay is prepared, and so is ACA.
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

20. Buy once, deploy limitless - Conclusion
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

21. Multitenancy in Liferay
Or the “pay once, deploy limitlessly” principle
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

22. Pay once, deploy limitless - Multitenancy
Definition
Multitenancy refers to a principle in software
architecture where a single instance of the software
runs on a server, serving multiple client
organizations (tenants)
- Wikipedia
Applied to Liferay
Single instance: Liferay installation on a server
Tenants: subportals, divisions, user communities, ...
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

23. Pay once, deploy limitless - Multitenancy
Example 1: Intranet + public site
Both running in 1 single instance
Public Website
Company Information
Public News
Jobs & Careers
...
Home user
Intranet
Collaboration Tools
Employee
Access to internal applications at the office
Internal news, blogs, ...
Employee
at home
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

24. Pay once, deploy limitless - Multitenancy
Example 2: Intranet with subsite for each department
Each subsite has its own set of pages
Company
Main Portal
Company News
New hires, ...
Sales Portal HR Portal Developer Portal
Discuss Opportunities Manage contracts Discuss Technologies
Project Dashboard ... Wiki Documentation
... ...
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

25. Pay once, deploy limitless - Multitenancy
Example 3: Public site with subsites for different audiences
Each subsite has its own set of pages
Company
Main Portal
Public News
Product Information
Employee Portal Customer Portal Partner Portal
Company News Ticketing System Contracts
Project Dashboard Support Contracts ...
... ...
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

26. Pay once, deploy limitless - Multitenancy
Combined example
Company
Main Portal
Company News
New hires, ...
Employee Portal Customer Portal Partner Portal Sales Portal HR Portal Developer Portal
Company News Ticketing System Contracts Discuss Opportunities Manage contracts Discuss Technologies
Project Dashboard Support Contracts ... Project Dashboard ... Wiki Documentation
... ... ... ...
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

27. Pay once, deploy limitless - Multitenancy
Second combined example: Multitenancy to the max
Company
Main Portal
Company News
New hires, ...
Company
Main Portal
Company News
Employee Portal Customer Portal Partner Portal Sales Portal HR Portal Developer Portal
New hires, ...
Company News Ticketing System Contracts Opportunities Contracts Technologies
Dashboard Support Dashboard Wiki
... ...
... ... ... ...
Employee Portal Customer Portal Partner Portal Sales Portal HR Portal Developer Portal
Company News Ticketing System Contracts Opportunities Contracts Technologies
Dashboard Support Dashboard Wiki
... ...
... ... ... ...
SaaS
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

28. Pay once, deploy limitless - Multitenancy
How is multitenancy supported in Liferay?
A Liferay installation
consists of instances
Each instance has its own set of groups
Each instance has its own set of users
Each group has its own set of pages
Each user can have its own set of pages
Groups can inherit from each other
Each subgroup can have its own pages
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

29. Pay once, deploy limitless - Multitenancy
Real life Example
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

30. Pay once, deploy limitless - Page and Site Templates
Samsung: multiple subsites, many pages
Each subsite has a similar structure, similar pages
E.g. specs page on Samsung
Problem: Create pages with similar structure and content
You don’t want to do this manually!
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

31. Pay once, deploy limitless - Page and Site Templates
Samsung: multiple subsites, many pages
Each subsite has a similar structure, similar pages
E.g. specs page on Samsung
Problem: Create pages with similar structure and content
You don’t want to do this manually!
Problem: Changes to a page for all subsites
Propagate change to every page
You don’t want to do this manually!
Can Liferay help us out?
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

32. Pay once, deploy limitless - Page & Site Templates
Problems of creation and maintenance of pages
Pre Liferay 6
Create subsites manually
Create pages manually
Post Liferay 6
Page Templates
Site Templates
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

33. Pay once, deploy limitless - Page Templates
Page Templates
Define a skeleton upon which new pages can be built Header Portlet
Side Portlet
Portlet Y
Header Portlet
Side
Portlet
Header Portlet
Side Portlet
Portlet X
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

34. Pay once, deploy limitless - Site Templates
Site Templates
Define a skeleton upon which whole new groups can be built
Header Portlet
Header Portlet
Header Portlet
Header Portlet
Header Portlet
Port
Side Port
Side -let
Portlet Port
Side X-let Port Portlet
Portlet Header
Side Header Portlet
X-let Port
Portlet
Side Header Portlet
Portlet X-let
Portlet X-let
X Port
Portlet Port
Portlet -let
Port
Portlet -let
DD
Header Portlet D X-let
X
Header Portlet X
Header Portlet
Header Portlet
Port
Side Port
Side -let
Portlet Port
Side X-let Port
Portlet
Portlet X-let
X-let
X
Header Portlet
Header Portlet
Header Portlet
Header Portlet
Port
Side Port
Side -let
Portlet Port
Side X-let Port
Portlet
Portlet X-let
Portlet
B X-let
X
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

35. Pay once, deploy limitless - Page & Site Templates
Post Liferay 6
Create 1 site template with the default set of pages
Create 100 subsites based on the site template
Override pages where needed
Creation of pages Change of pages
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

36. Pay once, deploy limitless - Page & Site Templates
Problem: what if a page in the site template changes?
Pre Liferay 6.1: headache
Update all pages (the changed page in each group)
Post Liferay 6.1: dynamic site templates
Automatic propagation of site templates to depending groups
You can decide which groups are locked into a template, and which Header Portlet
Header Portlet
are not Header Portlet
Header Portlet
Port
Side Port
Side -let Change of pages
Portlet Port
Header Portlet Side X-let Port
Portlet
Header Portlet Portlet X-let
Portlet
D X-let
update Header Portlet
Header Portlet propagation X
Port
template Side
Side
Portlet
Port
-let
Port
Side X-let Port
Portlet
Portlet X-let
X-let
X
Header Portlet
Header Portlet
Header Portlet
Header Portlet
Port
Side Port
no propagation Side
Portlet
-let
Port
Side X-let Port
Portlet
Portlet X-let
Portlet
B X-let
X
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

37. Buy once, deploy limitless - Conclusion
Multitenancy
Default Liferay functionality
Liferay installation with multiple instances
Multiple groups per instance
Header Portlet
Header Portlet
Header Portlet
Header Portlet
Port
Side Port
Side -let
Portlet Port
Side X-let Port
Portlet
Portlet X-let
Portlet
D X-let
X
Header Portlet
Page & Site Templates
Header Portlet
Header Portlet
Header Portlet Balance the workload of creating and maintaining pages
Port
Side Port
Side -let Header Portlet
Portlet Port Header Portlet
Side X-let Port
Portlet
X-let Header Portlet
Portlet Header Portlet
X-let
X Side
Side
Portlet
Port
Port
-let
Port
Who is going to do all this?
Side X-let Port
Portlet
Portlet X-let
Portlet
B X-let
X
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

38. Buy once, deploy limitless - Delegation of control
In a typical company, each branch or department is headed by a manager
A manager is responsible for his department and all of its subdepartments
People working in a subdepartment are implicitly also part of the ancestor departments
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

39. Buy once, deploy limitless - Delegation of control
In Liferay we can set up this very same structure using built-in roles
Each Liferay instance has one Omni Admin, who is in control of
everything
Server configurations
Defining new roles and permissions
Creating new company-wide users and groups
Each group is headed by an Group Administrator
User and subgroup management inside the group itself
Manage pages of the group
Members of a subgroup can also access the ancestor groups
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

40. Buy once, deploy limitless - Questions
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER

41. DELIVER BETTER SOLUTIONS FASTER
© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER