Posts Tagged ‘dojo’

3 Feb 2014
3

Slides and Info for Worklight Session at IBM Connect 2014

Firstly, a big thanks to everyone who attended our session on “IBM Worklight and XPages” at IBM Connect 2014 last week. It was great to see so many people turn up, especially on the last day of IBM Connect.

Below are the slides to the IBM Worklight Session, which will be available on SlideShare and for download. I will be releasing a video on this topic and will submit it through David Leedy’s NotesIn9 VideoCast (Hopefully next week still). I will also have the source code available for download when submitting the video.

Thanks once again and see you all online.

Cheers
John
29 Nov 2013
0

DanNotes Session Slides: Mobile Blast – Mobile Strategy for Developers

Here are the slides to my 2nd session at DanNotes this week: Mobile Blast – Mobile Strategy for Developers.

Enjoy :)

11 Nov 2013
2

Live Chat Assist about hiding the print button on your XPage

Summary

This was a quick chat about how to use Dojo to hide the print button on your XPage when printing the Page.

Live Chat – 3rd November 2013

Guest:
I would like to use a Print button to print my page, whenever i use window.print print button also come in printing format.
 
John Jardin:
Good day. So, are you saying that the window.print works, but you don’t like the output format of the printed Web Page?
 
Guest:
I just want to remove printing button on my printing format page.
 
John Jardin:
If your print button has a unique class name like <button class=”printButton”></button>…then you could do something like…
 
1
2
3
dojo.query(“.printButton).style(“display”, “none”);
window.print();
dojo.query(“.printButton).style(“display”, “block”);
You can also use the button’s ID parameter, but it could cause confusion if that id is auto generated by XPages, as it could change.
 
Guest:
Thanks a lot.
 
John Jardin:
Hope you come right :)
27 Apr 2013
8

Appcelerator Mobile Dev – Ch 2: Understanding the Titanium Framework

Welcome to Chapter 2 of the Appcelerator Mobile Development Series: Season 1. In this post I am going to explain how the Titanium Framework works and help you understand the pros and cons of using it. I’ll also touch on the Pricing model as I currently understand it, keeping in mind it changed recently.

At IBM Connect this year I had a “Birds of a feather” session that I facilitated and it was focused around Appcelerator Titanium as a Mobile Development Framework and how well it integrates with IBM Notes/Domino and XPages. Part of the session was to give an overview of which other Mobile Frameworks are available and what are the different ways one can develop for a mobile application. Today I will explain this in my post and go deeper into what Titanium offers that’s quite unique and powerful.

The different ways one can develop for a mobile application

For me, Mobile Applications come in 3 flavors:

1. Native Mobile Applications - An application developed for a specific mobile operating system that uses the OS’s core native UI Controls and Objects.

2. Mobile Web Applications - A mobile friendly web application developed using HTML5, CSS3 and Responsive Techniques, that’s hosted on a Server and accessed via the mobile device’s Web Browser.

3. Mobile Web Application in a native wrapper - A Mobile Web Application running in a Native Wrapper that gets installed as a mobile app on the Mobile Operating System.

