Blog

I have a few more Hawai’i posts in the works (see the previous posts), but I wanted to step aside for a moment and talk about my new iPhone App HourTracker, which is now available on the App Store.

The Pitch

First, the obligatory self-promotion (feel free to skip ahead to the next section).

Keep yourself on track with HourTracker! At just $0.99, it’s a steal! Track your time across numerous projects and clients using an intuitive punch clock and time card interface. Visualize your data in new and interesting ways. Export your data for further analysis. If you have questions, take a look at our handy-dandy FAQ and if you cannot find what you need there, please join the discussion in the forums.

And now back to our regularly scheduled programming.

The Design Process

Since this blog is meant to be a record of my creative endeavors, and with the app now in the wild, I thought I might blog odds and ends about my design process, both up to now and moving into the future. I’ll focus especially on things like the user interface (UI), iconography, and graphic design. Though I hail from a primarily technical background, I will steer fairly wide of programming minutia here. And as I (hopefully) collect new users, I will report back about what seems to be working for folks and what does not. Hopefully we can learn something together as we go.

My Initial Approach

Today I will start with a quick overview of what the app does and how that informed the first big picture UI decision.

As often works best when designing a piece of software, I was solving a problem for myself, which is that as a recent entrant into the world of freelancing, I wanted a good time keeping app. I was trying to use Excel and later Apple’s Numbers to record my hours, but I did not always have my personal machine with me when I needed to record my time, and it was just a cumbersome way to do things. So I looked around to see what time keeping apps existed for iPhone, and I found that there were indeed some, but none that looked exactly like what I thought a timekeeping app should look like, or did exactly what I wanted.

Apple pushes the idea, and I agree with it, that an app should be simple and streamlined, should perform one task very well, and should look and feel like what it pretends to be. Take their Voice Recorder app as an example. It looks like a giant microphone with a record button and a level indicator. No question what to do with that. It does one thing — record your voice. Yes, there are a few views besides the main one, for example to sort through your previous recordings, but this is kept to a minimum. And you dwell mostly on that central view.

I wanted to do a time keeping app like that, except in my case, based around a punch clock and time card. I’d seen apps composed entirely of tables jammed with text, and I could not tell how to punch in. Tap around a bit, and I guess you eventually figure it out. But it should be obvious. Big fat clock and big fat punch button, just inviting you to tap it, right in the middle of the screen. My solution looks thus (as of the 1.0 release):

I designed my app around this central interface. Yes, there are other views that support other activities, such as modifying individual entries, exporting, etc., but they all hang off this main view. You start on this view and you dwell on this view. Everything else orbits around it. I felt this was a critical design decision and it colored much of what came after.

Furthermore, it was important to me that it have the feel of a traditional punch clock and time card, to the extent that I was able to mimic that in my graphic design. I think I captured that reasonably well.

The challenge, of course, is to make the UI appealing and clean, but also to give the user enough information when they want it. As you can see, the time card in this view is rather small, with half the screen given over to the clock. So in 1.1, which is now in development, I have added a feature which allows you to pull the time card up over the clock, revealing more entries. More on that later.

One last thing to mention up front is that something I really want out of my time keeping app is quick and easy data visualization. I want to be able to see what my hours look like over various time scales, where the time is going (which projects, which categories within a project), and so on. Toward that end, in 1.0 I have implemented a bar chart that shows the last week of activity.

You swipe the time card aside to reveal this graphical view, something like what you find in the native Stock App. For now, it is fairly simple, but in upcoming updates, I will be adding significantly to this feature, with lots of new ways to visualize your data without substantially disrupting this main view.

Well, there is a lot more going on here, but that is enough for now. I will post additional bits and pieces as I continue to develop the app.

Continuing from my last post, where I discussed a short snorkeling video I made in Hawai’i late last month, here we look at a few images of the Waimea Pier that I made early the next morning.

While we were in Po’ipu, on the south side of Kaua’i, we had browsed through the galleries of a few resident photographers. There were many great images, but one that stood out to me was of a pier (not sure which one) with smooth, ghostly water in the foreground. I decided to try to make an image like that myself.

