Going mobile with Liferay 6.0
Upcoming SlideShare
Loading in...5
×
 

Going mobile with Liferay 6.0

on

  • 679 views

 

Statistics

Views

Total Views
679
Views on SlideShare
679
Embed Views
0

Actions

Likes
0
Downloads
12
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Going mobile with Liferay 6.0 Going mobile with Liferay 6.0 Presentation Transcript

    • 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
    • Going mobile with Liferay 6 Liferay and its part in the mobile revolution© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • Buy once, deploy limitless - Conclusion© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER
    • Multitenancy in Liferay Or the “pay once, deploy limitlessly” principle© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • Pay once, deploy limitless - Multitenancy Real life Example© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • Buy once, deploy limitless - Questions© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER
    • DELIVER BETTER SOLUTIONS FASTER© ACA IT-SOLUTIONS WWW.ACA-IT.BE DELIVER BETTER SOLUTIONS FASTER