If you build this I will buy it.: Ergonomic Dvorak keyboards are effing expensive. Dvorak keyboards are hard to find in general and software remapping in the OS has a variety of…. issues. I want a USB dongle that remaps keystrokes from a QWERTY keyboard to Dvorak. Even better put a switch on it to turn off the remapping. I will pay up to $25 for such a device.
I’ve updated my Best Practices for Web Developers essay. It now includes a
section on optimization and I’ve tweaked the deployment section although I’m not 100%
thrilled with the optimization bit so any constructive criticism you have on
that (or any other section) would be greatly appreciated. As before it’s
available in an
HTML
and
PDF
version.
Side note: Anyone viewing the HTML version will notice the index is empty. Does anyone care? I’m thinking 26 pages is too small to warrant an index, especially when it has such a useful table of contents.
Currently web frameworks are all about the page. This is starting to change a
little thanks to Ajax but mostly just towards the idea of page snippets. But
why? “Pages” are a metaphor taken from books, but books are linear and the page
serves to restrict the layout. Things like Yahoo Widgets have shown us that
there’s no need for layout to be bound to the “page” metaphor and we’ve known
for a long time now that webapps are rarely linear, and when they are people
don’t like it. Essentially we’re writing glorified “choose your own adventure”
games that still say “To open the door on the left go to page 65. To open the
door on the right go to page 27. Rails, and it’s clones, even number the “Pages”
like that.
We need a new metaphor. What if, instead of writing frameworks that are all
about serving and managing pages, we started to think of webapps more like
pinball machines.
There are 5 major parts in every modern pinball machine (other than the ball):
For this metaphor let’s imagine the ball represents the user and their session
as they bounce around your site.
In general you want to just let the user do whatever they want. The
pinball machine doesn’t care about the where the ball just came from or where
it’s going. Maybe it’ll keep a running log of the “Score” but in general it is
only concerned with if the ball is on the Playfield or not. A bumper doesn’t
care what other Bumper or Post the ball came from or where the ball is going
after, although it will participate in recalculating the ball’s trajectory. They
just sit around in their own stupid little world listening for input from balls.
The Ball…. The Ball is where the magic is. Since the ball represents our user
we can assume it has a brain…even if they, like Pooh, they are “a bear of very
little brain.” It knows where it’s been. It sees where it’s headed. And,
it is actively trying to get a good score, or get off the Playfield. That
point’s never been quite clear. Either way it’s the ball that changes it’s
direction when affected by gravity. It’s the ball that is running around your
site. It’s the ball that triggers the bumpers and it’s the ball that makes the
game worth playing.
So what if we stopped focusing on pages (Bumpers / Posts) and started focusing
on the Ball. What if the Bumpers and Posts were just listeners who knew nothing
about each other. If you like technologies like Mule you could think of them as
listeners on a queue. Or you could think of it as a publish subscribe model
where they’re all listeners registered with the ball. Regardless of how i
architect it why should my “Address” Bumper know anything about the “Company”
Bumper. Why should it have to know that that’s where to force you next. What if
you let the ball decide where it wants to go. Sure the Bumper will give it a
push but maybe the ball just doesn’t have enough energy to care about
going to the Company page/Bumper after filling out an Address. Maybe it’s
feeling the influence of Gravity and just wants to get off the Playfield.
If everything on the Playfield is truly independent we add and remove them
without concern for the effect on other ones because there isn’t any direct
coupling. More Posts? No problem. Since Posts don’t know or care where you came
from or are going it doesn’t matter if the Post that was there yesterday is
still there or not. More balls? Again, no problem. Yes they might collide but
that doesn’t affect the Posts or Bumpers, and interesting things happen when
users interact with each other.
A friend said, “I’m still a little unclear on how
pages are tightly coupled to each other, and how the bumper idea fixes
that.”
So let’s look at a concrete example. Lets imagine you were buying some stock.
You place a buy order (the ball hits a Bumper). Now, it’s important to the user
that they see an acknowledgment that the order was successfully placed but the
Bumper / Controller that processed that form doesn’t and shouldn’t care if you
see an acknowledgment or not. It’s done it’s job by processing your buy order.
It’s the User that cares about that acknowledgement. Where you bounce off to is
their concern not the Bumper’s (unless of course there was a problem). But a lot
of frameworks actually make you put that routing information in there with the
form processor (Ruby on Rails being a perfect example). What if User A is an
advanced user and should be shown some complex acknowldgement page but User B is
a computer neophyte who should be shown something simple and to the point. Do
you really think it’s appropriate for those routing decisions to be implemented
in the controller that submits stock purchase orders? No, of course not. It
should be handled in the object that actually cares about what’s displayed next;
the User object. The Ball. The ball knows what kind of user it represents. It
can decide. Sure it’ll take suggestions from the Bumper as hitting a bumper does
affect a pinballs trajectory but the Bumper shouldn’t be tied to any of the
other Bumpers / Pages. Some frameworks like Struts handle this by having the
controller send you to the success or error page and let a central point in the
framework decide what that is, and while this is definitely better it’s still
the wrong place. That’s like having the bumper ask the Playfield where to send
the Ball. It makes no sense. It is the combination of the spin, speed and
initial direction of the ball, it’s angle of impact, and the force of the
bumpers push plus a little bit of Gravity and other more negligable factors. The
Playfield itself plays almost no part in the equation. It’s almost entirely
dependent upon the state of the ball. In a webapp it’s all about what the User
wants not what the framework wants. So why would you have the framework that
binds all the Posts and Bumpers to the playfield decide where the ball should
go?
And before you ask… No, I’m not suggesting you actually ask the user if they
want to see an acknowledgement to their buy order. Im suggesting that the Ball
should act as their proxy. It should know, or at least be able to make an
educated guess at, what the user will want to see after a given action based on
where they came from and where they were headed. In most cases this would be
akin to the success page / error page routing table in Struts only moved to the
User’s control. But, imagine what could happen if you wanted to get fancy. You
could throw in some Bayesian filtering or other statistical analysis to watch
how a user interacts with Posts and Bumpers. After a few times on your site it
would know that they generally want to go from Post A straight to Bumper
D.
In summary: Why are we using web
frameworks to tell users where to go? Shouldn’t web frameworks be listening to
where the user wants to go? And why should different pages and form processors
in our webapps be tightly coupled?
I’m rarely happy with my desktop image. Mizzy drew me one once and it didn’t end
up staying. Well, I’ve finally put together something I think will stay for a
while. It makes me happy every time I see it. I post it here because I think you might
enjoy making something similar, and maybe you’ll like this one for yourself.
Click it to get a 1600×1200 version. Just tell your desktop image control panel to center it if your screen is smaller than that.
Making your own is fairly simple. Flickr lets you mark images you find on their
site as favorites and then it
puts
little thumbnails of them together for you on your “favorites” page. So,
surf around Flickr, mark interesting things as favorites and then just take
screenshots of the pages Flickr puts together for you. And cut and paste those
grids of images together in your favorite image editing app. Since the
background color is white it’s easy to select and replace with a color you like.
I chose that particular brown because it’s a nice calm background color that
happens to also be the default in Ubuntu, which I use at home and at work.
The
CharlieCard,
as some of you know, is the
MBTA’s reusable pass for subway
/ buss access. The only problem with it, aside from the fact that the system is
constantly breaking, is that it’s as big as a credit card so, if you’re like me,
it tends to not be in a readily accessible place as you approach the station. My
keys are always accessible and I have little plastic frequent shopper type cards
from six other companies there. “Wouldn’t it be nice”, I thought, “if i
could find the chip in the card and then cut down the card without cutting the
chip so that I could put it on my keyring.” Well, I found the chip (in a strong
light you can see it’s imprint in the green bar under the guy with the blue hat) and when March
had passed and April’s pass was yet to be added to it (in case things went wrong), I proceeded to cut it
down to a key-fob size. Alas, it didn’t work.
The problem is that there is a
thin wire antenna running around the edge of the card just 1/8th of an inch from
the edge. If you’re looking at the front of the card it’s a hairs-breath above
the top of “e”, roughly 1/16th of an inch wide, and continues all the way around i think.
Apparently without this antenna the signal just isn’t strong enough to be read by the sensors. So,
unless you feel like splicing your own antenna onto it, which might not be a bad
idea, you can’t cut it down.
What we really need is someone with access to anl x-ray machine to take
a pic of their card and post it so that we can see exactly where that wire runs.
Anyone know a doctor?
P.S. In case you’re dubious as to the location of the chip, I have confirmed it by cutting my way into it once
I had already confirmed that the card was borked.
