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.

Under hösten 2006 har några studenter vid Högskolan i Gävle utvecklat ett lokalbokningssystem till Lärcentrum i Sandviken. Lokalbokningssystemet använder en MySQL databas och webbsidorna är skrivna med HTML samt PHP för kommunikationen mot databasen. Jag har under arbetets gång hittat och åtgärdat en säkerhetsbrist i systemet samt implementerat nya funktioner i systemet för att göra det bättre och mer användarvänligt. Efter vidareutvecklandet av det befintliga lokalbokningssystemet uppfyller det nu kundens alla ursprungliga krav på funktioner.

Webbspel blir allt populärare. Gävleföretaget Extrude Interactive AB hade sedan en tid tillbaka planer på att lansera en spelsajt i nöjessyfte men även i syfte att marknadsföra företagets egenproducerade webbspel. Företaget hade redan en registrerad domän: spelaspel.nu. I denna rapport redovisas utvecklingsarbetet som ledde fram till den färdiga produkten som blev en färdigställd webbplats tänkt att publiceras under domänen spelaspel.nu. Webbplatsen använder sig av en SQL-databas och har utvecklats på Microsofts ramverk .NET Framework 2.0. Webbplatsen programmerades i C#, HTML och JavaScipt.

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.

Syftet med mitt examensarbete var att utveckla en hemsida till Kulas Ponnystuteri. Den skulle innehålla vissa informationstexter, nyheter, gästbok m.m. samt administrationsfunktioner. Hemsidan skulle vara lätt att använda och hitta önskad information på. Den vänder sig till mer eller mindre hästkunniga människor i alla åldrar, och skulle därför göras mycket besöksvänlig. En hemsida konstruerades utifrån de önskemål och krav som kunden hade. För själva kodningen användes HTML och ASP med Java Script och arbetet skedde i både Frontpage och Dreamweaver. Databasen fick bli en Access-databas. Resultatet blev en relativt enkel och tydlig hemsida, med prioritet lagd på användarvänlighet och de administrativa funktionerna. De funktioner och önskemål som kunden hade gick att infria utan större problem.

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.

Jag har utvecklat en prototyp för en webbplats till Braskens Bro Servicecenter (BBS) ett mindre företag inombilverkstadsbranschen. BBS har under en längre tid haft planer på att starta en webbplats för att kunna marknadsföra sig ochförhoppningsvis kunna utöka sin kundkrets. Beslutet togs att inte bara göra en webbplats som fungerar som reklampelare utanäven försöka ge en utökad service för nya och befintliga kunder. Att utveckla en webbplats från grunden är ingen enkel uppgift. Det är många val som måste göras och många aspekter som skabeaktas. Denna rapport syftar till att ge läsaren en inblick i de beslut som togs vid utvecklingsarbetet, samt vilka problem dessabeslut var tänkta att lösa. Rapporten ger även en inblick i de funktioner som jag utvecklade specifikt just för att passa en mindrebilverkstad. När man arbetar med webbutveckling, liksom vid all programutveckling är det viktigt att noga tänka över vad somska uppnås med arbetet innan det påbörjas. Man måste specificera bl.a. vilka problem som ska lösas med arbetet, vadwebbplatsen ska innehålla och hur designen ska se ut. Att ha en tydlig specifikation med tydliga mål och krav underlättar arbetetväsentligt. Förutom design och funktionalitet beskriver rapporten även hur jag har arbetat med säkerheten på webbplatsen. Dettaär av stor vikt vid all webbutveckling men framför allt när man har dynamiskt innehåll på sidorna. Att inte skydda databasen kanfå förödande konsekvenser om man har en illasinnad besökare på webbplatsen. Arbetet resulterade i en webbplats med inte bara information om företaget och dess verksamhet utan även möjligheten att kunnaboka in tider för verkstadsbesök samt möjlighet att via webbplatsen kunna skicka in frågor om priser m.m. En möjlighet att kunnase sitt fordons aktuella status finns även implementerad. Ska man gå vidare med projektet och lägga ut det på nätet som Brasken Bro officiella hemsida krävs att man testar webbplatsenordentligt innan man lanserar den. Vidare kan det även bli aktuellt att designa om vissa delar av webbplatsens layout ochfunktionalitet utifrån den feedback som webbplatsens framtida användare framför.

This degree project is made for Cervera in Norrköping and Linköping. The task was to create a professional interactive homepage for the company where the company's range of products can be presented. Besides a homepage aimed towards potential customers, an online Internet-application where the company's employees can update, erase, and create posts that are stored in the database was created. The main programming languages have been PHP and HTML in combination with databases in MySQL. The final result was a functional, professional and informative homepage with a simple and pedagogical application for the employees. In this report the reader gets a detailed statement of the project.