Kehysohjelmisto Ajax-portaalin käyttöliittymän toteutukseen

Abstract

Tämä opinnäytetyö käsittelee JavaScript-tekniikoita web-selaimen ohjelmoinnissa ja Rosendahl Digital Networks Oy:n ikkunoidun Ajax-portaalin toteutusta. Teoriaosassa käsitellään sitä, kuinka JavaScriptiä käytetään yhdessä muiden webtekniikoiden kanssa, kuten HTML, DOM, CSS ja XMLHttpRequest. Nämä tekniikat muodostavat pohjan Ajax-sovelluksille, joissa työpöytäohjelmista tuttuja toimintoja, kuten elementtien raahaaminen ja pudottaminen, voidaan toteuttaa selaimessa. Lisäksi teoriaosuudessa käydään läpi muutamia Ajax-työkaluja, jotka auttavat parantamaan selainohjelmoinnin tuottavuutta ja laatua. Työn empiirinen osuus koostuu Rosendahl Digital Networks Oy:lle toteutetusta portaaliratkaisusta. Portaalin tarkoituksena on luoda helppo käyttöliittymäratkaisu, jota voidaan hyödyntää yrityksen selainpohjaisissa tuotteissa. Vaatimusmäärittelyn perusteella saatiin selville portaalin käyttötarkoitus ja tarvittavat perusominaisuudet. Toteutuksen perusteella pohdittiin myös selainohjelmointiin liittyviä suorituskyky- ja tietoturvakysymyksiä. Työstä saatujen kokemusten perusteella voidaan todeta, että standardeilla selaintekniikoilla on mahdollista toteuttaa varsin rikkaita käyttöliittymiä ilman, että selaimeen tarvitsisi asentaa kolmannen osapuolen liitännäisiä, kuten esimerkiksi Adobe FlashPlayer. Tulevaisuudessa selaimista on selvästi muodostumassa oma ohjelmointialustansa. Raja työpöytäohjelmien ja websovellusten välillä hämärtyy, kun työpöytäohjelmista tehdään internet-versioita ja web-sovelluksia siirretään työpöydälle.

Framework for creating graphical user interface for Ajax portal - Case: Rosendahl Digital Networks Oy. ABSTRACT This research deals with JavaScript programming techniques from the web developer's perspective and the Ajax portal implementation for Rosendahl Digital Networks Oy. The aim of the theory is to study how JavaScript is being used together with the other standard web technologies such as HTML, CSS, DOM, and XMLHttpRequest. These technologies form the basis for Ajax applications where features familiar from the desktop, like drag-and-drop, can be moved to the web. Some tools helping to improve the development productivity and code quality are also scrutinized. The empirical part consists of the Ajax portal implemented for Rosendahl Digital Networks Oy. The plan for the portal is to create an easy-to-use user interface solution that can be utilized by company's web applications. Through requirements gathering, were the basic features and needs for the portal found. Questions of performance and security for web applications are also considered. Based on the experience gained from this project, it can be established, that it is possible to implement rich user interfaces by only using the standard web technologies natively supported by the modern browser, without the need for third party plugins such as Adobe FlashPlayer. In future, the browser is going to be an application platform of its own. The distinction between desktop and web applications is going to blur, as desktop applications migrate to the web and as web applications are being deployed to the desktop.