A Better Experience

Persisting typed singleton objects in Flex Mobile via PersistenceManager

2011-07-02T15:32:00.002-06:00

I recently ran into a real mess when trying to persist a typed singleton object in a Flex Mobile application via the PersistenceManager class.

DevGirl Holly Schinsky has a great blog post on managing data in a Flex Mobile application, and I was specifically using her instructions on persisting typed objects. The basics are this:

1.) Register the class alias
flash.net.registerClassAlias("person",model.Person);

2.) Get an instance of the PersistenceManager class
var persistenceManager : PersistenceManager = new PersistenceManager();

3.) Save the object to be persisted
persistenceManager.setProperty("savedData", _personInstance);
persistenceManager.save();

4.) Re-load the object at a later time
persistenceManager.getProperty("savedData");

Everything works totally fine UNLESS the object you're persisting has a hidden internal class - a class who's scope is internal to the model object class itself. This is often the case for singleton classes in AS3 - since there's no way to make a private constructor the best-practice for singletons in AS3 is to make the constructor take an instance of an internal class object so that no external classes can call the constructor.

I suspect the error is during de-serialization - since the serializer can't make an instance of your singleton model's internal class, it can't make the model class itself at all, and de-serialization fails.

For now I'm just removing the internal classes from my singleton. It means it's no longer really secure, but I'll take the easy data persistence and built-in serialization of the PersistenceManager over having to do the serializing/de-serializing myself.

I suspect this would be an issue with any AMF serialization in Flash - I bet these types of locked singleton's can't be persisted across the client/server or to a regular LSO or anything like that either.

Amazing client quote

2011-04-14T21:09:00.002-06:00

Regarding EUI's work for Pearson recently, the product manager for our client said:

“Each of you probably had your own reasons for getting into this business, but I'm sure the hope was improving people's lives. That's what you've done here, one student, one class, one non-missed exam at a time. That's something to be proud of.”

Wow, that's amazing feedback. It feels great to be a part of the EffectiveUI team when we get this sort of feedback. :)

HTML5 Logo Background Images

2011-01-18T17:05:00.003-07:00

HTML5 got a new logo today. I spent a few minutes in illustrator and whipped up a few desktop backgrounds for HTML5 fans like myself.

I'd like to add some other treatments, but this is all I had time for today.

MAX Volume presentation is live

2010-10-29T15:09:00.001-06:00

My presentation at MAX 2010 with Juan Sanchez and Leonard Souza is up now on AdobeTV. We presented on MAX Volume - a multi-screen experience we built for the desktop and mobile phone using Adobe tools.

Doug McCune Is Not Dead

2010-09-20T09:33:00.004-06:00

Doug McCune is not really dead, but I gave his eulogy this morning as part of a prank that Nate Beck organized, produced and masterminded this morning at 360|Flex. Nate and Doug have had something of a prank war going in their sessions at 360|Flex over the past year and this was Nate's latest salvo, based on my April Fools Day post "RIP Doug McCune" earlier this year.

Here's the full text of the eulogy. It was immediately followed by this video that Nate posted to weheartdoug.org, which was in turn followed by Doug himself, giving his part of the keynote here at 360 | Flex.

Friends and honored guests, members of the Flex community. I stand before you today to with a message of sadness. Our once merry and mirthful friend, Douglas Quincy McCune, passed away last week and so will be unable to give the keynote here this morning. I know that Doug was a good friend to many of you and an honored member of the Flex community, remembered for the fanciful (if occassionally inappropriate) titles he gave to his sessions and frequent exhibitionism. There is no doubt that Doug will be sorely missed this weekend.

Though details of Doug's demise and the real reason for his passing are not available at his time, I would ask that we all honor his memory by thinking more about the happy times we had with him than the surely tragic and unfortunate events that surround his shuffling off of the mortal coil. For myself, the thing I remember most about Doug was the way he filled a room - how his presence permeated the place. Though I know Doug has passed on, in a weird six-sense sort of way I can still feel that presence, that warmth, that joy of his here with us know - as if he were sitting right in the front row.

Many of you know that Doug and Nate Beck had a prank war going. It started when Nate threw rubber balls at Doug during a session. Doug retailiated by having a man dressed as marilyn monroe sing happy birthday to Nate in the middle of his session at the last 360 Flex. Nate Beck was planning a masterful rebuttal; an epic final stroke to end the war by escalating it so far that Doug couldn't possibly respond. He'd hired a troupe of dancers to can-can out during this very keynote. They were to be lead by Michael Labriola who, contrary to common misperception, is quite a nimble ballerina. But due to Doug's passing Nate immediately dropped the prank plans and focused all of his efforts on rallying the Flex community in memorial with Doug. He's prepared a short memorial video, which we will watch together now.

We <3 Doug - In Memoriam from Nate Beck on Vimeo.

Installing new Flash Player in Chrome

2010-06-28T14:02:00.003-06:00

The illustrious Kevin Suttle turned me on to a fix for an issue I've been having with Flash Player and Google's Chrome browser, which is my favorite browser by far.

My flash player debugger had simply stopped working in Chrome without warning. It turns out that Flash Player comes bundled as a plugin with Chrome now and you have to visit chrome://plugins to disable it. The only way to install a new Flash Player version for Chrome is to disable the old one, shut down chrome, run the Flash Player installer, and then restart Chrome.

When you're done, check out this Flash Player version test page from Adobe to make sure everything worked.

Making a site specific browser for Campfire using Fluid

2010-06-04T11:50:00.004-06:00

I tried making a site specific browser for Campfire today using Fluid. It was a bit painful at first, until I got a little help from my friends out on the internet.

Step 1: Make the new fluid isntance. Grab the high-res image for Campfire from 37Signals here.

Step 2: Add *launchpad.37signals.com* to your list of allowed URLs for browsing (thanks Steve Sanderson)

Step 3: Add scripts to to do things like growl notifications when someone says your name.

Step 4: FUN

EffectiveUI book released

2010-02-10T12:51:00.004-07:00

The EffectiveUI book by various people here at EUI and published by O'Reilly was released to the wild yesterday. Here's the official statement we put out:

"As the gap between the high-quality experiences users expect from software and the mediocre ones companies actually deliver continues to expand, there's no greater time to drive home the importance of building better UX for software.

Delivering on UX potential involves more than just innovative ideas and technologies. Building software centered on UX quality requires that the design, engineering, staffing and business considerations — as well as the overall art of software project management and development — be centered on users' needs and grounded in the practical realities that underlie innovative developments.

At EffectiveUI, we apply UX development and technology each day for custom Web, mobile and desktop applications. Over the years, we’ve learned through success and error what does and doesn’t work. Through these lessons, we have reached an approach that truly maximizes UX strategies for both the consumer and the developer.

We are incredibly fortunate to have a new book published by O’Reilly Media that will help answer many outstanding questions, or questions not yet pondered, for those embarking on better UX. We only wish we’d had this book a few times throughout projects in the past.

“Effective UI: The Art of Building Great User Experience in Software” is written as a complete roadmap of how to successfully develop groundbreaking software when the quality of the user experience is critical. The book will help:

business and product managers trying to build and fund innovative products successfully.
software professionals who want to more easily advance the cause of better UX in their companies and with their clients.
anyone striving to advocate and deliver on the promise of higher quality software.

“Effective UI: The Art of Building Great User Experience in Software” covers all aspects of how to create superior UX, from the initial concept to deployment. It also explores the business, project management, design, and engineering considerations that must work in tandem along the way. By presenting real UX projects that EffectiveUI undertook with National Geographic and Herff Jones, the book demonstrates how the principles discussed can be applied to overcome UX challenges and to meet UX opportunities.

Authored by Jonathan Anderson and John McRee of EffectiveUI, in conjunction with Robb Wilson, “EffectiveUI” joins O’Reilly’s animal series of books and features a Rainbow Lorikeet on its cover.

The book costs $44.99 and is available at major retailers such as Amazon.com (www.tinyurl.com/effectiveui) and through O’Reilly Media at oreilly.com. It is also available on iTunes for $4.99."

"Flash" package missing, code hinting lost

2009-09-04T16:26:00.003-06:00

Earlier today I started getting some ridiculous behavior out of Flex Builder. All code completion revolving around the Flash package, especially events, just quit. Then it started flagging the word "flash" itself as an error:

1120: Access of undefined property flash.

After a while hitting up the bug database and searching the googleverse I found this great tip from Garth Somerville - make a new workspace.

It's kind of a pain, but it worked!

Update:
WHEN THIS FAILS: When this fails, as Andrew T pointed out in the comments, re-install the SDK

AND WHEN THAT FAILS: Re-intsall Flex Builder. After re-building my workspace 5 times with no luck, reinstalling the SDK, and fighting with this for hours, I finally just scrapped all of that and re-installed Flex Builder. It all works fine now - old workspaces and all.

CFUnited Speaker Questionnaire

2009-05-14T11:25:00.002-06:00

Recently CFUnited sent out a speaker questionnaire. Since this whole thing was too long to twitter, I thought I'd share it with you, gentle reader, here on my weblog page.

1. Have you spoken at CFUnited in the past? What would you tell someone who hasn't been to CFUnited before?

I have never, even once, spoken at CFUnited. Last year I was sworn to silence. I would tell someone, it's okay - you can get through this.

2. Why should people attend your session(s)?

People should attend my session if they want to learn about what's new in Flex 4, or how they can use Flex to build some sweet UI's onto the hearty back-ends they're used to building in CF.

3. Do you have any projects in the works that you will be revealing at CFUnited?

[mysterious]If I did, I most certainly wouldn't reveal them on the internet. You'll just have to come and see for yourself.[/mysterious]

4. Besides your topic, what other sessions are you looking forward to?

I'm looking forward to Jun's session and David Tucker's session. They both know a lot about a lot of things, and I like learning things from people who know them.

5. What are some of the hot topics you'd like to see at RoundTable discussions?

I'd really enjoy listening to two gentlemen (or ladies) diplomatically argue the merits of the multi-party system of government favored in Europe compared to our rather intransigent tradition of only two.

6. Where can people find you at CFUnited? (At the bar, networking, working, in your room, etc.)

I will most likely be in the pool, trying to see how long I can hold my breath.

7. What's the latest news with you? Has anything changed since last CFUnited?

Well, Liz, I'm glad you asked. Last week we watched our friends' dog. It's a pretty nice dog, so it went well, generally, but it yipped a lot at night, and I'm a light sleeper, so that was a little rough. You know what, why don't we just catch up at the conference?

8. What is unique about CFUnited?

