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