Antalet personer som besöker hemsidor med sina smartphones har ökat under de senaste åren. Enligt statistik från StatCounter(StatCounter 2016a) så gick 2016 antalet användare som besöker hemsidor med sina smartphones om användarna för stationära datorer. Det är därför idag viktigt att som webbutvecklare utveckla responsiva webbsidor. Man kan använda ramverk för responsiv webbutveckling men det finns så många att det kan vara svårt att veta vilket man bör välja. För att utvärdera ramverken används metoden experiment eftersom det passar undersökningens mål bra. Syftet med uppsatsen är att rekommendera utvecklare ett ramverk utifrån kriterier så som popularitet, stöd, prestanda i form av renderingstid och antal http-begäran samt hur bra dokumentationen för ramverken är. Resultatet visar att både Foundation samt Bootstrap fick samma poäng för renderingstid, antal http-begärande samt dokumentationen. Rekommendationen blev trots detta Bootstrap då detta ramverket var populärare samt hade ett större stöd.

För att på ett effektivt sätt kunna konstruera komplexa lösningar för webben krävs det tekniker med stora krav på förändringsbarhet. Det gäller att de tekniker som används ger utrymme till att dynamiskt modifiera sidor, och att alltför statiska lösningar undviks då dessa oftast resulterar i att senare uppdateringar försvåras. Andra krav som ställs är kraven på hastighet. För att en teknik skall accepteras räcker det sällan med att den endast bidrar till en dynamisk lösning. Den skall även öka prestanda hos applikationen. En teknik som stämmer väl in på dessa krav är CSS. CSS är ett språk som kompletterar HTML på de punkter där HTML är som svagast, nämligen designdelen. I det här arbetet används en exempelsida helt konstruerad med HTML. Genom arbetet konverteras denna sida till en lösning innehållande en HTML-del och en CSS-del. Syftet är att studera vilka fördelar en sådan konvertering resulterar i. Rapporten visar att CSS fungerar mycket väl som en komplettering av HTML.

Syftet med examensarbetet var att ta fram ett webbaserat säljstödssystem åt Koneo i Gävle.Systemet skulle underlätta för säljarna i deras dagliga arbete med att samla information om kunder på ett ställe. Vidare kan de där redigera information, skicka e-post, ta fram olika dokument m.m. De tekniker vi använt oss av är ASP.NET, SQL-lagrade procedurer,JavaScript, CSS och VBScript. Resultatet av arbetet är ett fullt fungerande system som kommer att tas i bruk av företaget inom kort.

Sandvik har idag ingen standard för hur webbapplikationer ser ut på olika plattformar. Därför kan utseendet skilja sig mellan olika plattformar och de använder olika stylesheets för att forma designen. Uppgiften är att skapa en mall som ger samma resultat designmässigt oavsett vilken plattform som används. För att genomföra detta används olika utvecklingsmiljöer på olika plattformar. Skapandet av mallen utgår från intranätet och dess riktlinjer och de standarder som är aktuella idag kontrolleras.

Hair Trend är en liten frisörsalong i centrala Sandviken och har i dagsläget två frisörer. Frisörsalongen var i stort behov av en webbsida där man bland annat får information om deras öppettider, prisinformation, produktinformation osv. Den skulle vara användarvänlig och lätt att hitta önskad information. Ett annat mål var att den skulle vara snyggt designad, vilket överlåtits till mig att bestämma men att kunden hade sista ordet. Webbsidan hade högsta prioritet men kunden önskade också ett bokningssystem som man kunde köpa och jag undersökte vilket bokningssystem som passade kunden bäst. Alla bokningar skrevs i ett häfte och kundens önskemål var att hitta en bättre lösning på det. För konstruktion av webbsidan användes HTML och allt arbete utfördes i Adobe Dreamweaver, Photoshop och Flash. Resultatet blev en användarvänlig webbsida och ett förslag till ett bokningssystem med de funktioner som behövdes för att underlätta bokningen för kunden.