It's the last great bastion of hope for a dying world in need of a hero. There are a few mediocre bastions around, but you won't find any other great ones. Especially not around WADC.

9. When you are not working what do you like to do in your free time?

When I'm not working, I like reading, playing video games, and occasionally playing sports in my free time. When I'm working, I prefer to spend my free time playing scrabble over a nice glass of 2% milk.

10. How do you feel about Law and Order?

It is my firm belief that there are too many crime dramas on evening television, but of those crime dramas, Law and Order is pretty good, I guess.

New offices - EUI Upstairs!

2009-05-04T12:24:00.010-06:00

Back in the summer of 2006, we (EffectiveUI) purchased a really big warehouse in down town Denver and moved in. In the early days we didn't have bathrooms or lights or conference rooms, and it was a real shack. That was quickly rectified, but as our numbers were still small we only built out the bottom floor of the building.

Since then we've grown considerably and our space started to constrain us - we couldn't physically fit enough desks in the office to house our Denver crew. Late last year we got serious about finishing the upstairs of the office, and today is the glorious day in which we've finally moved upstairs. Our design, development and PM teams moved upstairs, while account management and sales (the noisy people) stayed on the ground floor. It's nice and quiet up here. :)

Here are a few pictures, for anyone interested. It's still got a good industrial feel but is far nicer and more workable than the raw warehouse was.

The view from my desk of our "developer pit" area:

This is the designer "pit", separated by a half wall for us developers. The wall is there to make sense of the difference in floor height - not to keep them out (or us in (I think.))

Front couches upstairs - a good place to take phone calls. :)

The front stair case leading up to our new digs, with some of the art we're going to hang on the walls soon. I think Todd Hebenstreit made that one. All of the art we're using to decorate upstairs was done by EUI employees. I spray painted a smiley face myself, but it's not here. :)

View of the pits from the staircase:

We made Andy McIntosh sit with the designers to help him appreciate Flex Builder more:

Rocky Mountain Adobe Camp, June 22nd

2009-04-20T10:36:00.003-06:00

Mark your calendars and get out your stimulus check: Rocky Mountain Adobe camp is on June 22nd. The camp will be at the chic Magnolia Hotel, smack dab in the middle of Denver. Expect an exciting day of the Flash platform, Dynamic Media, or eLearning, depending on your preference, hosted by the Rocky Mountain Adobe User Group. Get all the latest news on Adobe Camp through twitter, here.

I'll be speaking there on Flash Catalyst and Flex 4 with Juan Sanchez. Juan will provide the Flash Catalyst designer details and I'll be talking about the code. We'll look at how Flex 4 works along with some best practices (as far as we can tell) for integrating with Catalyst.

There are some other great Flex / Flash platform talks planned, including an intro to Flex by Jun Heider, some more talk on Flash Catalyst from DEVELOPER Adam Flater (what does he know? :) ) and an in-depth talk on testing by Michael Labriola, who co-invented testing with Liebnitz (or Newton, depending on who you ask.)

I'm pretty excited for the great day of the learning, and to have so many great minds descending on our city. If you're in Denver or ever wanted to visit this would be a great time to make the trip. Let us know on Twitter or in the comments here if you're coming - I'm sure we'll take some time to tour the city after the conference.

CF United Express Denver Presentation

2009-04-06T17:28:00.002-06:00

This afternoon I gave a presentation on the Flex 3 Component Life-cycle at CF United Express in Denver.

We had a good group at the talk who did an amazing job of keeping up as we blazed through the material! We had to skip some things at the end, as this presentation was originally 80 minutes long (condensed to 60 for CF United Express) and because I was 10 minutes late (blame it on my calendar.)

All in all it was really fun, and I'm really glad I had the opportunity to present.

Here are the slides from that presentation:

Adobe Flex 3 Component Life Cycle

View more presentations from rjowen.

I'm going to be speaking in August at the full-blooded CF United event in Leesburg, VA, on the how the Component Life-cycle and the rest of component development changes in Flex 4. If you're in the area or up for a good time, get yourself there and check it out!

the new ipod shuffle and bad design

2009-03-11T16:27:00.002-06:00

The new ipod shuffle interface is completely confusing and totally non-intuitive. Bring back the old one, with buttons that made sense and the ability to plug in any headphones I want.

Engadget says it best:

Things I will never need

2009-01-23T15:28:00.002-07:00

1. More than one clock on my desktop
2. An analog clock on my computer or phone, anywhere
3. Small widgetized forms of old games (block breaker, that picture shuffle thing) I never enjoyed in their original form cluttering up my desktop
4. Cover flow for just about anything
5. Transparent or semi-transparent windows that lock themselves on top of other windows

MAX slides posted to Slideshare, embedded here

2008-12-17T12:34:00.002-07:00

Slides from my presentation at MAX titled "A Deep Dive Into the Flex 3 Framework" are available up on slideshare:

Flex3 Deep Dive Final

View SlideShare presentation or Upload your own. (tags: flex adobe)

We got great reception and generally good reviews for this presentation, but some people were underwhelmed. Some thought that the "deep dive" didn't dive quite as deeply as they would have liked, and others thought the title was misleading. I agree with you on both accounts. :)

Matt Chotin actually picked the title and by the time we put the talk together it was too late to change it. A better title might have been "Flex 3 Junk Drawer: something things you never knew about classes you use all the time."

Balancing the depth of a talk like this is difficult. We needed to give some "intro" level discussion for people who are new to Flex, but we also wanted to dive "deep" into some topics people hadn't learned before. In the end, I really wish I would've had time to dive deeper into the style manager, but I thought Brad's presentation of Collections and Binding were both really good. It's difficult to go too deep into the SystemManager, since it's not a class many people interact with. I was hoping that information on how it works (particularly the section on the structure of the Flex-produced swf file) would be helpful all by itself, since it's a very interesting topic that most developers get away with never touching.

In our section on Data Binding we mentioned a talk given by Michael Labriola at 360 Flex San Jose. Michael also has those slides on slideshare, but I thought it more appropriate to link you to his post on the Digital Primates blog rather than embedding them myself. This is by far the best discussion I've ever heard on Binding, and I'd encourage every one, even those who consider themselves experts in Flex, to take a look.

All in all, I thought the MAX talk went pretty well. 60 minutes is a pretty short time to co-present something as blended as this talk, and I think we provided value to our attendees. If you attended and have more feedback I'd love to hear it, or if you've just checked out the slides and have questions or feedback, please let me know. I want to know how to make these talks better! rj dot owen at effectiveui.com.

Keep It Simple, CNet

2008-12-13T21:02:00.002-07:00

CNet's Don Reisinger completely misses the point. It's specifically the LACK of all these additional features that makes Twitter popular. Same goes for Facebook. I don't WANT a social networking tool that specifically enables authors to upload their work. Have they ever seen a blog?

Spore's DRM backfires, makes it most downloaded game of the year

2008-12-05T23:39:00.004-07:00

TechDirt is reporting that Spore's insanely draconian DRM, much the bane of every video-gamer interested in the game, has completely backfired and made the game the most downloaded (the hacked version) this year despite being out only a few months.

When you look at the issue from a customer experience perspective, the DRM controversy is a no-brainer, and DRM loses. DRM provides absolutely no value to customers - only pain. Probably more than any other medium, video games are successful only when they create good and immersive experiences. Furthermore, gamers are probably one of the more passionate demographics out there - they know they know what a good gaming experience looks like, and they get passionately involved in them.

Starting players off with a frustrating registration process and then subjecting them to the restraints of a silly DRM system is a pretty good recipe for pissing people off, and in this case EA's customers have made their frustration loudly known. Some paying customers have downloaded the hacked version to avoid the DRM, and a few and even filed a class action lawsuit against EA. Sony had similar problems back when it published music CD's with rootkits, but they've since recanted - hopefully EA will see the benefit of good customer service and quit this sort of nonsense.

Until they do, I won't be buying any EA games. Companies like EA (and on a larger scale, the entire entertainment industry) need to hear loud and clear that we won't put up with this. Every part of the user experience matters, and those that unnecessarily subject we-the-customers to this degree of frustration should be shunned like the plague.

WWII as an RTS

2008-12-03T10:24:00.003-07:00

This is just about the funniest thing I've seen in a while - WWII as an RTS game:

The animated version

The chat log

Here's a sample:

...

*Roosevelt has joined the game.*
*Stalin has joined the game.*
*deGaulle has joined the game.*
Roosevelt: hey sup
T0J0: y0
Stalin: hi
Churchill: hi
Hitler[AoE]: cool, i start with panzer tanks!
paTTon: lol more like panzy tanks
T0JO: lol
Roosevelt: o this fuckin sucks i got a depression!

...

And it goes on from there. :)

10 reasons I hate CafePress

2008-11-20T16:27:00.002-07:00

In no particular order....

10. Their usage policies are vague and arbitrarily enforced. Campaign materials for both candidates were featured on the home page, but technically anything featuring the likeness of a celebrity is in violation.

9. Their web interface is poorly designed, and requires far too many page refreshes for the world of web 2.0 to deal with.

8. They don't let you see records of sales for periods less than 3 months.

7. If you make less than $25 on your account, they never pay you

6. There's no easy way to change the design on all of your products at once; you have to do it for each individually. Want to resize that image on the 20 different types of shirts you sell? Better block off an hour.

5. The ability to design shirts is ridiculously constrained. You can upload small images that will be displayed in small areas on the front and back only.

4. It's really expensive. $12 for a plain white t-shirt. You only get a percentage of your mark-up.

3. Their customer service is frustrating. When one of your images gets blocked, you receive a completely un-informative form email informing you of the block without telling you why. It's up to you to guess and then reply with reasons they should turn your account back on.

2. They require your social security number "for tax purposes" when it's likely they'll never send you a check.

1. DesignAShirt.com and CustomInk.com are easier to remember. It's weak, but I needed a 10th.

Watch Scott Adam's draw Dilbert

2008-11-11T14:29:00.001-07:00

A cool insight into the way technology has innovated drawing comics. Scott uses Photoshop and a really cool drawing touch screen.

The video is on Amazon, who of course doesn't let me embed it. You have to visit the link so they can try to sell you the new Dilbert book. :)

http://www.amazon.com/gp/mpd/permalink/m3RDBXZLJ5QU57

Adobe ADC email FAIL

2008-11-07T10:06:00.005-07:00

Like the rest of you in the Adobe Developer Community, I got this email this morning:

"Dear RJ,

introNetworks has sent you an introMail regarding: IMPORTANT MESSAGE

