The overall purpose of the project is to develop a prototype for a web application that will be able to display office landscapes in VR. The prototype will convey a sense of how the web application will look and feel. The focus will be on the VR experience and the purpose of it is to see what the limitations and benefits are with that technology. VR contains 3D graphics and all browser engines are currently collaborating to create WebGL, which is the standard for creating 3D graphics on the web. WebGL is based on OpenGL, which is one of the largest 3D graphics APIs for desktop applications. A comparison of these techniques will be performed in order to show how much functionality the web is missing compared to desktop applications, regarding 3D development. The goal will be to develop a website that contains an embedded VR experience and then perform user tests on it, to find shortcomings in the implementation. Another goal is to produce a quantitative content analysis that compares WebGL and OpenGL to see which functionality WebGL lacks. To succeed, the framework A-frame has been used, which is used to create VR experience in the browser and has been selected because it is open source and has a simple HTML syntax. The prototype was successfully produced, and the user tests show several shortcomings that were later fixed. The quantitative content analysis shows that WebGL lacks 74% of all functionality that OpenGL has and therefore 3D in the browser has long way to go to reach the same quality as for desktop applications. The conclusion is that A-frame is a nice framework with great potential but has shortcomings since HTML is not an object-oriented programing language. / Projektets övergripande syfte är att utveckla en prototyp, till en webbapplikation som ska kunna visa kontorslandskap i VR. Prototypen ska förmedla en känsla för hur webbapplikationen kan se ut och fungera. Fokus kommer ligga på VR-upplevelsen och syftet med det är att se vad det finns för begränsningar och fördelar med den teknologin. VR innehåller 3D-grafik och alla webbläsarmotorer samarbetar i dagsläget för att skapa WebGL, som är standarden för att skapa 3D-grafik på webben. Det API: et är i sin tur baserat på OpenGL som är en av de största 3D-grafik API: er för skrivbordsapplikationer. En jämförelse mellan dessa tekniker kommer utföras i syfte om att se hur mycket 3D på webben saknar jämfört med 3D för skrivbordsapplikationer. Målet kommer vara att utveckla en hemsida som innehåller en inbäddad VR upplevelse och därefter utföra användartester på det för att hitta brister i implementationen. Ett till mål är att ta fram en kvantitativ innehållsanalys som jämför WebGL och OpenGL för att se vilken funktionalitet WebGL saknar. För att lyckas med detta har ramverket A-frame använts, som är till för att skapa VR-upplevelse i webbläsaren och har valts på grund utav att det är open source och har en simpel HTML-syntax. Prototypen togs fram med lyckat resultat och användartesterna visar på ett antal brister som senare åtgärdades. Den kvantitativa innehållsanalysen visar att WebGL saknar 74% av all funktionalitet som OpenGL har och 3D i webbläsaren har en bit kvar att gå. Slutsatsen är att A-frame är ett trevligt ramverk med stor potential men har brister då HTML inte är ett objektorienterat språk

Denna rapport dokumenterar utvecklingen av en interaktiv tidslinje i webbformat, med högt ställda krav på utseende, funktion, visuella effekter samt konsekvent användarupplevelse på olika plattformar. Implementationen utfördes utifrån teoretiska riktlinjer som erhållits genom litteraturstudier och därefter värderades utfallet dels genom att bedöma dess efterlevnad av dessa riktlinjer och dels genom en användarstudie med ett flertal olika enheter. Resultaten från användarstudien användes sedan för att värdera den praktiska relevansen hos den teoretiska grunden. Slutprodukten utgörs av en välfungerande webbapplikation som, med vissa eftergifter, beter sig konsekvent på alla testade enheter och väl uppfyller de teoretiska rekommendationerna ur främst design- och prestandaperspektiv. Användartesten visade på vissa svagheter som åtgärdades i möjligaste mån samt avslöjade en mycket stark vilja bland användarna att själva kontrollera navigering och informationsinhämtning. Testen visade även att de identifierade riktlinjerna varit såväl värdefulla som användbara, inklusive hur användarstudien i sig skulle utföras. Projektet ledde fram till en väl underbyggd bästa praxis samt värdefulla insikter ifråga om användarbeteende och i synnerhet användandet av uppmärksamhetsfångande element i designen, samt utgjorde en tydlig demonstration av vilket stort mervärde som användartest kan medföra. Slutligen noteras att det på grund av tekniska begränsningar inte alltid går att uppnå fullständig konsekvens ifråga om användarupplevelse under skiftande förutsättningar.

