This thesis contains present trends in frontend web development. On the basis of this, there is made web application which is responsive a it is usable on mobile devices. In the theoretical part, there are described news and present trends of frontend web development and in the practical part, there is described whole process, which contains design, development, testing and deployment. This thesis could be very useful for beginners in the subject.

This dissertation presents an educational software which explores Virtual Reality techniques (VR) through the development of virtual educational environments. 3D Geometry has been taken as a case study. The objective of this work is the extension of the cut for convex and non-convex polyhedron. The virtual environment and the interaction techniques have been developed using the VRML (Virtual Reality Modeling Language) and JavaScript languages. After making the system available to potential users, they were able to do some experiments and confirmed that the techniques proposed are satisfactory and helpful in the learning process and in the visualization of non-convex polyhedron. / Esta dissertação apresenta um software educacional que explora técnicas de Realidade Virtual (RV) através do desenvolvimento de ambientes virtuais educacionais. Utiliza-se a Geometria Espacial como estudo de caso. O objetivo deste trabalho é a extensão do corte para poliedros convexos e não-convexos. O ambiente virtual e as técnicas de interação propostas foram desenvolvidas utilizando-se a linguagem VRML (Virtual Reality Modeling Language) e JavaScript. Após disponibilizar o sistema para potenciais usuários, estes puderam realizar alguns experimentos e identificaram que as técnicas propostas auxiliam, de forma satisfatória, no processo de aprendizado da visualização de poliedros não-convexos, graças ao uso das técnicas de RV propostas. / Mestre em Ciências

Jag undersöker konceptet återanvändning av kod i samarbete med webbyrån Whitespace. Genom praktik på plats i Malmö ska jag arbeta med ett utvecklingsverktyg kallat Spacecraft som de inom byrån själva utvecklat. Konceptet bygger på en komponentbaserad arbetsmetod där det i Spacecraft som utvecklingsmiljö är möjligt att strukturera sin kod baserat på komponenter med dess tillhörande HTML, JavaScript, CSS, konfiguration, bilder etc. Metoden ska göra komponenter enklare att flytta och återanvända, tanken är att detta bland annat ska bidra till en både mer effektiv- och kvalitetssäkrad produktion. Främst kommer mitt arbetet att fokusera på distribution och arkitektur för komponenter samt anpassning av funktionalitet i Spacecraft.

Det här examensarbetet utvärderar spelutveckling i HTML5. Detta innebär utveckling i JavaScript, CSS samt HTML med utnyttjande av den nya teknologin som medföljer HTML5 märkeringen. I detta fall är teknologin canvas-element som ritar ut 2-D grafik. Två implementationer av ett motorcykelspel har utvecklats med fysikmotorerna Box2D respektive Chipmunk. Målet med arbetet var att utvärdera bästa val av fysikmotor vid utveckling av ett spel i 2-D med krävande fysik i HTML5 till mobil.

Vi ser en förändring i hur vi använder applikationer. Från att tidigare varit associerat till en dator och begränsat till ett par operativsystem finns de numera överallt. Fler plattformar innebär att man måste utveckla en applikation till var och en av dessa. Detta gör att utvecklingstiden och kostnaderna ökar och efterfrågan av crossplattformlösningar i form av webbapplikationer har därför ökat. Vi tittar närmare på hur det går att använda sig av HTML5, och övriga tekniker som en modern webbläsare har integrerat stöd för, för att utveckla webbaserade applikationer. Vi tar reda på om det finns några hinder eller begränsningar i detta och om det finns några fördelar i att använda webben som plattform. Resultatet indikerar att med de nya tekniker som är på ingång kan man utveckla webbbaserade applikationer med prestanda motsvarande Java eller C#. Nya tekniker är ständigt på ingång. Genom att uppdatera kunskapen om dessa, tillför vi ny kunskap om hurvida HTML5, tillsammans med dessa nya tekniker kan utveckla webbaserade applikationer som är kraftfulla nog att börja ersätta plattformsspecifik programvara.

This report describes the work with creating a CMS (Content Manager System). A CMS is a web tool so you easy can publish materials on your web page. With a CM Scan you can without any knowledge of programming web pages create and maintain a web page. This will result in that you and your organisation save time and money. You can also split the responsibility for the webpage in different roles, but still keep the control. We have chosen to create our CMS in a script language called php4 and with the database server MySQL, we have also used JavaScript a lot. User-friendly and simplicity are two words that we have been working against, and that is why we spent some extra time creating a system that is easy to work with. The report also describes the difficulties with our dedicated server, and how we installed it. / Detta är en reflektionsdel till en digital medieproduktion. Mikael Andersson, 0454-18618, 0708-679548

