Web pages are visited through a variety of different devices with varying screensizes. One method for adapting web pages to this variety is called responsive design. Geographical information, often in the form of embedded maps, is common on the web. The combination of responsive design and geographical information has been shown to lead to interaction problems and is therefore assumed to need special considerations. This thesis examines this combination and investegates how presentation of geographical information can be adapted to responsive web design.

Helsingborg är en dynamisk stad som utvecklas och expanderar enormt. Befolkningen ökar ständigt, handeln blomstrar och många har en positiv uppfattning av staden. Den har en mängd bra egenskaper och ett rikt nöjesutbud. Helsingborg kan emellertid upplevas som en hemlig stad eftersom det i princip bara är de boende som känner till vad som erbjuds. För många andra kan stadens egenskaper förbli dolda.

FLB Logistik i Gävle är en lagerfirma som arbetar med lagerhållning och logistik åt andra stora företag. FLB har idag en webbsida där deras kunder kan logga in och se saldo och produkter som de lagerhåller. Problemet är att denna webbsida saknar en ?orderläggningsmodul?, en funktion där deras kunder kan lägga beställningar på pallar som de vill ha utkörda. Beställningar görs idag via e-post eller telefon till anställda hos FLB Logistik, som i sin tur skriver in alla beställningar manuellt i ett system.

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.

Vårt arbete har gått ut på att skapa två separata webbplatser. Vi har varit delaktiga i hela processerna från idéstadie till färdiga produkter. Webbplatserna vi tagit fram är Jag är fri - en kampanjhemsida åt RFSL, samt Laszlo & Tear - en presentationshemsida åt en musikduo. De två webbplatserna skiljer sig åt då vi klassar Jag är fri som samhällsnytta medan vi klassar Laszlo & Tear som underhållning. Vi såg dock en gemensam nämnare - att de skulle verka marknadsförande och att webbplatsbesökaren enkelt och tydligt skulle uppfatta syftet.

Smärt och rehabiliteringenheten på Universitetsjukhuset i Linköping har efterfrågat en webbapplikation som ska fungera som ett supplement till den traditionella rehabiliteringsplanen som finns för att hjälpa patienter. Webbapplikationens huvudsakliga mål är att förbereda patienter för kommande rehabilitering och även vara ett verktyg för kommunikation och hjälpmedel både under och efter rehabiliteringen. Vårt examensarbete har gått ut på att utveckla plattformen MERIT, "Min egen rehabilitering på Internet". Plattformen är webbaserad och uppbyggd efter MVC mönstret med hjälp av PHP-ramverket CodeIgniter. Behandlare har själva möjligheten och ansvaret att skapa det material som ska delgivas patienterna på både individuell och gruppnivå.

Denna rapport redogör kring arbetet med tjänsten Hästjuristen och svårigheterna kring att designa och utveckla en webbplats som inger förtroende och tillit. Hästjuristen är en helt ny tjänst som erbjuder information om hästjuridik och nedladdning av juridiska avtal rörande hästar. Målet med arbetet har varit att ta fram en fullt fungerande tjänst som är tilltalande, användarvänlig och förtroendeingivande för att göra det enklare för behövande att erhålla sig korrekta avtal.Arbetet med tjänsten har haft tre teoretiska modeller för webbutveckling för e-handelstjänster som grund. Intervjuer, personas, prototyper och användartester har varit delar av arbetsprocessen.Resultatet är en webbaserad tjänst som erbjuder nedladdning av hästavtal, information om hästjuridik och medlemskap. Webbplatsen är fullt responsiv och kodad i CSS, HTML, PHP och JavaScript..

The goal of this project was to create a web-based, crowd-sourced, correlational database, that easily allowed users to submit objects and receive correlated objects as results. The webservice was created in the web development languages of HTML, CSS, PHP and Javscript, with MySQL to handle the database. Simultaneous development was kept in check with the aid of the source code management system GIT. Upon completion, the service contained several HTML-views, the ability to add and rate objects, a per-object dedicated page with information parsed from Wikipedia.org, and a view with objects ranked in accordance to the preferences specific to the current user. Roughly a month after the beginning of development, the website was publicly launched and promoted in order to collect data, and improvements were added to the website as needed.

Moment Marketing är ett litet företag som arbetar med webbutveckling. För dem är det viktigt med versionshantering och de använder ett fåtal program som underlättar detta arbete. Idag saknar de dock möjligheten att kontrollera olika versioner av databaser. Tillsammans med Moment Marketing och de program som redan används av dem skapas i detta projekt ytterligare applikationer med mål att lösa detta problem. Först görs en undersökning över programmen Subversion, TortoiseSVN, Trac och MySQL för att se de möjligheter som finns att använda dem till att uppnå målet.

