Ajanvarausjärjestelmän kehitys ReactJS-kirjastolla

Abstract

Opinnäytetyön aihealueena oli web-ohjelmistokehitys ReactJS-kirjastolla. Työssä suunniteltiin ja toteutettiin kyseistä kirjastoa hyödyntämällä ajanvarausjärjestelmä. Aihealue valittiin opinnäytetyön tekijän kiinnostuksen pohjalta sekä halusta syventää omaa osaamista kyseisen kirjaston osalta. React on yksi suosituimmista JavaScript-kirjastoista, ja sitä on käytetty maailmanlaajuisesti tunnettujen sovellusten kehittämiseen. Sillä on laaja yhteisö, kattava dokumentaatio sekä suuri kysyntä työmarkkinoilla. Ajanvarausjärjestelmä kehitettiin, koska samankaltainen järjestelmä puuttui avoimen lähdekoodin React-komponenttien markkinoilta siitä huolimatta, että kalenteri- ja lukujärjestystoteutuksia kuitenkin löytyi.

Työn lopputuloksena syntyi ajanvarausjärjestelmä, joka toimii React-komponenttina. Järjestelmästä ei kehitetty yksinään toimivaa valmista sivustoa tai sovellusta, vaan siitä muodostui yksi toiminnallinen komponentti. Tämä komponentti voidaan sellaisenaan tai muokattuna liittää toiseen sovellukseen. Tämä lähestymistapa valittiin, koska työn tavoitteena oli helpottaa muiden sovelluskehittäjien työtä tarjoamalla valmis paketti, jota kehittäjät voivat käyttää omissa projekteissaan. Näin ollen heidän ei tarvitse itse kehittää omaa ajanvarausjärjestelmää.

Ajanvarausjärjestelmän toteutuksessa pyrittiin noudattamaan suositeltuja sovelluskehityskäytänteitä sekä huomioimaan loppukäyttäjän tarpeet käyttöliittymää ja toiminnallisuuksia suunnitellessa. Lisäksi lähdekoodin rakenteesta pyrittiin luomaan selkeää ja helposti luettavaa, sillä tarkoitus oli luoda komponentti muille kehittäjille.

The topic of this bachelor’s thesis was web application development with ReactJS. In the thesis, using the mentioned framework, an appointment system was designed and implemented. The topic was selected based on the author’s interest and desire to deepen his skills with the framework. React is one of the most popular JavaScript frameworks and it has been used to develop globally known applications. It has a broad community, comprehensive documentation, and a large demand in the job market. The reason an appointment system was selected for development was the fact that a similar system did not exist in the open source React component market.

The final product of the thesis was an appointment system that works as a React component. The system was not developed to function on its own as a website or as an application, but it formed one functional component. This component, either as it is or as a modified version, can be attached to another website or application. This approach was selected because the purpose of the thesis was to help other software developers by offering a ready-made package that developers can use own their own projects. Therefore, they are not required to develop their own appointment system.

During the implementation of the appointment system, the goal was to follow recommended practices of software development and consider the needs of the end user when planning the user interface and functionality. In addition, the goal was to make the structure of the source code clean and easy to read, since the purpose was to create a component for other developers.