A geração automatizada de Interfaces de Usuário (IU) é objeto de estudo há muitos anos. Desde a década de 80, dezenas de projetos foram desenvolvidos e várias soluções apresentadas ao mercado. Entretanto, mesmo com os avanços obtidos neste cenário, inúmeras dificuldades ainda continuam presentes no dia-a-dia dos desenvolvedores de sistemas. A necessidade de processos, sintaxes e linguagens proprietárias associado ao elevado esforço de configuração e à baixa reutilização de tecnologias são os principais problemas nessa área. Objetivando sanar essas dificuldades, este trabalho propõe uma solução diferenciada para o problema, a qual reutiliza e integra-se à maioria das tecnologias comumente presentes nos ambientes de desenvolvimento e que conta com um exclusivo sistema de configuração, capaz de minimizar o trabalho de geração das IU. Sendo um típico gerador baseado em modelos, o software proposto é chamado MERLIN, e objetiva automatizar completamente a geracão de interfaces CRUD, as quais estão presentes em até 30% dos sistemas que operam sobre banco de dados. Para alcançar este objetivo, o software aposta no uso intensivo de heurísticas e na formação de uma estrutura auto-contida e realimentada de configurações, a qual reside unicamente nas classes compiladas da aplicação. Completando a sua arquitetura, um processo de geração em tempo de execução inibe a produção de qualquer linha de código-fonte, o que evita a necessidade de refatoração ao longo da evolução dos sistemas. Com esses elementos em evidência e focando inicialmente a plataforma Java, sinaliza-se uma solução diferenciada, apta para ser utilizada em ambientes profissionais de desenvolvimento. / The automated generation of User Interfaces (UI) has been the object of study for many years. Since the 1980s, dozens of projects have been developed and various solutions presented to the market. However, even with the advances obtained under this scenario, innumerable difficulties still continue to present themselves in the daily routine of system developers. The demands of proprietary methodologies, syntaxes and languages, the high level of effort needed for configuration and low reuse of technologies are the main problems in the area. With the object of rectifying these difficulties, this work proposes a solution specific to the problem, which reuses and combines the majority of the technologies already existing in development environments and relies on an exclusive configuration system, capable to minimize the work of generating the UI. Being a typical model based generator, the software under consideration is called MERLIN, and has as its objective to completely automate the generation of CRUD interfaces, which are present in up to 30% of the systems that interact with data bases. To achieve this objective, the software relies on the intensive use of heuristics and the creation of a self contained configuration feedback structure, which exists solely in the compiled classes of the application. Completing this architecture, a process of execution time generation eliminates the need for any source code, which significantly reduces the costs of refactoring the code throughout the evolution of the systems. With these elements in evidence and focusing initially on the Java platform, indicates that this distinguished solution is ready for use in professional development environments.

Using the internet for watching videos or online shopping keeps growing, along with video advertisement to increase online sales. To know if the video actually increases the online sales, the owner of a video ad wants to do follow ups on how the video is doing, and get statistics. A different solution from the original video ads is Smart Video. It is an interactive video player with a clickable slideshow of products. This video can get even more types of statistics than a normal video, and today that statistic is not accessible for the Smart Video clients, without the help of someone from the Smart Video team that can create a report for them. The purpose of this thesis was to relieve the workload of the Smart Video team and to create a dashboard that shows all information that the clients find relevant about their videos. This paper is about the process of developing a design for a marketing dashboard, that follows the guidelines of information dashboard design by Stephen Few. The process included interviews, multiple designs, prototypes, and evaluations, before ending up with a prototype of a desktop solution that follows the aesthetics of Smart Video and can be realizable with the current technology.

The purpose of this study was to develop a list of usability guidelines, i.e. a usability checklist, which can assist in evaluating the usability of Massive Open Online Courses (MOOCs) user interfaces. Interviews were conducted to help understand their context of use and to find design focus points for the evaluation of MOOCs interface. These design focus points were then inspected for usability issues with Jakob Nielsen’s usability inspection method - heuristic evaluation - using author’s own set of 10 usability heuristics. The study reveals two main findings. Firstly, the context of use of MOOCs differs from a regular university course in the manner of how users perceive and approach them. And secondly, the usability checklist has to be adaptable and up-to-date in order to support the constant change of context of use of MOOCs. The combination of both findings is what makes this study not just another checklist, but a valid contribution to the understanding of MOOCs and the research field in HCI.

Many companies use intranets where only authorized personnel can share, create, and access news, events, and knowledge in a company. An intranet is a web application with dynamic content. It consists of various functions and features that facilitate the information management and knowledge flow within the company. The main goal of this project is to create and design an intranet demo that is adaptable and extendable by companies and organizations. The intranet contains various primary functions that users can interact with. The designed intranet is based on the EPiServer Content Management System framework and is programmed in back-end and front-end with the Visual Studio IDE tool. The back- end part is mainly programmed in C# language to create functions and logic such as the intranet structure and then linked to the front-end part where the HTML, CSS, and JavaScript library React is used to encode the front-end and get a user interface. The finalized intranet contains various primary functions where authorized employees have individual profiles with their status and contact information. Users can share corporate events and access corporate news. / Många företag använder intranät där endast auktoriserad personal har tillgång till att dela, skapa och komma åt nyheter, händelser och kunskap inom företaget. Intranät är en webbapplikation med dynamiskt innehåll. Den består av olika funktioner som underlättar informationshantering och kunskapsflöde inom företaget. Målet med detta projekt är att skapa och designa en intranätdemo som är anpassningsbar och extensibel för företag och organisationer. Intranätet innehåller olika primära funktioner som användarna kan interagera med. Intranätet är baserat på EPiServer Content Management System ramverket och är programmerat i back-end och front-end med Visual Studio IDE-verktyget. Back-end delen kommer huvudsakligen att programmeras i C# språk för att skapa funktioner och logik som strukturen av en färdig designat intranät. Sedan länkas färdig programmerade back-end delen till front- end delen där HTML, CSS och JavaScript-biblioteket React används för att koda front-end för att få ett användargränssnitt. Den utvecklade och slutförda intranätet innehåller olika primära funktioner där auktoriserade anställda har enskilda profiler med sin anställnings status och kontaktinformation. Användare kan dela företagsevenemang och få tillgång till företagsnyheter.

The diploma thesis deals with the universal mobile client-server application of Android and iOS devices solved in the native environment of the given operating systems. The work explores approaches to solving the problem in both environments. The application solution will display, store and process a variety of data sent to the server in a unified form as well as customize the look given the conditions addressed conditions and equipment. The aim of the thesis is to show and compare the native potential of the mobile device as well as to design a unified application of frequently asked issues - to view and access a large amount of stored data to the user.

I detta examensarbete beskrivs processen för att designa, implementera och utvärdera ett webbgränssnitt som syftar till att hjälpa lantbrukare att ta fram en skräddarsydd kvävegödslingsstrategi. Målet med examensarbetet var att utforska hur ett sådant verktyg kan bli implementerat och brukas av målgruppen. I synnerhet granskades vilken data som är meningsfull för att ta beslut om kvävegödsling, hur gränssnittet kan implementeras för att vägleda användaren till ett beslut samt hur verktyget kan uppmana till mer effektiv växtodling.

This diploma thesis is focused on designing and implementing a web solution to support the operation of a warehouse management system as requested by the system provider. The theoretical part of this paper analyzes the already existing approaches towards the problematic parts of web application development, such as the design of architecture and the method used to record the settings and permissions. The final portal is built using mainly Microsoft technologies. The thesis concludes with an evaluation of applicability of this solution from both technical and economical standpoints.

This paper is a literature study with an additional empirical approach to research how to improve user experience in data visualization web applications. This research has been conducted in collaboration with Caretia AB to improve their current data visualization tool. The research studies previous research on the topics of UI design, user experience, visual complexity and user interaction in the attempt to discover what areas of design and intuitivity that improves the user experiences in these kinds of tools. The findings were then tested together with Caretia through a proof-of-concept prototype application which was implemented with said findings. The conclusion of the results is that mapping ontology groups and prior experience as well as reducing visual overload are effective ways of improving intuitivity and user experience.

Spel har förvandlats till en mainstream underhållningskälla och har utvecklats tillsammans med teknologin. Till en nivå som nyttjar en spelares alla sinnen för att fördjupa de i ett spel. Uppmärksamheten kring tillgänglighet inom spel har dock försvagats.Detta examensarbete undersöker de tillgängliga lösningarna som syftar till att hjälpa döva eller hörselskadade, främst när det gäller situationsmedvetenhet genom att ersätta ljud med en visuell representation. De i skrivande stund tillgängliga lösningarna jämförs sedan med resultaten i relaterad forskning och en undersökning som genomfördes för detta arbete. Målsättningen var att hitta vad som fungerade som en visuell representation av ljud, med undersökningssvaren som ger insikt i döva och hörselskadade individers perspektiv på lösningarna.Dessa resultat kan fungera som en referenspunkt för utvecklare som vill implementera en visuell representation av ljud eller liknande funktion i deras spel. / Video Games have turned into a mainstream source of entertainment and have evolved alongside technological improvements. To the point of being able to bring the player immersive gaming experiences that rely heavily on their senses. However, the attention to the accessibility aspects of video games has been lagging behind.This thesis explores the available solutions that aim to help Deaf or Hard of Hearing (DHH) players, primarily in terms of situational awareness by substituting audio with a visual representation. The currently available solutions are then compared with the findings in related research and a survey that was conducted for this paper. The objective was to find what worked as a visual representation of audio, with the survey responses providing insight into DHH players perspective.These findings can serve as a reference point for developers who want to implement a visual substitute for audio or a similar feature intheir game.

This paper explores the appeal of customizable user interfaces (UI) in video games, and the choices players make when this option is available to them. In the video game industry at present, players aren't given much choice in regards to the UI, even though it is usually a vital element that will support them throughout their whole experience. To determine the value of customizable UIs, players were provided a testing environment with tools that allowed them to modify their UI, and quantitative data was collected during this test. A qualitative study has also been conducted with a focus on the players attitude towards the subject. The results of the study show a high favor for UI customization among the players. It does however show that players are split on several aspects within the topic and further research is required. This can hopefully lead to developers adapting more uses of user experience (UX) and implementing UI customization within their games.