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.

2. Download the “SolutionInstaller_1.2.0.4.zip” and extract it in a respective folder.
3. Extract the SolutionInstaller.zip file to a temporary directory. For example: C:\temp\
4. Find settings.properties in the C:\temp\SolutionInstaller\commands\windows directory.

Set Profile_Directory as follows..
Profile_Directory=C:/IBM/WebSphere/wp_profile

5. Execute the command for installation of "install-SolutionInstaller.bat" in the following location.

In our case : D:\IBM7\WebSphere\wp_profile\ConfigEngine

6. Locate the mobile_theme.paa included with the IBM WebSphere Portal Mobile Experience catalog package.
7. From the ConfigEngine prompt, run this command to install the .paa file

Windows: ConfigEngine.bat  install-paa -DPAALocation=
-DofferingName=PortalServer

8. 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.

9. 9. After the deployment is successful, restart WebSphere® Portal.
   10. Now check the Themes and Skins Page in the IBM WebSphere Portal Console to ensure that Mobile Theme is now deployed in the Portal.
    
   11. Now create a New Page and add the theme to "Mobile" theme.
   12. Deploy the same portlet in 2 pages- One with Mobile theme and the other with page Builder theme and check the difference.
   13. The portal view in Non-Mobile theme (Page Builder theme)
   
   14. The portal view in Mobile theme.
   
   15. 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:

• WebSphere Portal Wiki: IBM WebSphere Portal Mobile Experience
• Perficient Blog : Initial Impressions of IBM Portal Mobile Experience