Digital divisions are getting smaller in Sweden which makes the range of users wider than ever before. This results in higher expectations and requirements on web in order to be sufficient for everyone. This study investigates how web agencies work with web accessibility, why some do not work with it and solutions making daily operations more efficient. This is a qualitative study with an inductive approach, where semi-structured interviews were used to gather empirical data. Six web agencies in Jönköping took part of the study through interviews. In order to analyse the empirical data we used thematic analysis. No unknown methods or techniques were discovered along the study. There were surprisingly few agencies that worked with accessibility at all of those who took part in the study. Some of them more than others, but overall it was low prioritized. Lack of knowledge within the subject became the main reason for not develop for accessibility. An immature and non-standardized industry might be the explanation behind that. Not surprisingly, resources in form of economy is also a reason. It turns out to be hard for agencies to motivate customers to pay for accessibility. However, the motivation process with customers is rarely supported by enough knowledge and leads therefore to insufficient arguments, which does not motivate customers enough to pay for it. Further on, include web accessibility as a given part of CSR plans on both agencies side, but also motivating it for customers. The importance of a mature dialog about it is crucial for survival of accessibility. All parties of a development process should take their responsibility. Everyone can and should participate in the journey towards a more equal society.

I Januari 2019 så verkställdes lagen för Webbtillgänglighetsdirektivet. Detta innebär att samtliga webbplatser som inkluderas inom den offentliga sektorn ska anpassas efter särskilda riktlinjer. Webbtillgänglighetsdirektivet är en effekt av en lagstiftning från Europeiska Unionen som vill skapa en harmoniserad tillgänglighetsstandard bland dess medlemsstater. Många företag som arbetar med webbutveckling omfattas av detta direktiv men brister i deras arbetssätt på hur de ska täcka de punkter som direktivet vill att deras webbplatser ska uppnå. Därför är högst lägligt att undersöka hur företag kan få in de krav direktivet ställer i sin arbetsprocess. Att göra detta skulle gynna företag ekonomiskt men även öka tillgängligheten för alla olika typer av användare. Målet med detta arbete är att se över hur företag som är omfattade av direktivet arbetar med tillgänglighet i dagsläget samt hur direktivet kommer förändra hur de arbetar i framtiden. Utöver detta så ska arbetet undersöka hur anställda på företagen ser på tillgänglighet och om det finns en medvetenhet kring direktivet hos de personer som arbetar med webbutveckling. Arbetet ska även se över ifall det finns något verktyg som kan hjälpa företag uppfylla de krav som direktivet ställer innan en webbplats publiceras. För att besvara dessa frågeställningar genomfördes en litteraturstudie på Webbtillgänglighetsdirektivet. Efter att ha identifierat kärnan i direktivet och de riktlinjer så lades en grund att genomföra intervjuer med anställda på företag som arbetar inom webbutveckling och tillgänglighet på webb för att kunna få ta del av deras syn på tillgänglighet samt medvetenhet kring direktivet. För att sedan identifiera hur direktivet kommer påverka framtida arbeten genomfördes analyser av två webbplatser som är utvecklade efter en tidigare upplaga av de riktlinjer som ska följas enligt direktivet. Verktyget som företag ska använda resulterade i en checklista där samtliga krav som direktivet ställer finns listade. Utifrån denna checklista kan företag undvika missar av de krav direktivet ställer och därmed dra en ekonomisk vinst men även tidigare se till att alla användare kan använda webbplatsen på samma villkor.

<p>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?</p>

<p>Sandvik IT Services är i behov av en webbportal för hantering och skapande av användbarhetstester av olika programvaror och tjänster. Genom  informella intervjuer angående webbportalens utformning samt en grundläggande studie  i programspråket ASP.NET skaffades förståelse och kunskap kring problemet.  Utifrån informationen skapades först en kravspecifikation där det togs upp skall-  och börkrav för webbportalen. Därefter utvecklades en databasmodell och en  sidstruktur som kontinuerligt under utvecklingen kontrollerades med utvecklare på Sandvik  IT Services för att försäkra sig om att materialet skulle bli användbart.  Med sidstrukturen medföljer även ett förslag på användargränssnitt för de olika  sidorna. Resultatet blev en design bestående av en databasmodell, kravspecifikation samt  en sidstruktur som utvecklare på Sandvik IT Services godkände. De ansåg att  denna design skulle vara till god användning vid implementation av en webbportal  förhantering och skapande av användbarhetstester av olika programvaror.</p>

