This thesis addresses the design of a productivity dashboard for small and medium-sized enterprises (SMEs) to track key performance indicators (KPIs) and highlight the requirements for SME’s undergoing the initial implementation of business intelligence (BI). The objective is to develop an easy-to-use web application prototype that incorporates a dashboard with data source selection, while considering research framework requirements and limitations. Further, the prototype aims to fulfil the conceptual requirements of the tool used for decision support systems, including remote access, scalability, customization, and intuitive data presentation.   The thesis successfully developed a prototype web application that allows remote access through a browser. The interface of the application received positive feedback from respondents and demonstrates high usability. As a result, the prototype's scalability is confirmed through the gradual integration of new functionality, depicted in a hierarchical diagram to guide future enhancements. However, limitations arise from the technology choices, making the integration of new data sources more challenging due to specific data structure and attribute requirements. The study provides clear guidelines and inspiration for SMEs and web developers in integrating BI tools during the initial phase of adopting decision support systems. The research offers a well-documented development and evaluation process, empowering SMEs to make informed decisions when implementing BI solutions. / Det här examensarbetet behandlar utformningen av en produktivitetsdashboard för små och medelstora företag (SMEs) för att spåra nyckeltal för prestanda och lyfta fram kraven för SMEs som genomgår den initiala implementeringen av business intelligence (BI). Målet är att utveckla en lättanvänd webbapplikations prototyp som tillhandahåller en dashboard med möjlighet att välja datakälla samtidigt som forskningens krav och begränsningar beaktas. Vidare syftar prototypen till att uppfylla de konceptuella kraven för verktyg som används i system för beslutstöd, vilket inkluderar fjärråtkomst, skalbarhet, anpassning och intuitiv presentation av data.    Studien utvecklade framgångsrikt en prototyp för en webbapplikation som möjliggör fjärråtkomst via en webbläsare. Gränssnittet för applikationen fick positiv återkoppling från respondenter och visade hög användbarhet. Prototypens skalbarhet bekräftas genom gradvis integration av ny funktionalitet. Begränsningar uppstår dock på grund av valda teknologier, vilket gör integrationen av nya datakällor mer utmanande på grund av specifika krav på datastruktur och attribut. Studien ger tydliga riktlinjer och inspiration för små- och medelstora företag samt webbutvecklare för att integrera BI-verktyg under den inledande implementering av system för beslutstöd. Forskningen erbjuder en väldokumenterad process för utveckling och utvärdering, vilket ger små- och medelstora företag möjlighet att fatta välinformerade beslut vid implementering av BI-lösningar.

Choosing which framework to work with is a long-term commitment and should not be taken easily. New web frameworks are developed almost every day, and for IT consulting companies, delivering high quality applications within time and budget is the key to success. This study examines the different factors IT consulting companies should consider before adopting a new web framework. This by proposing an adoption model for web frameworks including what technical and non-technical factors practitioners values the most. The aim of this study was to advice and help improve how an IT consulting company in a structured and reliable way can determine their choice of web framework, to gain the best cost efficiency and deliver high quality web applications. This was done by interviewing IT consultants along with implementation of prototypes and reading literature. The results showed that it is mainly the non-technical factors that practitioners consider to be most important, for instance the customer and company value. Other important factors are the popularity of the framework, its community, maturity but also team factors such as previous knowledge and that it should be motivating. Even if the technical factors are not what the interviewees primarily mentioned, it is still essential to choose a framework that meets the project requirements in terms of performance and in security. Other important technical factors are also its architecture and maintainability. Based on the results, this study presents an adoption model that allow practitioners to choose web frameworks that best meet their requirements and greatest number of advantages for a given project.

En växande population av äldre internetanvändare kräver anpassningar p.g.a.synnedsättning. Anpassbara användargränssnitt kan hjälpa användare att själv kontrollera hur information på webben visualiseras. Färg och textstorlek spelar stor roll för läsbarheten av texter på webben. Javascript och dess ramverk Vue.js och React.js används för att bygga användargränssnitt p.g.a. dess separering av Viewlagret från resten av innehållet. I denna studie jämförs hastigheten på ett anpassbart användargränssnitt verktyg skapat i Vue.js respektive React.js på en webbsida med övervägande textinnehåll. Ett experiment utförs som automatiskt mäter hastigheten på verktyget i Vue.js respektive React.js via ett skript som körs genom Tampermonkey / <p>Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet.</p>

