Sammanfattning I dagens trafik uppstår dagligen köer på grund av olika händelser i trafikflödet som olyckor, vilt eller andra faror. Köbildningen bildas ofta på grund av informationsbrist eller sen informationsspridning om händelserna. Det här arbetet utvecklar en enkel webbapplikation riktad till trafikanter som vill och kan rapportera in de dagliga händelserna som påverkar trafikflödet. Applikationen är snabb att ladda på mobila enheter och innehåller ett enkelt formulär för rapportering av händelser utifrån fyra huvudtyper. Informationen publiceras inte bara på webbapplikationen utan sprids även vidare till tre olika sociala nätverkstjänster och bloggar. Ett problem med webbapplikationen som inte hann lösas under arbetets gång är anpassningen till olika skärmstorlekar hos mobila enheter. Omskalningen fungerar olika bra beroende på skärmstorleken och webbläsaren hos den mobila enheten som används. En vidareutveckling av webbapplikationen är en implementering av ett system för validering. I nuläget verifieras inte informationen av mer än den som rapporterar in denna, utan ytterligare verifiering från flera källor/användare behövs för att stärka trovärdheten på informationen. / Abstract In today's traffic, congestion occurs on a daily basis due to different events in the traffic, such as accidents, wildlife or other hazards. Queues are often formed due to lack of information or late broadcasting of information about the events. This work develops a simple web service aimed at users who want and can report in the daily events that affect traffic flow. The service is fast to load on mobile devices and includes a simple form for reporting of events, based on four main types. Data are published not only on the web service but are also spread on to three different social networking services and blogs. One problem with the web application that was not resolved during the work is the adaption to different screen sizes for different mobile devices. The performance of the rescaling varies with screen size and browser of the mobile device used. A further development of the web application is to implement a system for validation. At present no information is verified by more than the user who initially reported the information, therefore further verification from multiple sources / users is needed to strengthen the credibility of the information.

<p> </p><p>Datoriseringen ökar exponentiellt i dagsläget och har gjort de senaste tre decennierna. Med denna utveckling så ökar även näthandeln eftersom detta är viktigt för att kunna konkurrera med andra detaljvaruförsäljare. Till varje webbshop så finns det en administrationsapplikation där webbshopsägaren sköter webbshopen. Problem som kan uppstå i dessa gränssnitt kan vara så kallade kognitiva arbetsmiljöproblem vilket kommer att undersökas i detta arbete för att se hur de kan påverka navigationen specifikt. En prototyp skapades för att lösa dessa kognitiva arbetsmiljöproblem med hjälp av välkända designriktlinjer. I en användbarhetsundersökning så visade det sig att den nya prototypen faktiskt löser dessa problem men en ny prototyp skapades i efterhand där två nya designelement tillagts efter förslag från användbarhetstestdeltagarna.</p><p> </p>

This thesis investigates how a developer can move a desktop application to the web environment. The investigation also includes finding out what are the limitations of a web application and what is not possible to move to the web from the desktop. The question is whether there is any functionality that is gained or lost in the web application after the move. A survey has been conducted to find out what types of problems occur when moving an application from desktop to the web. The authors of this thesis have developed two prototypes for a company who wants to move a limited part of their current desktop application to the web in the future. The prototypes have been developed in Silverlight and ASP.NET. The survey has revealed that one of the disadvantages of web applications is the difficulty in working with local files and hardware on the computer. An information search has suggested that a function in a web application can be carried out faster or slower than in a desktop application depending on the conditions. Silverlight has shown through the practical work that it can make the move to the web easier for companies who are more specialized in desktop applications because there is not much knowledge required for the migration. Silverlight has also shown during the implementation of graphical components that it can easily move functionality such as drag and drop with the aid of its toolkit. The shift from desktop to the web can be seen as building a web application from scratch. The result can be influenced by the experience of the developer in the development of the web or desktop applications. Increased knowledge in the methods and technology used in the development of web applications is a necessity for anyone considering to make the move from the desktop.

Mittuniversitetet skapar "Välkomstbrev" för alla utbildningstillfällen vid varjeterminsstart, något som hittills gjorts manuellt. Det har dock på sistone uppkommit behov av att automatisera, förenkla och centralisera processengenom ett användarvänligt, webbaserat verktyg. Målet för detta projekt harvarit att presentera och utvärdera förslag till ett sådant verktyg som fyller deovan nämnda behoven. Verktyget är applikationen "Välkomstbrev" som skapatsmed tekniker, språk och moduler skrivna i öppen källkod som finns fritttillgängliga på nätet. De grundläggande språken som använts för konstruktionenär HTML5, CSS, JavaScript, PHP, SQL. Den arbetar emot databasen"kursprogrambrev" som innehåller all nödvändig data för publikationen avvälkomstbreven. Applikationen består av fyra olika gränssnitt som motsvararolika profiler: Lärare, Redaktör, Brevadministratör och Databasadministratör.Profilerna är lösenordsskyddade och åtkomliga för de av lärosätets personalsom berörs. Varje profil har sina konkreta uppgifter att sköta i applikationen ochinteragerar med de andra profilerna via databasen. Resultatet av profilernasinteraktion är att välkomstbreven skapas i PDF-format och placeras i utvaldkatalog. Eftersom användbarheten var av högsta prioritet från ledningens sidahar flera användartester gjorts för att utvärdera den slutliga produkten. Dessahar visat att målen överlag har uppnåtts, men att vissa aspekter måstevidareutvecklas i nära samråd med lärosätets ledning.

