Funkcijski pristup razvoju Web korisničkih sučelja

završni rad

• Naslov (engleski): Functional approach to Web user interface
• Autor: Dominik Ivošević
• Mentor: Vlado Sruk (mentor)
• Član povjerenstva: Vlado Sruk (predsjednik povjerenstva)
• Član povjerenstva: Danko Ivošević (član povjerenstva)
• Član povjerenstva: Nikolina Frid (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Fakultet elektrotehnike i računarstva; Zagreb
• Datum i država obrane: 2016-07-12, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Računarstvo

Sažetak

Pri razvoju Web korisničkih sučelja, sve je više uobičajena uporaba funkcijskog programiranja jer se pogled opisuje deklarativno, a svaka akcija uzrokuje niz ulančanih radnji što se dobro prikazuje u funkcijskim jezicima. U uvodu su opisani detalji korištenih tehnologija, zatim su proučeni problemi i izazovi kod prijenosa biblioteke i na kraju je opisan konkretan primjer implementacije. Ovaj rad opisuje razvojni proces i implementacijske detalje biblioteke PureScript Angular 2. Razvijena biblioteka omogućava korištenje biblioteke Angular 2 u ekosustavu jezika PureScript. Rad se zasniva na primjeni izvorne implementacije biblioteke koja je rađena za objektno orijentirani jezik, a u ovom radu je prenošena u funkcijski deklarativni jezik.

Proučavanjem prevedenog koda iz jezika TypeScript u JavaScript se pokušavalo imitirati dobivanje takvog izvršnog koda nakon prevođenja iz jezika PureScript. U razvoju se opsežno koristio adaptacijski sloj sučelja stranih funkcija koji je omogućavao ostvarivanje iste funkcionalnosti pozivanjem drugačijih jezičnih konstrukta iz jezika PureScript. U konačnici je osnovna funkcionalnost demonstrirana na primjeru aplikacije internetske radio postaje FM Postaja.

Sažetak (engleski)

There is a growing trend among frontend developers to use functional programming because the view is described declaratively and every action causes a number of chained events, which can be described accurately with functional languages. Details of the used technologies were described in the prelude, the challenges and obstacles of the process were described after that, and an example of using this library on a real world application was described at the end. This thesis describes the process of developing PureScript Angular 2 library and the details of the implementation. This enables using Angular 2 library inside the PureScript ecosystem. The thesis is based on the original implementation of Angular 2 library which was written in an object oriented language and in this thesis the library was ported to a functional declarative language.

By examining the compiled code from TypeScript language to JavaScript language the goal was to imitate the compiled code from PureScript implementation. To achieve this, an adaptation layer was used which consisted mostly of foreign function interface code which enabled achieving the same functionality by calling different language constructs from the language PureScript. At the end, the basic functionality was demonstrated on an example of web application for an internet radio station FM Postaja.

• Ključne riječi: Funkcijsko programiranj; Web sučelja; Web komponente; PureScript; Angular 2
• Ključne riječi (engleski): Functional programming; Web interfaces; Web components; PureScript; Angular 2
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:168:464625
• Studijski program: Naziv: Računarstvo; Vrsta studija: sveučilišni; Stupanj studija: preddiplomski; Akademski / stručni naziv: sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva (univ.bacc.ing.comp.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Zatvoreni pristup
• Datum i vrijeme pohrane: 2018-02-06 09:19:55