none

No description available.

This thesis deals with upgrading of the parser for the jStyleParser project using ANTLR 4 tool. The jStyleParser project is a CSS parser and analyzer written in Java. It is used for processing cascading style sheets and their transformation to appropriate data types in order to allow further processing of this data. The project also allows to assign styles to corresponding elements of HTML document's DOM. The thesis first describes the topic of parsers and their generation based on the given rules (grammar). Further, there are described the existing generators on the Java platform with focus on the ANTLR generator. The remaining part is dedicated to the jStyleParser project -- the current state of the project and the proposal of the the generator upgrade from ANTLR version 3 to 4. After the proposal, its implementation and testing is described. In the conclusion, the results are evaluated and further development of the application is discussed in the direction towards CSS3.

Tiek tinklapio projektuotojui, tiek programuotojui apdoroti ir pritaikyti sukurtą grafinį dizainą internetiniams tinklapiams yra sudėtingas bei laiko sąnaudas suvartojantis procesas. Darbo tikslas palengvinti šį procesą sutaupant tiek darbo, tiek laiko kaštų vartotojams susijusiems su tiriama sritimi. Tikslui įgyvendinti sukurta internetinėje aplinkoje veikiančią programinę įrangą, kuri supaprastina ir palengvina internetinių grafinių šablonų kūrimą. Programinė įranga kurta pasitelkus PHP, CSS ir JAVA programavimo kalbas. Galutinis darbo produktas iš Photoshop įrankiu sukurto grafinio tinklapio eskizo generuoja tiek statinį tinklapio šabloną, tiek pritaiko šio šablono grafinius elementus turinio valdymo sistemos grafiniam atvaizdavimui. Nors jau egzistavo panašių įrankių (atliekančių panašias funkcijas), tokių kaip Adobe Fireworks ir Psd2CssOnline, tačiau šie įrankiai nusileido atpažįstamų elementų kiekiu ir kokybe. Tai patvirtino darbe atliktas tyrimas. / To process and adjust a graphical design for web pages is a difficult and time consuming task for both: designer and developer. The main goal of this work was to make this task less time and effort consuming. To achieve this goal a web accessible software tool was created in our work. This automated tool can analyze graphical project files (made with Adobe Photoshop) and output desired end result, thus preserving time and effort. The developed tool analyzes initial file layer by layer and automatically assigns appropriate parameters to CSS and html patterns. These patterns then can be extracted as static web pages or with a next step these patterns can be adjusted to fit a chosen content managing system. Although there already are some similar products with the same functionality (such as Adobe Fireworks or Psd2CssOnline), the developed tool was greater in quality and quantity of recognizable web elements. This was proven by the research provided in this work.

This paper aim to present a model for evaluating what we choose to call HTML-frameworks, a framework that contains a set of CSS layouts and occasionally JavaScript support, based on the characteristics of the software quality standard ISO/IEC 9126-1. The methods used to produce this model is based on a field study that involved making a web portal with the help of a HTML-framework, some relevant literature and an analysis of the framework based on the characteristics of the ISO/IEC 9126-1 standard. The result was a model based on twelve different characteristics; functionality, web browser compatibility, collaborative skills, user-friendliness, documentation, visuals, graphic layout, performance, activity, professional support, replaceability and license. This model should be viewed upon as a suggestion to what a model for choosing HTML-framework could look like, because we haven’t had the time to test it in a real situation, so further studies are needed, and we believe there could be improvements made in the objectivity of the assessments of the characteristics.

