The diploma thesis deals with the problem of automated searching for reviews on web pages and also the saving of found reviews. In this work are described in detail possibilities of storing unstructured data and subsequent selection of the most suitable storage. The main part of the work deals with the analysis of HTML structure, so that it is possible to find the required information on the website. This work also deals with ways to determine the similarity of text strings in order to determine what product the review found belongs to. The Python programming language was used for implementation.

This report deals with an IT solution for the fictive company, Nexus Consulting. It is a small company with four employees, dealing with economic policy. The company wishes to set up a complete network environment with antivirus, firewall, computers and servers. They want us to analyze and compare different outsourcing companies offering cloud services and then recommend which company would suit them best. In addition, the company wants to have a webpage containing essential information about them and the services that they offer their customers. The report describes, analyzes and compares three outsourcing companies offering complete cloud services where a practical solution proposal has been developed by the group. The network component is based on the Windows platform and the web part is coded in HTML and PHP. The report also discusses what cloud computing is and why so many companies choose to move to it.

The project is about a GS1-verified input system Prevas GCM, which is a web service for suppliers to send article information to receivers. With the current system the suppliers need to select each receiver individually when sending information. The purpose with the project is to develop a system that let suppliers create receivers groups from receivers. The preparatory work consist of create prototypes in Adobe XD. Thereafter the web application produced in two steps. The project has mostly used the programming language JavaScript together with AG-Grid. In addition html and css have been used. The result was a almost launch-ready product with minor fixes left. / Projektet har handlat om GS1-verifierat inmatningssystemet Prevas GCM, som är en webbtjänst som låter leverantörer skicka ut artikelinformation till mottagare. Den nuvarande lösningen innebär att leverantörerna måste välja alla mottagare enskilt. Syftet med projektet blev att utveckla en webbapplikation som låter leverantörer skapa mottagargrupper av mottagare. Förarbetet bestod av att skapa prototyper i Adobe XD. Därefter har webbapplikation tagits fram i två steg. Projektet har huvudsakligen använt programmeringsspråket JavaScript ihop med AG-Grid. Utöver det har HTML och CSS används. Resultatet blev nästan en lanserings-klar produkt med mindre fix kvar.

The goal with this exam project is to take as much knowledge as possible from earlier courses I’ve taken at the webdevelopment program at Mid Sweden University and use this knowledge for a project for a company working with webdevelopment. I’ve chosen to do my exam project for David Törner Web agency who’s main goals are to work with Content Management Systems, (CMS). I’ve developed a custom theme and a webstore in the CMS WordPress with the plugin WooCommerce, a plugin that connects webstores with WordPress sites for easier administration and management of products. The webstore is selling bikes in the categories mountain bikes, enduro and downhill bikes, specially black bikes with high quality and it works as a demonstration of a webstore to show other companies what we are able to offer if they choose us to do a webstore in WordPress. The webstore also offers service on the bikes that the customer can book by themselves through the contact form. The design and foundation for the webstore have been designed and developed in the program Adobe XD in the form of moodboards, wireframes and design sketches and then coded in the program Visual Studio Code, (VSC) with the program language HyperText Preprocessor, (PHP), HyperText Markup Language, (HTML), Cascading Style Sheets, (CSS) and JavaScript. The design and the foundation of the webpages have been connected to WordPress and the webstore plugin WooCommerce and the webstore has been published online through a public webhosting service. / Syftet med detta examensarbete är att ta så mycket som möjligt utav kunskapen från tidigare kurser i webbutvecklingsprogrammet på Mittuniversitetet och applicera denna kunskap i ett arbete åt ett företag som inriktar sig inom webbutveckling. Jag har valt att göra mitt examensarbete åt David Törners Webbyrå som inriktar sig specifikt på webbsidor skapade med Content Management Systems, (CMS). Jag har utvecklat ett tema samt en webbutik i CMS:et WordPress med tillägget WooCommerce, som är ett tillägg som kopplar samman webbutiker med WordPressidor för enklare administrering samt hantering utav webbutiken och varorna. Webbutiken inriktar sig på försäljning utav cyklar inom kategorierna mountainbikes, enduro- samt downhill-cyklar, specifikt svarta och högkvalitativa cyklar samt fungerar som en demonstrations-webbutik att visa upp för företag som exempel på vad de skulle kunna få om de väljer en webbutik gjord i WordPress. Webbutiken erbjuder även service utav cyklar och att kunden via kontaktformulär kan boka sin service. Design och grund för webbutiken har utvecklats först i programmet Adobe XD i form utav moodboard, wireframes samt designskisser och sedan utvecklats och kodats i programmet Visual Studio Code, (VSC), med hjälp utav programspråket Hypertext Preprocessor, (PHP), HyperText Markup Language, (HTML), Cascading Style Sheets, (CSS) samt JavaScript. Designen och grunden på webbsidorna har sedan kopplats samman med WordPress samt webbutik-tillägget WooCommerce och publicerats på ett publikt webbhotell.