<p>Det här examensarbetet är utfört på uppdrag av AB Järnforsens Stoppmöbler i Järnforsen som vill ha en ny webbplast med ett rikt användargränssnitt.</p><p>Syftet med examensarbetet är att undersöka vilka moderna webbteknologier som lämpar sig bäst för att presentera och visualisera data. Målet har varit att designa och implementera en fungerande webbplats till företaget med användning av vald teknik.</p><p>Arbetet baseras på teoristudier samt en kvalitativ empirisk undersökning med hjälp av prototyp och användartest. Undersökningens resultat har analyserats och ligger till grund för den nya webbapplikationen utformning.</p><p>Analysen av denna undersökning antyder att genom att tillföra webbplatsen ny funktionalitet, har användarna fått mer information om företagets produkter.</p><p>Användning av Ajax-tekniken har reducerat tiden för uppdatering av information.</p>

Den här rapporten behandlar hur en webbapplikation med REST-arkitektur av typ e-butik inom klädbranschen kan utvecklas. Utvecklingsprocessen har skett genom att iterativt implementera funktionalitet för att webbapplikationen ska vara välfungerande samt följa de juridiska krav som ställs på en verksamhet inom e-handel i Sverige. Det har även undersökts hur webbapplikationen bör utvecklas för att skapa ett konkurrensmässigt övertag i en redan tuff marknad. Fokus i rapporten har varit att optimera laddningstider för den skapade webbapplikationen genom en teoretisk referensram som grund. Tester har utförts för att kontrollera att den teorin som implementerats faktiskt minskar laddningstiderna. Slutsatsen från rapporten var att användning av flertalet integrationstjänster via deras API bidrog till en längre laddningstid och en större kodkomplexitet. Genom att implementera de förbättringsåtgärderna från den teoretiska referensramen kunde laddningstiden minska med upp till 17,2%. / This report presents how a web application with REST-architecture of the type e-shop in the clothing industry can be developed. The development process has been implemented by iteratively implementing functionality to ensure that the web application is functioning properly and to comply with the legal requirements of an e-commerce business in Sweden. It has also been investigated how the web application should work and to be developed to create a competitive advantage in an already tough market. The focus of the report has been to optimize the loading times for the created web application with a theoretical reference framework as a basis. Tests have been performed to verify that the theory implemented in fact reduces loading times. The conclusion of the report is that the use of many integration services through their API contributed to longer loading times and greater code complexity. By implementing the improvement measures from the theoretical reference frame, loading times could decrease by up to 17.2%.

Den här rapporten behandlar arbetet utfört av sju studenter på Linköpings universitet som går programmen civilingenjör i datateknik och mjukvaruteknik. Rapporten är en del av kursen TDDD96 Kandidatprojekt i programutveckling under vårterminen 2018. Arbetet har omfattat utveckling av webbapplikationen Placeholder, på uppdrag av Niclas Hjorth vid Röntgenkliniken Linköping. Applikationen som utvecklades är ett verktyg skapat för att underlätta schemaläggningen av personalen på röntgenkliniken. Schemaläggarens jobb underlättades genom funktionalitet som att tydligt visa var personer är inbokade samt vilka personer som finns tillgängliga. Arbetssättet följde en anpassad och avskalad variant av Scrum. Utvecklingsarbetet har utförts inkrementellt och iterativt med delleveranser av produkten i form av prototyper under projektets gång. Arbetssättet resulterade i att projektets arbete har kunnat anpassats efter ändringar i kundens önskemål om funktion. Projektet resulterade i en prototyp för kunden som kan användas för fortsatt utveckling. Under projektets gång upplevde gruppen erfarenheter som fångats upp, dessa erfarenheter visade på att kommunikation i projekt är viktiga. Gruppen visade även att Trello är ett användbart verktyg för agil systemutveckling