<p>Denna rapport behandlar utvecklingen av en webbaserad e-handelslösning där nya tekniker för utveckling tillämpas. Olika tekniker för att skapa ett rikare och mer interaktivt gränssnitt beskrivs.</p><p>Hur utvecklar man en e-handelssida med dagens moderna tekniker?Vilka tekniker fungerar bäst? Det är frågor som dessa som ligger till grund för detta examensarbete. Vi fick i uppdrag av företaget Mil Tech i Västerås att utveckla en e-handelssida med kortbetalning och tillhörande administrationsgränssnitt.</p><p>Syftet med detta examensarbete var dels att ta reda på hur man utvecklar en ehandelssida med dagens moderna tekniker, vilka tekniker som är mest lämpliga för ändamålet samt att utveckla sidan efter kundens krav och önskemål. Vi har utvecklat en applikation där kunden själv kan hantera produkter och uppdatera sidans information och utseende. En användare skall kunna registrera sig och sedan genomföra ett köp.</p><p>Applikationen är utvecklad i ASP.NET 2.0 med programspråket C-Sharp (C#), då det är en relativt ny teknik med hög säkerhet och bra prestanda samt att den är bra associerad till den kraftfulla databashanteraren MS SQL Server 2005. Utöver programspråket använder applikationen sig av ASP.NET AJAX.</p><p>Utvecklingsmiljön består av Visual Studio 2005 Professional med versionshantering genom Subversion och databashantering genom MS SQL Server 2005 Express och MS SQL Server Management studio Express.</p><p>För att få tillgång till den information som behövdes för att genomföra arbetet användes främst internet eftersom vi behövde aktuell information och att det i dagsläget inte fanns tillräckligt uppdaterad litteratur.</p><p>De förberedelser som gjorts innan utvecklingsarbetet började var att samla information om hur e-handel med kortbetalning fungerar samt vad kundens önskemål var.</p><p>Hela webbsidan utom administrationsgränssnittet är språkberoende och kan ses på tre olika språk, svenska, engelska och tyska.</p><p>Tekniknummer_579</p> / <p>Tekniknummer_579</p><p>This report discusses the development of a web-based e-commerce solution where new technologies for development are applied. Different techniques for creating a richer and more interactive user interface are applied.</p><p>How do you develop an e-commerce website with today’s modern techniques? Which technologies are best suited? Questions like these are the basis for this graduation work and we have been given an assignment by a company called Mil Tech situated in Västerås, to develop an e-commerce website with card-payment and also with an administration interface.</p><p>The purpose with this graduation work is in part to find out how you develop an e-commerce website with today’s modern technologies, which technologies are best suited for the task and to adapt the site according to the customers wishes and demands. This will be done by developing an application where the customer can handle products and update the websites information and appearance. A user shall be able to register and carry out a purchase.</p><p>The application is developed in ASP.NET 2.0 with the developing language C-Sharp (C#). This is a relatively new technique with high security and performance, and also that it has good compatibility with the powerful database-handler MS SQL Server 2005. In addition to C# the application also uses ASP.NET AJAX Extensions.</p><p>Our developing environment is made up of Visual Studio 2005 Professional with version handling through Subversion and database handling through MS SQL Server 2005 Express and MS SQL Server Management studio Express.</p><p>To get the information we need for the project, the main source will be the Internet, because we need current information and today literature isn’t always up to date.</p><p>Preparations we did before developing were to gather information about e-commerce with card-payment, and going through the customers wishes and demands.</p><p>The entire website except the administration is language-dependent and can be viewed in three different languages, Swedish, English and German.</p>

This exam paper has been made with the health care center Aroma in Vetlanda. The work was to deliver a complete web portal with an integrated booking system. The objectives were to provide a complete informative website for Aromas users with the option to make an appointment for a vaccination or health certificate, order prescriptions and get update information directly published by Aromas staff. And to give the staff of Aroma a graphical Web interface to manage the content and the booking system.The report goes through the basic language used and why. Further it takes up it how works and how the final product looks and behaves. / Detta examensarbete har gjorts med Vårdcentralen Aroma i Vetlanda.  Arbetet gick ut på att leverera en komplett webbportal med integrerat bokningssystem. Målen var att kunna leverera en informativ webbplats för Aromas användare med möjlighet att boka tid vaccinationer och intyg, beställa recept och ta del av nyheter direkt publicerade av deras personal. Samt att ge personalen ett grafiskt webbgränssnitt för att hantera allt innehåll och bokningssystemet.   Rapporten går grundläggande igenom vilka språk som använts och varför. Vidare redogörs hur arbetet har utförts och hur den slutliga produkten ser ut och fungerar.

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.

<p>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.</p><p>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.</p><p>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.</p><p>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.</p><p>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</p><p>and we try to bring clarity to it.</p><p>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.</p><p>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.</p>

<p>Detta arbete behandlar utvecklingen av en komplett webbsida för Grenna Museum innehållande en administrerbar webbutik.</p><p>Implementationen är baserad på designoriginal från företaget Cargando. Baserat på denna design skapades grunden till webbsidan med hjälp av tekniker såsom XHTML och CSS. Därefter lades dynamiskt innehåll i text- såväl som bildformat till med hjälp av ASP.NET och språket C#. En databas skapades för att lagra textinnehåll såväl som produktinformation, båda vilka är möjliga att redigera i webbsidans administrationsgränssnitt.</p><p>Resultatet av arbetet är en fullt fungerande webbapplikation med avancerade möjligheter till produktadministration. Arbetet har visat att verktygen som .NET-ramverket erbjuder varit lämpliga att nyttja för applikationer av denna typ. Webbsidan är redo att lanseras och samarbetet mellan författaren och uppdragsgivaren har fungerat mycket väl.</p>