The architectural industry today struggles with how to best show their models to interested suitors opposite the construction industry which have the advantage of the fact that they can build physical models of houses which they can then show. This is where BIM comes into the picture. By extracting the graphics fromthese models and visualising them in a web browser this studyhas by creating a viewer with different navigation techniques sought to find out which techniques where most efficient for navigating models in the viewer. This was done with the help of user tests which results show that when it comes to projections, users were more efficient with perspective projection than orthogonal projections, however, user interviews show that users could still find a use for orthographic projection as it was better for displaying floor plans. Egocentric perspective were more efficient than allocentric perspective, but most users preferred egocentric perspective inside the models and allocentric projection outside of it. As for clipping objects and using clip planes, it is a closer race as users completed the task faster with clip plane but to a greater extent with culling of objects. However, most users wanted to use both technologies at the same time so that they could complement each other.

Today there are a large number of plugins available for WordPress to manage various types of content and many of them work really well. However, one problem is that the user only gets the control that the plugin creator has allowed from the beginning. This project which uses the name JBlocks is made for the web development agency Fostira AB and is about the development of a Gutenberg block plugin for WordPress. Based on the company's requirements I have applied what I have learned from Webbutvecklingsprogrammet at Mid Sweden University. The main purpose of this project is to facilitate the company's daily production by providing full control over both the plugin and the blocks they mostly work with. This will reduce the workload and the time it takes to learn or configure possibly several different plugins. Hopefully this will also reduce the stress that may be associated with those tasks. My plugin consists of the most common blocks and it uses the same stylesheet to make it easier to customize the content for each specific customer. It is designed to be easily built upon by Fostira's developers if they need to in the future. The report describes all the different phases of the work from planning and the methods used to the construction and the final result. / Idag finns det en stor mängd plugins tillgängliga för WordPress för att hantera olika typer av innehåll och många av dem är väldigt bra. Ett problem är dock att användaren bara får den kontroll som skaparen av pluginen tillåtit från början. Detta projektarbete som går under arbetsnamnet JBlocks är utfört åt webbyrån Fostira AB och handlar om utvecklingen av en plugin för Gutenbergblock i WordPress. Utifrån företagets krav har jag tillämpat mina kunskaper från Webbutvecklingsprogrammet via Mittuniversitetet. Arbetets huvudsyfte är att underlätta företagets verksamhet genom att ge full kontroll över både pluginen och blocken som dom oftast jobbar med. Målet är att minska arbetsbördan för de anställda och reducera tiden de behöver spendera på att lära sig eller konfigurera plugins. Tanken är också att detta ska minska den stress som detta kan leda till. Mitt plugin består av de vanligaste blocken och använder en och samma stilmall för att enklare kunna anpassa innehållet åt varje specifik kund. Den är skapad för att på ett lättbegripligt sätt kunna byggas på av Fostiras utvecklare i framtiden om behovet av fler block skulle uppstå. Rapporten beskriver alla arbetets olika faser från planering och de metoder som använts till konstruktionen och det färdiga resultatet.

Website scaling has been an issue since the inception of the web. The demand for user generated content and personalized web pages requires the use of a database for a storage engine. Unfortunately, scaling the database to handle large amounts of traffic is still a problem many companies face. One such company is iFixit, a provider of free, publicly-editable, online repair manuals. Like many websites, iFixit uses Memcached to decrease database load and improve response time. However, the caching strategy used is a very ad hoc one and therefore can be greatly improved. Most research regarding web application caching focuses on cache invalidation, the process of keeping cached content consistent with the permanent data store. Generational caching is a technique that involves including the object’s last modified date in the cache key. This ensures that cache keys change when- ever the object is modified, which effectively invalidates all relevant cache entries. Fine-grained caching is now very simple because the developer doesn’t need to explicitly delete all possible cache keys that might need to be invalidated when an object is modified. This is particularly useful for caching arbitrary fragments of HTML without increasing the complexity of cache invalidation. In this work, we describe the process of implementing a caching strategy based on generational caching concepts in iFixit’s website. Our implementation yielded a 20% improvement in page response time by caching fragments of HTML and results of database queries.

Much of the information on the Web is stored in specialized searchable databases and can only be accessed by interacting with a form or a series of forms. As a result, enabling automated agents and Web crawlers to interact with form-based interfaces designed primarily for humans is of great value. This thesis describes a system that can fill out Web forms automatically according to a given user query against a global schema for an application domain and, to the extent possible, extract just the relevant data behind these Web forms. Experimental results on two application domains show that the approach is reasonable for HTML forms.