Målet med detta projektet har varit att utveckla en webbplats åt ett företag med webbutveckling och användbarhet som kärnverksamhet. För att knyta designen och layouten till företagets verksamhet, så har projektet valt att titta på vad typografi för webb innebär, och hur det kan implementeras på webbplatsen. Resultatet ska ligga till grund för projektets webbplats samt framtida produkter och tjänster till företaget. Webbplatsen har utvecklats som ett tema för innehållshanteringssystem WordPress, tillsammans med ett eget insticksprogram för att utöka funktionaliteten till att innefatta en kontakt funktion. Det kompletta temat, typografi, layout och dess funktioner har utvecklats genom att använda HTML5, CSS samt PHP, tillsammans med en lokal webbserver och relationsdatabsen MySQL. Rapporten följer projekts utveckling av en webbplats som är både dynamisk och anpassar sin typografi och layout till storleken på användarens enhet, samt presenterar produkten av projektet.

En designprocess är unik och en mycket komplex process där det inte finns något facit hur man ska gå till väga eller någon indikator om vad som är rätt eller fel. För att åstadkomma något av god kvalitet fodras ett speciellt handlande från designern; designern måste utveckla sin designförmåga i syfte att förstå designsituationen på bästa sätt, designern måste även under designarbetet lita på sin designförmåga och goda omdöme. Det finns i dagens läge en stor förståelse för designens natur men det är inget välutforskat område, det går dock att utveckla en rad designmetoder och tekniker i syfte att hjälpa designers att utveckla sin designförmåga. Care of hotels är en hotellkedja där en segelbåt av modell Swan 651 med namnet Sway ingår, min uppgift var att på uppdrag av c/o Hotels utforma en hemsida till Sway. Under designprocessen stötte jag på fyra stycken dilemman som jag hanterar med hjälp utav Löwgren och Stoltermans metoder och tekniker. Detta är något jag med betydligt mer djup kommer att redogöra för och hantera längre ned men ändå kortfattat vill nämna här. Delar av min designförmåga har utvecklats genom hanteringen av dilemman med metoderna och teknikerna som verktyg. I designprocessen har jag använt mig av tre abstraktionsnivåer som utarbetats av Löwgren och Stolterman, i dessa abstraktionsnivåer har jag sedan applicerat mina fyra dilemman för att lyfta dem ur varje nivå. Resultatet av detta är att jag har lyft och utvecklat delar av min designförmåga samt en hemsida till Sway åt c/o hotels som uppfyller uppdragsgivarens syfte och mål. Uppsatsens syfte är således att minska avståndet mellan begreppsmässig teori och praktisk tillämpning, följaktligen är den logiska frågeställningen jag företar mig i denna studie hur jag kan vidareutveckla min designförmåga?

The Swedish Social Insurance agency has a need to develop a dynamic system to manage employee holidays. Today, all information about employee holidays ar stored in in diffrent holiday lists and takes form of documents such as Excel spreadsheets. This creates unnecessary administrative work and frustration, so the need for a common vacation list exist. A list that contains all employees of the Swedish Social Insurance Agency, which can be shaped as needed. The list should be able to be filtered so that only those people who are of interest to the user are displayed. The user should also be able to easily save the his/hers vaca- tion days. After the agile meetings with the clients of the agency, could a solu- tion be developed. This solution is based on an external code library named Te- lerik, and store employees holidays in a single database. This solution can be added to the Social Insurance Agency's intranet FIA, so that it is easily acces- sible for employees. The new holidays list's design was chosen from the clients wishes and the guidelines of how a good design should be. At present there is no license on the insurance agency to use Telerik, but this solution was chosen anyway because it was considered the best approach for this project. If the solu- tion is selected as the new system for storing holidays, there is an opportunity to continue the project by buying a license for Telerik, add up the vacation list of FIA and use personal data from the Social Insurance Agency's database so all employees are included. / På Försäkringskassan finns behovet av att ta fram ett dynamiskt system för att hantera de anställdas semester. Idag sparas all information om ledighet i semes- terlistor på olika vis i form av dokument som till exempel Microsoft Excel-ark. Detta skapar onödigt administrativt arbete och frustration, så behovet av en ge- mensam semesterlista finns. En lista som innehåller samtliga anställda på För- säkringskassan, och som kan formas efter behov. Listan ska kunna filtreras så att endast de personer som är intressanta för användaren ska visas. De ska också enkelt kunna spara användarens ledigheter. Efter agila möten med beställare kunde en lösning tas fram. Denna lösning har sin grund i ett externt kod-biblio- tek vid namn Telerik, och lagrar anställdas ledigheter i en enda databas. Denna lösning går att lägga upp på Försäkringskassans intranät FIA, så att den blir lätt- åtkomlig för de anställda. Semesterlistans design valdes från beställarnas önske- mål. I nuläget finns ingen licens på Försäkringskassan för att använda Telerik, men denna lösning valdes ändå eftersom det ansågs vara det bästa tillväga- gångssättet för detta projekt. Ifall lösningen väljs till det nya systemet för att lagra ledigheter finns det möjlighet att fortsätta projektet, genom att köpa en li- cens för Telerik, lägga upp semesterlistan på FIA och använda persondata från Försäkringskassans databas för att samtliga anställda ska finnas med.