Det här arbetet utforskar jämförelsen mellan progressiva webbapplikationer (PWA) och native mobila applikationer. Arbetet belyser ett problem som är aktuellt idag och kommer att vara ännu mer så i närmaste framtid på grund av den ständiga teknikutvecklingen och människans beroende av mobila applikationer. Användningen av mobilen har ökat kraftigt under de senaste årtiondena med mobila applikationer som integreras i människans livsstil. Denna tillväxt indikerar att utvecklingen av applikationer behöver justeras för en effektivare och säkrare metod. Även om native applikationen för närvarande leder, utmanar PWA mer än tidigare på grund av dess effektivitet och enkelhet. Genom att utveckla en PWA och en native mobilapplikation syftar denna studie på att identifiera de huvudsakliga skillnaderna. Analysens fokus var att visa de tre kritiska aspekterna, hastighet, säkerhet och utvecklingstid, med resultaten som tyder på att PWA presterar bättre i form av hastighet när den optimeras, men native mobila applikationen har en större tillgänglighet för implementering av funktioner. Dessa resultat berikar den pågående diskussionen med ytterligare förståelse för de två mest populära strategierna för att skapa en mobilapplikation och ger information om hur appscenen möjligen kan utvecklas i framtiden. / This thesis explores the comparison of progressive web applications (PWA) with native mobile applications. This thesis sheds light on an issue that is relevant today and will be even more so in the near future due to the constant advancement of technology and the growing dependence of human life on the use of mobile applications. The use of the mobile has increased significantly over the past couple of decades with the mobile application being integrated into the human lifestyle. This pattern of growth indicates that the development of the applications needs to be adjusted for an effective and more secure approach. Although the native application is currently the leading app, the PWA puts on a more extensive challenge than before due to its effectiveness and simplicity. By developing one PWA and one native mobile application, this study aims to identify the key differences. The focus of the analysis was to demonstrate the three critical aspects, speed, security and time of development with the results showing that the PWA performs better in terms of speed when being optimized, but the native mobile application has a larger access base for feature implementation. These results enrich the ongoing discussion with further understanding for the two most popular strategies of crafting a mobile application, with information about how the future of the app scene possibly evolve.

The purpose of this project was to build an accessible website for Inclusive Web Solutions, an IT consulting company, The website consists of a public part, which presents the company, and a private admin site where employees can create, edit, update and delete the dynamic content of the site. Subscribers may only create, edit, update and delete their own blog posts. A REST API is used as a data source. All dynamic data is stored in a database. The website, the REST API and the database have been implemented using React, Node.js, Express.js, MongoDB and SASS. Web design, flowcharts and a target group analysis have been part of the planning phase. The website has been tested with regard to accessibility, responsiveness, compatibility and code validity using automated testing tools and user testing. The website was supposed to be accessible according to WCAG level AA. The website, the REST API and the database have been deployed. A custom domain has been added to the website. Överall, the purpose of the project has been achieved. There are a few issues with regard to the website’s responsiveness and accessibility. There are also a few usability issues related to the site’s multilingualism. The accessibility goal has not been fully achieved. Validation errors pertaining to the website’s HTML code can be explained by the validation method that was used. / Syftet med detta projekt har varit att skapa en tillgänglig webbplats a t konsultföretaget Inclusive Web Solutions. Webbplatsen består av en publik, tvåspråkig del som presenterar företaget, och en lösenordsskyddad administrationssida da r medarbetare kan skapa, redigera, uppdatera och radera webbplatsens dynamiska innehåll. Gästskribenter kan endast skapa, redigera, uppdatera och radera egna blogginlägg. Webbplatsen använder en REST-webbtjänst som datakälla och alla data som hanteras på den icke-publika webbplatsen lagras i en databas. React, Node.js, Express.js, MongoDB och SASS har använts för att implementera webbplatsen, REST-webbtjänsten och databasen. Arbetet har planerats med hjälp av webbdesign, målgruppsanalyser och flo desscheman. Webbplatsens tillgänglighet, responsivitet, kompatibilitet och validitet har testats med automatiska testverktyg och användartester. När det gäller tillgängligheten, sa har målet varit att uppfylla kraven på WCAG-nivån AA. Webbplatsen, REST-webbtjänsten och databasen har publicerats. Webbplatsen har dessutom publicerats under egen domän. Överlag har syftet med projektmålet uppnåtts. Alla delar har skapats och det mesta av funktionaliteten har implementerats enligt plan. Webbplatsen uppvisar vissa brister när det gäller responsivitet och tillgänglighet. Vissa brister i användbarheten finns, vilket rör bl.a. flerspråkigheten. Tillgänglighetsmålet har inte uppnåtts fullt ut. De valideringsfel som förekommer i HTML-koden har visat sig bero på hur valideringen har gjorts.

