Demo of the Single Page Application Wizard control

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.

 

8 thoughts on “Demo of the Single Page Application Wizard control

  1. Frederic Dehedin 2014-July-1 / 9:31 am

    I get the “This video is not available in your country” message😦

    • Patrick Kwinten 2014-July-1 / 9:39 am

      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

  2. Reiner Hintzen 2014-August-15 / 10:26 am

    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

    • Patrick Kwinten 2014-August-18 / 9:06 am

      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/

  3. Reiner Hintzen 2014-August-19 / 1:17 pm

    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!

    • Reiner Hintzen 2014-August-19 / 1:19 pm

      Ups. HTML has been removed.

      • Patrick Kwinten 2014-August-28 / 6:27 pm

        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.

  4. Reiner Hintzen 2014-August-29 / 10:01 am

    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😉

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s