Click here to Skip to main content
Click here to Skip to main content

The New Emperors Clothes - Abuse of Web Technology

, 30 Jan 2012
Rate this:
Please Sign up or sign in to vote.
Why Javascript/JQuery/HTML/CSS/DOM is creating an awful mess

Introduction

The inspiration for this blog post was the following set of error messages displayed on an arrivals screen at Brighton, England railway station on Sunday 29th January.

The Inspiration for this Article

A Recipe for Chaos

What this shows is a broken arrivals computer system which has been completely over, and badly, engineered for the purpose of displaying information about the arrivals of buses to carry train passengers.

The designers/developers have chosen to build a browser based system with client-side Javascript pulling data asynchronously from a web service. Nothing wrong with that in principal, but for a non-interactive display-only, highly available message board system? I think not, as clearly demonstrated.

The problems shown here are typical and are spreading like wild fire. People, including customers, project managers, inexperienced technical people, and transport staff, all make the same mistake. They think that the web is all about the browser.

This mistaken belief is responsible for the rise (and soon fall) of browser oriented technology, where software houses, designers and developers around the globe, have resorted to breaking all the rules of industrial strength software development in the belief that browser technologies are current 'best-practice'.

What are these current technologies that are not industrial strength?

  • Separation of concerns: Client-side script and web services

Whilst separating display logic from business logic is generally a good principle of software engineering, it is almost impossible to do using the current technologies favoured by the web software development industry today. Client-side code is being implemented in Javascript and is increasingly gaining more and more business logic because changing Javascript is easier that redesigning complex web services. This makes for very unreliable and unmaintainable software, and let us not forget that this business logic is available for all to see.

And what of the display logic? A mixture of HTML, CSS and JQuery is creating code which is utterly unmaintainable and unmanagable, Throw in the mechanism of dealing with the enormous range of web service protocols, document object models (DOM) etc.. and you have a classic spaghetti dish. This is far from the ideal and history teaches us much about what happens when this is the case.

  • Lowest common denominator web service protocols

We have gone from WSDL and ASMX to REST and WCF. XML is being replaced with JSON because it is smaller in size and gets around some browser string problems, but you have to use JSONP to get around many other limitations. So, we are now passing complex data as strings! We get no benefit from sharing classes or strongly typed objects. Another recipe for disaster.

  • Proprietary security protocols

Each browser/web server combination works differently with different security protocols, and oAuth is hard to do properly. You need some good technology on the back end and a good CRM system to manage developer API keys etc.. Web security is always evolving and requires a lot of knowledge, money and time to master. Many projects simply do not have the budget or experienced staff, so instead developers are implementing their own proprietary security mechanisms, resulting in systems which are very fragile and easily hackable.

  • Development and maintenance tool immaturity

For almost thirty years, we have had highly graphical software development tools with more recently intellisense, edit-and-continue, source code analysis tools, memory checkers, garbage collectors etc.. We get almost none of this with Javascript, DOM and JQuery. Developing in these client-side web frameworks is like stepping back in time to a prehistoric age of software development.

  • Script-kiddie mentality and inexperience

Many of the people writing this client-side javascript/jquery/HTML/CSS are young, cheap and inexperienced. They have no concept of industrial strength software design. They do not know or care about reliability or maintenance because they'll be off onto the next job or mountain long before their code catastrophically breaks leaving us with the debris. Good luck to the people who have to fix it under enormous pressure from paying customers, irrate investors and frustrated management.

  • Too much focus on web design at the expense of robustness and reliability

If it looks good, it must be good eh? Wrong! Almost all web designers know absolutely nothing about complex business processes and the provision of reliable data to service those essential business activities. Project managers and customers are easily captivated by something which looks sexy. Web designers know this and use it as a shield to hide the mess that lies beneath the surface.

There are of course many more, but this is a blog-post not a book.

In summary, the new emperors clothes do not fit, are badly designed and will be torn to shreds as more and more people will be affected by this madness. Anyone contemplating building line of business (LoB) or safety (or transport) critical web applications using these technogies should really think again, to put it mildly.

History

Article first posted on TriSys' blog on Monday 30th January 2012.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Garry Lowther
Chief Technology Officer TriSys Business Software
United Kingdom United Kingdom
Software developer
Follow on   Twitter

Comments and Discussions

 
QuestionAbsolutely right [modified] PinmemberSyedur Rahaman6-Mar-13 20:00 
GeneralMy vote of 5 Pinmemberjawed.ace4-Mar-13 0:41 
GeneralMy vote of 5 PinmvpNick Polyak20-Oct-12 16:12 
GeneralMy vote of 5 PinmemberKamran5710-May-12 0:10 
GeneralMy vote of 5 PinmemberRene Pilon17-Mar-12 17:59 
GeneralMy vote of 5 Pinmemberfi396820-Feb-12 23:11 
GeneralMy vote of 5 PinmemberGrump9-Feb-12 1:13 
QuestionI see your point, but ... PinmemberSGarratt8-Feb-12 10:56 
AnswerRe: I see your point, but ... PinmemberGarry Lowther8-Feb-12 23:48 
GeneralRe: I see your point, but ... Pinmembergstolarov11-Feb-12 15:06 
GeneralRe: I see your point, but ... PinmemberDan Randolph14-Apr-12 6:50 
QuestionSpot On! PinmemberTheDuck618-Feb-12 9:44 
AnswerRe: Spot On! PinmemberGarry Lowther8-Feb-12 23:49 
QuestionIt is real PinmemberSuchi Banerjee, Pune6-Feb-12 13:28 
AnswerRe: It is real PinmemberGarry Lowther8-Feb-12 23:54 
GeneralMy vote of 5 PinmemberRugbyLeague6-Feb-12 4:39 
GeneralRe: My vote of 5 PinmemberGarry Lowther8-Feb-12 23:54 
QuestionMissing silverlight... PinmemberMember 80267326-Feb-12 1:58 
AnswerRe: Missing silverlight... PinmemberGarry Lowther6-Feb-12 2:16 
GeneralRe: Missing silverlight... PinmemberJacek Gajek6-Feb-12 23:08 
GeneralRe: Missing silverlight... PinmemberMember 80267326-Feb-12 23:59 
GeneralRe: Missing silverlight... PinmemberGarry Lowther7-Feb-12 0:06 
Questioncorect PinmemberMaze6-Feb-12 1:28 
AnswerRe: corect PinmemberGarry Lowther6-Feb-12 2:21 
AnswerRe: corect PinmemberVivic6-Feb-12 5:23 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web03 | 2.8.140827.1 | Last Updated 30 Jan 2012
Article Copyright 2012 by Garry Lowther
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid