The thesis is focused on the development of JSF framework providing components for complex data visualizations. Its objective consists of the implementation of the API for creating JSF components rendering complex charts based on the JavaScript library C3.js and subsequent implementation of a set of chart components using this API. The contribution of this thesis is a library providing a tool for creating new JSF components based on C3.js together with a set of ready to use components. It begins with research of relevant JSF libraries, following with API analysis and design. Based on that is API implemented, in which a component set is then created. As a part of this work is a user guide, API reference guide and presentation web of implemented components.

Design systems have gained traction in the last few years. They have been primarily used by big tech companies to improve collaboration between designers and developers and to speed up the development process of their digital products. There is no formal definition of what a design system is and what it should entail as of the time of writing. It is believed that communication breakdown during the creation of design systems occurs because designers and developers do not understand each other’s fields of expertise. The purpose of this study is to explore common aspects that cause communication breakdown between developers and designers when creating a design system. The method of choice for this study is semi- structured interviews conducted with frontend/web developers, exploring their views and experiences. The results of this study indicate that there are both similarities and differences between peoples’ views on design systems and that the lack of understanding of a developer's field of work can be seen as an aspect that can cause a communication breakdown. Furthermore, the results imply that one of the factors which can contribute to a more successful understanding of the handoff for developers is the visualization of the design. The major limitations of this study are the lack of scientific literature on the topic of design systems as well as the limited number of participants.

På grund av snabb digitalisering så finns ett behov av en översikt över de utvecklade produkterna. Detta inte bara för att analysera dess användning utan också för att säkerställa dess korrekta användning. Målet med detta arbete har varit att skapa ett analysverktyg för ett komponentbibliotek och visa var och hur komponenterna används. Det långsiktiga målet med arbetet är att öka produktiviteten för de som använder komponent-bibliotek. Detta har åstadkommits genom intervjuer och en nulägesanalys på ett annat verktyg av Bitbucket. Baserat på resultaten utformades tre designer som utgjorde grunden till implementationen. Implementationen var i sin tur skapt med Javascript kombinerat med React, NextJS och Typescript. När implementationen var färdig genomfördes ett flertal användbarhetstester med flertalet deltagare på implementationen respektive det tidigare verktyget. En jämförelse gjorde därefter på de två verktygen. På grund av en liten testgrupp kan resultaten inte definitivt påstå att implementationen åstadkommer en högre produktivitet eller användbarhet. Resultatet kan, utifrån resultaten hävda att det sannolikt skett en förbättring i produktivitet och användbarhet, fler tester krävs för ett definitivt svar. En framtida implementation bör överväga möjligheten att inkludera en integrerad AI assistent som kan ge rekommendationer och dela insikter kring användningen av komponenterna. / Due to a fast digitalization, there exists a need for an overview over the developed products. This to not only analyze their usage but also ensure their correct usage. The objective of this work has been to create an analysis tool for a component-library and show where and how the components are used. The long-term goal is to increase productivity for those who use component-libraries. This was accomplished through interviews and a current situation analysis on another tool by Bitbucket. Based on the results three designs were created forming the groundwork for the implementation. The implementation was created using Javascript with React and NextJS alongside Typescript. Once the implementation was done a usability test with multiple participants was conducted on the implementation and the previous tool. A comparison was then made between the two tools. Due to the small test size the results are not conclusively able to say that the implementation results in a higher productivity or better usability. It can however be concluded from the comparison that it is likely that there is an increase in productivity and usability, but more tests are needed for a conclusive answer. A future implementation should consider the possibility to include AI as an integrated assistant who can make recommendations and share insights into the usages of components.

Knowledge base systems are brittle when the users of the knowledge base are unfamiliar with its content and structure. Querying a knowledge base requires users to state their questions in precise and complete formal representations that relate the facts in the question with relevant terms and relations in the underlying knowledge base. This requirement places a heavy burden on the users to become deeply familiar with the contents of the knowledge base and prevents novice users to effectively using the knowledge base for problem solving. As a result, the utility of knowledge base systems is often restricted to the developers themselves. The goal of this work is to help users, who may possess little domain expertise, to use unfamiliar knowledge bases for problem solving. Our thesis is that the difficulty in using unfamiliar knowledge bases can be addressed by an approach that funnels natural questions, expressed in English, into formal representations appropriate for automated reasoning. The approach uses a simplified English controlled language, a domain-neutral ontology, a set of mechanisms to handle a handful of well known question types, and a software component, called the Question Mediator, to identify relevant information in the knowledge base for problem solving. With our approach, a knowledge base user can use a variety of unfamiliar knowledge bases by posing their questions with simplified English to retrieve relevant information in the knowledge base for problem solving. We studied the thesis in the context of a system called ASKME. We evaluated ASKME on the task of answering exam questions for college level biology, chemistry, and physics. The evaluation consists of successive experiments to test if ASKME can help novice users employ unfamiliar knowledge bases for problem solving. The initial experiment measures ASKME's level of performance under ideal conditions, where the knowledge base is built and used by the same knowledge engineers. Subsequent experiments measure ASKME's level of performance under increasingly realistic conditions. In the final experiment, we measure ASKME's level of performance under conditions where the knowledge base is independently built by subject matter experts and the users of the knowledge base are a group of novices who are unfamiliar with the knowledge base. Results from the evaluation show that ASKME works well on different knowledge bases and answers a broad range of questions that were posed by novice users in a variety of domains. / text