This report describes the work with creating a CMS Content Manager System). A CMS is a web tool so you easy can publish materials on your web page. With a CM Scan you can without any knowledge of programming web pages create and maintain a web page. This will result in that you and your organisation save time and money. You can also split the responsibility for the webpage in different roles, but still keep the control. We have chosen to create our CMS in a script language called php4 and with the database server MySQL, we have also used JavaScript a lot. User-friendly and simplicity are two words that we have been working against, and that is why we spent some extra time creating a system that is easy to work with. The report also describes the difficulties with our dedicated server, and how we installed it. / Den här rapporten beskriver huvudsakligen arbetet med att skapa ett CMS (Content Manager System). Ett CMS är ett redigeringsverktyg för att lätt kunna publicera material på din webbplats. Med ett CMS, kan du utan årogrammeringskunskaper uppdatera och driva en webbplats. Det gör att du och din organisation spar tid för att få uppdateringar gjorda. Du kan också fördela ansvaret för webbplatsen men ändå behålla kontrollen. Vi har valt att skapa vårt CMS med skriptspråket php4 samt databasservern MySQL, även JavaScript har använts i stor utsträckning. Användarvänlighet och enkelhet är två ord som vi har jobbat efter och har därför lagt ner lite extra tid för att kunna skapa ett system som är enkelt och lättarbetat. Rapporten beskriver också arbetet att införskaffa en dedicerad server och administrera denna så att den passar för att driva ett webbhotell. / Detta är en reflektionsdel till en digital medieproduktion. Mikael Andersson Vinkelgatan 2 374 33 Karlshamn tel: 0454-18618/0708-679548 email: micke-anna@home.se webb: http://www.pamiro.se, http://www.familjenmartinsson.com

Större företag finner det ofta svårt att sprida information om innovation och innovativa projekt. Projektet ska underlätta för företag att föra vidare och sammla in information om innovation och innovativa projekt. Detta uppnås genom utveckling av en webbsajt som kan hantera projekt. Webbsajtens funktionalitet är likt en aktiemarknad där alla användare(de anställda på företaget) kan investera i projekt som de tror har hög innovationspotential. Med hjälp av eget konstruerade algorithmer så kommer detta bli möjligt. Analyser och uträkningar utförs samt deras resultat redovisas på webbsidan. Det är en krav att varje användare registrerar sig först innan de får tillgång till webbsidan. Databasen är gjord i mySQL. Utvecklingen av algoritmen och serversidan är programmerad i PHP och SQL. Clientsidan är programmerad i HTML, CSS och JavaScrip.

Målet med det här projektet är att undersöka möjligheten att utveckla plattformsoberoende fristående applikationer med webbutvecklingsverktyg i ramverket Electron samt hitta skillnader i andra utvecklingsmetoder som Java och Swing eller C++ och Qt genom att vidareutveckla en existerande applikation kallad Electra. Electra är ett verktyg utvecklat för företaget Bitsmith AB som underlättar hanteringen, läsningen och uppladdningen av färdskrivardata till deras webbtjänst. Bitsmith ville undersöka möjligheten att utveckla plattformsoberoende applikationer med Electron. En lösning på det problemet leder till att företaget kan ge ut en applikation som når kunder som inte nödvändigtvis använder Windows i deras IT-miljö som endast har en kodbas. Electron drivs av Node.js för programlogik och Chromium för rendering av webbsidor som gränssnitt. Applikationen utvecklas därför med språken JavaScript, HTML och CSS. Andra moderna hjälpbibliotek skrivna i JavaScript som React för komponentbaserade gränssnitt och Redux för tillståndshantering används för att snabba upp utvecklingen och göra applikationen mer robust. Testdriven utveckling används för att visa att applikationen fungerar likvärdigt på moderna versioner av Windows, Mac och Linux. Enhetstesterna testar applikationens förmåga att hantera tillstånd, kontrollera att komponenter ritas ut och fungerar korrekt och att kontrollera så att övriga system fungerar enligt förväntan så långt det är möjligt. Resultatet av enhetstesterna visar att det är möjligt att utveckla en applikation som fungerar likvärdigt på moderna versioner av Windows, Mac och Linux. Jämfört med andra utvecklingsmetoder är det enkelt att komma igång med att utveckla i Electron då det använder sig av språk och metoder som är enklare än exempelvis utveckling i C++ då utvecklingen sker på en högre nivå med JavaScript, HTML och CSS. Dessa språk används redan av många och det är möjligt att föra över kunskapen man redan har till applikationsutveckling. De som redan har erfarenhet av webbutveckling kan enkelt skapa plattformsoberoende fristående applikationer. Metoden och verktygen som har använts i det här projektet kan även appliceras i andra applikationsprojekt.

The aim of this masters thesis is to create a customized visualization web application of consulting services statistics. This to allow users to get an overview of time management through clear visual links between developers, customers and tasks. The design of the application is based on literature in usability and information visualization as well as a usability test. This thesis work resulted in a JavaScript based web application using the web framework CakePHP which follows a model-view-controller architectural pattern with visualization components implemented in Javascript.