Funkcijski pristup razvoju Web korisničkih sučelja

undergraduate thesis

• Title (english): Functional approach to Web user interface
• Author: Dominik Ivošević
• Mentor: Vlado Sruk (mentor)
• Committee member: Vlado Sruk (predsjednik povjerenstva)
• Committee member: Danko Ivošević (član povjerenstva)
• Committee member: Nikolina Frid (član povjerenstva)
• Granter: University of Zagreb; Faculty of Electrical Engineering and Computing; Zagreb
• Defense date and country: 2016-07-12, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Computing

Abstract

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.

Abstract (english)

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.

• Keywords: Funkcijsko programiranj; Web sučelja; Web komponente; PureScript; Angular 2
• Keywords (english): Functional programming; Web interfaces; Web components; PureScript; Angular 2
• Language: croatian
• URN:NBN: urn:nbn:hr:168:464625
• Study programme: Title: Computing; Study programme type: university; Study level: undergraduate; Academic / professional title: sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva (sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Closed access
• Created on: 2018-02-06 09:19:55