Ett community är en mötesplats på Internet där människor kan hålla kontakt, lära känna nya människor, diskutera osv. Det finns idag en mängd olika communities med många olika inriktningar. Communityn är idag mycket populära sidor på nätet och vissa har enormt mycket besökare och tjänar stora pengar. Det kan därför vara svårt att locka medlemmar om inte communityt innehåller nyheter som inte redan finns. Målet med det här arbetet har varit att skapa en tilltalande och användarvänlig design till ett community med ett sommar, fest och rese- tema. Delvis används en enkätundersökning för att ta reda på hur viktig det är med en design som sticker ut för att locka medlemmar. Resultatet av arbetet har blivit att en design med ett tema till sommar, fest och resor har skapats. Designen går i huvudsak i färgerna gul, blå och vit. Designen är till största del uppbyggd av CSS, ASP.NET och HTML.

Webbapplikationen esMatrix är utvecklad av Entergate AB och används för att beräkna prioriteringsmatriser. Applikationen anses inte vara tillräckligt bra och Entergate vill därför skapa ett nytt program med esMatrix som utgångspunkt. Det nya programmet ska behandla data på ett bättre sätt och alla funktionerna ska vara optimerade. Även nya funktioner ska läggas till i den nya applikationen som export av prioriteringsmatris till PDF, nedladdning av exporterade dokument som en ZIP-fil samt färgläggning av prioriteringsmatriser. Utvecklingen av den nya applikationen är ett examensarbete. Rapporten handlar om utvecklingen av den nya webbapplikationen. Det dokumenteras är olika teorier, vilka metoder som har valts, resultatet samt analyser. Resultatet är en ny version av esMatrix som beräknar prioriteringsmatriser snabbare än den äldre versionen. / The web application esMatrix is developed by Entergate AB. The application is used to calculate and create priority matrices. Entergate wants to develop a new software with esMatrix as the base, since it does not perform well enough. The new application should manage data in a more efficient way and all functions from esMatrix should be optimized. New functions should also be added to the new software. The project is a degree project. This report will explain different theories and methods that are used to develop the new application. The result of this project is an application, which performs better than the previous one when calculating the matrices. Also functions have been added as coloring the matrices, export of documents to PDF files and downloading exported documents as a ZIP file.

Målet med denna avhandling är att ge en översikt av HTML5:s möjligheter och utvärdera dessa från ett utvecklingsperspektiv genom att ställa de mot tidigare lösningar. Sällan kan något nytt introduceras utan att problem dyker upp, speciellt när det gäller webben. Problemen som ska lösas samt problemen som uppstår vid skiftet till det nya märkspråket granskas och detsamma gäller lösningarna på båda sidor. Tanken med HTML5 är att man ska kunna göra mer med mindre. Med andra ord ska användningen av insticksprogram för diverse uppgifter minskas, och huruvida troligt detta blir är en del av undersökningen. Dokumentet behandlar även rollen HTML5 har i uppgången av webbapplikationer och hur den gynnar denna utveckling på både skrivbordet samt i de handhållna enheterna. Det utökade fokuset mot en mer dynamisk webb har även orsakat att rollen som JavaScript och CSS3 spelar blivit desto större. Kopplingen mellan märkspråket, skriptspråket samt stilmallarna har som resultat av detta stärkts med en djupare integration däremellan. Avhandlingens omfattning är huvudsakligen begränsad till de större tillskotten i HTML5 och deras ställning i problem/lösningssammanhanget. Dessa tillskott är bland annat de semantiska strukturelementen, hanteringen av ljud och video, lagringsgränssnitten, formulärsfunktionaliteten samt lokaliseringsmöjligheter. På grund av tillväxten av mobilt surfande observeras även vad HTML5 innebär för bland annat webbapplikationer på mobiltelefonen. I slutändan kunde ett antal slutsatser konstateras rörande fördelarna, men även nackdelarna, med att flytta över en så stor del av funktionaliteten som möjligt till märknings- och skriptspråken. Problemen som lösningarna medför kunde till störst del inte ses som något mer än temporära och beroende av nuvarande förutsättningar. Potentialen för att slå ut insticksprogrammen inom diskuterade områden i den närmaste framtiden är till en viss del ännu osäker. Mycket beror trots allt på marknadens bemötande. Att HTML5 är ett viktigt och kompetent märkspråk för den numera applikationsinriktade webben kunde däremot bekräftades som förväntat.