Please log in here <http://adc.intronetworks.com> to retrieve your messages.

Sincerely,

The Adobe Developer Connection team"

SPOILER ALERT: The special message was this:

IMPORTANT MESSAGE

Please note that as of November 10, 2008 the Adobe Developer Connection introNetworks application will no longer be available. Be sure to copy any important content or contacts you want to save prior to that date.

If you have any questions or concerns email Edward Sullivan at esulliva@adobe.com.

Why the hell did I have to log in to your system for that? Why couldn't you just email me that important message in the first place? There's nothing remotely important or secret about it.

Making people login, remember passwords, etc. unnecessarily is a huge user-experience FAIL. Most likely the reason you're canceling the ADC is that none of us have logged in since MAX last year.

MAX 2008 game: Rescue Princess Chotin!

2008-10-21T17:33:00.003-06:00

Near the end of this past summer, our intern Scott had very little to do and wanted to learn some Actionscript. He'd been here all of four weeks, hired on to help do some last minute HR and pre-screen interview candidates. We came up with a project that had very few requirements:

1.) Make a game,

2.) featuring the FlexBot,

3.) that somehow involves Matt Chotin.

Scott really exceeded our expectations. First, he de-compiled the root max.adobe.com swf to get a real animation of the FlexBot walking back and forth, which is no small task for someone with just about zero Flash experience going into the project. Then he coded up a simple game where the 'bot can shoot lightning (press "shift"), fight "bugs", and ultimately take on a deranged version of the PhotoShop Penguin who's taken "Princess" Matt Chotin hostage for undisclosed reasons.

It's pretty great - click the image above to go give it a spin.

Our 360 Flex Presentation is online!

2008-09-17T17:35:00.005-06:00

Here you go!

Thanks to Ted Patrick for getting this up and posting it on his blog. I've been watching the 360 Flex RSS feed on Adobe Media Player for weeks now and never saw it, but Ted has it posted. Enjoy, and please give us your feedback!

I've posted the slides on SlideShare here. Email me at rj {dot} owen at effecitveui.com if you want the originals to use for yourself. Please feel free to use these at user groups, conferences, or to impress attractive members of the opposite sex.

Microsoft Surface in the house

2008-09-13T02:36:00.004-06:00

I'm happy to announce today that our embargo on surface blogging has been dropped, and I can announce that we upgraded our standard coffee table to a Microsoft Surface about two months ago and have started developing some basic applications for it.

The surface comes loaded with some pretty basic applications to start - a small keyboard, some applications to demo its ability to display, resize, and manipulate photos, four-way pong, a few basic test apps showing the types of information it can process, and a water simulation that ripples when touched.

My reactions thus far have been pretty mixed. On the one hand, nothing about the surface feels sleek, elegant, or in any way portable - it's huge and heavy - but it's alpha technology at this point and meant to be a table, so all of that should be forgiven. It uses a camera to detect multi-touch (as opposed to pressure or heat in other devices), which has some real benefits: it's able to detect and react to many objects other than the human hand. While the test applications aren't anything very impressive, they're fun and so intuitive that the technology is invisible, and that's what good user experience is all about.

Another thing that's worth mentioning is how helpful Microsoft has been in learning to program for the Surface. We identified a few employees really interested in doing R&D work on the surface, and Microsoft did a lot to bring them up to speed, including conducting a special training session for them in Redmond. Say what you will about office or Windows - Microsoft knows how to treat developers.

I'm pretty excited to see what our team comes up with for the surface. Interfaces like this are going to be everywhere in the not-too-distant future, and it's exciting to be working with some of that technology now.

If you're in Denver and interested, stop by our office sometime and check it out.

Apple did what?

2008-09-09T15:38:00.002-06:00

For a company who's touted as having nailed user experience through simplicity, Apple's new set of iPod features are very confusing. Here's a list of things we never wanted in our iPod, and the exclusion of which made the iPod so successful during it's early days:

- voice recording on the Nano

- 10 different colors to choose from

- "Shake to Shuffle"

- lots and lots of different price points

The voice recording is specifically weird. Apple's been praised by numerous analysts specifically for NOT including that feature.

The most recent place I read about this was in Subject to Change - Adaptive Path's book / video on building user experience design into your company's process and culture. The iPod and iPhone are case studies in simplicity - in being late to market, and beating your competition by offering fewer features in better integrated systems.

I guess Apple's moved out of the "user experience" stage into the "repeat buyer" stage - they've come to dominate the market, and now they need a new gimmick to get all of their existing iPod customers to buy another. I'm sorry, Steve - the new colors are cool and all, but at the end of the day the features I really care about haven't changed. I don't need another one.

John Wilker joins EffectiveUI!

2008-08-22T10:46:00.003-06:00

I'm happy to welcome John Wilker (of 360Flex fame) to EffectiveUI. John made the announcement this morning on his blog and is going to be something called a "Community Evangelist." Juan Sanchez is reportedly working on his tracts right now.

John's going to bring a lot to solidifying the community events that EffectiveUI is involved in. A lot of us are doing a lot of independent and disorganized work to help broaden the RIA market, educate the Flex community, and promote the applications EffectiveUI builds and the brands we work with. John's going to bring some much-needed focus to that, and I'm really excited to see what happens.

Welcome, John!

Using Photographs to Enhance Video

2008-08-15T11:57:00.002-06:00

Really amazing video about a new video-enhancement technique using still photographs. Thanks to Zach Pinter for sending this out:

Using Photographs to Enhance Videos of a Static Scene from pro on Vimeo.

What the heck, Aurora?

2008-08-05T12:06:00.004-06:00

Ryan Stewart:

"Aurora is a new “inspire” concept by Adaptive Path and Mozilla to give people a look at what the browser looks like in the future. It’s awesome. The user interface is great, it has lots of important visual queues, and it enables real time collaboration and user generated content."

Wow, Ryan. Awesome? Really? I couldn't disagree with you more on this. I'm really surprised this came from Adaptive Path - I really expect a little more from those guys.

THE GOOD

using the Z-axis for time
blurring the online/offline aspects and moving online content to the desktop

THE BAD:

Holy clutter Batman! This is simply not a well organized interface. With things moving around and being hidden and lots of weird symbols to memorize (that petal-of-dots interface makes zero sense), it looks like it's set up for a very awkward and confusing user experience. ORGANIZE my data - show me more files in a more organized way. The last thing I want is a dock on every side of my screen and a giant cloud of content on my desktop.
What's with that giant arm thing she's holding? There aren't any interactions she does that benefit from the huge peripheral. I think there's huge untapped potential in new interfaces and peripherals to power them. This simply doesn't cut it - it's a step backwards from my mouse and keyboard.
What's with all those annoying sounds? There's a reason we stopped doing those back in 1995 - they're horribly distracting. The last thing I want when I click something is for it to yell back, in some insanely happy voice, "HI! THANKS FOR CLICKING ME! LET'S PLAY!" Sounds should be used quite sparingly, and when they are, they should be as short and simple as possible. The quiet mouse "click" is about as intense as most of us can handle.
Real-time collaboration is really distracting. The last thing I need is a bunch of people trying to voice chat me all day. IM and email are great because they're passive communication - we don't need to collaborate on everything all the time. If you want to enhance the way we collaborate and communicate, try organizing and consolidating all our passive communication forms into a more centralized hub.
Why the heck would you demonstrate your awesome next-gen design ideas in a video featuring farmers arguing about rainfall?

In conclusion, please don't make me use that thing.

Maikel Sibbald Joins EffectiveUI

2008-07-20T08:44:00.002-06:00

This announcement is long overdue. About a month ago, one of the most talented underground 3d Flex developers I've ever seen joined EffectiveUI. His name is Maikel Sibbald, and he runs the popular labs.flexcoders.nl blog. If the URL didn't give it away, Maikel lives in the Netherlands, where he has two sons and a lot of tatoos, but is currently visiting Denver.

Maikel's hiring a EffectiveUI is a funny story that speaks to the power of taking initiative. Maikel's a proficient Away3D programmer, and after seeing some of the stuff we did for Discovery Earth Live he decided to copy it's globe. We discovered Maikel because of the copy, started talking, and the rest is history. The motto of Maikel's story is simple: if you want to get a cool job at a sweet RIA company, copy some of their work.

Maikel joins a few other EffectiveUI Europe team members, including his fellow degrafa-contributor Jason Hawryluk, who lives in France. On behalf of everyone, welcome to the team, and sorry I didn't blog about you a month ago. :)

ebay desktop hits 1 million downloads!

2008-07-18T14:58:00.002-06:00

Today it was announced that eBay desktop reached 1 million downloads. Mike Potter from Adobe, who had the initial idea for the application and got us involved, wrote a great summary of it on his blog, which I've reprinted here:

"Earlier this week the eBay desktop was downloaded for the 1 millionth time. That's a great accomplishment for one of the first AIR apps that's been developed.
That application was originally built by a summer intern of mine, Charles Bihis, who is now working at Adobe in Seattle. He developed the initial AS 3 APIs and a very earlly alpha version of eBay Desktop. The team at effectiveUI took the project on after a conversation I had with them in a bus in San Francisco after the first Adobe component developer summit run by Ted Patrick. They're the ones who have made it look so great and added most of the functionality that it has today.
Congrats Alan on the great success. The project would be dead without your great support."

What a great testament to the success of AIR and the power of user experience. eBay invested a lot of time, effort and money in user testing and getting user feedback, and as a result it continues to be one of the most successful applications I've ever been a part of. Congrats to eBay for investing in their users!

360 Flex - closing fast

2008-07-14T10:14:00.000-06:00

Title: I'm going to be at 360|Flex San Jose 2008, In August. You should be too!
Body: I'll be speaking at 360|Flex! You should be attending so we can hang out! Tom and John are cool too! Register now!
Link for "Register now": http://360flex.eventbrite.com

360Flex frags me

2008-07-11T10:18:00.002-06:00

John Wilker and Tom Ortega caught up with me on XBox live, where it seems I dual-wield a nine-barreled shot-gun and the Sword Of Ultimate Truth. Check out the hilarious interview John and Tom put together, and then go register for 360Flex.

EffectiveUI and Discovery Channel win a Stevie

2008-07-02T11:21:00.007-06:00

EffectiveUI and Discovery Channel won an Stevie Award for "best web, software or programming design" for Discovery Earth Live. The award was actually listed for Interface Design.

Congratulations to the entire design team who contributed to this project, including Patrick Hansen, Bobby Jamison, and Jeremy Gratson. Congratulations are also due to our development team, which consisted of Brad Umbaugh, Kevin Skrenes, and myself.

