Search

The web application Testpersonbokaren is used by Nordic Medtest to book fake test persons for various actors in healthcare so that they can test and validate their environments without being dependent on real personal data. The purpose of this project is to develop a new version of Testpersonbokaren with new technologies and frameworks as the existing version has several problems and limitations. This was achieved by creating a Node.js server and developing two new web interfaces for Testpersonbokaren, where one is only used by Nordic Medtest and the other is used by Sweden's regions, municipalities and private actors. Both web interfaces are developed with the React framework. The new Testpersonbokaren has a more modern look and more functionality than the old one. Unlike the old version, the new one has good documentation, which makes the further development of the web application easier. The new Testpersonbokaren is ready to be put into operation at Nordic Medtest. Webbapplikationen Testpersonbokaren används av Nordic Medtest för att boka påhittade testpersoner åt olika aktörer inom hälso- och sjukvården så att de kan testa och validera sina miljöer utan att vara beroende av riktiga personuppgifter. Syftet med detta projekt är att utveckla en ny version av Testpersonbokaren med nya tekniker och ramverk då den befintliga versionen har flera problem och begränsningar. Detta uppnåddes genom att skapa en Node.js-server och utveckla två nya webbgränssnitt för Testpersonbokaren, där det ena endast används av Nordic Medtest och det andra används av Sveriges regioner, kommuner och privata aktörer. Båda webbgränssnitten är framtagna med React-ramverket. Den nya Testpersonbokaren har ett modernare utseende och mer funktionalitet än den gamla. Till skillnad från den gamla versionen har den nya bra dokumentation vilket underlättar vidareutvecklingen av webbapplikationen. Den nya Testpersonbokaren är redo att sättas i drift hos Nordic Medtest.

Denna rapport behandlar resultaten och erfarenheterna från det arbete som sju studenter utförde under vårterminen 2022 som en del av kursen TDDD96 – Kandidatprojekt i programvaruutveckling vid Linköpings universitet. Syftet med projektet var att vidareutveckla programmet Arch, som är en webbapplikation vars mål är att privatpersoner på ett enkelt sätt ska kunna skapa underlag för bygglovsansökningar. Projektgruppen utvecklade funktioner för att skapa väggar, fönster, dörrar, och tak i programmets 3D-vy. Dessutom skapades grunden för en ångrafunktion, och sidan för PDF-generering utökades till att automatiskt generera sidovyer av byggnaden samt stödja textrutor. Rapporten innehåller också sju individuella bidrag från projektgruppens medlemmar som undersöker olika områden relaterade till huvudprojektet.

In Sweden, political decision-makers assume that digitalization has become part of people’s everyday lives and look at its possibilities. In 2017, a new digitalization strategy was formed by the government. The main goal is to improve the digital competence of Sweden’s residents and confidence in the digital society. Children and young people are a priority when it comes to investing in digitalization both in school and in libraries. Digital competence as well as good reading skills are considered crucial to be able to participate in society. At the same time, previous research indicates that reading ability in children is decreasing. The responsibility of improving digital competence falls on the municipalities who believe that libraries can promote digital participation by developing visitors’ digital skills. The question is whether all libraries have this possibility and can meet this need of the population and to what extent depending on the resources the libraries have and the local conditions and restrictions that exist. The research questions are: How do libraries work with digital media and e-books to reach children and young people based on libraries’ websites and library plans? How do library plans relate to local practitioners; libraries’ websites and libraries’ e-books websites? What conditions, opportunities and constraints are linked to digital media and digitalization; based on libraries’ websites and library plans? What does it mean for libraries that the municipalities have the power and emphasize certain views and discourses in the library plans? The purpose is to investigate dominant conceptions in library plans and how these are put into practice on the libraries’ websites, with a focus on children and young people. The result showed that in the library plans, digitalization and libraries were either described based on possibilities or challenges and limitations. Children and young people were described together with a wide range of media types which shows that libraries are aware that children and young people use different kinds of media. The analysis of the various websites for children and young people showed that the children’s websites of libraries can look very different in terms of both appearance and content. The best thing would be if the websites looked similar in order for children and young people to be able to receive the same service no matter which website they visit. The analysis of the websites with e-books showed that they were more similar in appearance. This is a two years master's thesis in Library and information science.

Röd färg används ofta som signalfärg på webbsidor i syfte att dra till sig uppmärksamhet eller för att förtydliga funktioner som exempelvis avbryt eller avsluta. Detta innebär att om den röda färgen används på rätt sätt så skulle den kunna bidra med ökad effektivitet på webbsidan. Detta för att man då kan styra vart användarens uppmärksamhet går eller klargöra vanliga funktioner. Den röda färgtonen kan se ut på många olika sätt beroende på vilken grad av mättnad den har och den kan därför vara mer eller mindre effektiv som signalfärg. Denna studie har undersökt om graden av mättnad på färgen röd påverkar effektiviteten på en webbsida. För att besvara frågan sattes en webbsida upp i tre olika varianter som skiljdes åt i mättnad på färgen röd på utvalda element. Tre grupper utförde fem uppgifter på varsin av de olika varianterna och tidsåtgången för att utföra varje uppgift mättes. Resultatet visar på att effektiviteten kan påverkas om de röda elementen används just för att påkalla uppmärksamhet och förmedla information som är viktig för att klara av uppgifter på webbsidan. Slutsatsen är att vi inte med säkerhet kan säga ifall färgmättnaden på signalfärgen röd påverkar effektiviteten på en webbsida. The color red is often used to signal attention or to clarify functions such as cancel or finish on a website. This provides designers with a tool for controlling the user’s attention and illustrating common functions. The red hue may appear differently depending on its saturation and could therefore be more or less efficient as an indicator for attention. This study has examined if the degree of saturation affects the efficiency on a website. In order to answer the question, a web page was set up in three different variants. These versions differed in saturation of the color red on selected elements. Three groups, one for each version, executed five different assignments and the time required for the execution of each assignment was measured. The result indicates that the efficiency can be affected if the red elements are used to call attention and convey information that is important to complete assignments on the website. The conclusion is that we cannot safely say if the saturation of the color red affects the efficiency of a website.

Målet med detta arbete var att ta fram en logotyp och en webbsida till spelet Heathen Quest. Både webbsidan och logotypen skulle tilltala spelets målgrupp och förmedla spelets känsla: ”Rollspel med klassiska dungeon crawling och moderna inslag”. En visuell innehållsanalys gjordes för att undersöka hur liknande populära indiespel designat sina webbsidor och logotyper. En enkät utfördes med respondenter ur målgruppen för att utreda vad de upplevde som tilltalande. För att se om materialet skulle vara kommersiellt gångbart, utfördes semistrukturerade intervjuer med branschaktiva inom indiespelutveckling. Till sist utfördes en semistrukturerad intervju med Heavy Realm Games för att validera att materialet reflekterade den känsla som de ville förmedla. Baserat på den data som samlades in skapades designförslag som skulle både signalera att spelet var ett RPG-spel, vara tilltalande för målgruppen och visuellt representera spelets tema. Under undersökningen framgick det att det är viktigt att designa med ett tydligt mål. Författaren har också upptäckt vikten av att välja det material som ska marknadsföra ett spel baserat på den tid som finns tillgänglig till att skapa det och underhålla det. Det är möjligt att det finns andra typer av grafiskt material som skulle ha varit av högre relevans att fokusera på inför sin lansering av spelet. Resultatet av de skisser som skapades under arbetet visar att de i stor utsträckning tilltalar målgruppen, kommer vara kommersiellt gångbara och kommunicerar spelets tema väl. The goal of this investigation was to create a logo and a website for the game Heathen Quest. Both the website and the logo would appeal to the game's target audience and convey the feeling of the game: "Role playing game with classic dungeon crawling and modern elements". A visual content analysis was used to investigate how popular indie games designed their web pages and logos. A survey was conducted with respondents from the target group to investigate what they experienced as appealing. To see if the material would be commercially viable, semi-structured interviews were conducted with industry active in indie game development. A semi-structured interview with Heavy Realm Games was performed to validate that the material reflected the feeling that the studio wanted to be conveyed. Based on the data collected, design suggestions were created that would signal that the game was an RPG game, be appealing to the target audience and visually represent the game's theme. During the investigation it became clear that it is important to design with a clear goal. The author has also discovered the importance of choosing the material to promote a game based on the time available to create and maintain it. It is possible that there are other types of marketing material that would have been more relevant to focus on before launching the game. The result of the sketches that were created during the work show that they, to a large extent, appeal to the target group, will be commercially viable and communicate the theme of the game well.

The problem of rising temperatures and climate change is of great importance to all life. It has been made a global target by the UN and 194 countries has signed the Paris agreement which states a goal of keeping average global temperature raises two degrees below pre-industrial temperatures. Despite this, it is not clear what needs to be done. One thing for sure is that greenhouse gas emissions and ways to lessen them must be communicated in a concrete way in order to influence people and help fight climate change. This study explored how carbon budgets could be a tool for making greenhouse gas emissions less of an abstract concept. The study also examined how the implementation intentions-model could be used for increasing motivation in implementing behaviours in order to motivate reducing emissions of students. The focus of the study was to motivate participants to decrease consumption of aerial transportation and meat as these were ruled as important sources of emission for students. The study showed statistically significant results of whether these methods can be used in influencing participants behaviours. Problem med klimatförändringar är av större vikt än någonsin tidigare för allt liv på jorden. FN har gjort bekämpning av klimatförändringar till ett av sina globala mål och 194 länder har skrivit under Paris-avtalet och dess mål att hålla temperaturökningen motsvara de under två grader förindustriella temperaturer. Att motivera folk till att minska sina utsläpp är ett viktigt steg i kampen mot klimatförändringar, men hur det ska gå till har inte konkretiserats. Denna studie utforskar hur koldioxidbudgetar skulle kunna vara ett verktyg för att omvandla utsläppen av växthusgaser till ett mindre abstrakt koncept. Studien utforskade även hur implementation intention-modellen kunde användas för att öka studenters motivation att implementera nya beteende för att minska sina utsläpp. Studiens fokus var att motivera deltagarna att minska sin konsumtion av kött och långväga transport med flyg då dessa är stora utsläppskällor. Studien har kunnat visa statistiskt signifikant resultat om hur dessa metoder kan användas för att påverka deltagarnas medvetenhet om sina utsläpp.

In 2016, the ATLAS experiment at CERN released data from 100 trillion proton-proton collisions to the general public. In connection to this release the ATLAS Outreach group has developed several tools for visualizing and analyzing the data, one of which is a Histogram analyzer. The focus of this project is to bridge the gap between the general public's knowledge in physics and what is needed to use this Histogram analyzer. The project consists of both the development and an evaluation of a learning resource that explains experimental particle physics for a general public audience. The learning resource is a website making use of analogies and two perspectives on learning: Variation Theory and Cognitive Load Theory. The evaluation of the website was done using a survey with 10 respondents and it focused on whether analogies and the perspectives on learning helped their understanding. In general the respondents found the analogies to be helpful for their learning, and to some degree they found the explanations based on Variation Theory to be helpful. The implementations of Cognitive Load Theory were considered to be helpful by the respondents who noticed them, but the majority did not, implying that improvements of the design are needed. The results indicate that analogies and the two perspectives on learning can be helpful for explaining experimental particle physics, but there might be other learning theories more suitable for this purpose. ATLAS-experimentet på CERN släppte år 2016 data från 100 biljoner proton-kollisioner fritt till allmänheten. I anslutning till detta har ATLAS Outreach-grupp utvecklat ett flertal verktyg för att visualisera och analysera datan, varav en är en analys med hjälp av histogram. Fokus för detta projekt är att överbrygga klyftan mellan allmänhetens kunskaper i fysik och vad som behövs for att kunna använda Histogram-analysverktyget. Projektet består både av utvecklandet och utvärderingen av ett läromedel som förklarar experimentell partikelfysik med målgruppen allmänheten. Läromedlet är en webbsida som använder sig av analogier och två perspektiv på lärande, Variationsteori och Kognitiv Belastningsteori. Utvärderingen av webbsidan gjordes med en enkät med tio respondenter, med fokus på huruvida analogier och perspektiven på lärande hjälpte deras förståelse. I allmänhet fann respondenterna analogierna hjälpsamma för deras lärande, och de fann Variationsteori hjälpsamt i viss utsträckning. Implementeringarna av Kognitiv Belastningsteori ansågs vara hjälpsamma av de respondenter som lade märke till dem, men majoriteten gjorde inte det, vilket tyder på att förbättringar av implementeringen krävs. Resultaten indikerar att analogier och de två perspektiven på lärande kan vara hjälpsamma för att förklara experimentell partikelfysik, men det kan finnas andra lärandeteorier som uppfyller syftet bättre.