I den ständigt utvecklande världen av webbutveckling erbjuds en uppsjö av språk, ramverk och bibliotek som underlättar skapandet av grafiska komponenter såsom knappar, listor, tabeller och menyer. Dessa verktyg är avgörande idag för att snabbt och effektivt kunna utveckla användarvänliga gränssnitt som uppfyller dagens höga krav på utseende och funktionalitet. Den här studien utforskar olika alternativ för att skapa en enhetlig ”look and feel” som är lätt att underhålla över tid i ett område där det hela tiden sker förändringar och där nya komponentbibliotek skapas. Studien går igenom för- och nackdelar i att skapa egna komponenter, nyttja open-source bibliotek och nyttja ramverk som Microsofts produkt Blazor som idag är ett ramverk Lyko använder. Studien kommer belysa för- och nackdelar utifrån tid för utveckling, förvaltningsbarhet och risk för inlåsning. Som komplement till studien kommer ett användargränssnitt skapas med en uppsättning komponenter som knappar, tabeller och liknande. Detta skapas i de olika ramverken för att undersöka och demonstrera möjligheten att använda en enhetlig CSS-fil för att uppnå en bra design trots användning av flera olika frontend teknologier och ramverk. Efter tillämpning av CSS-filen över de olika ramverken och över de olika ramverken med komponentbibliotek, kommer en demonstration av testerna visas där målet är att behålla en enhetlig ”look and feel”. Genomförande av dessa studier och tester ger till sist en bedömning på hur väl en ”ren” CSSapproach är genomförbar och effektiv i olika ramverk. Svar till frågor som, hur enkelt de är att underhålla gränssnitten, risken för inlåsning och tid för utveckling besvaras också under testning. Resultaten visar att React, Angular och Blazor alla möjliggör effektiv implementering av en gemensam CSS med varierande låg grad av anpassning krävd. En enhetlig visuell identitet uppnåddes över olika ramverk, vilket demonstrerar att en strategi med egna komponenter och minimal inbyggd stil från ramverken underlättar anpassningen av en gemensam CSS. Däremot introducerade användningen av komponentbibliotek större utmaningar i att upprätthålla denna konsistens, vilket tyder på att övervägande mellan funktionalitet och visuell enhetlighet måste göras i framtida projekt. Undersökning av tid för utveckling, förvaltningsbarhet och risk för inlåsning gav React mest poäng, därefter Angular och Blazor. / In the constantly evolving world of web development, an amount of languages, frameworks, and libraries are available to facilitate the creation of graphical components such as buttons, lists, tables, and menus. These tools are crucial today for the rapid and efficient development of user-friendly interfaces that meet the high standards of appearance and functionality demanded by the modern user. This study explores various options for creating a unified "look and feel" that is easy to maintain over time in an area where changes are constant and new component libraries are being developed. It examines the pros and cons of creating custom component libraries, utilizing open-source libraries, or using frameworks that build on Microsoft's products, like Blazor, which is currently used by the company Lyko. The study will highlight the advantages and disadvantages based on development time, maintainability, and the risk of lock-in. As a complement to the study, an user interface will be created with a set of components such as buttons and tables. This will be developed in the various frameworks to investigate and demonstrate the possibility of using a unified CSS file to achieve good design despite the use of multiple different frontend technologies and frameworks. After applying the CSS file across the different frameworks, a demonstration of the tests will be shown where the goal is to maintain a unified "look and feel". The execution of these studies and tests ultimately provides an assessment of how viable and efficient a "clean" CSS approach is across different frameworks. Answers to questions such as how easy it is to maintain the interfaces, the risk of lock-in, and development time will also be addressed during testing. The results show that React, Angular, and Blazor is all enable the effective implementation of a common CSS with varying degrees of adaptation required. A unified visual identity was achieved across different frameworks, demonstrating that a strategy involving custom components and minimal built-in style from the frameworks facilitates the adaptation of a common CSS. However, the use of component libraries introduced greater challenges in maintaining this consistency, suggesting that careful consideration of functionality and visual uniformity must be made in future projects. An investigation of development time, maintainability, and the risk of lock-in awarded the highest points to React, followed by Angular and Blazor.

No description available.

No description available.

Det här arbetet handlar om att göra en undersöka om de vanligaste webbläsarna Firefox och Internet Explorer om de har problem att skriva ut vanlig HTML-kod. Arbetet var utformat att hämta de vanligaste HTML-elementen och CSS-elementen från sex webbsidor. Det gjorde även en enklare fördjupning om varför webbsidorna avviker från standarden från första början. De elementen som togs fram tidigare användes sedan i undersökningar som fem olika personer har deltagit i. Testerna gick ut på att personerna kollade på testsidorna i Firefox och Internet Explorer för att se om något skiljde sig åt mellan webbläsarna. Undersökningarna visade att båda webbläsarna hade problem med att visa upp sidorna på ett korrekt sätt även om problemen inte var så stora som de hade kunnat vara.

none