This report describes the development process of a fullstack application designed to help users study with integrated AI functionalities for the creation of flashcards. Users upload images containing text that are processed by third-party artificial intelligence application programming interfaces to create a data structure of questions and answers based on the text. The application is centered around flashcards but also includes features such as quizzes and the sharing of flashcard collections. To facilitate the use of the application for multiple users, a decision was made to migrate from Swift, a programming language for iOS to JavaScript. By using the React Native framework, an application for cross-platform can be created on a single code base. A scalable backend solution was also developed for the application by integration of a monolithic architecture with Microsoft's cloud service, Azure. The backend consisted of a NodeJS Express server connected to a MySQL database. The application managed to replicate the prototype despite some minor issues. The application's core requirements were successfully implemented with some additional features. / Denna rapport beskriver utvecklingsprocessen av en fullstack applikation, vars användningsområde är att hjälpa användare studera genom integration av AI funktionaliteter för skapandet av flashcards. Användare laddar upp bilder med text som sedan hanteras av en tredjeparts artificiell intelligens applikationsprogrammeringsgränssnitt för att skapa en datastruktur som innehåller frågor och svar baserade på den skannade texten. Applikationen är centrerad kring flashcards men har även funktioner som test samt delandet av flashcard samlingar. För att möjliggöra användandet av applikationen för fler användare så gjordes valet att migrera från Swift, ett programmeringsspråk skapat för iOS, till JavaScript. Genom att använda React Native ramverket, kan en applikation som stödjer flera plattformar skapa en gemensam kodbas. En skalbar backend-lösning utvecklades samtidigt för applikationen genom att integrera en monolitisk arkitektur med Microsofts molntjänst Azure. Backenden bestod av en NodeJS Express server ansluten till en MySQL databas. Applikationen lyckades replikera prototypen med några få hinder. Applikationen uppfyllde kravspecifikationen samt att huvudfunktionerna implementerades med några extra funktioner.