I realized that given the equipment I had, in particular lacking a strong neutral density filter, I was going to need to do this in relatively low light conditions. To get the effect I wanted with the water, I needed an exposure of at least a few seconds. Even with a very small aperture, to avoid over-exposure, that was going to require the sun to be below the horizon.

So early the next morning, around 5am, well before the sun was up, I pushed myself out of bed, hopped in the car, and drove to the Waimea Pier, about a mile up the road from our cottage. I wandered up and down the beach with my camera and tripod, trying different vantage points of the pier, including both facing (almost) into the sunrise and away from it, as well as directly under and over the pier. Some of these shots are shown below.

You can see as the shots progress, dawn is breaking and ambient light is increasing. By the end, the sun is up, and the water is completely resolved, destroying the illusion of a smooth ghostly surface. At this point, it was no longer interesting to photograph the water, so I tried a shot of the top of the pier, using the lines formed by the railing to converge on the picnic table. In hindsight, I should have tried to get the picnic table above the level of the horizon, fitting in that bit of sky inside the covering, perhaps by getting down lower, or moving in closer to the table.

As for the early shots, which are what I really went to collect that morning, I am fondest of the third one, although I never really did get the angle I wanted on the pier. I would have had to have gone further out, perhaps if the beach had curved around, to get the angle I was really looking for, putting the sunrise behind the pier. Still, I like the way the rocks in the foreground provide a nice sharp contrast to the smooth water, and balance the mass at the end of the pier in the opposite corner of the image. It isn’t too far off from my pre-visualization.

In the future, to collect a shot like this, a heavy ND filter would be useful, just to give me more options on exposure, especially as the sun begins to rise. But despite the pain of getting up so early, especially while on vacation, there is no way to beat being on the scene well before sunrise.

I went to Hawai’i, and in particular to the very photogenic Garden Island of Kaua’i, at the end of March and came back with a boatload of photos and video. I processed a lot of the data on my laptop while I was there, publishing the odd item on my Facebook page. So if you follow me there, the next few posts may be familiar. Still, I wanted to get it up here for the record, along with some additional information you might find interesting.

To begin with, here is a short video I put together from footage I took of myself snorkeling in Po’ipu using my GoPro camera in its water-proof housing.

I had finished my Post Production class at UCLA Extension just before we left for the trip, and one thing I learned is that most production sound is junk. Except for dialog, virtually none of the audio you hear in a typical show or movie was recorded on the set. Even some of the dialog will have been re-recorded after the fact using Automated Dialog Replacement (ADR, or looping), with the actor on a sound stage lip syncing to his or her own image on the screen. Certainly a car door, screeching tires, birds chirping, city sounds, whatever, would be added in post. Along, obviously, with music.

Anyway, when I recorded the snorkeling in the video above, the audio was a total loss. You would not expect much from the tiny little microphone on the GoPro, and then in a water tight housing, getting bumped around, and so on: all junk.

Not to fear. After locking the video, which is largely just a montage of shots I took while having fun in the water, nothing really planned, I located the stock sound effects that come standard on a Mac, looking for things like ocean sounds, beach sounds, scuba breathing, bubbles, and so on. I had fun mixing it all together in Final Cut (not exactly Pro Tools, but good enough for this little project), and the end result is not too bad I think, considering I did it in a couple of hours the same day I shot the footage while sitting in our rustic little cottage by the sea.

I was particularly proud of the last part, where the music stops abruptly as the camera exits the water, and then you hear a brief drop in the sound when the camera dips under for a moment. You might almost be fooled into believing that the sounds you are hearing are from the nearby beach, when in fact, there is zero production audio involved here. But there are also numerous other subtle sounds here and there that add to the texture of the video without rising to the level of consciousness, yet which add an important layer to the overall video, without which it is very flat.

The moral for today: audio, usually added in post, is extremely important. But you probably knew that.

Over the weekend, Ryan and I went to the Mission San Luis Rey, a short drive down the freeway from our house. Ryan is in the midst of his 4th grade Mission report, a standard state of California curriculum item. He chose to study San Luis Rey, since it was close enough to visit easily, but one we had never been to before.

Ryan learned about the “King of the Missions”, which at its peak apparently ministered to some 3,000 Native Americans, while managing a ranch that spanned up into what is now the vast Camp Pendleton Marine Base, and which owned more than 50,000 head of cattle.

