The Wilson Project Blog of UX/Front-End Developer Ivan Wilson

Menu Skip to Navigation

Blog Entries

  • And Now This Message From The Author…

    Sorry for the three month delay. Usually reasons: work, personal, and fencing. I would say that nothing has changed but that would be a bold-faced lie. As a matter of fact, more things will be changing in the next six months than the last year.

    Writing

    • Finally starting work on The Information Layer, with the first part ready Saturday, August 6th.
    • Writing a few more blog entries for CDG, one this month
    • One very important blog entry for TWP this month, currently writing now

    Conferences

    Going to a number of events during the last couple of months of this year. Two of the most important are in the month of October:

    Exhibitions

    In short, been really too busy to go any art exhibitions in the last couple of months. However, there are a few that I am trying to get to before they close in September.

    Work

    As I mentioned before, many things will change. How much/what kind will be detailed more in the next TWP blog entry, called “A Love Letter.”

    Indirectly, eventhough Project Charles ended in April, the Delta version of this site will be completed by the end of the year (if nothing else drops from the sky…).

    Fencing

    Well, fencing will be…fencing. Practice three times per week, one competition per month. Still working out the schedule for 2011-2012 season.

    Music

    Due to my work schedule, missed out on attending Met’s performance of Berg’s Wozzeck. However, looking at the 2011-2012 schedule, will be marking my calendar for the following operas:

    • Satyagraha – Philip Glass opera about Ganhdi (November 2011)
    • The Makropulos Case – Leoš Janáček opera, based on a story by Karel Čapek (May 2012)

    Apart from the classical scene – Elbow comes to DC in September (Yeah!!!)

    That is that I have for the next couple of months…

    And yes, I will be taking a vacation. Back to the PNW (Portland, OR/Vancouver, Canada) for my birthday.

    What’s that sound? That’s the sound of my Google Calendar crying like a baby…

  • (How) Geocaching Taught Me To Visualize Information

    (Originally published on CDG Interactive/Innate blog)

    Earlier this year I attended the IxDA Interaction 11 conference in Boulder, Colorado, one of most important in the field of interaction design. At this conference, I’m both an observer of the field and a student, gleaning ideas I can use to improve my own skills.

    In my three years of attendance, I’ve learned that interaction design is not just about building products — it’s also about how to visualize information. One of my jobs is taking HTML/CSS code and making the content not only visible but easily accessible to the user. At a time when massive amounts of data are freely available, finding ways to making information not only understandable but also easier to use and manage has become its own field of study.

    Making Information Visual

    So what does “visualizing information” mean? For example, take a basic weather map we see on the local evening news. Apart from the physical location and geographical borders, information about air pressure and temperature are shown in graphics, instead of a straight list of numbers and statistics. This same information is given some sort of context (work, travel, agriculture) for viewing. From this, we make judgments about what activities we want to do at a certain time period (going to work, growing crops, flying on vacation).

    We can use maps to overlay any information we want, depending on what we need or want to do. But one use of a map is something that we have been doing since childhood: using a map with information to find something.

    And that’s just what I did at IxDA in Boulder. Each year’s conference has a different twist, depending on the location. Home to The University of Colorado, Celestial Teas and a growing tech/design area, Boulder is nestled near the Rockies and has a reputation as being eco-friendly. Well, when looking at the list of Friday activities, I found one that caught my attention: Geocaching: Treasure Hunt.

    The “Treasure Hunt”

    Geocaching is a hide-and-seek game where finders use GPS units or GPS-enable mobile phones to find caches. These caches are containers that have various items inside. They can be as large a small Tupperware case. Or they could be micro caches, which can be as small as a 35mm film canister. Either one, these are located in publicly accessible areas and are hidden from view. However, the owner of a cache will leave some clues (text, title name, or images) for the finder to locate it. Of course, having a GPS unit does not mean it will be easy to find. If you have ever used one, you know that there is a certain range of accuracy depending on the signal and location.

    Occasionally, these caches will have a travel bug, a type of GPS-enabled tag with a unique ID that the finder/owner can move to any location and place inside another cache. Once the cache has been found, the finder must leave something of equal/higher value in the cache, especially if something is taken from it. The finder marks that she/he found the cache via paper/app/website and replaces the cache in the exact spot for others to find.

    Hmmm. Hide and seek with GPS tools. Exercise with actual pay off. Sign me up!

    Following lunch on Friday, the group got together. I was matched up with Jill, one of the advisors, due to the fact that we both we the only ones in the group who had Android phones. (BTW…interaction designers luv iPhones. Just an observation… ) I downloaded an app (there are a number of apps for iPhone and Android) beforehand and played around prior to the trip. It also helps if you have the latest upgrade of Google Maps on your phone with navigation abilities.

    We traveled to an area in Boulder where we separated into three groups. The group I was in located a micro cache about 0.7 miles north and we walked down some streets to the location. This was located in a parking lot (caches need to be in a public place). The GPS trackers got to about a couple of feet nearby. However, it had snowed a few days prior and the parking lot was covered in snow mounds about a few feet thick. I tried digging with gloves to see if I could find it but to no avail. Everyone searched around the area but no luck. Considering the area was still snowbound and we were finding a small micro cache, we decided to search for another one.

    Looking at the geocaching app, we found another micro cache only a few meters away north. Unfortunately, we came up empty again – a snowbound area with little clue to finding it.

    We decided to move to another one, this time a regular sized cache. This one was about 0.3mi west from our present location. Crossing streets and more parking lots later, we finally got to the location. Many of us recognized the location because of the clue given in the title. Like I mentioned before, the GPS only gives you a close proximity to the location; you still have to figure out where it actually is. Another clue pointed to its actual location. That’s easy enough.

    Well, almost. Now, you have to try to get it out. Remember, these caches were not meant to be easy to find in the first place…

    Finding the Prize

    The tallest of the group reached in and pulled out the prize – one round metal candy tin. After a few hours of searching and coming up with the third choice, needless to say we were all ecstatic (judging from the group picture afterwards). Then we opened our prize.

    Caches contain any sort of object left over from the previous finders or owner. (There are rules to what can or cannot be put there). This one had a simple log book, with list of names and dates, referring when the cache was discovered. One of the more interesting items is a small tale/story in two small pieces of paper, folded in the cache. It also had a squashed penny. This cache had a travel bug, which was taken by our advisor to be placed in another cache. As the custom, we had to put something back into the cache. A few items were put into the cache from other but someone shouted out “Does anyone have a coin?” I had some Canadian coins on me and threw in a “toonie” or a 2-dollar Canadian coin into the cache.

    [By mentioning this, everyone here in the Innate office will automatically reply “Of course, he has one!” Needless to say, I take a lot of trips to Canada.]

    Well after the celebration and signing of the small log book, everything was sealed up and the cache was place back in the same location before. The adviser marked the find on the site, along with the items that we placed in the cache.

    Mission completed. Smiles but tired walking back to the bus and then back to the hotel. For me, the day was complete.

    Now, when I work with information and its display, I’ll remember the connections between data and discovery that are made when geocaching.

    P.S. I mentioned the travel bug earlier. Beforehand, it was revealed that one of goals, besides finding the caches, was to have at least one of the travel bugs moved bit-by-bit to the location of the next conference – Interaction 12 in Dublin, Ireland in February 2012. If this one makes it, it will no doubt be very well received.

    For more information

    Your turn:

    • Have you ever been geocaching?
    • What are your favorite examples of interaction design?
    • How about visualization of information?
  • First Preview of The Information Layer

    First notes from my Moleskin notebook (Project Charles – Volume 1), 5/10/2009 entry

    Notebook (Volume #1 - Project Charles) - First Set

    Notebook (Volume #1 - Project Charles) - Second Set

    First sketch of new information model (same date)

    Sketch (5/10/2009) - New Information Model

    New information model (current view, comparing with previous model) – Basis for “The Information Layer” essay

    New Information Model - Current Realisation

  • Endgame

    After two years this month, I have decided to end Project Charles in April. This will also mark the 10th anniversary of The Wilson Project.

    @iwilsonjr (4:59 PM · Mar 14, 2011) – https://twitter.com/iwilsonjr/status/47401561944637440

    Depending on the ever changing schedule, Project Charles will be ending this year, if not sooner. After a long two years, I should be happy.

    I'm exhausted.

    I've carried this thing around, weathering all the stuff that gets thrown at me in the course of human life. This project became the internal motor of change, reflection, and experimentation. And a number of people have really benefitted from the results.

    The basis of Project Charles was redesigning The Wilson Project with the state of the art techniques in front-end development. No, we are not talking about the dazzling canvas experiments and all the fireworks. It was about learning all this new stuff to be able, like an experienced chef, to use this wider pallette to improve their work. Well, I'm still doing that. But Project Charles brought about an urgency to the process.

    Well, that urgency has come full circle. It's at a point where this project needs to end in order to go further on with other things. And since The Wilson Project Site is a working blog (and soon-to-be) portfolio site, I needed to end this thing to start doing new projects. And basically, I just need this monkey off my back. So why am I writing this blog entry?

    Because I feel that the need to apologize [to myself].

    This project was started with the idea of using XSLT via Symphony CMS. It's a very interesting application that I am sure will grow and improve. The cast of characters over there are currently working on the third version as I am writing this.

    Now, I'm in a time crunch. I cannot, at this time, learn XSLT and learn a new CMS without some focused time and effort. Unfortunately, considering the numerous hiatus periods in this project, that will never happen. So I took the hard choice and decided to move the project back to WordPress to speed up completion. I'm relieved at be removed of this burden. But I also feel sad, as I made some sort of bad compromised to complete this project. I know I shouldn't, but I'll live. I may feel bad for not completing the project in the way that I wanted fully but I have to move on.

    The other reason for Project Charles was conceptual. The "residue" of studying and observing the work around me of interaction design and front-end development. Yes, I have a few ideas that I've squirrel away.

    It's called The Information Layer.

    Ideally, Charles would have been the best demo, especially with Symphony/XSLT. But with the external changes of the last two years, there is a real need to share something now and not wait further down the road for an actual demo model.

    So, I'm shipping now. Everything can wait.

    I need my life back.

  • Wanderlust : February 2011

    Sorry for the month delay in blog entries but it’s been a non-stop rollercoaster of travel and events.

    Here is the shortlist of what happened in after the last blog entry and a few important things happening this month:

    WordPress DC Town Hall with founder Matt Mullenweg

    1.31.2001 – Washington, DC

    This event happened at Fathom Creative, down the road from CDG Interactive.  It was well attended and the sponsor even got an internet stream for online viewing and questions.  Matt was really relaxed, calm guest who talked about how WordPress was started (at the heart, WordPress started as a image gallery) and answered plenty of questions about it, running a business, some things in the works/future as well as what could be better. I asked about how it was doing in the mobile world and got the surprising answer (700% in two years! – with apps in almost every mobile platform).

    IxDA Interaction 11

    2.9-12.2011 – Boulder, CO

    Decided to arrive early to this conference (third time for me) to relax in Boulder and get to a workshop for the first time. However, I fell ill Tuesday morning and spent the following 24-48 hours in bed.  Missed the workshop but attended the full conference. I even got to attend an after-party on the first night (it was definitely an experience, especially the music and its location inside the Boulder Theatre). This conference was well attended and did not disappoint, concluding with the keynote speech from Bruce Sterling (design critic as well as sci-fi writer).

    All the keynotes as well as the individual lightning lectures were all interesting in one way or another.  However, the tone, in my perspective as a developer, was different in that were was more of a focus internally than the last two years. Whereas I was more in sync in the last two (especially with mobile coming up big during this duration), this was more internal than anything else.

    One of new additions to this conference was a day for design-related activities. In my case, it was geocaching, where I spend a few hours in the streets of Boulder playing hide-and-go-seek for hidden treasures. (Thankfully, I was well by then!)

    I will be doing a CDG blog entry on my geocaching adventure later on this month.

    Oh, BTW…it snowed 3-5” and went from single digits (Tuesday) to 60s (Sunday) in one week.

    You thought DC had crazy weather!

    Nixon in China

    2/19-20, 2011 – NYC, NY

    I packed bags again the following weekend, for a trip to NYC for The Met’s presentation of John Adams’ 1987 opera Nixon in China. I last heard this opera on CD a decade ago in college but the performance did not disappoint. Well sung by all the performers and John Adams (who conducted his own work) got a standing ovation.

    What was interesting about the opera, apart from the music, was the whole scenery. As a person who grew up during the last glimmer of the Cold War, some of the scenes were familiar from all the news broadcasts during this time (you know, when you only had TV and print).  The opening scene of the Nixons stepping out of the plane matched the videotape footage to a point where it was eerie.  Of course, the big irony, particularly those in the audience, is how much has changed in the almost 30 years that meeting.  As a point, during a scene in the second act, Pat Nixon was presented with a jade elephant. The official near her remarked "We can make hundreds of them cheaply!", which was followed with laughter (with a tinge of irony) from the audience.

    The second act ended with the agitprop play (the music the basis for a Adams’ stand-alone work The Chairman Dance), which really reminds someone of my age about the old Socialist/Communist displays in the 80’s, or more recently, in North Korea. Of course, the big irony is that so much of that change would start two years later.

    Leaving memory lane, I spent a quiet following day listening to three Shostakovich quartet (11th, 12th, and 15th) and Beethoven’s Grosse Fugue, Op. 133 at Bargemusic with the St.Petersburg Quartet. Back home on Monday (President’s Day).

    And that was my month of February.

    Will be returning to NYC for two concerts:

    • March 26 – NY Philharmonic/Avery Fisher Hall for Bartok’s 1st Piano Concerto
      — I will be able to say that I have heard all three concertos live – 3rd in DC/NSO (2005) and 2nd in Boston/BSO (2007)
    • April 16 – Met Opera for Berg’s Wozzeck
      — Heard Berg’s other opera Lulu last year

    Hopefully, things will slightly quieter further in the year.

    Later (multiple crossing of digits…)