This report describes how we made a dynamic website combined with statical web pages and a web shop for the Swedish company Tyger & Ting. The employer Tyger & Ting wish to run a working web shop on their site but they want to keep their old system of updating pages with their old application from Intellyweb1, which creates statical HTML pages. The goal of this exam paper has been to learn to create a functional web shop with user friendly layout and appealing design and also to take orders and fulfill wishes from a real employer. The report is describing how Intellyweb’s application and its statical web pages has been implemented on a dynamic web page. The report does also describe how this site has been build and how the problems with the coding have been solved. The coding has been made with HTML, PHP and MySQL. CSS has also been used. The report will describe how management and storage of data in databases has been handled. Apart from the demands the employer has given us, a complete revamp of Tyger & Ting’s design has been made and the result of the exam paper is now a complete and working web site with additional web shop that supports static web pages. The website contains 20 dynamic and static pages coded in about 1900 rows of PHP and HTML. A database with five tables of varying size has been made to contain pictures and information about products, users and orders. As soon as all the products has been put into the database the web shop will be found here: http://www.tygeroting.com

There are a huge number of books and articles written in the field of usability and about the art of giving the user the opportunity to find the information he is trying to reach while browsing the website. The writers of these books are handling guidelines that are recommended to be followed, as well as describing their own views, ideas and theories of the subject. We found an interest to research the different possibilities, if any, to develop a website optimal for the user from a usability point of view. Another thing we noticed was that a need of a substantial guidance existed in website development aimed for recently started companies. New theories and rules regarding usability, which are seen as superior to the old ones and therefore replaces them, is not created that often. This is different from other IT related subjects. For example, when looking at components inside of a computer, performance and disk space is doubled in a matter of a two year time period. Graphical design is also a thing that is ageing relatively fast and becomes obsolete when a new and fresh design comes along. With usability theories on the other hand it is possible to read books written ten years ago and even though all of it might not be pertinent, you can still see the big picture and find things that still counts as Reliable and correct. What we have seen is that the general opinion thinks less of usability compared to graphical design. Looking at how many pages the usability section gets in an HTML-guide or the number of books at the library’s shelves, the graphical sections outnumber the usability ones. This report and the attached manual, which is created based on the results and questions answered throughout this report, bring the most essential usability theories to light. Subsequently they are analyzed and tied together in the latter parts of the report. The author Jacob Nielsen, which is one of the greatest usability experts in the world today, stands for a major part of what is written about the subject. we will look at different theories from Nielsen and also look at a master’s degree thesis by Fredrik Hansson (2006) which deals with a survey concerning the color of links. The report consists of two parts; the first part is mainly about the usability theories explained above while the other part contains a basic HTML-guide as well as a style sheet-guide (CSS). These two guides prepare the users who choose to use the attached manual to create their own sites. We mainly aim our work towards the entrepreneur who is about to or has just started his own business. The parts we focus on in this report are site design where write about site dimensions, site length and describe page headers and page footers. We also deal with implementation and typography suited for the web. Another thing we bring to light is usability on a deeper level. Not everybody knows exactly what the expression means and we try to bring clarity to it. The manual gives the user a description of building a website from start to finish. The basic idea is to give substantial information to the point where the users can go and create a site by themselves without any extensive prior knowledge. However, we recommend some computer knowledge. The result of this report and the part that is described in the result section is a presentation on how a site is created based on the rest of the report. It will give answers to how a site is built in order to be as useful as possible.