Meanwhile, I had fun taking pictures.

Going back and forth between the very bright white stucco exteriors under summer-like midday conditions with all the harsh shadows, and the rather dim church interior proved a fun challenge. In addition to the usual adjustments of shutter speed and aperture, I aggressively manipulated ISO and kept close eye on my histograms. Also, while I normally shoot JPG, which tends to be fine if the exposure is relatively even, and which keeps the file sizes to manageable levels, here I shot both RAW and JPG, and indeed I was glad I did. In a few cases, in post processing, I was able to extract quite a bit of detail that was lost in the JPG, both in the dark interiors and in the bright stucco textures.

I also made judicious use of the on camera flash. While not very powerful or flexible compared to the studio strobes, it is eminently portable, and provides just enough additional light in the foreground in a few cases. The shot of Ryan ringing the bell, in particular, would not have worked without the flash. As bright as the white wall behind him is here, to get his face exposed sufficiently without the flash would have involved completely blowing out the whole background.

I visited San Francisco this President’s Day weekend to meet up with my friend Viktor who was in town for a conference, and we had some spectacular weather which was great for walking and people watching. Here is a bit of what I saw.

I brought only my 35mm prime lens, which is nice and small for carrying around but of course has the disadvantage that unless you are willing to get up in people’s faces, you are not going to get tight portraits. But in this case, the point was to put people in context, to see something of the city as well, and this was a good focal length for that.

Southern California Edison, our local electric utility, was doing some maintenance today in the neighborhood, leaving us in the dark most of the day. Since I could not do anything on the computer, which is where I spend a lot of time these days, I thought I’d play around with my camera a bit, something I have not done enough lately.

Though bright and sunny outside, I thought I’d play on the power outage theme a bit and try some candle light photography. I recently saw an old high speed film shot of a woman’s face lit only by a candle. I wanted to give that a try with my digital equipment. Plus, while it did not work out, I thought I might be able to use this for the latest DPS assignment, which is to make something with the color yellow. I thought either the candle itself or the light it threw could be convincingly yellow.

I started with settings similar to those used in the film shot, including an ISO of 1000, shutter of 1/60 and aperture of f/11, but I found that I wanted a bit more yellow and a bit more light. I decided to add a SB-600 flash to the mix on lowest output power with a yellow gel to supplement the candle light, but ideally placed to appear as if coming from the candle. I also opened up the aperture a bit and slowed down the shutter as well, but edged down the ISO to reduce noise.

A few of the results are below. Unfortunately, I don’t feel they convincingly demonstrate the color yellow, so I am not submitting any of them. But it was still an interesting experiment.

In the first one, which I’ll grant is a little corny, I cleaned up the reflections in my glasses a bit, because you could see the candle, the remote flash, the commander flash atop the camera (which gives insignificant light but is needed to trigger the remote), and the windows and doors of the room, which while blocked up still let in some light around the edges. All you see now is the reflection of the SB-600, which ideally the viewer will take as the reflection of the candle.

The image with the smoke is interesting, although since the candle is now out, the light with its yellow tinge and sideways approach looks more like early morning sun through a window, which I guess might make sense with the candle having been blown out. I am not sure where Ryan’s expression came from.

The other one of Ryan and especially the one of Megan are the most convincing in terms of the light appearing to have come entirely from the candle (which as you can see from the last shot with the exact same setup, is not the case).

While I did not get a DPS entry out of it, I did get a better feel for how to manage candle light, and the light around a candle lit scene.

Been busy with other projects these last few months and haven’t been posting much here, but I plan to be getting back into it again in the coming months. In the meantime, I thought I’d post a few shots I took of our Christmas tree after the presents have made their appearance, but before the kids rip into them. What with the new wood floors and the blazing fireplace, it looks rather festive.

Merry Christmas!

Today was the first game of the season for my son’s AYSO U-10 soccer league. Actually, it was a sort of pre-season game, in that it won’t count toward the standings in determining the playoff schedule (fortunately, since we lost). But it was the first time “The Blitz” met a real opponent as a team, after a few weeks of practices.

