You can bring a IBM Notes application without much work to the web browser via the Notes Browser plugin. But since Mobile is the standard nowadays that plugin seems to be obsolete almost. So what other options do you have for your enterprise apps?
- You can introduce a mobile application platform, if you have the time and the money.
- You can migrate your whole collaboration platform in exchange for something less, similar or not similar at all. And prey for mobile tools on that platform.
- You can rewrite your apps and deliver them with the help of frameworks as mobile web application or in between solution.
Or… you save yourself the time & bucks and install the Extension Library version that contains the Single Page Application wizard from OpenNTF.
I have made a video in which I demonstrate how to mobilize the fakenames application in a couple of minutes. First I will describe the wizard and how the process for mobilizing an app looks like. Then I demonstrate the actual development which will take about 8 1/2 minutes.
Update – watch on Vimeo
Video on Vimeo: http://vimeo.com/99537780 in case you experience the message ‘This video is not available in your country’.
Youtube
Enjoy the video!
In case you want to contact me on mobilizing your Notes app, just send me an email.
Kwintessential Notes 
I get the “This video is not available in your country” message 😦
Hello Frederic,
that is because of the infringement by the music used on the background (Plastikman) from Youtube. That is why I uploaded the video also on Vimeo.
You can access the video here: http://vimeo.com/99537780
Hi Patrick,
great tutorial. It’s really foolproof and can be very easily applied for own applications!
I have a problem when testing the application in the browser (Chrome) with the “User Agent Switcher” extension: When I select Android (Samsung Galaxy S3, or other), nothing is shown, a blank page is displayed.
Do you have an idea what it could be?
Either the browser plugin does not work properly, or do I need specific Android style definitions in my application?
Thanks in advance
Hello Reiner,
I have to say for development I prefer to use Firefox above Chrome, Safari and IE. This is mainly because the extensions for Chrome sometimes do not work as expected.
For example in firefox you can import the user agents from an xml file. Such a file is maintained here:
http://techpatterns.com/downloads/firefox/useragentswitcher.xml
I believe in previous versions of Chrome you could self set the user-agent but that has been stripped out?
I have installed the extension for Chrome and did not experience any problem, but have you checked what browser is detected via a script? e.g. http://www.sitepoint.com/detect-mobile-devices-jquery/
Hi Patrick,
thank you for your information. The import of the user agent in Firefox using your link worked just fine.
Unfortunately I do have a problem in my application. In Chrome with User-Agent (IPhone) everything works as it should.
In Firefox with User Agent (IPhone 3) it looks as expected, but when you click on the items I get the following error: “When updating some side areas was an error _4.doc.getCSSCanvasContext is not a function.”
It seems to me as if in my application / on the server resources are missing. When I view the source code following line is different:
FF: User-Agent IPhone3:
FF: User Agent Adroid 4.4 (Nexus 5) – AppleWebKit / 536.23
Can you tell me where the resources should be stored on the server?
Thanks again for your help!
Ups. HTML has been removed.
In chapter 14 of the mastering xpages boek (9.0.1) there are examples given on how to debug mobile (xpage) applications. A recommendation to read. The chapter is free to download.
Thanks for your advise. I have the first edition, here the recommended chapter is missing.
I’m going to get the new version. Weekend is coming, time to read a good book 😉