Idag utförs arbete ofta på resande fot och då används smarta telefoner och surfplat- tor istället för datorer. Dessa skärmar är oftast mindre än vad en datorskärm är. Där- för efterfrågas en mer dynamisk design av webbsidor som anpassar sig till storleken på skärmen. Webbsidans statiska design var 1000 pixlar bred och innehöll många tabeller vilket skulle få plats i den dynamiska designen med en minsta bredd på 320 pixlar. En del viktig information behövde även lyftas fram och göras tydligare. Det implementerades en ny CSS-mall samt flera nya JavaScript. En del HTML justerades för att passa den nya CSS-mallen. Eftersom en del viktig information behövdes pre- senteras tydligare skapades en helt ny flik. Innehållet blev driftinformation relaterat till den inloggade kunden. Efter simuleringarna i Chrome verifierades responsivite- ten av sidorna på alla skärmstorlekar. Implementeringen av AJAX gjorde att de lång- samma sidorna svarade direkt, men förbättrade inte den totala laddtiden. För att förbättra den skulle en back-end optimering behöva utföras. Projektets webbsida fu- gerade enligt önskemål. In today ́s society people are working more and more while travelling, which makes them use smartphones and tablets instead of laptops. These screens are usually smaller than a laptop screen. That is why a more dynamic web design has been re- quested in order to fit the screen on the device being used. The static webpage’s width was 1000 pixels and the goal was to fit all the tables and information in the respon- sive version with a width of 320 pixels. Important information also had to be moved to a different page in order to make it more visible. A new CSS-template was imple- mented and several new Java Scripts followed by finer adjustments to the HTML code. Since some information had to be more visible to the user, a new tab was cre- ated in order to fulfill this demand. The new tab contained information about “Net- work Status” only related to the signed in user. After simulating the webpage in Chrome the responsiveness of the page was confirmed on all screen sizes. Sending the webpage asynchronously made the slow pages respond instantly but the total loading time was still slow. To fix this, back-end programming would have been re- quired. The project’s webpage fulfilled all the requirements.

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.

Användargränssnittsdesign är en stor del av en webbsidas intryck och förändras snabbt i takt med teknologins utveckling och trender. Men det gäller även att locka rätt användare. Hur lockar en webbsida till sig rätt målgrupp? Målet med rapporten var att analysera målgruppen gamers utifrån hur de upplever det grafiska användargränssnittet på en spelrelaterad webbsida. Rapporten behandlar även översiktitligt om aktuella trender för webbdesign tilltalar gamers. Undersökningen utfördes i två delar. I den första delen undersöktes 20 av de största spelrelaterade webbsidornas användargränssnitt. Under del två genomfördes en enkät och intervjuer med målgruppen gamers. I både enkäten och intervjuerna fick respondenterna ta ställning till olika mockups av en fiktiv webbsida. Det var stor skillnad på vad gamers ansåg vara tilltalande jämfört med hur de analyserade webbsidorna såg ut. Exempelvis var endast 25 % av de analyserade webbsidorna mörka medan 71,9 % av respondenterna föredrog en mörk layout. User interface design is a big part of a websites impression and changes quickly with new technology and design trends. But it is also necessary to attract the right users. How does a website attract their target audience? The goal with this thesis was to analyse gamers, as a target audience, to see how they perceive the graphical user interface on a gaming-related website. The thesis will also briefly touch on the current trends in web design, and if they are appealing to gamers. The study was conducted in two stages. The first stage examined the user interfaces of 20 of the most popular gaming-websites. During stage two, a quantitative survey and a few interviews was conducted. Both the survey and the interview asked the respondents to choose between different implementations of user interface elements on a fictitious website mock-up. There was a significant difference in the studied graphical user interfaces and what the gamers preferred. For example, only 25% of the analysed webpages was dark, while 71.9% of the respondents in the survey preferred the darker user interface.

I denna studie beskrivs arbetsprocessen för utvecklandet av en produkt, i detta fall en webbsida, vars syfte är att underlätta inlärningen av det svenska språket för elever med svenska som andraspråk samt att underlätta kommunikationen mellan dessa elevers hem och skola. Då delar av webbsidan är på elevernas modersmål är förhoppningen att möjliggöra integration mellan hem och skola. Denna produkt har arbetats fram genom att undersöka den teoretiska grund och bakgrund som finns för denna typ av webbsida och dess innehåll samt att intervjuer av olika slag genomförts där inspiration, idéer samt tips på layout tagits emot. Webbsidan har genom en cirkulär utvecklingsprocess fått sitt slutgiltiga innehåll samt utseende. Detta innebär att efter varje delmoment i processen i form av bland annat intervjuer har nya perspektiv öppnats vilket har lett till utveckling.

Denna rapport beskriver skapandeprocessen av webbsidan aiducate.se, vars syfte är att stötta, motivera och vägleda gymnasieelever i sin utbildning. Projektet genomfördes självständigt utan någon uppdragsgivare och pågick under en tidsperiod om tio veckor. Till grund låg en förundersökning som visade på bristande motivation hos gymnasieelever. I en kompletterande enkätundersökning fastställdes det att eleverna önskade en modernisering av utbildningen med utrymme för nutida undervisningsmetoder. Som ett komplement till gymnasieutbildningen framställdes därför innovationen Aiducate som i framtiden ska omfatta olika verktyg för studierna. Allt från hur man skriver en rapport till hur man får inspiration. Inom ramen för detta examensarbete presenterades en enklare betaversion av webbsidan. Detta omfattade en fullständig grafisk profil, responsiv design och vissa funktioner såsom exempelvis forum och användarkonto. Rapporten följer även utvecklingen av webbsidan i det populära CMS-verktyget WordPress. Teoretisk bakgrund har förankrat alla slutgiltiga beslut för webbsidans design och funktion, vilket även återkopplats genom användartester. This report describes the creative process of the website aiducate.se, which purpose is to support, motivate and guide high school students in their education. The project was conducted independently without any employers and lasted for a period of ten weeks. The basis of the project was a prior study that showed a lack of motivation among high school students. A supplementary survey showed that the students wanted to modernize the education with contemporary teaching methods. As a complement to high school education, the innovation Aiducate was made which in the future will include various tools for the studies. Everything from how to write a report to how to get inspiration. Within the framework of this thesis a simpler beta version of the website was presented. This included a complete graphic profile, responsive design and some features such as a forum and user account. The report also follows the development of the website in the popular CMS tool WordPress. Theoretical background has anchored all final decisions for the website’s design and function, which also reconnects through user testing.

Denna rapport beskriver skapandeprocessen av webbsidan aiducate.se, vars syfte är att stötta, motivera och vägleda gymnasieelever i sin utbildning. Projektet genomfördes självständigt utan någon uppdragsgivare och pågick under en tidsperiod om tio veckor. Till grund låg en förundersökning som visade på bristande motivation hos gymnasieelever. I en kompletterande enkätundersökning fastställdes det att eleverna önskade en modernisering av utbildningen med utrymme för nutida undervisningsmetoder. Som ett komplement till gymnasieutbildningen framställdes därför innovationen Aiducate som i framtiden ska omfatta olika verktyg för studierna. Allt från hur man skriver en rapport till hur man får inspiration. Inom ramen för detta examensarbete presenterades en enklare betaversion av webbsidan. Detta omfattade en fullständig grafisk profil, responsiv design och vissa funktioner såsom exempelvis forum och användarkonto. Rapporten följer även utvecklingen av webbsidan i det populära CMS-verktyget WordPress. Teoretisk bakgrund har förankrat alla slutgiltiga beslut för webbsidans design och funktion, vilket även återkopplats genom användartester. This report describes the creative process of the website aiducate.se, which purpose is to support, motivate and guide high school students in their education. The project was conducted independently without any employers and lasted for a period of ten weeks. The basis of the project was a prior study that showed a lack of motivation among high school students. A supplementary survey showed that the students wanted to modernize the education with contemporary teaching methods. As a complement to high school education, the innovation Aiducate was made which in the future will include various tools for the studies. Everything from how to write a report to how to get inspiration. Within the framework of this thesis a simpler beta version of the website was presented. This included a complete graphic profile, responsive design and some features such as a forum and user account. The report also follows the development of the website in the popular CMS tool WordPress. Theoretical background has anchored all final decisions for the website’s design and function, which also reconnects through user testing.

This paper explores the accessibility for patrons with different physical disabilities in regards to materials, service, the library building and its website at two typical, medium-sized public libraries in Sweden. The case study is based on interviews, observations, and document and literature studies. As a theoretical framework for this study, Buckland’s model of information barriers is used to describe, discuss and evaluate how the two libraries work with accessibility. In addition, international and national guidelines are used to measure whether additional actions are required of the libraries to improve the accessibility. The results show that both libraries are well suited in various respects to provide for the different needs and the requirements of patrons with physical disabilities. Some obstacles still exist in both libraries, especially in the lack of literature in accessible formats in different languages. It is unclear whether the barriers that still exist in both libraries are reflections of the patrons’ needs and demands, or lack thereof.

Användargränssnittsdesign är en stor del av en webbsidas intryck och förändras snabbt i takt med teknologins utveckling och trender. Men det gäller även att locka rätt användare. Hur lockar en webbsida till sig rätt målgrupp? Målet med rapporten var att analysera målgruppen gamers utifrån hur de upplever det grafiska användargränssnittet på en spelrelaterad webbsida. Rapporten behandlar även översiktitligt om aktuella trender för webbdesign tilltalar gamers. Undersökningen utfördes i två delar. I den första delen undersöktes 20 av de största spelrelaterade webbsidornas användargränssnitt. Under del två genomfördes en enkät och intervjuer med målgruppen gamers. I både enkäten och intervjuerna fick respondenterna ta ställning till olika mockups av en fiktiv webbsida. Det var stor skillnad på vad gamers ansåg vara tilltalande jämfört med hur de analyserade webbsidorna såg ut. Exempelvis var endast 25 % av de analyserade webbsidorna mörka medan 71,9 % av respondenterna föredrog en mörk layout. User interface design is a big part of a websites impression and changes quickly with new technology and design trends. But it is also necessary to attract the right users. How does a website attract their target audience? The goal with this thesis was to analyse gamers, as a target audience, to see how they perceive the graphical user interface on a gaming-related website. The thesis will also briefly touch on the current trends in web design, and if they are appealing to gamers. The study was conducted in two stages. The first stage examined the user interfaces of 20 of the most popular gaming-websites. During stage two, a quantitative survey and a few interviews was conducted. Both the survey and the interview asked the respondents to choose between different implementations of user interface elements on a fictitious website mock-up. There was a significant difference in the studied graphical user interfaces and what the gamers preferred. For example, only 25% of the analysed webpages was dark, while 71.9% of the respondents in the survey preferred the darker user interface.

IoT (Internet of Things) are devices which are usually equipped with different kinds of sensors, these sensor values are then sent to a server where these values are somehow processed. It’s predicted that the usage of IoT devices will increase significantly during the upcoming years. Microsoft has a service named Azure IoT Hub, which is designed for easy administration of IoT devices, but Azure IoT Hub provides no user interface to administer these IoT devices. The task of this project is to create a user interface for Azure IoT Hub., IoT (Internet of Things) är enheter som vanligtvis är utrustade med olika slags sensorer, dessa sensorvärden skickas sedan till en server där dessa värden på något sätt bearbetas. Det förutspås att användandet av IoT enheter kommer att öka signifikant under de kommande åren. Microsoft har en tjänst som heter Azure IoT Hub, vilket är designat för att enkelt administrera IoT enheter, men Azure IoT Hub tillhandahåller inget gränssnitt för att kunna administrera dessa IoT enheter. Uppdraget för detta projekt var därför att skapa ett gränssnitt för Azure IoT Hub.

På vilka sätt kan ett företag profilera sig och vad kan effekterna komma att bli? Hur uppfattas ett företag vid en drastisk imageförändring? Denna rapport går igenom skaparprocessen över en re-design av en webbsida och framtagning av en presentationsfilm för att se om företaget Ligistfilm kan uppfattas på ett nytt sätt. Från en svart, mörk och maskulin webbsida till en ljus, modern och frigjord tillsammans med en presentationsfilm över hur Ligistfilm arbetar, tittar vi närmare på hur besökarnas syn på företaget kan förändras. Förändringen innefattar även ett skifte i fokus, från en webbsida med fokus på företaget Ligistfilm till en webbsida med fokus på individuella regissörer. Användartester som utförts visar hur Ligistfilm uppfattas utifrån den gamla webbsidan jämfört med den nya webbsidan tillsammans med presentationsfilmen. How can a company brand themselves and what may the effects of this be? How is a company perceived by a drastic change of image? This essay describes the creative process of a re-design of a website and the development of a presentation movie to see if the production company Ligistfilm can be perceived in a new way. From a black, dark and masculine website into a bright, modern and open-minded website along with a presentation film about Ligistfilm and their work, we will look into how the visitors perception of the company can change. The change of the website includes also a shift of focus. From being a website focusing on Ligistfilm as a company into a website focusing on their directors individually. User tests showed how Ligistfilm are perceived by the old website compared to the new one together with the presentation film.

På vilka sätt kan ett företag profilera sig och vad kan effekterna komma att bli? Hur uppfattas ett företag vid en drastisk imageförändring? Denna rapport går igenom skaparprocessen över en re-design av en webbsida och framtagning av en presentationsfilm för att se om företaget Ligistfilm kan uppfattas på ett nytt sätt. Från en svart, mörk och maskulin webbsida till en ljus, modern och frigjord tillsammans med en presentationsfilm över hur Ligistfilm arbetar, tittar vi närmare på hur besökarnas syn på företaget kan förändras. Förändringen innefattar även ett skifte i fokus, från en webbsida med fokus på företaget Ligistfilm till en webbsida med fokus på individuella regissörer. Användartester som utförts visar hur Ligistfilm uppfattas utifrån den gamla webbsidan jämfört med den nya webbsidan tillsammans med presentationsfilmen. How can a company brand themselves and what may the effects of this be? How is a company perceived by a drastic change of image? This essay describes the creative process of a re-design of a website and the development of a presentation movie to see if the production company Ligistfilm can be perceived in a new way. From a black, dark and masculine website into a bright, modern and open-minded website along with a presentation film about Ligistfilm and their work, we will look into how the visitors perception of the company can change. The change of the website includes also a shift of focus. From being a website focusing on Ligistfilm as a company into a website focusing on their directors individually. User tests showed how Ligistfilm are perceived by the old website compared to the new one together with the presentation film.

Absence of a website means that many customers may be lost for a company. If there, despite everything, is a website describing the company's operations, the company is still at risk of losing customers if the site is not accessible from the device used by the visitor. In today’s society it is more a rule than an exception that web pages are visited with different devices and resolutions. A solution to this problem is to use responsive web design to create a flexible design. M&R Mekan & Konstruktion i Skellefteå AB has not had a website to present their activities for neither potential nor existing customers. The aim of this work is to develop a website for the company by using responsive web design as a step in the development process. Based on agile development methodologies and theories about design, responsive web design, usability, HTML5, CSS3, PHP5 and JavaScript, a responsive website has been created featuring the company's operations and services. Validerat; 20140623 (global_studentproject_submitter)

Arbetet syftar till att diskutera olika gymnasieskolors webbsidors komposition genom en multimodal analysmetod. Undersökningen fokuserar på beskrivningarna av de aktuella gymnasieprogrammen som finns på skolornas webbplatser. Detta görs för att åskådliggöra modelläsare på dessa sidor. En modelläsare är en läsare som författaren förutser vid producerande av en text men också något som skapas i texten (se Eco, 1979). Modelläsarna diskuteras sedan i förhållande till elevstatistik och utbildningssociologisk teori. Fyra olika skolors programbeskrivningar finns med i studien och dessa beskrivningar gäller fyra olika program uppdelade i två kategorier: Humanistprogrammet och Teknikprogrammet, tillhörande den studieförberedande kategorin, och Vård- och omsorgsprogrammet och El- och energiprogrammet, tillhörande den yrkesförberedande kategorin. Kategoriernas modelläsare jämförs i studien. Undersökningens resultat visar på modelläsaren som i en karriärsinriktad valprocess på de studieförberedande programmen och på Vård- och omsorgsprogrammet. På El- och energiprogrammet kan modelläsaren förstås som i en yrkesinriktad valprocess. Vidare diskuteras även konstruerandet av dessa modelläsare, som den blivande gymnasieeleven måste förhålla sig till vid ett möte, som en möjlig bidragande faktor till en fortsatt snedrekrytering.

