Friday, December 12, 2008

Improved UI and directions

Today I improved the overall user interface with two things:

- I removed four tabs from the subsites of the businesses (map, images, contact, and events). The functionality previously found on these tabs is now found on the main page of each business. In order to prevent the page from being too long, while still maintaining frequent upload forms, I decided to hide some things from view. I did this using JQuery (found at jquery.com), a very powerful JavaScript library.

I was very impressed with JQuery, but there are many more libraries out there, lists of some of the major libraries and which websites that uses them can be seen here: speckyboy.com & royal.pingdom.com. As you can see most major websites employ some form of JavaScript library.

- The second improvement was directions in combination with the map. This was actually caused by the fact that I was searching for extension libraries to JQuery, and stumbled upon JMaps. JMaps really wraps all calls to Google Maps in really nicely, and makes it much more manageable. To set things in perspective, the total time spend on the integration of directions into the ZiTYZEN design was about four hours.

Zummary: The use of JavaScript libraries enables modest JavaScript programmers to quickly develop very powerful solutions. I can only strongly recommend the use of these libraries.

0 comments: