Detta examensarbete har förlagt sig på Saab Aeronautics i Tannerfors, Linköping. Saab Aeronautics utvecklar och bygger Jas Gripen. Saab Aeronautics i Linköping utvecklar simulatorer som används för att testa olika versioner av mjukvara som används i JAS Gripen plan. Dessa simulatorer används inte bara av utvecklare i testsyften utan även av piloter som övar inför uppdrag och för att ge feedback till utvecklarna om mjukvarorna. Vi utförde examensarbetet på simulatorcentralen på området. På just den avdelningen vi arbetade på utförs skötsel, bokning och nyttjande av simulatorerna. På simulatoravdelningen används ett schemaverktyg där användare på Saab kan boka tid och betala användning av simulatorerna. Detta verktyg var gammalt och utdaterat samt innehöll verktyget väldigt många buggar. Målet med vårt examensarbete var att bygga upp ett nytt verktyg för att hantera bokningar av simulatorer. Det skulle förenkla användandet för användaren och administratörer. För att spara tid åt administratörer och operatörer att lösa applikationsfel som kunnat uppstå och istället fokusera på sitt arbete. Sammanfattningsvis visar detta arbete hur ny modern teknik kan förenkla verktyg som har fungerat som ett stort kugghjul i ett företag. Med hjälp av ny teknik och ramverk kan man skapa en webbapplikation som underlättar för slutanvändaren. Detta arbete är en del utav två. Detta arbete fokuserar på den grafiska delen av arbetet och för att få en komplett helhet rekommenderas det att ni även läser rapporten om server och logik delen skriven utav Jesper Larsson och Andrè Teintang.

Det finns idag få system som ger en god överblick av en restaurangs bokningar och bordsplaceringar. Oftast används papper och penna som ställer till med problem när kunder avbokar, ändrar deras bokning eller helt enkelt inte kommer till restaurangen. Det är även svårt att avgöra huruvida restaurangen är fullbokad eller ej. Denna rapport behandlar utvecklingen av ett webbaserat bordsbokningssystem för restauranger på uppdrag av en restaurangägare i Jönköping. Systemet ska ge en grafisk överblick av en restaurangs bokningar och hur alla bord ska stå placerade under en kväll. Då systemet webbapplikationen ska ha flera användare, som använder olika enheter, krävs det att systemet ska vara plattformsoberoende. Med hjälp av HTML5 undersöks det huruvida det går att göra detta system offlinekompatibelt, då uppdragsgivaren önskar att systemet är åtkomligt då Internetuppkopplingen försvinner. Det undersöks även hur en applikation görs användarvänlig och lättmanövrerad samt hur kommunikationen mellan klient och server görs mest effektivt. Projektet är uppdelat i fyra delar; grafiskt användargränssnitt, webbapplikation, datahantering och serverkommunikation, som i sin tur är indelade i två kategorier; klient och server. De två kategorierna användes som en bas för hela projektets gång, från litteraturgenomgång och forskning till implementation. Den slutliga webbapplikationen blev ett plattformsoberoende och offlinekompatibelt bordsbokningssystem, där användaren får en grafisk överblick av en vald dags bokningar samt bordsplaceringar.

This master thesis shows which qualities should modern website have and which technologies should be used to achieve them. The thesis should mainly point out, what are the unwritten requirements of the websites nowadays and what the latest trends in this field are. It also mentions which components can be used when creating a website. In the theoretical part there is described the historical development of technical background of the web technology. The following section analyses current web platform development phase and all the new possibilities that are there for the developers and users both. The next part of the thesis shows what the requirements when creating modern websites are and which technologies can be used to fulfil them. In the practical part I am concentrating on developing a new website (from the design to the development, including testing and optimization) while using all of the modern technologies and trends in this field.

MobisleApps utvecklar och underhåller en applikation för mobila enheter så som iPhone och Android som heter MobisleNotes. Denna applikation ger användaren möjlighet att skriva anteckningar i mobilen och synkronisera dessa till en extern server. MobisleApps vill erbjuda ytterligare möjligheter för användarna att skriva anteckningarna och har bestämt sig för göra detta med hjälp av en webbläsare och ett gränssnitt mot den externa servern. Detta examensarbete syftar till att ta fram ett sådant webbgränssnitt och att undersöka om detgår att använda något ur de nya standarderna för Hyper Text Markup Language (HTML) och Cascading Style Sheets (CSS). Genom att utveckla ett webbgränssnitt som ger användaren möjlighet att logga in, skapa, ändra och ta bort anteckningar som synkroniseras till telefonen via en extern server har jag uppfyllt de krav som ställdes. Slutsatsen av rapporten är att det är möjligt att använda en del nya HTML5 och CSS3 funktionalitet och egenskaper. Detta om det görs för att förstärka webbgränssnittets funktionalitet och utseende medan man inte förlitar sig på att alla användare kommer att ha en uppdaterad webbläsare. Annars är risken stor att man stänger ute användare som inte kan ellervet hur man uppdaterar sin webbläsare. / TQDT11

