| By Ric Hardacre | Article Rating: |
|
| January 31, 2007 09:15 PM EST | Reads: |
15,850 |
What we need is a Web browser that doesn't just serve up documents, but serves up applications."
Early in 2006 I was given a design brief: a UK-based shipping company wanted to replace its shipment tracking system with a Web-based solution.
Its existing system consisted of this: each widget grower had a contract with the widget producer; this contract was tracked via an Excel spreadsheet; every Friday the shipping company would e-mail the latest copy of the spreadsheet to the widget grower, which would fill out the details of the latest shipment and the details of each and every container in that shipment. This would then be passed back to the shipper, which would then forward it to the widget producer, which in turn would fill out the production usage, quality control results, and the dates and times of when each container load had been used. They would forward it back to the shipper and the cycle would continue. Add in the two separate ports and warehouses in the U.K. and about 16 contracts with different widget growers in countries as far away as Brazil and South Korea, and you start to see that keeping track of the latest version of each spreadsheet, where it is, and what is happening to it was beginning to become something of a mission unto itself.
This is where I came in. The simplest Web-based solution to this would be an online document store in which the widget growers, shippers, and producers could just log in, check out a spreadsheet, edit it, and check it back in. Instead we landed on the Web 2.0 solution: a truly online spreadsheet, tailored exactly to the task at hand, with permissions set on data fields (so that a widget grower couldn't cheekily amend the widget producer's own quality-control results, for example). The whole thing would be in real-time and delivered through Internet Explorer.
This is the sort of real-world application development leveraging the Internet that goes unnoticed by the photo-sharing, music-downloading, blogging masses. In the same way that the largest fraction of software developed and deployed in the world is internal business software, not games and file-sharing clients. As such I had an advantage; this wasn't to be some Microsoft Office Excel killer, it was a tailored, targeted, bespoke application that would look a bit like a spreadsheet but behave exactly like a widget-growing, shipping and production tracking application.
After several months of meetings, prototypes, and endless hours of debugging, the final product was rolled out this summer. The client is happy; their clients are happy; it works exactly as designed; it can export to Excel; you can copy and paste in and out; and it works on IE6, IE7, and Firefox 1.5. I collected my paycheck and they've been using it without any problems ever since.
It does, however, contain over 2,000 lines of JavaScript, and the "spreadsheet view" is an HTML table, with HTML embedded links and images to power said JavaScript. The rows are inserted via the DOM and to edit a cell in a particular row the script has to copy the data from the table row into a faked-up hidden "edit row" containing text boxes using CSS that's hacked to pieces and swapped with the original row. The Save button at the top left of the application cycles through every table row on the page, checking against a bunch of custom attributes slapped into each TR tag to decide if the row needs deleting, updating, or inserting to the database. It builds XMLHttpRequest objects and loads them with a custom CSV-style mashup of data to be sent to the server, which in turn sends a similar mashup back, so that the data on the screen can be kept in sync with the data in the database...on the other side of the planet.
I find myself in a bizarre position. The fact that I'm an expert in this kind of thing and have the technical know-how and aptitude to design and pull off such a complex beast on time and as designed means that I got paid quite well for the six months it took to develop, and I'll continue to get paid as and when upgrades are needed. If any old John Doe could have opened up Visual Studio and slapped it together then I probably wouldn't find myself getting paid quite so much for my services. But the thing is it really could be that easy, or at least, close to it.
Instead of a dedicated platform for developing Web-based applications we have HTML, the DOM, JavaScript and the funderful XMLHttpRequest object. Instead of declaring a pair of <DATAGRID> tags in HTML, I frankly had to hack the %$#@ out of a <TABLE>, normally a static read-only piece of a static read-only document. Compare the Visual Studio .NET Windows Datagrid with its Web-based counterpart. There's no comparison: a confident user of the former wouldn't immediately be able to even recognize the latter.
Finally we get to the rub: The document-based Web as we know it is not a platform for developing complex applications; sure it's possible and there are plenty of bright people working at places like Google who are doing it as we speak and creating frameworks to make it easier. But is this really the way forward? A tree-based object model accessed by an interpreted scripting engine tacked onto a specification designed for static read-only documents?
Now would be a really good time in history to stop, step back, and look at what we have and what could be done better. What we need is a Web browser that doesn't just server up documents, but serves up applications: full screen native GUI, network-transparent and, most important, fast, lightweight, real-time applications. Ideally we'd want to start over, build a whole new spec running on an entirely new platform and set of protocols.
It's unlikely to be that easy. Java promised us Internet-based apps, but spectacularly failed to deliver anything other than mobile phone shoot-Œem-ups. Flash is only just beginning to be taken seriously, and may yet mature into something business can use to track its widgets. Let's take a moment to dream about what we could have.
First, it would be easy to write for with a choice of languages the current request-response framework of the Web can be catered to by PHP, CGI, and ASP to name just three. Write your app in one and you get to access the posts, gets, and cookies natively. So it should expand on that and have a native client object alongside the server object so an author can simply call:
client.Document.Forms["someForm"].txtSomeInput.value = "hello from the server"
And have the asynchronous action happen without any extra effort. And the reverse should be true: the script in the browser should be able to asynchronously call server functions like this:
function btnMyButtonOnClick()
{
doSomething();
server.doSomethingWithTheDB( gsFavouriteColor ); doSomethingElse(); }
Again, the legwork would be done for you; a newbie programmer would be able to create something like this in no time, but true enlightenment wouldn't be needed. Custom objects and classes should also be transparently handled across the network, but we don't want to belabor the author with XML and SOAP, it should "just happen."
Second, it should have state, and that state should begin by initializing the application's main source file on the server when the client first connects. The application would maintain state between calls, allowing the use of global variables and custom classes that persist. Calling an async function from the client would begin a thread on the server app, but the advanced programmer could, if he wished, have power over this too and create a call stack, for example, to force events to occur in the order they were sent from the client (not necessarily the order they arrived). Finally, unlike the current Web methodology, there should be a clear disconnect event sent when the user closes the window or a connection stay-alive ping times out.
Thirdly, each user of the app would get his own instance on the server, but these instances would be able to access the Master Application that contains them all, and all its public functions and classes. A chat application, for example, would be able to access the channel list with just a call to application.fetchChannelList(). And to pull up the details of another connected user with application.getUserDetailStruct( intUserID ).
Finally, the author wouldn't be forced into using the current HTML DOM and its small inflexible set of user input controls. There should be a much wider range of inputs, controls, panels, and widgets and has a native grid-based layout system. I keep mentioning the MS Datagrid over and over but imagine being able to create a small spreadsheet object in just a few lines of code and let the user add, insert, remove, and edit rows and columns in the comfort of his own native GUI. This object wouldn't need serializing and sending to the server as far as the author is concerned, pressing submit would give the server a mirrored copy of the control, with full access to its innards.
Such a thing is possible, and we need it sooner rather than later. It would seem simplest to treat the project in two halves. The first half of the challenge is to integrate the new user controls where possible within the existing Web framework. The WHATWG Web Forms 2 and HTML 5 spec are already headed down this road, with such simple but badly needed inclusions as date and time inputs with in-built validation. The second half needs a paradigm shift, a move away from the top-heavy and stateless HTTP protocol to a true lightweight binary client/server relationship between the user and the application.
The thing is a lot of the inherent problems in such an approach have already been solved: Connectivity and synchronicity over a slow or unreliable connection? ID's Quake addressed this 10 years ago and so too has almost every FPS since. Cross-platform compatibility and interaction? Any number of file-sharing and chat applications will yield the answer to that one. All it takes is the will to step away from the Web browser and start something new. As a final thought it might be worth noting that for 20 years now the X Windows system has allowed the development of applications that can transparently display their GUI on one computer while doing the actual processing on a server somewhere else...probably the other side of the planet. Sound familiar?
Published January 31, 2007 Reads 15,850
Copyright © 2007 SYS-CON Media, Inc. — All Rights Reserved.
Syndicated stories and blog feeds, all rights reserved by the author.
More Stories By Ric Hardacre
Ric Hardacre discovered the Web in the mid '90s when he really should have been at lectures and not in the University computer lab. He's since worked as a Web solutions developer, systems architect, and wireless and satellite network specialist. His current day job is as an MCP C# Developer in the UK.
![]() |
Francois Rautenbach 03/14/08 01:48:20 AM EDT | |||
I completely agree with Rick. Most of the current offerings from companies like Microsoft (Silverlight) and Adobe (Air) are nothing more than monolithic "web delivered" apps. What we need is "web based" apps that works in a similar way to HTML pages. We need better UI features than what HTML currently provides, but we also need to retain all of the benefits of web based (HTML) apps. The web paradigm offers many advantages to web app developers that you loose when moving to "web delivered" apps. No versioning issues. The ability for multiple developers to work on separate parts at the same time. Real time, custom, server generated screens and forms. Scaleability, familiarity, etc. I can go on, but I think you get the drift. Nice article Rick. |
||||
![]() |
Sam Covington 02/05/07 10:45:06 PM EST | |||
I see AJAX as a runny nose, not the cold. We're building complex structures to cover up the fact that minor changes in the browser could elimnate a lot of code. Why does a page flash when getting information/data from the server? I mean, double buffering has been around since DOS, so why don't we have multiple surfaces to render content on, and the ability to combine them directly supported in the browser. This wouldn't even break any WC3 standards, since each surface would be standard HTML rendering. There are 3-4 changes in the browser that would assist developers with AJAX and DHTML, and dramatically improve the user experience, but it seems that neither Netscape or Microsoft is thinking about them. GREAT Article! |
||||
![]() |
Luis Saenz 02/05/07 12:32:21 AM EST | |||
In response to: Donald Fraser I'm not sure I understand the difference. A Java Web Start application can be coded to only present a "fancy" desktop-quality user interface. In this way, it executes a remote API to perform its operations and interact with the server platform (presumably in a concurrent fashion, along with many other clients). In this situation, how is the server (internet application) code revealed? Only the API is revealed, which is hardly a security issue if it is designed correctly and requires authentication and authorization to perform operations. Furthermore, a "fancy" javascript/DHTML internet application reveals its presentation logic just as much as the client GUI code of a Java Web Start application does. |
||||
![]() |
Donald Fraser 02/04/07 07:59:09 PM EST | |||
In response to: Luis Saenz |
||||
![]() |
Marshall Caro 02/03/07 01:32:17 PM EST | |||
Ric asks, "Will browsers ever deliver applications instead of documents?" Well Ric, they do -- and have done so for many years. They are called, "applets" and may be written in Java or Visual Basic (if you're willing to be constrained to Microsoft products -- and by your choice of .Net, it would appear that you are). And your six months project to wedge the requisite functionality into a Document model with .Net and javascript? My guess it would have taken no more than two to three months to develop a two or three tier distributed database application in Java that satisfies the requirements. The problems people had with Java applet development a couple of generations back were performance and firewall related. The performance problems are well behind us and the firewall/network security issues are no different for Java than they are for scripted solutions. We developed our own middleware solution that delivers realtime streaming data to thousands of endpoints via port 80 http (in Java) |
||||
![]() |
Marshall Caro 02/03/07 12:26:25 PM EST | |||
Ric asks, "Will browsers ever deliver applications instead of documents?" Well Ric, they do -- and have done so for many years. They are called, "applets" and may be written in Java or Visual Basic (if you're willing to be constrained to Microsoft products -- and by your choice of .Net, it would appear that you are). And your six months project to wedge the requisite functionality into a Document model with .Net and javascript? My guess it would have taken no more than two to three months to develop a two or three tier distributed database application in Java that satisfies the requirements. The problems people had with Java applet development a couple of generations back were performance and firewall related. The performance problems are well behind us and the firewall/network security issues are no different for Java than they are for scripted solutions. We developed our own middleware solution that delivers realtime streaming data to thousands of endpoints via port 80 http (in Java) |
||||
![]() |
Luis Saenz 02/01/07 10:00:22 PM EST | |||
I tried pasting my feedback in this box, but it did not work. Please find my feedback at this URL: |
||||
- Kindle 2 vs Nook
- Why IBM’s Server Chief Got Busted
- Is Cloud Computing Like Teenage Sex?
- Industry Experts Discuss the State of Cloud Computing
- Performance Tuning Essentials for Java
- Confessions of a Ulitzer Addict
- Tactical Cloud Computing Panel at 1st Annual GovIT Expo
- It's the Java vs. C++ Shootout Revisited!
- Cloud Computing Can Revitalize Your Career as Software Developer
- IBM Could "Reinvent" Java: Mills
- Oracle & Cloud Computing: Exclusive Q&A with SVP Richard Sarwal
- A Brief History of Cloud Computing
- Kindle 2 vs Nook
- Cloud CEOs, CTOs & SVPs to Speak at 4th International Cloud Computing Expo
- Why IBM’s Server Chief Got Busted
- Is Cloud Computing Like Teenage Sex?
- Industry Experts Discuss the State of Cloud Computing
- Performance Tuning Essentials for Java
- The Difference Between Web Hosting and Cloud Computing
- Cloud Computing Expo: Exclusive Q&A with Yahoo! SVP Cloud Computing
- Ajax in RichFaces 3.3, JSF 2 and RichFaces 4
- Confessions of a Ulitzer Addict
- My Thoughts on Ulitzer
- Tactical Cloud Computing Panel at 1st Annual GovIT Expo
- A Cup of AJAX? Nay, Just Regular Java Please
- Java Developer's Journal Exclusive: 2006 "JDJ Editors' Choice" Awards
- The i-Technology Right Stuff
- JavaServer Faces (JSF) vs Struts
- Rich Internet Applications with Adobe Flex 2 and Java
- Java vs C++ "Shootout" Revisited
- Bean-Managed Persistence Using a Proxy List
- Reporting Made Easy with JasperReports and Hibernate
- Creating a Pet Store Application with JavaServer Faces, Spring, and Hibernate
- What's New in Eclipse?
- Why Do 'Cool Kids' Choose Ruby or PHP to Build Websites Instead of Java?
- i-Technology Predictions for 2007: Where's It All Headed?




