Denna rapport återspeglar framtagandet av ett företags webbplats. Då själva utvecklandet av webbplatsen har varit en praktisk tillämpning så tar rapporten snarare upp utvecklingen på ett mer teoretiskt plan i form av en fallstudie. Vilka tekniker och metoder som har använts i det praktiska arbetet, såsom användbarhet, semantisk uppmärkning och agila utvecklingsmetoder, har förklarats samtidigt som dess funktionalitet vävts in i arbetets olika implementeringsfaser. Då också ett specialanpassat CMS (innehållshanteringssystem för redigering av webbplatsens innehåll) har utvecklats för webbplatsen så beskriver rapporten också arbetet kring detta.

This thesis was made possible by the company Verendus system AB, which is the leading developer of dealership management systems in the caravan and camper market. The goal of the thesis was to create a statistics module for a new producer system envisioned by Verendus. The new system is aimed at manufacturers and importers of caravans and campers, with the goal of enabling its users to create more effective production lines. By providing statistical data to mentioned users they will be able to predict market trends and customize their production lines accordingly. Today such software does not exist which leads Verendus to think that its arrival would lead to a success on the market. Before the development and design of the producer system began, a new agile method had to be developed, MAM (Minimum Agile Method). The method has strong influences from already established agile methods such as Scrum, Extreme Programming (XP) and Disciplined Agile Delivery (DAD) and was used during the development of the producer system. The development of the basic statistics module resulted in an administration panel where new users and present users can be added or edited. The administrator can also create new connections and permissions between users and companies, which leads to specific information being displayed for each user. The major part of the development resulted in a page for viewing the statistical data currently present in the database of Verendus. With the provided statistics the user can then make qualified decisions and forecasts that have the potential of directly influencing sales. / Arbetet har ägt rum på företaget Verendus System AB, som är ledande affärssystemsutvecklare inom husvagns- och husbilsmarknaden. Målet med examensarbetet var att skapa en grundmodul för att presentera statistik för husvagns- och husbilstillverkare och importörer. Detta för att de ska kunna effektivisera produktionen och spå trender i ett tidigt stadie. En sådan tjänst existerar inte idag, varpå produkten tros ha stor effekt på marknaden. Innan utveckling- och designarbetet av leverantörsstödet började, skapades en agil arbetsmetod, MAM (Minimum Agile Method). Metoden har starka influenser från redan etablerade agila metoder som Scrum, XP och DAD. MAM applicerades sedan på examensarbetets utvecklingsdel. Leverantörsstödets grundmodul resulterade i en administratörspanel, en inställningssida och en statistiksida. Administratörspanelen används för att kontrollera nya användares behörigheter. Inställningssidan ger användaren möjligheten att ändra sina personuppgifter och statistiksidan är till för att användaren ska kunna generera statistik efter ett antal parametrar, fatta kvalificerade beslut och spå kommande trender.