This thesis have been performed at Sweco Position in Jönköping. The work was split into two, where one part included an investigation regarding the possibility of developing a cross-platform GIS (geographic information system) with HTML5 and CSS3. A prototype would also be developed within this part. The second part included development of a cross-platform GIS for a client to Sweco Position. The client operates in the forest sector and had already an existing solution, with many problems. The client required an application with delimited functionality and which was not bound to a specific hardware. As the client users often were located in areas with limited Internet access, one additional requirement was that there would be some offline support. The students handle subjects within development of GIS, for example map projections, map services and mapping libraries. The application came to be developed in HTML5 and ASP.net. The mapping library that was used, was Leaflet 0.3.1. The result of this thesis is a cross-platform GIS with offline support. Examples of functionality included is to log positions manually, execute an automatic log function and support for managing which layers and logs that should be visible in the interface. / Detta examensarbete har utförts på företaget Sweco Positon i Jönköping. Arbetet var tudelat, där den ena delen omfattade en utredning kring möjligheterna att utveckla ett plattformsoberoende GIS(geografiskt informationssystem) med HTML5 och CSS3. För denna utredning skulle även en prototyp tas fram. Den andra delen omfattades av utvecklingen av ett plattformsoberoende GIS åt en kund till Sweco Position. Kunden verkar inom skogsbranschen och hade en redan befintlig lösning med många problem. Denne ville få fram en applikation med avgränsad funktionalitet och som ej heller var bunden till någon specifik hårdvara. Då kundens användare ofta befann sig i områden med tveksam uppkoppling, krävdes även ett visst offlinestöd. Studenterna går bland annat igenom delar som berör utveckling av GIS i form av kartprojektioner, karttjänster och kartkomponenter. Kartlösningen skulle komma att utvecklas i  HTML5 samt ASP.net. Den kartkomponent som användes i projektet var Leaflet 0.3.1. Resultatet av examensarbetet är ett plattformsoberoende GIS med offlinestöd. Exempel på funktionalitet är att logga manuella punkter, exekvera autologgning samt hantera visning lager och sparade loggar.

Goal of my thesis is to design and create a new template for CMS WordPress for online journal or a blog with use of HTML5 and CSS3. The resulting template will be responsive. In the first part I will focus on describing WordPress and its history in general. In the next, second, chapter, I will examine the architecture and technologies used by the system. Third chapter will deal with structure of plugin and theme systems. In the fourth and final chapter I will examine the process of creating template in a greater detail. In the partical demonstration I will show creating a new template from scratch, going over basic conceptions, wireframes, coding and final implementation on a live website.

De flesta spel som utvecklas i HTML5 använder en Canvas metod som ritar ut 2-D grafik. Med examensarbetet ville utvecklarna och examinatorn undersöka om det var möjligt att göra ett spel med bra prestanda utan att använda Canvas. Istället använde utvecklarna DOM-trädet och de nya funktioner som finns i CSS3 för att rita ut grafiken. Spelet som utvecklades heter Twofighter och är ett spel för två spelare på samma enhet exempelvis en surfplatta eller smartphone. Den ena spelaren styr ett rymdskepp som ska undvika eller plocka upp objekt som den andra spelaren placerar ut.

This thesis explores responsive images for websites, i.e., content images that respond to users display size, pixel density and bandwidth. We look into responsive web design and how it is related to responsive images. Different responsive image techniques are discussed and various use cases for responsive images are explored along with technologies that are needed to implement responsive images. A testing website is built and responsive image techniques are applied one by one, tested and compared and its effect on the websites load time is measured. The process of implementing the techniques is described with code examples and images. The results indicate that responsive images can certainly have positive effect on loading time of a website. Weather or not responsive images should be implemented depends on how much image data the website has and how fast the Internet connection is. Websites with more images can certainly profit from using responsive image techniques, especially if only slower bandwidths are available.

The diploma thesis deals with a new approach to create a robotic arm trajectory. The first part descibes existing methods of trajectory planning. The second part shows virtual point method, implementation of the trajectory planning into the web environment and trajectory generation. Third part descibes the virtual robot model and designed comunnication protocols. The fourth part shows grafical user interface and his posibilities. The last part presents implemention of web aplication into industrial visualization.

Jag kommer i denna uppsats beskriva den designprocess som pågått vid skapandet av en webbaserad informationsplattform från koncept till slutprodukt. Mitt uppdrag har varit att effektivisera en webbyrås nuvarande sätt att hantera och sprida information på, som bestod av en blandning mellan digital och analog information, och skapa en ny webbaserad informationsplattform. Den nya webbaserade informationsplattformen ska kunna samla all information på en plats och skapa ett effektivare informationsutbyte mellan de anställda på företaget. Jag har använt mig av två teoretiska ramverk; Nielsens tio heuristics samt Krugs visuella design hierarki. Jag har arbetat nära beställaren för att kunna skräddarsy webbplatsen till deras behov. Resultatet efter ett omfattande arbete med designmallar och front-end kodning blev grunden för webbyråns webbaserade informationsplattform, utvecklad för att effektivisera spridningen av information på företaget. / In this essay I will describe the design process during the creation of a web-based information platform, from concept to final product. My assignment has been to take a web agency’s current way of managing and distributing information, which consisted of a mix between digital and analog information, and create a new web-based information platform. The new web-based information-platforms purpose is to gather all information in one place for easier exchange of information between employees at the company and make it more efficient. I used two theoretical frameworks as a theoretical base working on the project; Nielsen's ten heuristics and Krugs visual design hierarchy. I have worked closely with the client to customize the platform to their needs. The result after extensive work with design templates and front-end coding became the foundation for the web agency’s web-based platform, developed to distribute information more efficiently within the agency.