Free Newsletters
InfoWorld Daily

InfoWorld
Log-in | Register

Adventures in lightweight Internet app development

Follow InfoWorld's first steps in lightweight app development for emerging mobile devices and desktop widgets


By sticking with mobile Web 2.0 devices, that universe got a lot smaller. That range of sizes is still bigger than it should be, but I'm confident that the iPhone's 320-by-480-pixel screen will set the bar for the rest of the market, in a year or two, we'll see most devices either at that size or at a 240-pixel width, as many Palm, Symbian and Windows Mobile devices still use.

Fortunately, Kennedy had designed his monitors to be compact, so it was trivial for him to adjust their size to fit the 240-pixel width I decided would be our minimum. That left precious little space for the "skin" that wraps his monitors, presenting a real challenge to our designer. Ultimately, I asked him to design it to look good at 320-pixel width but to work in a collapsed form at 240 pixels. My bet is simple: The world will coalesce at the 320-pixel width in the next two years, so the 240-pixel devices are soon to be our legacy and should not overly confine where we want to be.

The designer had to make sure the UI fit in the small space, something I tried to anticipate in the prototype stage with a very simple interface that would reside in that skin. We did not want to repeat the mistakes of many early Windows Mobile apps, which tried to shrink full screens into postage-stamp-sized spaces. So the interface is minimalist: a simple pull-down menu lets you move from one widget to another (it also saves users from having to move among four separate bookmarks on their mobile device to see the different monitor views). We took another page from the iPhone experience and aimed for a simple interface.

Because the mobile "app" is really a miniature Web page, I could also avoid having to add a sign-in area in the skin. Instead, the e-mail that generates the link for you to bookmark on your mobile device simply appends your unique ID using a simple JavaScript snippet, so the sign-in is embedded into the URL. Because neither the ID nor the displayed data identifies whose systems' performance data is being displayed, we were all confident that this approach would not cause privacy concerns.

And pure elegance is the only way to describe the simple extension that Apple provides to HTML CSS to let users easily add a Web page as an app to their iPhone's home screen -- it's an easy way to get viral distribution. Yes, I know it's essentially the same concept as an ICO file for a Web page to put an icon in the Web address in a browser. That's elegant too -- and Apple doesn't make you use a weird file format.

Desktop widgets: AIR to the rescue
So mobile was easy, once we decided on a minimum standard based on the popular leading-edge devices. But the other type of widget -- the desktop widget -- was a bit trickier.

I wanted to offer a desktop widget, something you could leave running on your computer even if you weren't in your browser. After all, an admin is going to be doing lots of stuff on his compute, and keeping a browser window open all day for these performance monitors wasn't a realistic goal. But leaving a small widget running on the desktop -- that's already been proven effective in the BI world.

But how to do this in a lightweight way?

Galen Gruman is executive editor of InfoWorld.
Continued
« PREVIOUS PAGE | 1 | 2 | 3 | NEXT PAGE » 


Talkback:

commentPost a Comment

 

MOST COMMENTS

 
 





REMOTE ACCESS: MAINTAIN SECURITY AND DECREASE THE BURDEN ON IT
Join this interactive webcast to discover how IT Managers can control access rights, end-user security settings and end-point authorization. Sponsor: Citrix(R) GoToMyPC(R) Corporate

»  Click here to view this Webcast
  WAN Emulation Sponsored Solutions Guide
WAN emulation technology enables IT organizations to predict reliably how applications will perform in a networked environment, before application rollout, mitigating development risk and costs.This Sponsores Solutions Guide has everything you need to now about WAN emulation and WAN and how to best implement it in your organization. Sponsored by Shunra

»  Click here to download now

- Special Advertising Partners -
WHITE PAPERS
 

» Technology White Papers Library

Technology White Papers by Topic

Technology White Papers E-mail Alert

Find out when the latest white paper is available:
 
 
INFOWORLD MARKETPLACE
 
» BUY A LINK NOW
 
 

Video

 
 
 

Podcasts

 
IFW Daily 10/10/2008

A look back at the week: AMD splits into two, Panasonic sets world record...

 
 

 

Columnists

 
 
 

Resource Center


Ads by techwords beta  [See your link here]
 




Sponsored Technology Links

 
 
 HOME  NEWS  BLOGS  PODCASTS  VIDEOS  TECHNOLOGIES  TEST CENTER  EVENTS  CAREERS   About | Advertise | Awards | RSS | Contact Us 

Copyright © 2008, Reprints, Permissions, Licensing, IDG Network, Privacy Policy, Terms of Service.
All Rights reserved. InfoWorld is a leading publisher of technology information and product reviews on topics including viruses,
phishing, worms, firewalls, security, servers, storage, networking, wireless, databases, and web services.

CIO :: ComputerWorld :: CSO :: Demo :: GamePro :: Games.net :: IDG Connect :: IDG World Expo
Industry Standard :: IT World :: JavaWorld :: LinuxWorld :: MacUser :: Macworld :: Network World :: PC World :: Playlist