Idag kommer det hela tiden nya enheter, alla med olika egenskaper, med möjlighet att koppla upp mot internet. Därmed blir det allt svårare för webbdesigners att anpassa webbplatser för användarens behov och förutse i vilken kontext användaren brukar webbplatsen. Syftet med studien var att undersöka hur webbutvecklare kan implementera flexibilitet för webbplatser, för att webbplatsen ska passa de olika enheterna, genom responsiv webbdesign. Vidare undersöks också hur användare upplever en webbplats utvecklad med responsiv webbdesign.Studien omfattar utvecklingen av en prototyp som också har används som grund för användartestning och kvalitativa intervjuer. Användartestningen omfattade test på en webbplats utvecklad med fasta mått samt testning av den responsiva prototypen.

This thesis has been performed at the system development company Verendus System AB, together with the home care company Basic Care Unit (BCU).The thesis has consisted of developing a web based informationsystem for BCU in which they can administrate their business. At the time of writing this thesis, BCU was using a windows-application to administrate their activities, which was both costly aswell as resulting in an unnecessary burden. The aim the thesis has thus been to create a platform-independent information system that simplifies and streamlines BCUs work by being user-friendly aswell as imposing some simplifying features.The students has been developing the system by the help of a work method they themselves developed. The method consisted of working in several iterations that each had several milestones. The method resulted in the students knowing easily when each iteration was finished or not.The thesis resulted in a working platform independent prototype.

Rapportens syfte är att beskriva det tekniska och teoretiska framtagandet av e-boktjänsten BookShark. Den innehåller bland annat styrkanden rörande tjänstens hållbarhet på marknaden samt hur teamet har förhållit sig till arbetsmetoden Scrum. Målgruppen för BookShark är kunder som vill ha möjligheten att handla böcker online på ett smidigt sätt till ett förmånligt pris. Utifrån detta har teamet arbetat enligt visionen Vår vision är att revolutionera sättet människor konsumerar böcker på genom att göra böcker billigare och mer lättillgängliga för alla.Den tekniska utvecklingen har delats upp i fyra lager: Databas, Databasinterface, Serverskript och Front-end. Teammedlemmarna har delat upp ansvarområden inom dessa fyra lager, men samtidigt haft en kontinuerlig uppdatering om varandras arbete för att på så sätt ha koll på respektive teammedlems arbete.BookShark har uppnått den kravspecifikation som sattes av teamet i projektets början, och även om viss utveckling fortfarande skulle krävas för en kommersiell lansering har önskad funktionalitet uppnåtts..

Som mitt examensarbete har jag utvecklat en produkt kallad företagspresentationer på http://www.metrojobb.se/ en svensk hemsida för jobbrekrytering, ägd av MetroNordicSwedenAB. En företagspresentation är en plats där företag kan presentera sig och sina jobbannonser för framtida arbetstagare. Målsättningen med examensarbetet har varit att produkten ska sättas i skarpt läge när de är färdigutvecklad.Examensarbetet var planerat till tio veckor,varav sammanlagt fyra veckor skulle ägnas åtr apportskrivning och resterande veckor åt utveckling.Utvecklingstiden har använts till studier av de befintliga webbapplikationen samt produktutveckling i samråd med Metros produktutvecklare.Utvecklingsarbetet har inkluderat utveckling inom alla lager även modern webbapplikation ?från en ytlig utveckling, medHTML, JavaScript och CSS, till en djupare,med sökmotorindexering och relationsdatabasdesign.Arbetet har fortskridit enligt plan och har resulterat i en färdig produkt som motsvarar Metros kravspecifikationer. För framtiden finns det en mängd möjligheter för produkten.

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.

Att synliggöra verkligheten i undervisningen är en utmaning. Särskilt att få in aktuell teknik in i datorundervisningen på gymnasienivå. Detta eftersom IT-branschen aldrig står still, ny teknik utvecklas ständigt och branschen är därmed tvungen att hänga med i denna utveckling. Hur ska då vi i skolvärlden kunna hänga med? Vilken teknik används ute i IT-branschen egentligen?I detta explorativa examensarbete undersöks vilken teknik som IT-företagen i Norrköping och Linköping använder inom sektorerna programmering och webbdesign.