Krav är nödvändiga egenskaper hos en produkt för att på bästa sätt tillfredställa en slutanvändare. I takt med att antalet kunder ökar, ökar även mängden krav. I dagens samhälle är det inte helt ovanligt att ett system har en koppling till internet och därför även dess applikationer. Vidare får internet en allt större inverkan på vår vardag, vilket gör att krav och behov behöver tillfredställas för en allt bredare publik. Detta ställer högre krav på en fungerande och tillförlitlig webbutveckling samt en förmåga att kunna se till alla intressenters behov och önskningar i takt med att dessa bara blir fler och fler.    Behovet av en fungerande och tillförlitlig kravhantering har ökat. I och med att dagens webbutvecklingsföretag inte tycks lägga tillräckligt med tid och fokus på behov har det medfört problem. Webbutvecklingsföretagen ser oftast främst till designen av produkten och inte till de bakomliggande kraven. Den ”riktiga” målgruppen tycks alltså inte vara i fokus. Det bidrar till att problem inom kravelicitering existerar. Trots vetskapen om dessa problem läggs inte tillräckligt med tid och resurser på forskning för att minimera dem.   Vårt syfte med studien är därför att undersöka vilka problem som förekommer i dagens kravinsamlingsmetoder samt se till hur dessa hanteras. Vi vill sedan verklighetsförankra detta genom en empirisk studie av två olika webbyråer i Linköping. Verklighetsförankringen innebär att vi ska analysera hur dessa företag hanterar de problem som den genomförda litteraturstudien visar finns.   Utifrån resultatet av denna studie kan vi konstatera att det idag inte finns någon problemhanteringsmetod inom kraveliciteringsfasen som alltid fungerar. Att det i dagsläget inte finns någon sådan metod beror på att webbutveckling är en alldeles för oförutsägbar bransch där varje projekt är unikt.   Det kvarstår dock många problem och det är av stor vikt att påvisa dessa. Studiens resultat visar att en förstudie, i många fall, minimerar dessa problem samt att ett iterativt arbetssätt kan fungera för att hantera dem.   Avslutningsvis ges ett förslag till vidare studier då kravelicitering, främst inom webbutvecklingsprojekt, är relativt outforskat och dynamiskt. Det innebär att vidare forskning kommer att behövas.

Webbintegrerade utvecklingsmiljöer (också kallat moln-IDE) är en tjänst som erbjuds på internet där en programmerare erbjuds hela sin utvecklingsplattform i molnet. Vad finns det för fördelar och begränsningar med att använda en sådan utvecklingsplattform istället för den traditionella lokala utvecklingsmiljön? Tycker de professionella webbutvecklare som använt moln-IDE att det är en bra idé att använda en denna plattform istället för en lokal miljö? För att svara på detta har olika moln-IDE utforskats och testats. En enkätstudie har även gjorts för att utvärdera de erfarenheter som webbutvecklare haft med moln-IDE. Resultatet var som förväntat mestadels positivt, de flesta respondenterna gillar att använda moln-IDE för sin webbutveckling. Ett flertal fördelar med moln-IDE har uppmärksammats, samt några begränsningar.

Vid skapandet av ett användargränssnitt bör en utvecklare utgå från en rad designprinciper. Detta möjliggör ett effektivt användarflöde, där användaren navigerar genom systemet utan svårigheter. Därigenom kan användaren till fullo absorbera informationen som systemet erbjuder.   Designprinciperna ligger till grund för det praktiska arbetet som utfördes för denna rapport. Syftet var att utveckla en webbportal som användes av ett företag för samarbete med dess underleverantörer. Genom att utgå från principerna, samt intervjuer med användarna, skulle förbättringar göras på det nuvarande systemet. Detta skulle resultera i en bättre användarupplevelse och en optimal effektivitet för systemet.   Det praktiska arbetet delades upp i två steg. Det första steget innefattade konkreta ändringar på det nuvarande systemet, där mindre justeringar introducerades som enkelt kunde implementeras på den nuvarande webbportalen. Det andra steget handlade om en analys av marknadens främsta designlösningar, vilket skulle visa på existerande smarta och trendanpassade lösningar som kunde användas vid förbättring av systemet. Dessa steg utgjorde processen för det förbättringsarbete som skulle utföras på webbportalen.   Resultatet blev ett användargränssnitt som tillfredsställer majoriteten av användare. Genom de objektiva designprinciperna skapades ett användarvänligt system med ett effektivt användarflöde. / When creating a user interface, a developer should base their work on a number of design principles. This enables an effective user flow, where the user navigates through the system without difficulties. Thereby the user can absorb the information that the system provides to the fullest.   These design principles form the basis of the practical work that was carried out for this report. The purpose was to develop a web portal, which was used by a company for collaboration with its suppliers. By basing the development on the principles, as well as interviews with the users, improvements were to be made on the current system. This should result in a better user experience and an optimal efficiency of the system.   The practical work was divided into two stages. The first stage involved concrete changes on the current system, where smaller adjustments were introduced that could easily be implemented on the current web portal. The second stage was about an analysis of the market's leading design solutions, which should show existing smart and up-to-date solutions that could be used to improve the system. These steps constituted the process of improvement work that was to be carried out on the web portal.   The result was a user interface that satisfies the majority of users. Through the objective design principles a user friendly system with an efficient user flow was created.