I dagens samhälle är digitaliseringen ett område som påverkar många redan nu, både företag och konsumenter, och kommer att fortsätta göra det framöver. I digitaliseringens värld står webben och applikationer i fokus för de olika digitala system och tjänster som företag använder för att gå från traditionella analoga processer till mer digitala och automatiserade metoder. Inom snabbmatsbranschen är det inget annorlunda. Ett av de viktigaste systemen för företagen inom branschen är beställningssystemet. En teknik som tillåter konsumenter att beställa mat med hjälp av olika enheter. Denna studie syftar till att systematiskt bedöma om ett företag inom snabbmatsbranschen bör överväga implementeringen av ett webbaserat beställningssystem för sina kunder och därigenom fastställa om de potentiella fördelarna överväger eventuella nackdelar. Utöver detta undersöker även studien ifall React tillsammans med Express kan tillföra några fördelar när ett webbaserat beställningssystem skapas. Arbetet genomförs genom en kombination av personalundersökning i form av ett formulär som skickades ut till personal på olika företag, litteraturstudier samt implementering av ett webbaserat beställningssystem som utsattes för både prestandatester och användartester. Resultatet visar att det finns både för- och nackdelar med ett webbaserat beställningssystem. 91.7% av personalen som deltog i undersökningen och utnyttjar ett redan implementerat beställningssystem på en arbetsplats påstår att implementeringen har effektiviserat deras arbete. 84.6% av alla kunder som har påpekat till personalen menar att de är nöjda och positiva till systemet. Resterande procent i båda frågorna är neutrala. Nackdelarna enligt enkäten anses vara tekniska problem samt dataintrång, där 100% av svaren menar att ett tekniskt problem kan påverka restaurangen negativt. 33.3% anser att dataintrång är en nackdel med systemet. Utifrån testerna angående React och Express visar resultatet att prestandan är en konkurrenskraftig anledning till att välja teknikerna för att implementera ett webbaserat beställningssystem. Slutsatsen av arbetet är att ifall företaget anser att fördelarna övervinner nackdelarna är ett webbaserat beställningssystem på React och Express att överväga. / In today's society, digitalization is an area that already affects many, both businesses and consumers, and will continue to do so in the future. In the world of digitalization, the web and applications are at the forefront of the various digital systems and services that companies use to transition from traditional analog processes to more digital and automated methods. In the fast-food industry, it's no different. One of the most important systems for companies in the industry is the ordering system. A technology that allows consumers to order food using various devices. This study aims to systematically assess whether a company in the fast-food industry should consider implementing a web-based ordering system for its customers and thereby determine if the potential benefits outweigh any drawbacks. In addition, the study also examines whether React, together with Express, can provide any advantages when creating a web-based ordering system. The work is conducted through a combination of personnel surveys in the form of a questionnaire sent out to staff at various companies, literature reviews, and the implementation of a web-based ordering system subjected to both performance tests and user tests. The results show that there are both pros and cons to a web-based ordering system. 91.7% of the staff who participated in the survey and utilize an already implemented ordering system at their workplace claim that the implementation has effectivized their work. 84.6% of all customers who have communicated with the staff indicate that they are satisfied and positive about the system. The remaining percentage in both questions is neutral. According to the survey, the disadvantages are considered to be technical problems and data breaches, with 100% of the responses indicating that a technical issue can negatively impact the restaurant. 33.3% believe that data breaches are a disadvantage of the system. Based on the tests regarding React and Express, the results show that performance is a competitive reason to choose these technologies for implementing a web-based ordering system. The conclusion of the study is that if the company believes that the benefits outweigh the drawbacks, a web-based ordering system on React and Express is worth considering.

This project has been created at the growth agency Maia. The goal of the project is to develop satellite sites in WordPress using the Elementor plugin with focus on universal design, SEO (Search Engine Optimization), and accessibility for all user types. The purpose for the satellite sites is to drive traffic to other websites through effective SEO and accessibility. The project work has included planning and reviewing theories around SEO techniques, which has been necessary to ensure that the satellite sites are optimized in the best way to achieve a high search engine ranking. Part of this work has involved developing design sketches that are not only visually appealing but also technically functional to support both SEO and usability. In addition to developing the satellite sites, the project includes the creation of a presentation page developed with Express and React. This page serves as an interactive report on the project with the satellite sites, where specific parts of the work will be shown, as well as results, progress, and examples. / Detta arbete har utförts på tillväxtbyrån Maia. Målet med projektet är att utveckla satellitsidor i WordPress med tillägget Elementor där fokuset ligger på universell utformning, SEO (sökmotoroptimering) och tillgänglighet för alla användartyper. Syftet med satellitsidorna är att med effektiv SEO och tillgänglighet, driva trafik till andra webbsidor. Projektets arbete har inkluderat planering och granskning av teorier kring SEO-tekniker, vilket har varit nödvändigt för att säkerställa att satellitsidorna optimerats på bästa sätt och ge en hög rankning på sökmotorer. En del av detta arbete har inneburit utvecklandet av designskisser som inte bara är visuellt tilltalande utan också tekniskt funktionella med att stöjda både SEO och användarvänlighet. Utöver att utveckla satellitsidorna, innefattar projektet skapandet av en presentationssida utvecklat med Express och React. Denna sida fungerar som en interaktiv rapport över projektet med satellitsidorna där specifika delar av arbetet kommer att visas samt resultat, framsteg och exempel.

