Annonseditor med AngularJS

Abstract

Detta examensarbete beskriver utvecklingen av en annonseditor för Oikotie Työpaikat. Annonseditorn används för att skapa och editera arbetsannonser som publiceras på tyopaikat.oikotie.fi-webbplatsen. Editorns utveckling var en del av ett större projekt där man flyttade över funktionalitet från den gamla tyonantaja.oikotie.fi till den nyare tyopaikat.oikotie.fi. Editorn består av två delar: ett formulär för att editera annonsens uppgifter, och en förhandsvisning som visar hur annonsen ser ut när den publiceras. Arbetet beskriver de tekniker som användes, och hur de tillämpades för att lösa de krav som ställts åt editorn. Tekniker som användes var bl.a. AngularJS och Drupal. Dessutom beskrivs hur Jasmine-ramverket kan användas för att testa en AngularJS- applikation.

This thesis describes the development of an editor for job ads for the Oikotie Jobs website. The editor is used to create and edit job ads, which are published on tyopaikat.oikotie.fi. The development of the editor was part of a bigger project which goal was to migrate some of the functionality from the previous version of tyonantaja.oikotie.fi-website to the updated tyopaikat.oikotie.fi-website. The editor consists of two parts: the form used to edit the details of the ad, and a preview that shows how the ad will look like when it has been published. The technologies used to create the editor are presented in the thesis, and also how they were used to satisfy the functional requirements of the editor. E.g. AngularJS and Drupal were used to create the editor. It also has an example on how the Jasmine testing framework can be used to unit-test AngularJS applications.

Tässä opinnäytetyössä kerrotaan kuinka Oikotie Työpaikat-palveluun kehitettiin ilmoituseditori, jota käytetään työpaikkailmoituksen julkaisemiseen tyopaikat.oikotie.fi- sivustolla. Editorin kehitys oli osa projektia jossa Oikotie Työpaikkojen ilmoitusliittymä siirrettiin vanhalta tyonantaja.oikotie.fi-sivustolta uudemmalle tyopaikat.oikotie.fi-sivustolle. Editori koostuu kahdesta osasta: lomakkeesta jolla muokataan ilmoituksen tietoja, sekä esikatselusta jossa näytetään miltä julkaistun ilmoituksen kohdesivu tulee näyttämään. Opinnäytetyössä kuvaillaan mitä tekniikoita editorin kehityksessä käytettiin jotta se täyttää sille esitetyt vaatimukset. AngularJS ja Drupal ovat esimerkkejä käytetyistä tekniikoista. Opinnäytetyössä esitellään myös miten Jasmine-kirjastoa voidaan käyttää AngularJS-sovelluksen yksikkötestaamiseen.