The day began with a severe lighting and thunder storm, complete with hail, which cancelled the first game of the day. The storm cleared by the time we were up, but it remained overcast and cool. The latter was good for the kids running around like mad, while the former was good for me, providing even, if a little dim, lighting in which to take photographs. Sunny days are tough — it’s easier to freeze the action, but you are constantly fighting the harsh shadows.

I started with my 85mm prime lens, which is a nice piece of glass and the longest “good lens” I have, but I just could not get in close enough, so I switched over to my 70-300mm zoom. At the 300mm end, it really lets me get in tight from far across the field, but it is a relatively cheap lens, and the image quality reveals this. Among other things, it has lots of chromatic aberration, which is hard to explicitly see unless you have an abrupt white to black transition, in which case you see purple fringing, but which casts the whole image a little blurry. Combined with the slowish shutter speeds that result from relatively low light at that focal length, and without a tripod, the images are not the crispest in the world. Still, there are a few interesting ones below.

I’m spending a week in Connecticut visiting my parents. We are expecting hurricane Irene to come barreling through over the weekend, mostly on Sunday, but in the meantime, the weather has been quite pleasant. After a 22 mile bike ride this morning through the woods, followed by a trip to Foxwoods Casino in the afternoon, I spent an hour or two this evening standing outside in the dark trying to capture the night sky. Busy day.

Around here, which some might consider “deep in the woods”, there is not much ground light, and plenty of stars as a result. I decided to use tree silhouettes as an anchor point, to give the images some frame of reference. Trees are abundant here, and this also then serves as my entry into this week’s DPS Assignment, conveniently themed “Trees”.

With camera mounted securely to my tripod, and using a remote shutter release, I tried a variety of camera settings, including long exposures and high ISOs. With the high ISO, you of course get higher sensitivity (requiring less light to make the image), but more noise. On the other hand, keeping the shutter open longer means more total light hitting the sensor, allowing for lower ISO, but also results in star smudging as the stars move through the image due to the Earth’s rotation. Even with a 30 second exposure, the movement is quite noticeable.

So in some cases, I tried to keep the smudging to a minimum with exposures as “fast” as 8 to 10 seconds. In others, I went the opposite direction and let the streaking be part of the image, using a 4 minute in one case and an 8 minute exposure in another. For these ultra long exposures, I put the camera in “bulb” mode and made use of the remote shutter release which offers a means to lock the shutter open. I used a timer to decide when to end the exposure, but getting the time exact is not too critical. At 8 minutes, a couple seconds one way or the other is not going to make much difference.

In these cases, I am also using a fairly wide aperture (big opening means lots of light), but that is not the greatest for keeping both the tree and the stars in perfect focus. Still, it helps keep the other parameters at reasonable levels, and with a 35mm lens, the effect is not too bad. Would be even better at 14mm (as would the view of the sky), but unfortunately I did not bring my wide angle lens on this trip.

I do like how the clouds show up with a bit of a reddish tinge. They do not appear that way in real life, at least to my eyes. I presume the tint has to do with the sunlight reddened by the long trip sideways through the atmosphere, as during sunset. In this case, the light is coming from beyond the horizon, but the tint has not changed. Still, at night, the light is so minimal that the clouds are themselves barely even visible to the naked eye, but show up nicely in the long exposed image.

On the last leg of our road trip around the American West, we made our way from Montana down to Southern California along I-15 over a period of days. The time was passed mostly driving or tending to camp. But at one stop in Dillon, MT, where we camped for the night along a river, I set up and took a few photos before the rain came in, right around sunset.

The photos were largely not noteworthy, except in one case I tried taking the same photo a few times with different exposures, just to see what might work. The clouds were glowing in the sunset, but the foreground was not directly illuminated, so as I expected, I was either going to be over exposed for the sky or under exposed for the foliage.

However, since I was taking these photos from a tripod, they were otherwise identical, and so I had some fun merging them in post processing (with a little brightening and a saturation bump). This is one form of HDR, or high dynamic range photography, where you extract more from a scene than the ambient light would normally allow for, given the limitations of image sensors.

Three images are shown in the gallery: the two partially incorrectly exposed photos, and then the final merged product using the good parts of the two originals.

This is not the greatest composition in the world, but it was instructive for me to try this technique that I had only previously read about, and to see how this might work in the future in tough lighting conditions.