Följande examensarbete gick ut på att skapa en ny hemsida åt restaurangen Tapas Bar & Deli. Beställaren Petter Thylin hade en stor önskan av att uppdatera layouten på deras dåvarande hemsida och att få en snyggare och mer användarvänlig webbsida för att presentera sin restaurang. Att på ett tydligt sätt presentera den mest relevanta informationen på sidan var det som ansågs som det mest vesäntliga enligt både beställaren och mig själv. Detta innefattade information om öppettider, adressuppgifter, kontaktuppgifter och de olika menyerna. Ytterligare krav från Petter var bland annat att behålla deras logotyp och även dess gröna färg. En annan viktig aspekt var att hemsidan även skulle fungera bra på mindre skärmar, till exempel smartphones och surfplattor. Webbsidan utvecklades lokalt i publiceringsverktyget WordPress med hjälp av mjukvaran WAMPserver, vilken tillåter den egna datorn att agera likt en webbserver. Detta innebar att webbsidan kunde färdigställas och godkännas av beställaren innan den publicerades på deras publika webbserver. WordPress fungerar idag som ett CMS-system och är därför ett väldigt lätt verktyg att underhålla för användaren. Då beställaren besitter begränsad kunskap inom detta område ansåg jag att WordPress var det bästa alternativet att använda mig av för att skapa deras nya hemsida. Dessutom fick jag i och med detta chansen att ytterligare utveckla mina kunskaper inom WordPress vilket var mitt mål med följande projekt. Samtliga krav från den kravspecifikation som jag och Petter tillsammans kom överens om innan detta projekt drog igång uppfylldes. Logotypen placerades i webbsidans header och större delen av hemsidan gick i olika nyanser av den gröna färg som önskades. Vidare presenterades relevant information på ett tydligt sätt i form av widgets på samtliga sidor. Genom en responsiv layout navigeras webbsidan framgångsrikt även på mindre skärmar.

Denna rapport redovisar för design- och utvecklingsprocessen i byggandet av en responsiv webbsida. Webbsidan skapades för användning av den blivande spelstudion Rocket Luncher Studios. Wordpress som CMS (Content Management System) har används som innehålls-hanteringssystem för att förenkla uppdatering av webbsidan av uppdragsgivaren själva. Webbsidan är kodad utifrån Luke Wroblewskis ”mobile-first”-tänk, vilket börjar med att fokusera designen på mindre skärmar för att sedan anpassa innehållet mot större skärmstorlekar. För att göra designen responsiv har de tre beståndsdelarna flexible grid, flexible images/media och media queries använts, utöver kodning i HTML, CSS, PHP och JavaScript. Resultatet av denna rapport blev en undersökning av design- och utvecklingsprocessen vid byggandet av en responsiv webbsida. Det praktiska i examensarbetet resulterade i en responsiv prototyp till en webbsida för en spelstudio. This report describes the design and development process in building a responsive website. The website was created for the use of the intended game studio Rocket Lunches Studios. Wordpress has been used as a CMS (Content Management System) to simplify the updating of the website by the client themselves. The website is coded by thinking "mobile-first", which begins with the design focusing on smaller screens and then adapt the content on larger screen sizes. To make the design responsive the three components flexible grids, a flexible images / media and media query has been used, in addition to coding in HTML, CSS, PHP and JavaScript. The result of this report is a survey of the design and development process when building a responsive website. The practicality of the thesis resulted in a responsive prototype of a web page for a game studio.

Konsumenters beteende har förändrats och i dag är det helt normalt att handla varor via Internet. Den totala e-handeln ökat för varje år som gått sedan försäljning via internet kom igång på allvar i början av förra decenniet. Användare bokar resor, köper hemelektronik, kläder, skor och böcker och tron på framtiden bland e-handlarna fortsätter att vara stark trots att ekonomin har försämrats under året och lågkonjunkturen påverkat detaljhandeln i stort.Det råder stor konkurrens bland alla e-handelsaktörer på internet och de etablerade kedjorna har genom sitt starka varumärke inga problem med att få kunder. Sämre är det för oetablerade e-handelsföretag och okända e-handelskedjor, vilket beror på den osäkerheten som kunder upplever när de besöker okända webbsidor utan ett välkänt varumärke. För att minska osäkerheten och öka förtroendet för webbsidan är den grafiska designen en av de viktigaste aspekterna, en webbsida som har bra grafisk design ökar förtroende för webbsidan. Det beror på att webbsidan ger besökaren ett bättre första intryck som påverkar hur webbsidan upplevs, men hur stor påverkan har det första intrycket? För att kunna besvara frågan kommer vi att använda oss av frågan "hur påverkar den grafiska designen användarens första intryck av okända e-handelsplatser?". Den empiriska studien gjordes för att kunna få med användarens åsikter och studien gjordes på flygsidor som förmedlar lågprisflyg i Asien. Studien använder sig av webbsidor från Asien då forskarna vill använda sig av webbsidor som är okända för respondenterna och undersökningen använder sig av semistrukturerade intervjuer och observation. Frågor ställdes till nio respondenter om hur de upplevde de olika webbsidorna utifrån det första intrycket samt även om den grafiska designen som användes av varje webbsida. Genom att observera såg vi respondenternas reaktioner angående de olika webbsidorna. Alla respondenter utom en var studenter mellan 20-30 år gamla och alla har e-handlat minst fem gånger, det gjordes då vi vill använda oss av respondenter med tidigare erfarenhet från e-handel. Det material som insamlats analyserades sedan med hjälp av en komparativ analys metod som användes för att jämföra teori och empiri. Det gjordes för att kunna se skillnader i hur en webbsida ska designas enligt teori mot hur de webbsidor som undersökt har utformats, skillnaderna användes sedan för att kunna se hur den grafiska designen påverkade det första intrycket. Analysen användes som grund för att kunna dra slutsatser om vilka grafiska design aspekter som är viktigast vid utformning av flyg webbsidor. Resultatet visar att de webbsidor som inte följer de webbdesignregler som finns, anses vara mindre trovärdiga och respondenterna är då mindre benägna att e-handla från webbsidan.

