Klok + Klokwork + iPhone = :-)

I lost count of the number of people who emailed me telling me how great it would be if there was some way to track time in Klok from their iPhone. Well we are getting ready to kick off the private beta of Klokwork, a hosted service for tracking time with Klok, which has the capability of syncing up time tracked from an iPhone (or any smartphone with a web browser) with time tracked from the Klok 2 desktop application.

Before the rumor mills start churning out false information, let me clarify what this is and isn't.

This is not:

• an AIR application running on an iPhone
• a Flex/Flash application running in mobile Safari
• connecting the iPhone directly to the local SQLite databased used by Klok
• going to be sold through the App store

This is:

• a JQuery + JQTouch based AJAX application running in mobile Safari
• able to be added to the home screen and accessed like any other application
• connected to a hosted Java-based web application called Klokwork
• synchronized with the Klok desktop application using Klok's new pluggable connector architecture

Agile and UX - I couldn't have said this better myself

Although... I think I have said almost exactly this a number of times.

If you know me, you know that I usually don't completely agree with Jakob Nielsen. However, in this post about Agile and UX, I really can't disagree with anything he says in the post. I haven't read the entire report (I don't have an extra $148 at the moment) so it is possible that I will eventually find something that I can disagree with.

One of the things that really stands out for me is this quote:

You can't just design individual features; they have to fit together into a coherent whole — a whole that must be designed as well. Bottom-up user interface design equals a confused total user experience (the Linux syndrome)

I am not really a Linux user so I can't speak to the User Experience of Linux in general, but the idea that "Bottom-up" design leads to poor results is just plain obvious. Not to mention in my experience I have seen it happen numerous times. In contrast I have see first hand how a small investment "up front" in design proves to really pay off.

More Klok 2 screenshots

Bear with me everyone. Trying to coordinate a beta program takes a bit more time than I imagined. Combine that with trying to wrap up the beta itself, and I am going slightly slower than expected.

Here are some screenshots of Klok 2 with some of the new features shown.

The main Klok 2 interface.

The Klok 2 Synchronization panel (With Klokwork connector installed)

The new Week picker

The new Time Picker

The Project view (with new Add Sub Project button) and Description tab visible

Sneak Peek at Klok 2.0

More information is coming soon. There has been an amazing response to my request for beta testers. I haven't had a chance to contact everyone yet. So if you haven't heard from me, please be patient. In the meantime, here is a screenshot.

Flex Component - TimeField Update

Thanks for the comments everyone. I have made a few changes to my TimePicker component based on some of the comments. The example now has the Klok 2 skin applied to it.

You can see the updated version here.

View the sample here

Flex Component - TimeField - Feedback needed

While working on Klok, I have tried several different mechanisms for entering the start time or end time of an entry. Having looked at a bunch of examples such as the Yahoo Astra one, this one, this one and this one I started to see a pattern. Most of the examples are "stepper" based controls. What this means is that to get from one time to a different time it involves a varying number of clicks depending on the times. For example, if the control's current time was 3:35 AM and you need to change it to 12:19 PM, it requires a whole bunch of steps to get there.

What I really wanted was a way to pick the time in the fewest number of clicks and allow for just typing in the time directly if you happen to prefer that. The result is a true time "picker" control that is loosely based on the way a DateField works. There is still some work to be done on the skin but I think I am on the right path.

View the sample here

To use, just click the icon and pick the time. Or, just enter the time directly. The following formats are accepted:

• 1:49 PM
• 1P (Shortcut for entering 1:00 PM)
• 13:49

This control is my proposed solution to be used in Klok 2.

Please give it a try and see if it works for you. (Please try to break it if possible.) Whether you like it or not, please leave some comments so I can improve upon it.

UPDATE - I made some changes based on the comments and updated the demo. Which now has the Klok 2 skin applied to it.

Introducing KlokWork and Klok 2.0 Beta Programs

I know it has been quite some time since I put out an update for Klok. In that time, I have been working on it... I promise. We have made the decision to go right to version 2.0. This is mainly because of the required changes to the way data was being stored in 1.x. Version 2 stores data in two ways. The standalone version stores its data in a local SQLite database. The version with KlokWork embedded, connects to an external system to store its data. This will be able to connect to external systems such as FreshBooks and Harvest as well as home grown systems that can expose an AMF based API.

So we are getting ready to have a select few users and small teams try out some of the new functionality. For more information on this program visit the Klok Beta Program page.