To develop Native Mobile Applications, you can either use the Mobile Operating System’s core programming language and SDK, (Objective-C in XCode for iOS, Java in Android SDK for Android, Java in Blackberry SDK for Blackberry, C# in Windows Phone SDK for Windows Mobile), or you could use a cross platform SDK such as Appcelerator Titanium, LiveCode or Xamarin. The problem with trying to develop for each Mobile OS using its core SDK, is that it’s a massive learning curve. Also, to develop 1 Solution and deploy it to iOS, Android, Blackberry and Windows Mobile, would mean developing a mobile app for each Platform, even though it’s the same app. Imagine maintaining or enhancing this 1 solution. Quite scary don’t you think?

For Mobile Web Applications, you can use the following of the many JavaScript and CSS Frameworks available:

- jQuery Mobile
- Dojo Mobile
- Sencha Touch
- Twitter Bootstrap
 

When it comes to Mobile Web Application development, I personally prefer Twitter Bootstrap as it allows me to create 1 Website that’s responsive based on the device’s Screen Resolution. So with a little bit of effort, your Website can auto adjust itself, show/hide components, etc based on the device that loads it. Twitter Bootstrap is also integrated with jQuery Core, which is always a bonus. A good example of an online website that’s developed using Twitter Bootstrap is Collaboration Today (Did you know: Collaboration Today is developed using XPages and is Open Source).

Pretty much any Mobile Web Development framework can be used in a Native wrapper. Phonegap is a very popular framework and is free to use. Another great solution is IBM Worklight, which to me is Phonegap on steroids, but it’s focus is primarily for Businesses.

Overview Of Titanium Studio

Titanium is a free Application Development Platform built on top of Eclipse. You use Titanium to create cross platform native mobile applications using one programming language……JavaScript. This means no Objective-C, Java or C# skills required.

Currently Titanium allows you to create, run and package native mobile applications for iOS and Android. Blackberry is also an option but currently in Beta. Windows Mobile 8 Beta is on the way and should be released toward the end of 2013.

The Titanium Mobile API gives you access to pretty much all of the Native UI and non visual components that make up a Mobile Application. These components include Windows, Views, labels, buttons, switches, dashboards, navigation, local file storage, network access, etc.

In Titanium Studio, you can write, test and debug your mobile apps using both the Simulator and the actual mobile device.

So will my Mobile App be regarded as native?

The short answer is Yes. Let me explain.

When you create and build a mobile app with Titanium, the following happens:

1. Titanium precompiles your JavaScript code to minify it.
2. Titanium then builds a dependency hierarchy of all the Titanium API’s used by your application.
3. The front-end compiler creates native stub files, which include platform-specific native code, a native project file (only when necessary) and code to compile Titanium for a given platform compiler.
4. Titanium then calls the platform-specific compiler tool (e.g. xcodebuild) to compile the native application.

On iOS, your JavaScript is Base64 encoded. On Android, your JavaScript is precompiled to byte code. Your JavaScript code is never converted to Objective-C or Java. This is what differentiates a Titanium Mobile App from a Native Mobile App developed in XCode or Android SDK. This means your mobile app uses a JavaScript interpreter for your application logic. To summarize, there is an extra layer of processing in an Appcelerator mobile native app vs a standard native mobile app.

With all that being said though, everything that’s written to the screen is native. Windows, Scroll Views, sections, dashboards, buttons, switches, sliders, labels, pickers, tab groups, menu bars, animation transitions, popups, activity indicators and much much more.

You have near full access to all the device’s apis including camera, video, audio, sounds, recorder, contacts, accelerometer, geolocation, maps, sqlite storage, file system, calendar, facebook, yahoo, network and yes, much much more.

This means, that with an unnoticeable performance knock because you use JavaScript for your application logic and it has to be interpreted, everything else is native.

Can I use Titanium as a native wrapper for mobile web apps?

The answer is again Yes. Keep in mind that Titanium focuses only on iOS and Android, with Blackberry, Tizen and Windows Mobile 8 on the way.

Titanium has what is called a “WebView”. This contains your html code that references JavaScript and CSS files stored locally in your app. The great news is you can have a combination of native controls and html running in the same application. The even better news is they integrate and communicate with each other.

If you needed to create an app that runs on multiple platforms over and above iOS and Android, then PhoneGap might be the solution to go with, or IBM Worklight for businesses.

What else is worth mentioning about Titanium

Well, they are aggressive when it comes to updates, enhancements and new features. Version 3.1.0 of the Titanium SDK has just being released. With it, comes a 20% performance boost for apps developed for iOS and up to 36% for Android.

From version 3, you can make use of the Alloy MVC Framework. This means more structure in your application, better performance, cleaner code and less development time.

I’ll also note that when iOS 6 was released, 2 weeks later Titanium released their updated SDK to support it. That’s an incredible response time in my book.

There’s much one can still mention for this section, but I’ll leave some for the next chapters.

So what are the downsides of using Appcelerator Titanium?

For starters, you can only build for iOS and Android. I know that Blackberry is in a Beta phase, but Beta versions scare me at the best of times. Appcelerator could easily decide to stop supporting a certain api or funtion that was available in the Beta version. So as far as i’m concerned, I can use Titanium to develop for iOS and Android only.

I’m sure many will agree with me on this one. Their pricing model is terribly confusing. I’ve heard stories of developers using the free version and then being forced to pay a percentage or worse. The good news though is that Appcelerator have simplified their packages and i’ll explain them shortly.

Another downside is their sales team take forever to respond or in some cases don’t respond at all. I understand their Support team are only available mainly for the Paid subscriptions, but I can’t say I’m impressed their sales team not responding to potential sales leads or pricing queries that I submit.

How does the Pricing work?

Appcelerator offers the following 3 packages:

- Titanium Community Edition (Free)
- Appcelerator Platform (Public Cloud Enterprise Edition) = $999 / Month / Named User
- Appcelerator Platform (Virtual Private Cloud Enterprise Edition) = $2 667 / Month / Named User
 

Some quick notes about the Pricing Plans:

1. Everything mentioned in the previous sections are available in the Free version of Titanium.
2. A Named user is a Platform User with an Appcelerator User Account. This is not an end user of the mobile application.
3. All 3 packages offer Cloud Services like Push Notifications, API Calls, Cloud Storage, etc, but the Paid versions offer way more than the free version.
4. The Enterprise version of Titanium has more tools and plugins compared to the Free Version. This includes Code Analyzer, Live View, Profiler, etc.
 

Demos and Examples of Appcelerator Titanium Mobile Applications

There are many Mobile Apps that you can download from Online Stores that were developed using Appcelerator Titanium. Below are a few of them:

1. Firstly, here’s Appcelerator’s App Showcase Pinterest Board, just for reference and screen shots.

2. Then, you’ve got Mobile Apps developed by Elguji.com. These apps are available for download from the iStore and I highly recommend giving them a try.

3. Next is Domino To Go. YouAtNotes created an extension for Titanium to allow Appcelerator developers to connect to IBM Domino environments and take Domino data offline. More of a plugin than an application, but still awesome. They have 2 apps you can download from the iStore to try out.

4. There’s also OpenRest, which is a Mobile Application developed using Titanium and is used to create Food Ordering Portals.

Where can I find more resources on Appcelerator Titanium?

- Appcelerator Video Channel

- Appcelerator Online Documentation

- Follow Appcelerator on Twitter

- Follow #Appcelerator Hash Tag on Twitter

- Titanium Mobile Development Essential Training Course on Lynda.com

- Appcelerator Training Resources

- Book – Appcelerator Titanium: Patterns and Best Practices

- Book – Appcelerator Titanium: Up and Running

What’s next?

This concludes my introduction Posts to Appcelerator Titanium. Hopefully by now you have a good understanding of the Product and you have Titanium installed and the Basic Tab Template running on your iOS and Android Simulator.

In the upcoming posts we are going to be diving into Appcelerator Development. Most of these will be video tutorials and there will be many of them.

I’d love your feedback on this and my other posts. Feel free to argue cases or query something you don’t understand.

Thanks and good luck on your Mobile venture.

Regards
John
15 Jan 2013
1

DDE9 XPages Tip: De-compress CSS and Dojo Resources for troubleshooting

Hi all. So the other day Dojo 1.8 in DDE9 was giving me a bit of grief. Thanks to a neat feature in Notes/Domino 9 I managed to find out why it was complaining.

So the Dojo Library that gets loaded for your XPages Application is minified. This means that when you receive a Dojo error and want to check what it’s moaning about, it’s nearly impossible due to all the Dojo JS code been compressed to 1 line. See below:

 

Notice that line 15 contains all the Dojo Code in the dojo.js File. Thanks to DDE9, there’s a different way that really helps. Do the following:

1. In DDE9, open up your Application’s XSP Properties, which you will find under “Application Configuration“.

2. Navigate to the Persistance Tab.

3. Select the “Use uncompressed resource files (CSS & Dojo)“.

4. Rebuild your Application.

 

If you refresh your XPage in let’s say Firefox, you should now see the following in Firebug:

 

Simple enough, don’t you think?

Hope this helps.

Cheers.