Discovery Earth Live was a great example of the sort of designer/developer collobration I was talking about yesterday: our designers made some initial mock-ups, but the entire design changed several times during development. Design and Dev worked very closely to rapidly change the entire interface several times during the course of the project, and this award is a testament to the success of that method.

Congratulations also to the team at Discovery, including Andra Gregory, Lori Wark, Betty Chu and Randy Rieland, who brought the initial vision and contributed a wealth of great ideas to the process. Discovery is a client who really knows exactly how to engage creative agencies and Discovery Earth Live's success is a testament to their hard work as well.

Here's a video of Betty Chu from Discovery accepting the award:

Agile UX Development?

2008-07-01T10:02:00.005-06:00

Jeff Patton has an amazing post up about how to get started adding Agile to UX Development practices. Please ignore some of the more obvious typos, especially in the opening line. :)

Here at EffectiveUI, we've been trying for a while to work out our process. We started off with something that was very similar to the waterfall and have since gotten more agile, but it's still pretty undefined. As we move towards more definition, a lot of us developers are pushing for less process and more software. We believe that the only real metric for measuring and testing sofware ideas is software itself, and at times it sounds like what we're advocating is scraping the design process altogether.

We're not, and perhaps we get a little too excited sometimes. Jeff's post is a great way to realistically approach Agile-like development with UX design in mind, and I highly recommend it for anyone in a similar situation.

The only real disagreement I have with Jeff's post is the strong distinction he makes between designers and developers. Maybe that's necessary and appropriate in other fields, but I don't feel it has to be with RIA's, and I'm not the only one - this idea is months old and already agreed upon in our community. I hate the idea of developing two time boxes behind. I want to be involved in the design and involved in the feature validation. I'm a part of this process too you know - not just the code monkey who builds whatever you geniuses think up. :) He does go on to encourage a lot of collaboration, but I want to do more than just collaborate - I want to help design!

Lastly, this is what I think of the silly made up jargon word "ideate":

The internet causes "staccato" attention spans?

2008-06-14T12:37:00.003-06:00

Yesterday a friend sent me a fascinating article by Nicholas Carr of The Atlantic entitled, Is Google Making Us Stupid? It's a great article that's definitely worth reading. I think it brings up some good topics worth discussing, but Carr's insightful discussion is unfortunately lead astray by some common myths about the internet. Here's my take on the article:

At first it seems he's saying we don't have the ability to process information. All of his admittedly unscientific stories at the beginning are about an inability to process information, mostly focused on a reduced attention span. While he's right that the internet is helping to reduce our attention span, the idea that this impedes our ability to process is total bullshit. It's bullshit because the internet encourages us to respond - blogging, twitter, email, facebook - the entire sharing and commenting on content encourages us to process information. Our short attention spans require that we pack every sentence of that response with information, and the need for brevity requires even more processing. It's also bullshit because the study he sites focuses on research students. No one likes spending time researching information they don't need, so with the ability to quickly search articles of course research students read less. This highlights a failure of the academic institution's idea of "research" far more than any problem on the internet. Lastly, it's bullshit because he flat out contradicts this later in the article, around the time when he gets to google.

The real problem with the way we think post-internet is something he barely touches on - it's our inability to remember details. He's certainly right that the internet changes the way we think and makes us more like computers, and he hits the nail on the head when he calls us processing units. The real problem here isn't just the internet either - it's the technology that's sprung up around it. Our technology, from our laptops to iphones, encourage us to forget details like names, places, addresses, phone numbers, and rely on our machines. The availability of information storage and rapid retrieval encourages us to forget, but it actually makes us process BETTER. This should be his point - not that we can't bother to really read any more, but that we remember so little of the information we're basing our lives around.

There are ways to work against this within the confines of the internet. First, forcing ourselves to respond, even in a short blog article, encourages us to remember. Second, keeping a healthy balance on information is essential. Third, we limit our use of the features that make us forget - there are some numbers in my cell phone I always dial because I want to ensure that I'll remember them if I lose my phone. I loved the author's point at the end - that we ought to be skeptical of our own skepticism - and loved and agreed with every point he made about the way we criticize technological progress. This bit was really refreshing - I haven't heard a good criticism of criticism in an anti-internet article in...forever.

Whether the internet, techonology, and computers make our lives better is certainly something worth debating. You all know where I stand on this issue - I love the internet and I love technology - but I'll admit that it has some detrimental effects on my life. Case in point: right now, I'm reading and responding to this article in my living room. It's dinner time, and my wife has interrupted me at least three times to ask me questions I have to stop reading / writing and think about. It's annoying to me, but it's my fault. If this laptop and the ability to communicate and process and retrieve information were bound to my study, or if conversations like this were limited to times when we were all together in real life, I'd certainly be a more focused, sane, and probably happier person. But that's not really the internet's fault - that's mine. I need to use this tool wisely, and know when and how to limit myself.

On that note, I look forward to your thoughts on the article. :) Post 'em in the comments, if you please.

Announcing jobs @ effectiveui

2008-06-03T13:41:00.005-06:00

Know someone with RIA designer or developer skillz? Bubble or not, web 2.0 is blowing up right now, and we're looking for top talent to keep on top of the work. Today we're happy to announce jobs.effectiveui.com - a hip looking site that entrances, delights, and hopefully garners even more resumes than all these conferences we've been pimping ourselves at:

Whether you're already a skilled RIA'er looking to join up with some cutting-edge pros or just getting into the business and looking to grow, give the site a look and, well, you know, fax us your email address.

WebMonkey is back in business!

2008-06-03T10:31:00.003-06:00

Many old web one-dot-oh developers will remember Webmonkey: an active resource for all things related to web programming and an essential part of our early web development education. It featured tutorials on every web technology under the sun as well as news about things going on in the web development world. The tutorials were in depth, accessible, and interesting, and the content was always fresh.

Unlike many other "how-to" sites, Webmonkey was fun. It had style, class, and the tutorials had just enough pizzaz to keep you interested in learning things like CSS, complex table layouts, and sax vs. dom (ah, those were the days.) Like many of you, I was an avid reader and big fan of Webmonkey, and was sorry to see it fall by the wayside sometime after the bubble's bursting.

Well friends, I have good news: the monkey is back in business. Wired announced in their magazine last month that the site had been updated and revamped, and after cruising around webmonkey.com a little I have to say it's looking good. I'm excited to see Webmonkey's return, and you should be too.

Right now Webmonkey seems to be focused on the more standard, less-proprietary aspects of the web, be they Javascript or Rails. Hopefully they'll embrace the Flash/Flex/AIR/Silverlight branches soon and get some content for us rich developers.

localToGlobal vs. contentToGlobal in Flex

2008-05-21T16:22:00.007-06:00

If you hadn't heard, there are a set of functions in Flex called contentToGlobal and globalToContent that Sean Christmann and I discovered this afternoon doing some hacking. If you're ever using globalToLocal or localToGlobal, you probably should be using the analagous "content" versions instead. Here's why.

Let's say your application consists of two red boxes. One of them is on your root or Application level stage, and the other is nested in a component who's x position is set to 5. The Application level box is placed at x=10. Let's say we want to make it so that both red boxes are at the same X position. Since the box that contains the child is already 5 pixels from the left, we set our second red box's x to 5, combining for a total of 10.

Rather than doing these calculations by hand, Flex has a set of helpful methods that make it easy. Traditionally I would do this using the "globalToLocal" and "localToGlobal" methods. To calculate the X value using these methods we'd traditionally do something like this inside of our child container:

//get the application level red box's x coordinate

var box1_x : int = Application.application.box1.x;

//convert this x value into a global coordinate

var pt : Point = new Point(box1_x, 0);

var box1_global_x : int = Application.application.localToGlobal(pt).x;

//note: since box 1 is on the "global" stage, localToGlobal shouldn't do anything.

//I've just included it here for completeness.

//convert the global coordinate into our container's coordinate system

var pt2: Point = new Point(box1_global_x, 0);

var final_value : int = this.globalToLocal(pt2).x;

These five steps convert the box's x value into a global point and then back from global into our container's local coordinate system. Setting box 2's x value to our "final_value" gives the desired result, as shown above.

The problems start showing up when your child's container uses a border. Let's say we give our container a border thickness of 2. If we run the code above to set our box's x position, we wind up with something like this:

Our second box renders displaced by a number of pixels equal to the border thickness from where we want it.

This is because Flex containers place their children inside a nested container called a "contentPane." Content panes are separate containers that have their own coordinate systems - think of it as a box within a box. In the outer box the component renders borders. All children and their content are renderered in the inner box - the content box. globalToLocal and localToGlobal calculations use the container's root coordinate system (the "outer box"). Since children are rendered inside of the content pane, globalToLocal type calculations really aren't "local" to these children.

The answer is to use contentToGlobal and globalToContent instead. Replacing localToGlobal and globalToLocal in our previous example, the red box renders correctly, like this:

If you don't have any borders or padding then the two boxes line up and localToGlobal / globalToLocal works just fine, but if you do have them, these methods will fail you because they're based on the "outer box" coordinate system and not the content pane.

Intern Inside

2008-05-16T16:23:00.002-06:00

We've got an intern starting monday. I made this sweet logo for his laptop and thought I'd share with all the other great geek interns out there.

Flash Player 10 released

2008-05-14T23:11:00.002-06:00

With Ryan Stewart hinting on Twitter about exciting news to come from Adobe tonight, I stayed up for a while and was rewarded to be one of the first to learn about the release of Flash Player 10. I gave a full synopsis of it on InsideRIA so I won't repeat that here - check it out!

I can't get the PixelBender to work in Safari - anyone else have any luck?

Joined the Twitter Reformation

2008-04-30T12:29:00.003-06:00

I joined twitter this week after DHH was singing it's praises. Interestingly enough, he wasn't on twitter himself at the time but joined up two days later and had over 1,000 followers by Tuesday.

So far it's been good, but I can't help but feel like this is another social network that's going to dry out soon. Robert Walton put it well:

"Almost all of my friends are on Twitter now, which has become the new Facebook, which has become the new Myspace, which has become the new.."

My thoughts exactly. Facebook was great for a few months but I never go there anymore. It's too diversified...I don't need all the updates, I don't need another mailbox to check, and I definitely don't need another IM client (if you ask me, whenever a website introduces their own IM system it's a clear sign it's jumped the shark.) I couldn't stand myspace from the beginning.

Twitter's boiled down feature set is all I want right now. Twitter's really just a group chatroom where none of us are chatting with the same mix of people. It's fun for today, but we'll see if it lasts.

funny visualization by David Armano

2008-04-26T11:07:00.000-06:00

The state of things:

Hire Healthy People

2008-04-25T09:53:00.002-06:00

The Illustrious DHH has a great post up on the 37Signals' blog about how he enjoys working with Family people that I really agree with, and not just because I'm now a family person myself. The post really isn't about working with parents; it's about working with people who keep a healthy work-life balance. Having immutable constraints on your time forces you to ignore the little details and get things done.

One of the things we ask in our interview process here at Effective UI is whether or not you're involved in any extra-curricular activities (having a family certain counts.) Regardless of what those are, it shows us you're probably forced to keep a healthy perspective on work when you're doing other things as well.

Another good characteristic of people who live outside of work that DHH didn't mention is that they know how to commit. If you're committed to volunteering or playing soccer or doing anything that requires regularly sacrificing your time, it's more likely that you'll commit to our company and be a more enjoyable person to work with. Being committed means you're more likely to enjoy your time with us, more likely to get involved in fixing company processes, and more likely to care about what happens to the rest of us. No one concerned with company culture wants to hire a mercenary.

TypeRacer: Fun, fun, fun.

2008-04-25T01:30:00.004-06:00

There's a lot of talk these days about "user experience" - how can we create great experiences that drive business results? How can we tie people emotionally to our software? What kinds of interfaces do people like to use? What's the common denominator for the best applications out there?

These questions have many answers, and the inquiry is certainly worthwhile. But sometimes, I think, we get too hung up on the details. We worry so much about technology choices and whether or not we can implement drag-and-drop/mashups/social networking/slick animations/3D that we forget about something pretty simple. That's right, kids: we forget about fun.

Not TypeRacer, though. They didn't forget an ounce of the fun (full disclosure: I'm a sucker for typing games. I remember my seventh grade typing class, and the inexplicable drive I felt to conquer the terrible IIgs typing game we played all class, every class. Years later, I became hopelessly addicted to PopCap's TyperShark). Not since iSketch have I been so hooked on an online game.

TypeRacer is dead simple: type in your name, wait for the green light, and type a pre-defined sentence as fast as you possibly can. The faster you type, the faster your little VW Bug moves across the screen -- hopefully fast enough to beat all of the other players competing against you in the same heat. I found myself playing over and over again -- "this is really my last game, for real this time" -- loving the feeling of waxing the chumps puttering across the screen at 25wpm (no offense, of course), and losing my cool when I get beat after mistyping strange words like "ultraviolence".

But here's the beauty of it: it's crazy fun. And there's hardly anything to it. The technology? HTML and Javascript. That animation of the VW Bug moving across the screen? Just an image getting moved about 50px at a time. The login process? Just type your name, no password required. The spoils of victory? An ever-shifting leader board (on which I was excited to find myself competing against the revered Mr. Jamis Buck). The sentences you type? Repetitive at best.

But I'll tell you what, I can't stay away: there's nothing like a little head-to-head competition, a simple interface, and an assault on my pride to keep me coming back for more. Yeah, I'd love to be able to play against my friends, and the leader board could use a better way of tracking scores (I'm not exactly sure when scores seem to randomly drop off). But these are small quibbles with a great app.

So here it is: you don't need the latest technology. You don't need whiz-bang effects. You don't need crazy, exciting, innovative new features. What you need is a good idea, boiled down to its core, and a great, accessible, fully-realized implementation of that idea with as much of the complexity removed as possible. It doesn't matter what technology you choose (remember how they shot The Blair Witch Project on tiny little camcorders?); let the zealots have the religious wars while you make a great piece of software. Use what you know. Make something people have a lot of fun using, and you'll certainly be a success.

We're on The Flex Show!

2008-04-23T13:01:00.001-06:00

Brad Umbaugh and I were interviewed on The Flex Show last week discussing our use of 3D in Discovery Earth Live. You can check out the full interview here if you're interested.

In the interview we discuss the nature of 3D interfaces, some things to think about when attempting 3D, and just barely scratch the surface on the differences between Papervision3D and Away3D. Kinda timely given Andrew's post on 3D just a few days ago.

Finding the "right" way to use rich innovative features like 3D is a topic I'm really passionate about. We didn't get into the usability aspects of it as much as I'd liked in the interview, but I'm hoping to do a panel at MAX or Web 2.0 NYC later this year and get more into it. Is that something you'd be interested in? Leave us a comment if you don't mind.

Want a job at Google?

2008-04-09T11:25:00.002-06:00

Here's a posting I got from a friend today. If you're interested, send me an email at rj [dot] owen [at] effectiveui [dot] com and I'll put you in touch.

***

Search Quality Associate (Webmaster Communications) - Mountain View

Do you have a passion for Google and the Internet? Do you desire to help improve the quality of Google's search results while impacting millions of users on a daily basis?

Google's Search Quality Evaluation team is recruiting enthusiastic, web-savvy individuals to work with new technologies in order to improve the quality of Google's core search product. With a focus in webmaster communications, you'll be responsible for maintaining external communication with web publishers while also focusing on search quality improvements. The ideal candidate will be detail-oriented, have strong analytical skills, and bring innovative ideas to improve access to relevant information on the web. Candidates will also be passionate about technology, be familiar with typical web practices such as managing a domain name as well as with Internet infrastructure, including WHOIS directories and Internet Protocol.

Responsibilities:

Investigate designated domains and URLs and identify areas of concern and interest
Troubleshoot technical issues and collaborate with engineering teams to make large-scale search quality improvements
Establish and maintain proactive communication with external web publishers
Work on special projects and cross-functional initiatives within Google

Requirements:

BA/BS degree
1-3 years related experience in an Internet company and with web research a plus
Fundamental understanding of HTML and JavaScript
Familiarity with typical web practices such as managing a domain name
Familiarity with internet infrastructure such as DNS, TCP/IP and WHOIS
Previous experience with a programming language such as Perl or Python a plus
Public speaking experience a plus
Blogging or online content editing samples a plus

re: HuddleChat

2008-04-08T13:14:00.003-06:00

37Signals CEO Jason Fried's response to HuddleChat:

"We're flattered Google thinks Campfire is a great product. We're just disappointed that they stooped so low to basically copy it feature for feature, layout for layout. We thought that would be beneath Google, but maybe its time to reevaluate what they stand for."

Translation:

"Oh shit. Google's giving something better away for free."

Copying Campfire "feature for feature, layout for layout" is about as complicated as copying a single text field, a single button, and big viewing area - it's not exactly patentable rocket science here. Sorry, Jason, but there are good reasons most web companies don't charge for these insanely simple apps, and one of those is how easy it is to replace them.

Lest you misunderstand, let me go on record as saying that, for the most part, I love 37Signals. I love the simplicity of their applications and the perspective they bring to the web community on their blog. I even think they have a right to be upset - if I sold burritos and someone opened a burrito shop next door that sold bigger burritos I'd be mad too. But that's not unethical; that's competition. When you boil a problem down to the basics and provide a very basic solution, it's pretty hard to compete without copying, at least in part. Since problem boiling is 37Signals' bread and butter, they should be used to this by now.

What makes this response a little...annoying...is that Jason and everyone at 37Signals are usually very forthright and very reasonable. They're a little arrogant and sometimes silly, but this sort of smug posturing just seems out of character.

If HuddleChat manages to take any large set of users away from Campfire, it will only be because 37Signals failed to incorporate enough of the features their users requested and failed to make the application free, and that's not stealing - that's called innovation.

Apparently Jason's not the only one at 37Signals to get a little upset about HuddleChat.

Update: Google killed HuddleChat last night, fearing the ill will of the development community. I guess competing with 37S wasn't on their radar after all.

AIR + Linux = .....Lair? Airlix? whatever

2008-04-01T17:19:00.003-06:00

After a long month of relaxation, I'm happy to announce that I'm back at working, heartily blogging again. For those of you who may be concerned, I was out on paternity leave and am happy to announce the birth of my daughter Quinn, who was born March 4th. She's already shown herself to be good at criticizing user interfaces, having run in to a few diapers and bottles that just didn't work the way they should. She made them pay, believe you me.

On to business!

Adobe announced recently that AIR will be released for Linux and has released a beta version on their beta site. My buddy Dave Meeker has a great analysis of what this means for the desktop on his blog, so I won't repeat it here. Check it out.

Second, I've been accepted as a regular blogger on InsideRIA.com - an O'Reilly blog about all things RIA. I'm very excited to join the team and will do my best to keep both blogs updated regularly. Today we had a ground breaking post talking about some new features in the next version of Silverlight that might cause Adobe some problems - check it out. ;)

Flex Optimization: beware bindable VO's

2008-02-27T14:14:00.002-07:00

We ran into a situation today in an application processing a large data set and seeing some really exhorbenant parsing times on the Flex side. We're transferring the data using AMF and it's still taking up to 5 times longer to parse the data than transfer it (500 ms to transfer, up to 4.5 seconds to parse it. Yikes!)

Part of the problem is that someone made a key VO bindable. The data set we're loading is about 5,000 objects in size. Each object gets parsed in a method that makes reference to properties on this vo at least 6 different times in a while loop which can loop hundreds of times depending on the data point.

When the VO is bindable, this means 6 different method calls, since bindable objects have their public properties replaced with getter and setter methods to support binding. Having these calls made from inside the while loop lead to roughly 1 million excess method calls in parsing the data alone.

There are other inefficiencies in our data parsing yet to be found, but removing the "bindable"

tag on this object lead to an immediate 30% increase in speed. Removing the tag hasn't had any noticable effects so far.

It's likely someone wanted to bind to a data provider before the data had been created and then used the data object itself as part of an MXML tag. Even though the data will never be updated and thus doesn't really need to be bindable, FlexBuilder can't tell that and produces a warning message asking that the object be bindable. Clearning up this tiny warning had disastrous results, though we didn't find them until now. :)

Since the VO itself is never updated in our application, there's no reason it ever should've been bindable. If you did need a bindable VO there are several ways to avoid our problem still. First, we could've cached the VO's values outside of our while loop, operated on them within the loop, and then updated afterwards if necessary. Second, we could've listened for a more general "loaded" event on the entire collection rather than binding to something on the individual VO's themselves, since they should all update at more or less the same time.

Finding performance bugs like this is key to enhancing user experiences in Flex. I'd heard all of the standard performance enhancements before (type your variables, don't nest for loops, etc.) but hadn't heard anyone mention anything about binding before, so this was sort of a revelation for me even though it probably should've been obvious.

If you're suffering from performance degradation and can't figure out why, look at your binding. Fire up that brand new shiny profiler and see how many times your bindable methods are being called - I bet it's more than you'd think.

Discovery Earth Live: behind the scenes

2008-02-11T22:40:00.000-07:00

Discovery Earth Live, an application we've been working on since early August '07, went officially live today. I say "officially" because it's been up on Discovery's site for a while now, and a few reporters (including Wired) broke the news early on Friday.

In summary, Earth Live is an application that allows users to view global data on a 3D surface. It's maintained and updated daily by Discovery, who provides content about climate issues directly from scientists and NASA and NOA (in the "featured stories" area) and allows users to make their own global "stories" with data sets compiled from the last 24 hours (in the "create a story" area.) Any story, whether featured or created, can then be shared on a users blog, myspace, facebook, etc. in a widgetized form. Here's an example of the widget with no layers, which is how I like it best:

You must have the Adobe Flash player installed to see this app. Please download flash here.

Earth Live was exciting to build and features some interesting technical hurdles. We wanted to incorporate an interface that was fun to use but still conveyed the data, and that was difficult because until about half way through the project the data itself wasn't well defined. I heard someone speaking at Max this summer say something that should be obvious: data comes first, interfaces second. Making an interface for data you don't have yet is always a risky thing. In this case I think we lucked out and the interface fits the data pretty darn well, but I still wish we'd seen it sooner.

We decided early on that the globe should be a real 3d object for a number of reasons. First, this was the way our sales guy pitched it to the client. His big idea was to mask a giant repeating flat map so that it APPEARED to be a real sphere - we in the development department were having none of that. If it was going to look like a globe, then by golly it was going to BE a globe. Second, our designers convinced us that 3d globes are just more fun to use. We'd used PaperVision3d on a few projects before and read about it's recently increased performance, so we decided to give it a go.

From the beginning Discovery had been interested in using this app to support their Earth Live blog, which tracks the adventures of scientists around the globe. We'd planned on building this feature out as clickable push-pins in the globe. The feature worked but with weird bugs around the edges in PaperVision. Though John Grden assures me this is not a bug, we made the switch to Away3D - a PaperVision spinoff project contriubted to by my buddy Peter Kapelyan - and everything was fine. Away 3D also gave us some increases in performance which were greatly appreciated.

We planned the application to display two kinds of data: flat image files and KML drawings. Flat image files were easy to do in PaperVision but the KML piece was more work. Brad Umbaugh, who did most of our globe development, spent about two weeks working on the KML piece, but in the end we decided it just didn't look right and so it's not being used. The functionality is in there, hoping and waiting for an eventual upgrade in version 2.0.

Somewhere around the beginning of October we started working with the real data and Discovery came to us with an exciting proposition: how about videos? In theory it worked, but in practice the performance sucked. It sucked bad - browser crashing, slow as molasses, 2 fps bad. Brad spent a few weeks tweaking it and with the help of some other EUI staff (Jim Cheng in particular) we came up with the following system:

All of our videos are embedded in swfs.
When we load a video into the app, we immediately strip all of it's frames out into raw image files during the first pass through the video.
In the second pass, we flatten those images with any other layers on the globe at that time (though Discovery isn't currently layering any images on their videos, the capability exists.)
After this, the globe updates it's wrapper material once every frame and it looks like a video. Performance is still rough on older machines, but it's decent on most and great on anything made in the last 3 years.

One really exciting part of the app was a frantic last-minute re-design. While at MAX, with our latest development deadline just two weeks out, we received info from Discovery that the app was going to need to be 200 pixels slimmer than we'd previously thought. Patrick Hansen and I sat in the back of our booth and quickly sketched out what later developed into the new design. Brad and developer Kevin Skrenes, who was responsible for more or less all of the UI that wasn't the globe, helped us massage it over the next week and Kevin bore the brunt of the re-development effort.

During the last month Kevin and Brad transitioned off and I worked bugs and updated the widget. I went through some hurdles learning the Facebook integration process, partially defined in a post here, and finally got it all working late last week. That's right - right before the deadline. You know how it goes. :)

All in all, this was a great project. Discovery is by far one of my favorite clients ever - they're amazingly enthusiastic and easy to work with. I also want to give major credit to Bobby Jamison and Jeremy Graston, who worked on things from the design angle, and Shannon Garret, who built all of our marketing materials including the Earth Live logo.

A final note to developers: the app currently throws a run time exception you might see in the debugger:

TypeError: Error #1034: Type Coercion failed: cannot convert flash.events::Event@27513d91 to mx.events.IndexChangedEvent.

This is an Adobe issue documented on their bug base here. I'd like to find the offending piece of code that dispatches the bug and catch it, but it's not a high priority now since it's only visible to users running the debug player -- non-developers will never see it. :)

Flex 'Super Tuesday' Map from BBC

2008-02-05T08:54:00.001-07:00

The BBC has a map on their site displaying information about the "Super Tuesday" primary voting scheduled to take place today. It also has an interesting feature that will show the state by state election results for the Presidential race back to 1956.

My favorite things about the map are that it's extremely lean (~300k) and extremely simple.
It's minimally skinned and contains bare-bones functionality (with the exception of a weird button that removes half the navigation - what's the deal with that?) Most users really won't have any idea they're playing with Flash content. This app definitely could have been done in Ajax, but I bet it was a lot easier to code in Flex. All in all, it's a good example of Flash done "right" in a way that subtley enhances the normal BBC content without taking over.

Please don't call me a "devigner"...

2008-02-05T00:02:00.000-07:00

because it's a silly term, and those unfamiliar with our space will likely think me the sort of fellow gifted in finding water with sticks.

Exhibit A:

No, Deseloper is not a better term.

Social RIAs will save lives

2008-01-30T07:21:00.000-07:00

I heard an amazing story last night about the connection between a health and social interaction. Studies have found that being involved in any group of people might be the healthiest decision you can make on a daily basis - better than dieting or not smoking.

The person I heard speaking was quoting from the book Everybody's Normal Till You Meet Them by John Ortberg, where he sites two different medical studies linking health and community. Here's the excerpt:

"One of the most thorough research projects on relationships is called the Alameda County Study. Headed by a Harvard social scientist, it tracked the lives of 7,000 people over nine years. Researches found that the most isolated people were three times more likely to die than those with strong relational connections. People who had bad health habits (such as smoking, poor eating habits, obesity, or alcohol use) but strong social ties lived significantly longer than people had great health habits but were isolated. In other words, it is better to Twinkies with good friends than to eat your broccoli alone. Harvard researcher Robert Putnam notes that if belong to no groups but decide to join one, 'you cut your risk of dying over the next year in half.'

For another study, as reported in the Journal of the American Medical Association, 276 volunteers were infected with a virus that produces the common cold. The study found that people with strong emotional connections did four times better fighting off illness that those who were more isolated. These people were less susceptible to colds, had less virus, and produced significantly less mucous than relationally isolated subjects."