Dagens webbläsare uppdaterar sitt utseende mer än någonsin och att kunna utföra det på ett effektivt sätt är essentiellt. Att kompilera om en hemsida och ladda upp den på nytt är ineffektivt och framtiden hos dynamisk uppdaterade hemsidor ligger hos MQTT och websockets. Med hjälp av Invencon har jag utforskat detta område genom att få en back-end till ett systemet att bygga på. Det har framställts två användargränssnitt för två gruvrobotar som ska kunna ta ordar av ett publicerar-användargränssnitt. Meddelandena skickas som JSON-objekt som är fyllda med information som robotarna ska ta emot. Dessa ordrar kan vara att ändra robotens maximala hastighet. Robotarna uppdaterar sitt gränssnitt i realtid där de samtidigt skickar sin nuvarande hastighet till publiceraren som visar upp dem. Det finns ett fjärrkontroll-gränssnitt där man kan välja en robot som är igång, där gränssnittet presenterar all information om den valda roboten. Användar- gränssnitten skrivs i HTML och CSS där funktionaliteten görs i JavaScript med hjälp av MQTT och websockets. Flera tester har gjorts där man kollar latensen på hur lång tid det tar för ett meddelande att ta sig till en robot och tillbaka till publiceraren för att mäta hur pålitligt systemet är. Efter testerna utfördes, kom jag fram till att fler tester kommer behöva göras för att testa systemet på en högre nivå, då två robotar och en användare inte räcker för ett konkret resultat. Systemet har potential att användas i riktig verksamhet med vidareutveckling av båda tester och bättre back-end. / Today’s web browsers are updating their appearance more than ever, and being able to do so efficiently is essential. Compiling a website and uploading it again is inefficient, and the future of dynamically updated websites lies in MQTT and websockets. With the help of Invencon, I have explored this area by establishing a back-end for the system. Two user interfaces have been developed for two mining robots that can receive commands from a publisher-interface. Messages are sent as JSON-objects filled with information that the robots need to receive. These commands can include changing the robot’s maximum speed. The robots update their interfaces in real-time while si- multaneously sending their current speed to the publisher, which displays them. There is a remote control-interface where you can select a running robot, and the interface presents all information about the chosen robot. The user interfaces are written in HTML and CSS, with functionality implemented in JavaScript using MQTT and websockets. Several tests have been conducted to measure the latency of how long it takes for a message to reach a robot and back to the publisher, proving the reliability of the system. After the tests, it was concluded that more testing needs to be done to evaluate the system on a higher level, as two robots and one user are insufficient for a concrete result. The system has the potential to be used in real-world applications with further development of both testing and a better back-end.

Denna rapport är en del av mitt examensarbete inom programmet It, medier och design vid Södertörns högskola. I rapporten presenteras den nya designen för FitnessCollections administrationswebbplats och en lista på förändringsförslag. FitnessCollection erbjuder en tjänst där medlemmar bland annat får träna på de anläggningar som är knutna till dem. På webbplatsen som jag arbetat med administreras organisationer, anläggningar, träningsaktiviteter, träningspass, bokningar och exporteringar av bokningar. Examensarbetet har utförts hos Dynamo Digital Ventures med FitnessCollection som beställare. Målet med examensarbetet har varit att presentera en genomarbetad design som bland annat ökar användarvänligheten och göra den mer användbar. Funktioner har tillkommit, tagits bort eller förändrats för att tillfredsställa de behov som FitnessCollection och deras samarbetspartners har. För att nå slutmålet har jag utfört en intervju med en av grundarna och tillika en av de som använder webbplatsen mest. Jag har sett över ursprungswebbplatsen för att se vad som fungerar bra och vad som fungerar mindre bra. Utöver detta har jag gjort noggranna förstudier inom området användarvänlighet/användbarhet och tillgänglighet och följt konventioner där jag också tagit inspiration från andra webbplatser. Utifrån detta har jag skapat en mer användarvänlig, tillfredställande och tillgänglighetsanpassad design. Rapporten är optimerad för visning på skärm respektive färgutskrift. / This report is a part of my bachelor thesis for the program It, media and design at Södertörn University. In this report I will present the new design for FitnessCollection’s administration website and a list with proposed changes. FitnessCollection offers a service where members  an work out at gyms that are linked to them. The website I have worked on manages organizations, gyms, activities, passes, bookings and exportation of bookings. I have made my bachelor thesis at Dynamo Digital Ventures and FitnessCollection has been the client. The goal for the bachelor thesis has been to present a thorough design that among other things increases the usability. Functions has been removed, added or changed to satisfy the need that FitnessCollection and their partners have. To reach the end goal I have conducted an interview with one of the founders of FitnessCollection whom also is one of the persons that uses the website most. I have made an overlock of the website to see what works and what doesn’t work as good. I have also done thorough feasibility studies in usability and accessibility and worked with conventions where I as a part of that has taken inspiration from outer websites. On this basis I have made a more usable, satisfying and accessible web design.