New technological innovations like tablets and smartphones have a taken significant market share on the web and puts new demands on webpages, the user interface and compatibility among different client devices. The full test of a web-based system prior to the publication is often regarded as an important part of the process to create a complete and successful website. This bachelor thesis investigates the possibility to analyze mobile-adapted web sites using a system that first records the visitor's activities and then replays them for an expert analyst to provide valuable information to developers about how their site can be improved. The essay begins with a litterature study on today's most common web development tools and then examines the possibility to apply them during the development of the analysis tool. The work also describes two methods, pair programming and waterfall method used during the project. Three different evaluation methods are presented and one of the models is applied on the finished system. The project results in a web-based analysis tool written mainly in JavaScript using the jQuery library. The analysis tool is tested to not affect the user experiences and evaluated by known evaluation models. Nya tekniska innovationer som surfplattor och smarta mobiltelefoner har intagit stora marknadsandelar på webben vilket sätter nya krav på webbsidornas användargränssnitt och kompatibilitet bland olika klientenheter. Ett fullständigt test av ett webbaserad system före offentlig publicering anses ofta som en viktig del i utvecklingen för att skapa en komplett och framgångsrikt webbsystem. Denna kandidatuppsats undersöker möjligheten att analysera mobilanpassade webbsidor med hjälp av ett system som först spelar in besökarens aktiviteter och sedan spelas upp för utbildade webbanalytiker som ska kunna ge värdefull information till utvecklare om hur deras sida kan förbättras. Uppsatsen börjar med en litteraturstudie på dagens vanligaste webbutvecklingsverktyg för att sedan undersöka möjligheten att tillämpa dessa under utvecklingsfasen av analysverktyget. Arbetet beskriver även två arbetsmetoder som har använts under projektets gång: parprogrammering och vattenfallsmetoden. Tre olika utvärderingsmodeller presenteras och en av modellen tillämpas på det färdiga system. Projektarbetet resulterar i ett webbaserad analysverktyg skrivet huvudsakligen i JavaScript med biblioteket jQuery. Analysverktyget testas för att inte påverka besökarens surfkänsla samt utvärderas efter kända utvärderingsmodeller.

Den här rapporten beskriver ett examensarbete som har genomförts på uppdrag av Jordbruksverket i Jönköping. Uppdraget handlar om att ta fram en prototyp av en e-tjänst för överklagningar med fokus på användbarhet mot användaren. Jordbruksverket är en statlig myndighet som arbetar med att uppfylla de övergripande målen för jordbruks- och livsmedelspolitiken i Sverige. En av Jordbruksverkets huvuduppgifter är att administrera de EU-stödpengar som betalas ut i samband med lantbrukssysslor. Jordbruksverket har funnit problem i överklagningar som kommer från lantbrukare som vill överklaga olika beslut. Överklagningarna är inte alltid helt kompletta vilket kräver mer arbete och tid för handläggningen av dem. Jordbruksverket vill därför undersöka möjligheten att införa en e-tjänst för att skicka in överklagningar. E-tjänsten ska kunna guida en användare igenom en överklagning så att den blir så korrekt och komplett som möjligt. Eftersom användarna har olika erfarenheter av att överklaga och med datorer har syftet med studien varit att utveckla en prototyp av en e-tjänst som ska fokusera på användbarhet mot användarna. Den huvudsakliga frågeställningen är: Hur kan man utveckla en användbar e-tjänst med avseende på grafiskt och funktionellt gränssnitt mot användarna? Målet med studien är att ta fram en prototyp på en e-tjänst utefter uppdragsgivarens krav och arbetets forskning på teorier kring användbarhet. Genomförandet av arbetet har till största delen följt Jordbruksverkets arbetsprocess. Olika delmoment har varit planering, kravframtagning i form av effektkedja och användningsfall, utveckling av prototypen och visning/utvärdering av prototyp hos Jordbruksverket. Studien har resulterat i en prototyp av e-tjänst för överklagningar som har utvecklats med stöd från underlaget av kravframtagningen och forskningen kring användbarhet. Resultaten visar på hur olika delar av prototypen kan se ut med en utveckling som fokuserar på teori om användbarhet. En slutsats av arbetet är att studier och teorier kring användbarhet är viktiga vid utformning av webbsidor. Detta för att webbsidan blir utformad på ett sätt som ökar förståelsen om hur användaren ska använda den. This report describes an examination project that has been performed at the Swedish Board of Agriculture in Jönköping. The task was to develop a prototype of an e-service to appeals with focus on usability. The Swedish Board of Agriculture is a public authority who works to fulfil the general goals of agricultural and food policy in Sweden. One of their main tasks is to administrate EU funding to the agricultural sector. However, they have noticed problems with appeals from agriculturalist who wants to appeal different decisions to their agriculture. The appeals aren’t always complete and it takes more work and time to handle them. Swedish Board of Agriculture wants to investigate the possibility to introduce an e-service for appeals. The e-service will guide a user through an appeal and ask about necessary information to make the appeal as correct and complete as possible. The users have different experiences of appealing and computer usage and therefore the purpose of this study have been to develop a prototype of an e-service that will focus on the usability. The main research question is: How can you develop a usable e-service with consideration to graphical and functional interface to the users? The goal with this study is to develop a prototype of an e-service that follows the requirements from Swedish Board of Agriculture and the research for the study on usability. The project has followed Swedish Board of Agricultures working process. Different steps has been planning, specification of requirements, develop a prototype and evaluation of the prototype. The study has resulted in a prototype of an e-service for appeals that has been developed with support from specifications of requirements and the research about usability. The result shows different parts of how the prototype can look like with a development focus on theories about usability. A conclusion of this work is that studies and theories about usability are important when you are developing web pages. This is because the web page is being designed to increase the understanding for users on how to use it. Usability is necessary to consider such that a developer does not make any assumptions about the users experience about Internet usage.