(from Everybody's Normal Till You Meet Them)

In an age of increasingly fractured social structures, omni-present online communities can provide the sense of belonging and connectedness that many of us have started to lose in our success-driven, work-intense, post-family, post-modern fragmented lives.

I'm talking about social networking, of course. Since business types realized the success of MySpace and Facebook, we've been desperately cramming social networking features into every web application we can think of, and many of the resulting "features" have left we-the-developers wondering whether any of this craze is really worth the effort. The answer is a clear yes, though we should certainly be more discerning with the way we implement them.

It's the fragmentation piece that's really getting to us. Even when we have communities, they're cut and spread across so many different geographical and online places that we still feel fractured. There's a sense of liberation in knowing your friends from group A will probably never hear about your common interests with group B, and there certainly needs to be a continued emphasis on personal privacy, but there's something very healthy and liberating about collapsing all of the various random mutations you've made of yourself into a single person and being that person 24/7.

I think Facebook has had a huge impact on reducing online fragmentation by encouraging people to be themselves. It's that single core feature of the application that keeps me interested and supportive despite the frustration of ignoring all the senseless message inviting me to become a zombie or a ninja or whatever and annoy my friends with spam. Facebook nailed social networking by focusing on simply creating online community and reducing the temptation to engage in the sort of anonymous jack-assery that most previous social forums have suffered from.

As we continue to build social RIAs, let's focus on helping our users engage in social communities in that kind of healthy way. Let's help reduce fragmentation by focusing on enhancing existing communities rather than creating totally new ones and focus our social features on things users really want rather than social networking for social networking's sake. I know that's a little preachy for a Wednesday, but these things are central to building good experiences.

Is Digg really a design pattern?

2008-01-29T07:38:00.000-07:00

The Yahoo Design Patterns library sure seems to think it is.

According to Yahoo's own definition, "A pattern describes an optimal solution to a common problem within a specific context."

I guess here the "common problem" is, how can you get millions of users to come back to your site every day without having to create any of the content myself? Why, you implement the "vote to promote" pattern of course!!

If Digg's pattern is "vote to promote", what's Facebook's? The "indulge voyeurism" pattern? The "spam your friends" pattern?

Ted Patrick on Flex Performance and Minimalist Programming

2008-01-28T09:35:00.000-07:00

I read a really good "intro" level article by Ted Patrick on performance in the flash player. I'm sure we've all read this stuff before, but it was a really good reminder for me, and the article is short.

Here are the best parts:

"The Flash Player uses a logical unit of work called a frame which consists of 2 phases which occur one after another in a loop:

1. Process ActionScript
2. Render Graphics
3. GOTO 1

After each of these phases is a buffer to handle delays ( say you render to much or loop over a ton of data ). When both of these phases have completed we call that a frame. Each SWF file you create has a framerate (frames/second) which represents the fastest rate that the Flash Player will loop over these phases. When Flash Player encounters delays in processing either phase it will elongate the time to process the frame and thus your framerate will slow but will never exceed the framerate set in the SWF file."

"Flex was built to handle application behavior in a minimalist fashion if used properly. I continue to see developers execute to much ActionScript on a single event and not think in terms of processing data across frames. Using events properly is a great place to start. Make sure you know how long and how often methods are being called from events."

Forward Thinking: RIA predictions

2008-01-26T11:08:00.000-07:00

I read Ted Patrick's 2008 RIA predictions a while ago and have been mulling over the future of RIA's ever since. Where is this technology going? How is it going to get there? I think Ted does a pretty good job talking about 2008, so I'm going to agree with him and look a bit farther into the future.

While I love the changes RIA technologies have made to our software experieinces in the last few years, I have to give the skeptics some credit. Flash has been around for a long time now, and applications developed for the web or enabled by the internet aren't exactly new either. That both of these have been lumped together under the title "RIA" and seen as something relatively novel in the past few years deserves some of the derision it's received on the web.

Yet the benefits of the things we call RIA technology are real and vast, and they're not going away any time soon. As the whole "user experience" and "usability" issue continues to influence and permeate web-society, the call for new interfaces and better ways of visualizing data is only going to get better established in the years to come.

So here's my prediction: by 2015 we'll all stop saying 'RIA'. The spectrum of different RIA's will be so vast and so deeply embedded in all of our software that it won't make sense to talk about a special class of applications that provide rich features and deal with the internet. Rich features will be in every interface you use, and accessibility to the internet, at least in the first world, so unlimited that all of our front-end applications will be, in the literal sense, RIA's. Software will require a new set of classifications and differentiators to talk about differences in interface development, if indeed any still exists.

Unfortunately, I don't predict flying cars until 2061, when all our food is cloned and HAL forces everyone to wear matching track suits.

EffectiveUI an OnMedia top 100 company

2008-01-21T21:11:00.000-07:00

I'm not really sure what this means just quite yet, but EffectiveUI was recently selected as a top 100 company by Always On. Here's how they selected us:

"For the AlwaysOn Media 100 list, hundreds of private companies—spanning numerous sectors, all stages of corporate development, as well as the globe—were nominated. To make the final selection of companies that excel in AlwaysOn’s five primary evaluation criteria—innovation, market potential, commercialization, stakeholder value creation, and media attention or “buzz”—the panel drew on industry expertise from KPMG; Bridge Bank; Merrill Corporation; Manatt,Phelps & Philips; and AlwaysOn editors."

Apparently this is a big deal. I like it because I enjoy seeing our name on other people's websites. Oppressed laptops of the world take note: we were chosen for the "Technology Enablers" category. That's right people - if you have a technology, we'll enable it. We're like feminism, but for iPhones; William Wallace for your Web Apps. FREEEEEDOOOMMMM!!

The best part of this is that our fearless leader, Anthony L. Franco, will be on stage at the Always On OnMedia event in NYC next week presenting to some of the industry's best and brightest. Best of luck boss, and be sure to enjoy some great sushi after the conference - you've earned it.

Programmers are like bees...

2008-01-16T22:58:00.001-07:00

One of the best and shortest articles (like 3 paragraphs) I've read on coding, development, programming, management and business in a really long time was sent to me today by Sean Christmann. Not surprisingly, it was written by Orson Scott Card of Ender's Game fame. Here's a snippet:

"Here's the secret that every successful software company is based on: You can domesticate programmers the way beekeepers tame bees. You can't exactly communicate with them, but you can get them to swarm in one place and when they're not looking, you can carry off the honey."

Scott forgot to mention that also like bees, most worker programmers are sterile.

Adobe looking to over-productize

2008-01-12T08:53:00.001-07:00

I read an article this morning announcing a new Adobe product code-named Bordeaux. Bordeaux is a tool that will allow graphic designers to make great Flash content without knowing Actionscript - it's like Thermo for Flash.

This strikes me as a little weird because I thought Flash WAS the graphic designer tool for making flash content. When did flash become a "developer" tool? And if it is, why does the AS console still feel like an afterthought?

It feels to me like Adobe's taking this whole "flash content for designers" idea a little too far, and needs to bunker down and consolidate. Rather than making two new products and charging us all another $500 a piece to use them, they should focus on consolidating their features into the existing tools. Flash should be the graphic design framework for Flash content, and Flex should be the developer framework.

Without this, Flex is quickly turning into Flash with a layout manager and a different developer environment. That just doesn't seem like a big enough deal to merit an entirely separate product to me. I'd rather see the entire Flex and Flash teams working to make a single great product than trying to play catch-up and maintain divergent streams of the AS3 code base.

Passing URL variables into your facebook application

2008-01-08T17:17:00.000-07:00

As it turns out, passing url variables into your facebook application is pretty easy.

The link you add your application external to facebook is:

http://www.facebook.com/add.php?api_key=yourApiKeyGoesHere

You can find your api key on your application's settings in the "Developers" application. Go to "My Applications" and you should see it in the application's description. Note that this isn't the same as your application's id.

To pass variables on this string, just append "&next?var1=val1&var2=val2" etc.

I had to escape the '&' character in this string as %26.

This link will first send the user to the facebook homepage, where they'll be directed to login. After logging in they'll be given the option to add your application. If they do, they'll be directed to whatever you specified as the "post-add" url -- it's this page whose URL will be appended with whatever params you specified in the link.

Assuming your post-add page is a php page, you can then read the vars using a simple $_GET[varName];

Not difficult at all, but also not really documented in any easy to find place by Facebook themselves.

Flex and AIR User Group Pre-release Tour

2008-01-07T11:32:00.000-07:00

From Adobe this morning:

"Flex 3 and AIR are getting close to launch and in preparation, the Adobe
Platform Evangelist team is traveling to select cities to show off the
great new features and some brand new demos.

Flex 3 is a feature-packed release, adding new UI components like the
advanced datagrid and improved CSS capabilities; powerful tooling
additions like refactoring; and extensive testing tools including memory
and performance profiling, plus the addition of the automated testing
framework to Flex Builder.

Adobe AIR is game-changing in so many ways, extending rich applications
to the desktop, enabling access to the local file system, system tray,
notifications and much more. Now you can write desktop applications
using the same skills that you've been already using to create great web
apps including both Flex and AJAX.

Don't miss out on the opportunity to see and hear about this highly
anticipated release of Flex 3 and AIR during this special pre-release
tour. Plus, in addition to giving away some one of a kind Flex/AIR
branded schwag, we will also be raffling off a copy of Flex Builder 3
Professional (pending availability) and a full commercial copy of CS3
Web Premium at this event!

Check out the comprehensive listing of dates at flex.org/tour to see if
the tour is coming to your city! "

Cynergy rocks the Wiimote

2008-01-03T10:37:00.000-07:00

This week Cynergy became the latest interactive company to develop something totally awesome with a Wiimote. As the video below shows, they've combined the wiimote with some reflective gloves to make a very realistic "minority report" interface that they demonstrate with some cool photo-viewing effects.

The whole thing was built in Silverlight, which probably made integration with the wiimote-sensitive backend pretty easy - much easier than when we did our wiimote game last summer. That's right kids - before the days of Johnny Lee, we wiimote-enthusiasts had to hack together our own Java libraries and connect them to flash through a socket connection API we called Artemis. And we walked to school up hill, both ways, in the snow. Ah, those were the days...

Anyway, I'm really excited to see Cynergy's interface in action. It's by far the coolest wiimote integration I've seen and I can't wait to see how it will affect the future of interfaces. I don't think it's out of the question to imagine the next mac book pro having specific IR sensitive modes for it's web cam and coming with a few of these sweet gloves. Who needs a touch screen?

Degrafa Beta released

2008-01-02T13:43:00.000-07:00

A beta version of the declarative graphics language Degrafa was released recently to google code. Degrafa is cool because it provides an easy way to do things that are normally unnecessarily complicated in Flex like linear gradients, gradients around rounded strokes, repeating shapes, etc.

Degrafa doesn't allow you to do anything new in Flex - it just makes the things you already do easier. It adds some more complex building blocks to your current set, making programmatic graphics and skinning a far less painful task.

Degrafa is also a good example of a real working open source Flex project. A small team of really talented developers (including my co-worker Andy) from many different organizations got together and made this work in a really short time. A lot of the rest of us dream great dreams and gather small groups of like minded developers, but inevitably client work gets in the way of open source development and our projects fall by the wayside -- this didn't. Check it out.

Information Design vs. Interaction Design

2007-12-28T12:05:00.001-07:00

This morning I read a really fascinating paper by Bret Victor. Bret is a person I'd never heard of before but wish I'd heard about earlier - he's done some really amazing work in the world of information design and I've really enjoyed the time I spent running around his website. His grasp of information architecture is uncannily good.

Bret's paper focuses on the limitations of interaction design and introduced me to a term I'd previously thought was synonymous with it: information design. Bret's thesis seems to be that most software is for conveying information - not manipulating it - and thus interactions are mostly harmful. If we can limit the number of interactions a user requires and increase the amount of information they receive, we do a better job and make better software.

I'd say this culminates in a better user experience. It's all very interesting to me because I've always just assumed that interaction design and information design were all about user experience and that the end goal was always making software that solved problems in ways people enjoyed. Apparently this isn't the mindset everyone has, but at least Adobe has gotten many of us on board.

The paper is long but very good. After presenting the current situation and problem with our current interaction models, Bret goes on to describe the method he used in creating one of his applications and how we as technologists can start doing a better job focusing on information design. He includes a call to action for information designers who haven't discovered the web yet to get in here and make things better. I agree. You can start with my blog, please.

It's time to kill the "Department" department

2007-12-22T23:57:00.000-07:00

David Armano has a great post up on his blog titled "It's time to kill the art department." The point of the post is that the idea that we build better products and ideas when the our company's structure is fluid - when the entire company environment, right down to the way we delegate and organize our responsibilities, is based on solving whatever specific problem your working on. He talks about this specifically in light of not dividing your company into different departments.

This really resonates with me in our field of RIA development. As a developer, I hate the idea that I don't have good ideas about design, and I'd hate to work in a place that didn't encourage everyone to get involved in building the solution. Just because we're trained as software developers doesn't mean we don't have good ideas on usability, interaction and design too.

Honing our designer/developer work flow to the point that those roles don't exist in isolation has been a big part of the past year at Effective UI and part of my experience here that I've really enjoyed. It's one of the best parts of our company and something that I feel gives us an edge over organizations who still isolate their teams.

Effective UI on Scoble

2007-12-17T12:23:00.000-07:00

Our company president Anthony Franco and I were out in SF a few weeks ago and interviewed with Robert Scoble. We had a really good time - Robert's an excellent interviewer and asked really good questions. As a developer I was excited to get to talk about design some and our process of mixing dev and design work. It was also nice how he kept asking us to promote ourselves (give our web address, etc.) since those aren't things I ever think to say.

Each interview is kinda long - like 15 minutes. Check 'em out if you have the time:

My interview

Anthony's interview

http://www.podtech.net/home/4688/creating-great-uis-for-clients

Application demos

http://www.podtech.net/home/4690/beneath-great-user-experiences

Scoble's original post: here

why I need an iPhone

2007-12-17T12:19:00.000-07:00

If nothing else, I need an iPhone to have something to do in the bathroom (besides the obvious.) Right now I play a game on my current cell phone called "delete all the pictures of the inside of my pocket." It's not very fun and I win just about every time.

It's kind of cold in our office today:

Some important things to know about Facebook

2007-12-13T10:16:00.000-07:00

I recently built a facebook widget out of one of our applications and I had a hard time getting started. Suffice it to say that Facebook's documentation is pretty limited for total newbies.

If you're new to facebook, you'll find the "getting started!" documentation more than frustrating: it's disingenuous. It promises an easy start-up - just read a tutorial, check out an example, and you're on your way! If only it were so easy.

The problem is that no one at Facebook ever stops to explain how Facebook actually works. For instance, there's a part of setting up an application where it asks for some default FBML, in case "setProfile" hasn't been called. What does this mean? Why would I call setProfile? What's the deal with that?

Maybe this comes naturally to most people, and so Facebook didn't feel the need to put it up there. I know I'm not the brightest developer to ever grace the web, but I'm not the worst either, so I figured it was worth a post outlining the things I didn't understand. On to said post.

The Two Main Parts
As far as I understand it, there are two main parts to any facebook application: a part of the application that can be embedded in the user's profile, and the actual application's page. These two things are totally separate. They can be related to each other, but don't really have to be.

Your Application Page
You'll need to host your application and all of it's data on your own web-server. Facebook has a service to allow you store data about a user on their server, but it's only in beta, and they still won't host your page or it's assets. Your application can be written in just about any language, though all of the Facebook supported example applications are written in PHP. When you get your application up on your own web-server, you can set your application page link under the "Callback URL" field in the application settings on Facebook. Why this isn't called "Application URL" or "Hosted Application URL" or "YOUR URL" or anything more intuitive than "Callback", I can't tell you.

Your application can either produce normal HTML output or custom Facebook-enabled HTML - called "FBML". If you use HTML, your application will be loaded in an iframe. If you use FBML, it'll be loaded directly into the facebook chrome on your facebook application page. You'll need to specify either FBML or iframe in your application settings to make this work.

Facebook's set of FBML tags is fairly well documented. Using their set of tags allows you to make some pretty good applications rather easily. Put these or your own HTML into your page, load it on your browser, and set it as the application callback url. Now when users hit apps.facebook.com//, they'll see your page loaded into the facebook chrome, but only on that application page. This page and this set of code has more or less nothing to do with adding the application to their profile, which is probably what you really want to do.

Adding your application to the user's Profile
As I said before, the user profile part of the application is more or less completely separate from the rest of your application. This is the part I really had trouble with. Nowhere that I could find in the Facebook documentation to they explain the relationship (or lack thereof) between your application, your application page, and the application that's viewable in a user's profile. Here's what I learned through a long week of dusty php:

User profiles are comprised of FBML tags. By adding an application to Facebook, you earn the ability to add FBML to a user's profile. Any FBML you add will be limited to your application's space in the Facebook profile page. FBML is added using Facebook's "profile.setFBML()" method.

For example, if you want to add a Flash application to the user's profile, you'd need to define the FBML tag associated with your flash app (the fbml:swf object) and then add it to the user's profile. I do this in my application using Facebook's php library. The code looks like this:

//set the flash fbml so that the widget shows up in the profile
$user = $facebook->require_login();
$fbml.= '< imgstyle="border-width:3px; border-color:white;" swfsrc="[Your Swf's External URL goes here]" width="300" height="500">';

