This Master's Thesis deals with the analysis of technologies for modern web-based user interfaces, and with the design and implementation of a complex web system with focus on an ergonomic and robust graphical user interface. A set of comparison tests is performed on technologies for web-based user interfaces (Ajax, Adobe Flex, and Microsoft Silverlight); throughput, response time, processing and rendering time of each technology is tested. The web system is designed and implemented as an Ajax strategy game which utilizes the YUI JavaScript library on the client side. The server side comprises of a web server implemented in PHP which offers services to the client, and a message server implemented in C++ that facilitates communication with the client in real-time using HTTP long polling. Tests measuring throughput and response time of the user interface analyze the performance and quality of the implemented system. In the end the tests are analyzed, and the advantages, disadvantages, and flaws of the implementation are evaluated.

På marknaden finns ett flertal JavaScript-ramverk, exempelvis: YUI, The Dojo Toolkit, Kendo UI och. Ext JS. Syftet med studien är att undersöka vilka av dessa JavaScript-ramverk som är lämpliga att använda vid utveckling av stora dynamiska webbapplikationer. Sedermera skall studien leda till ett förslag på JavaScript-ramverk för ändamålet. Ramverken har analyserats och jämförts med avseende på följande aspekter och kriterier: skalbarhet, prestanda, AJAX, RPC-hantering, licensering, webbläsarkompatibilitet, gränssnittskomponenter, anrop mellan domäner, DOM-hantering och användarvänlighet. För att jämföra och analysera ramverken har en testapplikation utvecklats med varje JavaScript-ramverk. Testapplikationen förses med information från en serverapplikation som utvecklats med PHP, där en SQLite-databas används som informationskälla. Förfarandet innebär att serverapplikationen inte används för att generera användargränssnittet, vilket därmed övergår till att vara JavaScript-ramverkets primära uppgift. Resultatet uppvisar att JavaScript-ramverket The Dojo Toolkit är karakteristiskt det mest lämpliga ramverket att använda i samband med utveckling av stora dynamiska webbapplikationer. Ramverket tillfredsställer samtliga kriterier och aspekter på ett eminent sätt. Sedermera föreslås Ext JS som det sekundära valet av JavaScript-ramverk för ändamålet. / On today’s market there are many attractive JavaScript-frameworks such as YUI, Dojo Toolkit, Kendo UI and Ext JS. The purpose with this study is to find JavaScript frameworks that are suitable in situation when developing large dynamic web applications. The study shall result in a proposal of one or more JavaScript frameworks to use in the situation previously described. The frameworks have been analyzed and compared with respect to the following aspects and criteria: scalability, AJAX, RPC-handling, cross-browser compatibility, GUI-components, cross-domain calls, DOM-handling, user-friendliness, performance, and licensing. To conduct this study a test application has been developed, that are developed with each framework. This application is feed with information from a database on a web server with PHP as the scripting environment. The application server’s primary objective is to provide information to the test application and not to generate the user interface. The result of this study indicates that Dojo Toolkit meets all requirements and has performed well overall. This framework satisfies the stated criteria and the specified aspects in an eminent way. It’s therefore proposed to be used as the main framework when developing large dynamic web applications. Ext JS is proposed as the secondary suggestion for the same purpose previously described.