Ung Företagsamhet (UF) erbjuder ungdomar i gymnasiet möjligheten att testa på hur det är att driva ett företag under ett års tid. Enligt en enkätundersökning, som utfördes på studenter från Linköpings Universitet och på olika gymnasieskolor, framkom det att den största försäljningen av UF-produkter sker på fysiska marknadsplatser. Enkäten visade även att det fanns ett intresse för en extern e-marknadsplats där UF-företag kan utöka sin försäljning. I det här projektet har Xpanda utvecklats för att möta detta behov med fokus på att försöka skapa en webbapplikation som har hög användbarhet för UF-företag och är lättnavigerad för alla användare. För att uppnå dessa kriterier togs det fram vetenskapliga källor som låg till grund för utformandet av webbapplikationen. Projektet arbetade efter de agila metoderna och var uppdelat i tre iterationer, även känt som sprintar. Efter varje sprint utvärderades resultatet av den dåvarande applikationen med hjälp av användartester. Testgruppernas åsikter samt kommentarer värderades och ledde till förändringar av applikationen för att främja frågeställningen. Prioriteringar behövde göras i utvecklandet, vilket diskuteras i rapporten. Slutsatsen av rapporten är att det är möjligt att utveckla en webbapplikation som upplevs som användbar och lättnavigerad av dess användare. / Ung Företagsamhet (UF) gives youths in high school the possibility to try what it is like to run a business for one year. According to a survey conducted on students at Linköping University and various high schools, it was clear that the majority of sales of UF-products takes place at physical marketplaces. The survey also concluded that there is an interest for an external e-marketplace where UF-companies can expand their sales. In this project, Xpanda has been developed to meet this need with focus on trying to create a web-based application with high usability for UF-companies and has high navigability for all users. In order to achieve these criteria, scientific references were gathered which lay the foundation for the development of the web application. The project worked according to agile methods and the project was divided into three iterations, also known as sprints. After each sprint, the results of the current application was evaluated through user tests. The test groups opinions and comments were evaluated and in some cases led to changes in the application to work towards answering the key questions of the report. Certain priorities had to be made during the development, which is discussed in the report. The conclusion of the report is that it is possible to develop a web application that is perceived as usable and navigable for its users.

This report studies the development of a usable web application for gifts with an engaging buying process, where the customer is given suggestions on gifts based on his preferences. The demand was examined and confirmed by studies which formed the basis for the development of the application. The work was done with the project methodology Scrum, which is presented and evaluated. The report presents and discusses the technical solutions chosen for the implementation of the web application.Design choices have been made and are discussed, with the main objective to create ausable web application with an engaging buying process. Usability and commitment hasbeen created through a buying process in which the products are presented one at a time. Finally, the report argues that Presentshoppen is to some extent usable and with an engaging buying process, but it is difficult to prove this before any launch. / Denna rapport studerar utvecklandet av en användbar e-butik för presenter med enengagerande köpprocess, där kunden ges förslag på presenter efter dennes preferenser. Behovet av en sådan e-butik kartlades och bekräftades genom studier, vilket låg till grund för utvecklandet av applikationen. Arbetet har genomförts med projektmetodiken Scrum som presenteras och utvärderas. Rapporten presenterar och diskuterar valda tekniska lösningar för implementationen av webbapplikationen. Designmässiga val och avvägningar har genomförts och diskuteras, där huvudsyftet varit att skapa en användbar e-butik med en engagerande köpprocess. Användbarhet och engagemang har huvudsakligen skapats genom en köpprocess där produkter presenteras en i taget. Slutligen argumenterar rapporten för att Presentshoppen till viss del är användbar och engagerande men att svårigheter finns att visa detta innan eventuell lansering.

Företaget Secorum AB har utvecklat verktyget LogFilter för att minska exponering av känsliga uppgifter i loggfiler. Verktyget styrs idag genom konfigurationsfiler vilket kräver bred kunskap inom produkten vid användning. För att öka kundkretsen behöver Secorum ett användargränssnitt som tydligt visar effektiviteten av programmet i form av ett webbaserat gränssnitt. I denna uppsats beskrivs projektet LogFilterUI vars huvudsakliga uppgift är att skapa ett användarvänligt webbgränssnitt som visar funktionerna i LogFilter. Projektet har resulterat i ett enkelsidigt webbgränssnitt skrivet enligt ramverken React och Redux med syfte att illustrativt demonstrera potentialen av LogFilter där en användare enkelt kan se hur valda regler filtrerar en specifik loggfil. / The Swedish company Secorum AB has developed the tool LogFilter to reduce the exposure of sensitive information within log files. The tool is currently being controlled by configuration files which complicate the usability for the regular users. For continued growth, Secorum are in need of a user friendly web interface to show new users the potential functions of LogFilter. This dissertation describes the project LogFilterUI whose primary objective is to create a userfriendly web interface that shows the main features of LogFilter. The project resulted in a single-page web application written with the React and Redux frameworks with the main purpose of illustrating the potential of LogFilter. The application is now more user-friendly and a user can easily follow how implemented rules are applied to the log files.