Facebook is today the biggest ads platform in the world. This makes it strategi- cally smart for companies to run their ads on the platform. To follow up the result from these ads is an important part for the companies to know if the target audience is the right one. The purpose with this thesis was to investigate if it’s possible for the company Leeroy to develope their own system that follow up ad conversion for Facebook ads. But also investigate how to implement Facebook’s own system and if other systems could be used. From this two purposes a number of goals have been set, which all could be answered. A pilot study resulted in the gathering of information if an own solution could be implemented. The result of this pilot study results in the answer no, an own solution could not be implemented at this state. Through the pilot study a recommended solution could be presented where Facebook’s system is the recommended way to go. This result is based on a system comparison between Facebook and Google Firebase. This recommended solution has resulted in a implementation guide that Leeroy can use to implement Facebook SDK in their application portfolio based on React Native. / Facebook är idag världens största annonsplattform vilket gör det strategiskt smart för företag att annonsera sin produkt eller sina tjänster på plattformen. Att följa upp resultatet av dessa annonser är för företagen en viktig parameter för att veta om den annonserade målgruppen är rätt. Syftet med detta arbete var att undersöka om ett eget system för mobilapplikationer hos företaget Leeroy kan utvecklas för uppföljning av annonskonverteringar hos Facebook-annonser och hur Facebooks egna system implementeras och om andra system går att använda. Utifrån detta syfte kunde ett antal mål fastställas som alla kunde besvaras. Utifrån en förstudie kunde information insamlas om hurvida en egen lösning går att tillämpa. Vilket resulterat i svaret nej, det är idag inte möjligt att utveckla en egen lösning. Genom förstudiens resultat kan en rekommenderad lösning presenteras där Facebooks system rekommenderas utifrån en jämförelse mellan Facebook och Google Firebase. Denna rekommenderade lösning har resulterat i en implementationsguide som Leeroy kan använda för att implementera Facebook SDK i sin applikationsportfölj baserat på React Native.

In this report, a number of different Javascript-frameworks have been compared. The study is conducted at CSN (Centrala studiestödsnämnden). The study consists of two main parts, an evalua- tion through the literature study and an evaluation of the implementa- tion. The first part of the survey has Javascript-frameworks Angular2, Aurelia, Ember, Meteor and React comparisons. Together with CSN, a few criteria have been developed which will then be awarded points between one and five depending on how well a Javascript-framework meets a specific criterion. Five points are given when the Javascript- framework meets the entire criterion, one point is given when it partial- ly meets the criterion. After the first part of the investigation, Angular2 and Aurelia found that they would move on to the implementation phase. The implementation consists of a couple of windows from the existing service "Mina tjänster". In the evaluate implementation measures time for implementation, web browsing time, and number of code rows. From this it was found that Aurelia has less number of code rows than Angular 2. The reading time for Angular 2 is three times longer than Aurelia. In the evaluation of how difficult it is to implement the two frameworks, Angular 2 is considered to be "Average" and Aurelia to "Hard". The Javascript-framework recommended for CSN is Angular 2. This is because much more documentation about Angular 2 is available, and the difficulty is lower for Angular 2. The startup of a project is also much easier in Angular 2, which means that it requires less time to get into the framework. / Sammanfattning: I denna rapport har ett par olika Javascript-ramverk jämförts. Studien är utförd på CSN (Centrala studiestödsnämnden). Undersökningen består av två huvuddelar, en utvärdering genom litteraturstudie samt en utvärdering av implementation. I första delen av undersökningen har Javascript-ramverken Angular2, Aurelia, Ember, Meteor och React jämförts. Tillsammans med CSN har ett par kriterier tagits fram som det sedan kommer att delas ut poäng mellan ett till fem beroende på hur väl ett Javascript-ramverk uppfyller ett specifikt kriterium. Fem poäng ges ut då Javascript-ramverket uppfyller hela kriteriet, ett poäng ges ut då det delvis uppfyller kriteriet. Efter första delen av undersökningen kom det fram till att Angular2 och Aurelia skulle gå vidare till implemente- ringsfasen. Implementeringen består utav ett par fönster från den befintliga tjänsten ”Mina tjänster”. I utvärderingen av implementation mäts tid för implementering, inläsningstid för webbapplikationen samt antalet kodrader. Ur detta konstaterades det att Aurelia har mindre antalet kodrader än Angular 2. Inläsning tiden för Angular 2 är tre gånger längre än Aurelia. Men i bedömningen om hur svårt det är att implementera de bägge ramverken bedöms Angular 2 till nivån ”Me- del” och Aurelia till ”Svår”. Det Javascript-ramverk som rekommende- ras till CSN är Angular 2. Detta grundas på att det finns betydligt mycket mer dokumentation om Angular 2, samt att svårighetsgraden är lägre för Angular 2. Uppstarten av ett projekt är även mycket enklare i Angular 2, vilket betyder att det kräver mindre tid för att sätta sig in ramverket.