Dynaamisen käyttöliittymän suunnittelu jQuerylla

Abstract

Tässä opinnäytetyössä käsitellään verkkosovellusten dynaamisia käyttöliittymiä ja niiden suunnittelua. Työn toimeksiantona oli NEMO-projektin sosiaalisen median louhintatyökalun ja big data –tietokannan dynaamisen käyttöliittymän suunnittelu ja toteutus. Työn tavoitteena oli luoda toimiva ja helppokäyttöinen käyttöliittymä jQueryn avulla.

Dynaaminen suunnittelu on tuonut mahdollisuuden vuorovaikutteisempien verkkosivustojen toteuttamiseen. Verkkosivuista halutaan yhä enemmän tietokoneohjelmien kaltaisia ja käyttäjän kanssa paremmin keskustelevia. Dynaamisuuden avulla verkkosovelluksille on saatu enemmän suorituskykyä ja parempaa käytettävyyttä.

JQuery on ilmainen, nopea ja monipuolinen JavaScript-kirjasto, jonka avulla voidaan luoda monimutkaisiakin toteutuksia vain muutamalla rivillä koodia. Se on tehokas apu dynaamiseen web-suunnitteluun ja tarjoaa ratkaisua selainten yhteensopivuusongelmiin. Koodikirjasto kattaa HTML/DOM ja CSS –manipuloinnin, tehosteet, tapahtumat, animaatiot ja AJAXin.

The purpose of this thesis was to examine how to design dynamic interfaces for web applications. The goal of the practical part was to design and create a dynamic web interface for the social media miner and big data database of the NEMO project. The objective was to create a functional and user-friendly interface with jQuery.

Dynamic web design has brought an opportunity to create more interactive web pages. The current users require more interaction and characteristics of a desktop application software from web applications. Using dynamic design also improves the performance and usability of the web application.

JQuery is a free, fast and versatile JavaScript library, which helps create complex implementa-tion with only few lines of code. It is a powerful tool for dynamic web design and helps solve browser incompatibility problems. The library consists of HTML/DOM and CSS manipulation, effects, events, animations and AJAX.