Want to learn Dojo? Then check out this site today!

sitepenLogoDojo is considered the most robust JavaScript framework for business applications. If you want to really sink your teeth in then you might want to check out what Sitepen has to offer. The site hosts a blog, support, and workshops to get your team up and running with Dojo very quickly. You can even schedule a free 30 minute call to talk about your project.

Sitepen - Development, support, and training from the makers of Dojo.

 

How to add swipe support to your web application

logoAre you creating a web application that you want to be able to be used on a tablet? Then you might want to check out the Dojo toolkit. Dojo provides a very simple way to handle swipe events in your web application. In this post I used the dojox.gesture package. Why would you want to use Dojo?  Here are a few good reasons from the documentation:

dojox/gesture has been designed with the following rationale:

  • Device neutral – The target is to be compatible with most popular devices(single touch gestures should also work well on desktops).
  • Compatibility and reusability – Applicable and can be used with dijit widgets, dojo core(dnd), dojox/mobile or dojox/charting etc.
  • Scalability – A modularized event processing mechanism makes it very easy to extend with more customized gestures.

As of version 1.7, here is the list of devices and browsers:

dojox/gesture is working well with:

1. Desktops – IE8+, FF 3.6+, Chrome v10+, Safari 5+
2. Touch devices – Android 2.2/2.3 – iOS 3/4

In the code below I put a listener on the entire body of the HTML where I tagged the <body> element with the id “body”.

function registerSwipeListener(){
	require([ "dojo", "dojox/gesture/swipe" ], 
		function(dojo, swipe, tap){

                        //connect the listener to the "body" element
			dojo.connect(dojo.byId("body"), swipe.end, function(e){

			if (current_view != "edit"){
                                //Check and which which difference is bigger since
                                //we only support up, down, left, right
				if (Math.abs(e.dx) > Math.abs(e.dy)){
					if (e.dx > 0){
						viewerMoveLeft();
					}else{ 
						viewerMoveRight();
					}
				}else{
					if (e.dy > 0){
						viewerMoveUp();
					}else{
						viewerMoveDown();
					}				
				}
			}		
		});
	});

 

HTML5, CSS and Dojo it is

After my last post and a bunch of research over the weekend I have decided to do this next personal project in HTML5, CSS and Dojo versus Flash or Java Applets. Thank you to everyone who responded on Twitter, Facebook and this blog – original post. So don’t be surprised if I start blogging about that project on a regular basis. The client, my wife, is still a bit shady on exactly what she wants so I am sure I will be doing and re-doing again and again. :)

Continue reading

You have to admit, Flash is shiny

Today I went through a bunch of tutorials and flows in the WebSphere Commerce Management Center – which just happens to be a Flash application written with OpenLazlo. The application is very responsive and its basically a “rich application” with full drag and drop, copy paste, and context menus all within the browser. Check out the screen shot of the center running in FireFox:

Click to make larger

I was practicing some customer scenarios and learning the different pieces of the Commerce product. Today I played with associations and marketing campaigns. But that’s not what I am blogging about tonight. Continue reading

First impressions of Maqetta

I will start off by saying first off this is an excellent first drop. I was a little frustrated with FireFox 4 as I could not get Maqetta to work at all so I immediately tried Chrome and voila, things started to work. It looks like the tool has a lot of function but still needs a lot of fine tuning…

Continue reading

Auto-Analyze is a very nice feature indeed…

I really like this feature because many times a site promotes that it uses Dojo and it would be nice to see what modules are actually used. I usually crack open the HTML and try to figure it out myself. One feature I immediately noticed missing is there should be a label above the grid showing how many modules are referenced on the site.

Dojo Web Builder – Auto Analysis from Dojo Toolkit on Vimeo.

Original Article Link

Attending IMPACT, Dojo, and the community

This was the first time I have attended IMPACT as a “customer”, meaning I have an agenda of sessions throughout the day that I chose to attend and help educate me about my new job and area. My focus is primarily WebSphere and Sterling Commerce with a little bit of Cloud in there. What is amazing is the energy here at IMPACT. Everyone is very positive about the brand and the software – its a really good feeling. Ok, now back to what I meant to write about. Dojo!

Continue reading

A must see: The New Dojo Web Builder!

Not sure how I missed this news!

The Web Builder is an online solution providing an intuitive web interface to the existing build tools, allowing you to create customised Dojo builds using just your web browser and much more. This new tool will dramatically lower the barrier to entry for the build system, easing new users into the process of using a build tool and improving the performance of unoptimised Dojo applications everywhere! –link