Dagens samhälle har blivit mer beroende av internet, där de flesta tjänsterna går att utföra online. Nuförtiden är det möjligt att beställa möbler, kläder och annat med hjälp av internet. Detta har gjort att de flesta har lärt sig att använda internet oberoende på deras ålder. Därför har de olika företagen ett stort ansvar att skapa sina webbsidor lättare att använda, för kunden skall kunna utföra sina tjänster smidigt. Frågan är; tänker företagen på målgruppen när de designar en webbsida?Vårt huvudsyfte i projektet är att identifiera nya insikter för att bygga en användbar webbsida baserat på egen forskning och med hjälp av målgruppen. Syftet är att fokusera på målgruppen för att veta deras förväntningar och svårigheter vid navigeringen på en webbsida.Vi genomförde flera intervjuer som riktade sig mot män och kvinnor i olika åldrar och datorkunskap. Dessa intervjuer gav en bred kunskap av användarnas förväntningar på en webbsida. Detta hjälpte oss att utforma användbara insikter för mer användbara webbsidor. Tidigare forskningar gav en överblick av ämnet som möjliggjorde vidare studier. Litteraturen underlättade även utformandet av frågorna till målgruppen för att få utförliga svar. I analysen jämfördes teoridelen med empiridelen, vilket gav oss en utgångspunkt på hur webbsidor kan förbättras.Resultatet av denna studie gav oss olika insikter att tänka på vid skapandet av användbara webbsidor. Några av dessa insikter handlar om informationsmängden, val av bilder, färger, layout och feedback. Resultatet behandlade också områden som störde användaren t.ex. pop- up fönster och reklam. Program: Systemvetarutbildningen

Användningen av smartphones idag har blivit en självklarhet. Med dagens teknologi har man större användningsområden med telefonerna vilket har lett till att alltfler använder mobiler för att surfa med på webben. Dessvärre har formgivningen av webbsidor inte skett med samma fart som den teknologiska utvecklingen. Detta har lett till ett behov av att anpassa webbsidor till mobilt bruk.Studien syftar till att belysa hur användningen av smartphones för mobilt bruk ser ut för tillfället. Studien har utifrån ett designperspektiv undersökt hur interaktionen med användarna ser ut idag. Studien behandlar inte problemet på en större skala och är fokus är lagd på att testa problemfrågan på högskolans hemsida. Avgränsning görs till att undersöka interaktionen mellan användaren och hemsidan och inga andra aspekter finns presenterade. Tillvägagångssättet som används under studien är att under kontrollerade förhållanden skapa situationer där noga utvalda testpersoner, med hjälp av smartphones, interagerar med hemsidan genom att genomföra ett flertal uppgifter. Det var genom observation och intervjuer som data samlades in, som senare använts för att generera resultatet.Resultatet av studien reflekterar forskarnas egna observationer i samverkan med undersökningarna som gjordes. De designprinciperna som tas fram kan därmed användas som en riktlinje vid skapande av användarvänliga hemsidor vid mobilt bruk. Konkret kan resultaten sammanfattas till att interaktionen på högskolans hemsida vid mobilt bruk inte är optimala i dagens läge. Det befintliga gränssnittet är bristfälligt vid mobilt bruk och en ombyggnad av hemsidan utifrån teorin skulle kunna bidra till bättre interaktion med användarna. Studiens resultat är inga fasta regler för hur ett arbete med att anpassa en webbsida för mobilt bruk ska se ut utan snarare riktlinjer för vilka designprinciper som kan följas för att förbättra sina chanser till att skapa god interaktion med användarna. Resultaten av studien är följaktligen generella. Program: Systemvetarutbildningen

Företaget Gepac Plast AB designar bärkassar till olika kunder och vill ha en tilltalande webbsida som fram häver deras arbetsområde. Samt en designfunktion på webbsidan som gör det möjligt för kunderna att skicka in egna designförslag för bärkassar till företaget. Med ett CMS system (Content Management System) för att bygga webbsidor ska de nya funktionerna till den existerande webbsidan skapas, med hjälp av plugin och ett dataprogram. Även en uppdatering av webbsidan ska utföras. Slutresultat för projektet fick blandat resultat med en lyckad uppdatering, medan den önskade designfunktionen inte är i bruk än så länge.

En portfolio tas vanligen fram för att visa på vilka kunskaper man förfogar över. I vissa fall handlar det om att visa upp grafiska verk, i andra fall handlar det om att visa tekniska kunskaper. Ibland handlar det dock istället om att slå ihop dessa båda. Det är främst i möjligheten att kombinera presentationen med tekniska och grafiska kunskaper en webbportfolio skiljer sig från en traditionell portfolio. Målet med det här examensarbetet inom IT, medier och design har varit att ta fram en webbportfolio som är tillgänglighetsanpassad för olika typer av människor, då det oavsett målgrupp kan förekomma personer med funktionsnedsättning. Med dessa kommer speciella förutsättningar och större krav ställs på tillgängligheten. Vidare har webben kommit att flyttas från stationära datorer i hemmiljöer till att följa med och vara tillgängligt i stort sett när som helst och var som helst. Detta ställer särskilda krav på en webbplats i form av att förutsättningarna för att titta på denna inte längre går att förutspå på samma sätt som när internet för det mesta användes på stora skärmar. Rapporten syftar till att beskriva den fortgående arbetsprocess som skett under hela examensarbetet, och även att belysa de olika aspekter som behöver tas hänsyn till under arbetet.

Att starta en e-handel kommer inte enbart med fördelar, utan det finns en hel del problem man kommer att stöta på. Det är betydligt omständligare än man tror och är man inte redo för konsekvenserna kan det skada företaget.Uppsatsen handlar om hur småföretag påverkas vid införandet av en e-handel. Målet är att ta fram riktlinjer och ett beslutsunderlag åt företag. Vi har genom användningen av SWOT-analys, omvärldsanalys, litteraturstudier, intervjuer, och jämförelser kommit fram till de problem och möjligheter som uppstår vid införandet av e-handel. Vilka riktlinjer som ska användas och hur en webbsida ska designas vid införandet av e-handel.Analysen är riktad mot bageribranschen och resultatet är generellt.