$facebook->api_client->profile_setFBML($fbml, $user);

This adds the fbml for the swf directly to the user's profile, meaning that the user will now see your application as part of their profile page.

If the user has added their profile but this code hasn't executed, Facebook gives you the option of providing default fbml in your application settings. This default FBML will only be displayed if your application hasn't added a single line of FBML to the profile; as soon as you add anything, even if it's non-visual, the default FBML will go away.

Adding Custom Data Parameters to User Profiles
The last difficult thing I learned was about how to add custom variables to a user's profile. My application needs to store three short string values per user. I could've made and housed my own database to house this data, but that seems like a lot of work for just a few variables.

Though Facebook doesn't yet offer an easy way to do this directly, you can store variables into the non-visual fb:js-string tag, like this:

$fbml = '<fb:js-string var="VariableName">variable value</fb:js-string>';
$facebook->api_client->profile_setFBML($fbml, $user);

You can get this data back and parse your application using the profile.getFBML method and parsing the data by hand. I'm sure there's a good, easy way to do this in PHP, but the XML library included with the Facebook php 4 library by default is a pain. It doesn't recognize namespaces in XML elements (so the fb: tags screw it up) and it doesn't handle the dash in "js-string" well either. I used a few string replaces to clear these out and then parsed the data by hand, like this:

$scrubString = ereg_replace("fb:", "", $string);
$scrubString = ereg_replace("js-string", "jsstring", $scrubString);

//create a new XML object from our "scrubbed" string
$impl = new IsterXmlSimpleXMLImpl;
$sxml = $impl->load_string($scrubString);

//Get the "jsstring" members of our XML object, which is
//where our earth live specific variables are stashed.
$jss = $sxml->fbml->jsstring;

The variable "jss" now consists of an array of our js-string variables. Parsing the data is easy using a quick loop:

$variableName;
foreach ($jss As $result) {
$attributes = $result->attributes();
$var = $attributes['var'];
switch ($var) {
case "VariableName":
$variableName = $result->CDATA();
break;
//etc.
}

PHP 5 includes some native XML processing methods, so it's probably much easier - the server I was forced to host on only had PHP 4, so we had to make it work.

I hope this helps save you some time on your future facebook endeavors. Feel free to hit the comments if you have other questions about adding Flash apps to facebook and I'll answer if I can.

Amazon Kindle: Death by Bad UI

2007-11-19T09:29:00.000-07:00

Jeff Bezos announced the Amazon Kindle this morning - the latest release in the long attempted and never perfected field of e-book technology. The Kindle is a device you carry like an ipod, no thicker than a pencil, that lets you download and read books and newspapers without carrying them all around.

The Kindle has a great business model. Once a customer purchases a book, they can download it forever for free, meaning that they can delete it to save space and buy without fear of losing their books if their kindle breaks. The device uses both wireless EVDO (cell phone) networks as well as traditional wifi, meaning connecting is easy. Users can purchase subscriptions to newspapers and magazines and get new issues instantly. I really like how accessible their making e-books and how easy the business model is on users.

As a business model, Kindle is really great and on par with iTunes - maybe even better - but the good news stops there. As a piece of hardware, it's a near total disaster. The UI isn't the worst I've ever seen, but, well, it's about as far from an iPod as you can get. The screen is black and white and grey. About a third of the real estate is wasted on buttons, and about half of that is for a keyboard. Yes, a keyboard. Because sometimes, when I'm reading a book, I like to type an email. Or something.

What the Kindle really needs to last is a total ui over-haul - a little iPhonization. The user experience has been totally neglected on Kindle; it looks like a bad, over grown palm Trio, which is the last thing I'd want to read a 400 page book on.

Books are a visual experience with very little interaction, and the hardware needs to reflect that - the entire device should be a color touch screen. If I need a keyboard, one should appear semi-transparent over my book. I should be able to shop for books on the device, dragging them from some amazon book store to a local hard drive my moving my fingers around. And the "next" and "previous" page functions are a perfect place to implement some of the touch-gesture technology we've been experimenting with: drag your finger in one direction and it goes to the next page, the opposite and it's the previous. This could change based on your region to avoid the prejudicial left-to-right metaphor it's currently shackled with.

I need to WANT to use this thing in order to buy it, and right now I just don't. The iPhone has ruined me and I won't settle for a device that doesn't provide just as good a user experience.

As it stands, unless Amazon plans to release an updated version 2 of this hardware ASAP, I think we can get ready to relegate the Kindle to the land of forgotten technology, along with Laser Disc and Betamax. Sorry Kindle - you're the best e-book reader to date, but you're still just not good enough to replace printed paper.

Help Stop Internal Build Errors

2007-11-04T17:17:00.001-07:00

Internal build errors are the bane of my existence, and they oftenhave nothing to do with my code. I posted a large number of solutions and causes I'd found on my old blog, here, but sometimes they still happen and for no good reason.

From what I've seen, Flex Builder seems to crap out and stop compiling if there's more than a few hundred classes in your workspace. The best and most consistent solution I've found is to clean and rebuild until the error goes away.

Why can't Flex Builder do this for us, or at least try it a few times before throwing the error? The answer is: it could, but it doesn't, and all it takes is enough people asking Adobe to add this feature for it to become a reality.

Please join me in the fight against internal build errors by voting for this enhancement request.

Workspace Corruption and Moxie Beta 2

2007-10-10T18:46:00.000-06:00

Moxie Beta 2 corrupts the .metadata files on close on my system (Intel Mac.) The workaround is to copy your .metadata file before closing flex builder and replace it with your copy before you restart.

Vote for the bug here.

Problems loading Workspaces or Projects in Moxie Beta 2

2007-10-03T17:08:00.000-06:00

I tried to point my new Beta 2 version of Moxie to the old Beta 1 workspace, and it froze on me several times. I tried using a new workspace and importing the projects with the same result.

The workaround is to build new project files on the old project directories (back them up if you're worried.) You'll have to re-set all your project properties, unfortunately.

I logged this as a bug - please vote for it here.

AIR is......AIR?

2007-10-03T16:08:00.000-06:00

Here's a question I thought of in the bathroom today:

If RIA's are about bringing desktop-like interaction and performance to the web, and Adobe AIR is about bringing RIA functionality back onto the desktop, are we really just bringing the desktop back to the desktop?

File a Bug!!

2007-10-03T14:59:00.000-06:00

If there's one thing I learned at MAX this year, it's that the Adobe bug base is alive and kicking and that the Flex team is very focused on fixing the issues they've encountered.

If you find a bug, please file it here. And if you're a dedicated developer interested in making Flex better, please go through the weird UI to find some of the more important bugs and vote to have them fixed. :) My only complaint about this bug tracking system is that it's really hard to wade through the list of issues to find the one you want...voting for them without soliciting your friends and co-workers with a specific URL is a little difficult.

Here's to Flex, the Flex Team, and everything they're doing to make Flex better.

Blog kickoff!

2007-10-03T14:54:00.000-06:00

Nothing starts off a new blog like a good youTube video. Today's lesson focuses on Maths and their importance in our society.

Thanks to John McRee for sending this out.