Coshopping is a cool feature

Just watched one of my last IBMEA training videos on Websphere Commerce and I thought this one feature was pretty interesting. I have never seen this implemented on a site but I think it would have been useful in the past like when I was shopping online near a holiday – my wife and I could have co-shopped together! The co-shopping feature comes with Websphere Commerce version 7 with feature pack 2. The feature of course uses Dojo and the demo/sample widget can be used across the site as a widget with just a few steps.

Coshopping enables two shoppers within their own browser to shop together
– explore a store
– take control of a session
– highlight web page elements
– view products
– chat about products

link

Lot's of Dojo goodness has just been released – Dojo 1.6!

The new Dojo 1.6 toolkit has just been released! Check out the what’s new page on the Dojotoolkit site. I think the best thing in this release is the refactoring of all of the dojo and dijit classes to support CommonJS Modules/AsynchronousDefinition (AMD). It also has a bunch of other really nice things like dojo.replaceClass and dojo._getMarginSize for performance gains in Internet Explorer 6 and 7. Those two features will be very important for an optimized runtime and download speeds.

All modules in dojo and dijit have been converted to comply with the CommonJS Modules/AsynchronousDefinition (AMD) proposal. This is a preparatory step on the way to full AMD support in version 1.7 and beyond. Unless you are an early adopter of using dojo with an AMD loader, these changes should be transparent to you. — link

28 Days of Dojo was a success, or at least for me it was!

So here it is, noon on the last day of 28 Days of Dojo. I have to say I didn’t think my site would have been getting as much traffic as it did in this last month. The total count is nearing 10,000 hits for the month with a daily average of over 350 hits per day, and that is with little or no posts on the weekends. This is looking like it will be my most hit count in a single month for the site. Most of all, I have received more comments and emails this month than ever before, thank you!

So what is the conclusion? I think Dojo has received a lot of coverage throughout the years and I think people are getting more and more into the framework as time goes by. I really didn’t raise anything that was not already out there but the comparisons to jQuery got a lot of attention. I think I need to do more in that space going forward.

Going forward I am sure to post about Dojo and probably more things about OpenSocial.org and Eclipse. I have never been a very structured blogger so sticking to a single topic was very different this past month for me.

Once again, I would like to send thanks for all of the comments, emails, tweets, etc that the community shared with me this last month!

Why you have to take Dojo seriously…

The 28 days of Dojo has come to an end but the blogging will continue. I chose to do this little venture to learn and share what I have learned over the past few months with Dojo and to also evangelize Dojo to all of IBM and Lotus customers. As you have seen, I referenced a lot of material already on the net, and to be honest, that is where Dojo truly shines – the community. One might ask why I would this?

Well, I was never told to do this by IBM, nor was it part of some marketing campaign. I simply see the momentum and the determination by both IBM and its community to build the very best of breed JavaScript frameworks that can be deployed cross platform in enterprises all over the world. Any web based or even rich based applications at IBM are embracing and extending Dojo. As you will see in the next versions of Dojo, there will be amazing enhancements to this already excellent framework. There are teams, right now, working on some amazing widgets to be included in the next versions of their products. Learning and knowing Dojo will be vital to many products in the IBM portfolio, including Lotus Notes and Domino.

As with most of my posts, this post was written days or even weeks in advance. I will however, post the hit count results for this month when the 28 days of Dojo really ends. Hopefully by then it will show the level of interest. Of course, this is only one blog and there are so many amazing people evangelizing and promoting Dojo I could spend three months covering all of the blogs, articles, and books on the subject.

As I posted before, get involved! An open source project is only as good as the people who get involved with it.

Paul Withers: King of Dojo charting in XPages??

After my last post I also noticed Paul posted a pretty nice tutorial on the XPages Wiki. The formatting is really bad and I am sure it’s not Paul’s fault but the content is pretty good. Check out his article on the XPages Wiki.

This article intends to provide developers with an understanding of how to integrate the dojox charting classes into XPages to generate a functionally rich chart in a variety of formats. By stepping through the code and providing a sample database, I will show you how to add colour themes, customise axes, and generate tooltips and legends. The intention is that you are able to build customer-ready charts quickly with a level of knowledge to be able to dig deeper if required. You can see the charts online here: http://hermes.intec.co.uk/xpagessamples/charts.nsf/chart1.xspmore