| Form of studies |
Master |
| Title of the study programm |
Computer Systems |
| Title in original language |
Tīmekļa lietojumprogrammas priekšgala komponenšu ģenerēšanas risinājums no lietotāja saskanes Figma maketiem |
| Title in English |
Solution for Generation of Web Application Front-End Components from Figma’s User Interface Mockups |
| Department |
Faculty Of Computer Science Information Tehnology And Energy |
| Scientific advisor |
Oksana Ņikiforova |
| Reviewer |
Marina Uhanova |
| Abstract |
Maģistra darba mērķis ir izstrādāt automatizētu risinājumu, kas pārveido sarežģītus Figma lietotāja interfeisa maketus strukturētā front-end kodā. Figma lietotāja interfeisa prototipu pārveidošanas process front-end kodā programmatūras izstrādei joprojām ir sarežģīts, jo manuāla konvertēšana bieži vien rada dizaina un ieviešanas variantus. Daži esošie Figma spraudņi automātiski pārveido Figma maketus pamata HTML/CSS struktūras kodā. Tādējādi tiek samazinātas atšķirības starp dizainu un ģenerēto kodu, kā arī izstrādātāja centieniem. Taču, no otras puses, tas ģenerē sarežģītu un slikti atkārtoti izmantojamu kodu, kas neatbilst DRY noteikumiem. Tāpēc izstrādātājiem ir jāpārveido un jāattīra kods.
Autors nodrošina FIGCO risinājuma prototipu, kas ģenerē tīru kodu izvēlētajā ietvarā, piemēram, React, Angular un Vue JS. FIGCO nosaka lietotāja interfeisa komponentus un sasaista tos ar ietvara komponentiem. Tas ir process, kurā tiek ģenerēti atlasīti ietvara komponenti saskaņā ar autora iepriekš definētajiem JSON balstītu UI elementu virtuālo koku struktūru transformācijas noteikumiem. Metamodelēšana garantē UI komponentu saderību ar citiem front-end ietvariem, piemēram, React un Vue.js. Šī pieeja pārvar plaisu starp UI dizainu un front-end izstrādi, automatizējot komponentu ieguvi un konvertēšanu.
Disertācijā tiek pētīta literatūra, kas saistīta ar metadatiem un transformācijas noteikumiem, un analizēti ierobežojumi un izaicinājumi pašreizējā transformācijas pieejā sarežģītam dizainam. Tiek arī pētīts, kā tradicionālie saskarnes dizaina rīki, piemēram, Figma un Sketch, ģenerē kodu. Mākslīgā intelekta balstītas automatizācijas pieaugošā tendence koda ģenerēšanas rīkos, piemēram, BuilderIO un FigmaToCode, taču galvenais ierobežojums ir tas, ka tas bieži vien ģenerē nekonsekventu un neparedzamu kodu vienai un tai pašai ievadei vairākas reizes. Izmantojot šos risinājumus, front-end kodu var automātiski ģenerēt no dizaina datiem, uzlabojot dizaina un koda efektivitāti, jo izvade tiek ģenerēta no ievades. Disertācijā tiek izstrādātas uzlabotas metodes automatizētai koda ģenerēšanai, efektīvāka dizaina un koda darbplūsma un palielināta programmatūras izstrādes procesu efektivitāte. Disertācija satur 167 lappuses, 53 attēlus, 4 tabulas, 4 pielikumus un 58 atsauces avotus. |
| Keywords |
AUTOMATIZĒTA KODA ĢENERĀCIJA, ATSAUCĪGA LITERATŪRA, FRONTEND IZSTRĀDE, METAMODELIS, MAKETES, TRANSFORMĀCIJAS NOTEIKUMI, FIGMA, GRAFAS NEIRĀLIE TĪKLI |
| Keywords in English |
AUTOMATED CODE GENERATION, RESPONSIVE UI, FRONT-END DEVELOPMENT, METAMODEL, MOCK-UPS, TRANSFORMATION RULES, FIGMA, GRAPH NEURAL NETWORKS |
| Language |
eng |
| Year |
2025 |
| Date and time of uploading |
26.05.2025 23:38:25 |
