Friday, May 4, 2012

IBM WebSphere Portal Mobile Experience V7.0 - WebSphere Portal Mobile Theme

Heard quite a bit about IBM WebSphere Portal Mobile Experience V7.0 and one fine day got a call to setup a  POC for that. Excited!!! I have been kept in dark before this specifically in the Mobile Portal space. So before jumping in, I have started looking out for useful information on the net. I have included some really good resources in the reference section which you can access for more details.

So, my first task was to download IBM WebSphere Portal Mobile Experience V7.0 and install it. It's available under  IBM Solutions Catalog on the Lotus Greenhouse community site.
Here are the steps how you can install it and apply it to the portal pages. The prerequisite is to download and install IBM WebSphere Portal Solution Installer.
  1. Download Solutions Installer from the catalog: IBM WebSphere Portal Solution Installer.
  1. Download the “SolutionInstaller_1.2.0.4.zip” and extract it in a respective folder.
  2. Extract the SolutionInstaller.zip file to a temporary directory. For example: C:\temp\
  3. Find settings.properties in the C:\temp\SolutionInstaller\commands\windows directory.
Set Profile_Directory as follows..
Profile_Directory=C:/IBM/WebSphere/wp_profile

  1. Execute the command for installation of "install-SolutionInstaller.bat" in the following location.
In our case : D:\IBM7\WebSphere\wp_profile\ConfigEngine

  1. Locate the mobile_theme.paa included with the IBM WebSphere Portal Mobile Experience catalog package.
  2. From the ConfigEngine prompt, run this command to install the .paa file
Windows: ConfigEngine.bat  install-paa -DPAALocation=
-DofferingName=PortalServer

  1. From the ConfigEngine prompt, enter this command to configure the .paa file:
Windows: ConfigEngine deploy-paa -DappName=theme -DofferingName=PortalServer
-DhostlnJMX==
In our case : ConfigEngine.bat deploy-paa -DappName=theme -DofferingName=PortalServer
-DhostlnJMX==idr-portal.yash.com
You have to wait for some time as it will take few mins to complete the deployment.

    1. After the deployment is successful, restart WebSphere® Portal.
    2. Now check the Themes and Skins Page in the IBM WebSphere Portal Console to ensure that Mobile Theme is now deployed in the Portal.
     
    1. Now create a New Page and add the theme to "Mobile" theme.
    2. Deploy the same portlet in 2 pages- One with Mobile theme and the other with page Builder theme and check the difference.
    3. The portal view in Non-Mobile theme (Page Builder theme)
    1. The portal view in Mobile theme.
    1. Location of Mobile theme.
    D:\IBM7\WebSphere\PortalServer\theme\wp.theme.themes\mobile\installedApps\wp.theme.themes.mobile.ear\wp.theme.themes.mobile.war\themes\html

Some Useful References:


6 comments:

Anonymous said...

Hi mihir , after applying the mobile theme to an existing portlet my application is not getting displayed,

Mihir Shah said...

Can you share what errors or behavior you are seeing on portal or portal logs? Hope the configuration scripts run successfully.

Anonymous said...

Thank for the reply .. There is no error or exception in the log. And the config script run fine too.. I can send you the screen shot of how does it look after applying the theme on

Mihir Shah said...

You can send the screen shot on my gmail ID, shahmihir13@gmail.com

Anonymous said...

thanks a ton..that was it..the installation was wrong..have reinstall the theme again and it worked perfect..:)

Anonymous said...

Hi Mihir,I am trying to change the theme based on the browser the request is hitting from (for instance if its comming from mobile browser then apply mobile theme if pc-browser then apply default theme)..can you please assist?