Beställaren har efterfrågat för sin hobbyverksamhet en egen webshop där hon kan sälja sina produkter. Beställaren vill ha en användarvänlig sida för att kunna locka så bred publik som möjligt. I framtiden så kan sidan utvecklas till att låta fler säljare ha sina produkter på sidan. Sidan ska ha grundläggande funktioner som en fungerande varukorg, tydlig produktvy samt ett gränssnitt för att administrera produkter. De språk som sidan har utvecklats i är PHP, HTML5, MySQL och CSS.

This report describes the process of developing a user-friendly and responsive archive website. The website is a Hi-fi prototype and was created for the company JG Communications, to serve as an archive for their customers? style guidelines. To create this website I have used HTML5 and CSS3 to make it responsive for various computer screens. I have also used PHP and some JavaScript to make some of the functions and Adobe Photoshop and Illustrator to make design elements for the prototype.

Responsive Web Design (RWD) har på kort tid gått från ett koncept till en av de största trenderna inomwebbutveckling. Det är nästan underförstått idag att nya webbsidor ska vara i RWD. Trots det är inte RWD detsjälvklara alternativet som löser alla problem dagens utvecklare står inför när det gäller den stora floran av surfandeenheter.I examensarbetet djupdyker vi i tekniken, både praktiskt och teoretiskt, för att kunna dra slutsatser om RWDs styrkoroch svagheter. Detta åstadkoms genom att ta fram en applikationsplattform och en första applikation(semesterplanering) åt konsultföretaget Sigma AB, där ett av grundkraven var att det vi utvecklade skulle kunnaanvändas varsomhelst.Utifrån våra resultat lämnas rekommendationer på när RWD är alternativet att satsa på och när det behöverkompletteras av andra tekniker, så som Native- eller HTML5 applikationer..

Då webben nu består av dynamiska hemsidor och kraftfulla applikation blir ävenkraven på kommunikationshastigheter större. Detta arbe har tittat på den äldre ochpoppulära tekniken Long Polling och ställt den i förhållande till HTML5s nyawebsocket API. Igenom att bygga ett multiplayer spel för webbläsaren utan någrapluggins ställdes teknikerna mot varandra för att se vilken som presterade bäst ochvisade sig mest effektiv för användning i den typen av applikation. WebSockets visadesig klara av alla tester med marginal mot de värden relaterad forskning visat på ärminimum kraven för att kunna realisera realtidsapplikationer. Long Polling föll kortoch visade sig vara svagare på alla punkter i förhållande till WebSockets..

Denna rapport undersöker olika tekniker för att spara data lokalt i webbläsare, föratt möjliggöra att webbapplikationer kan användas i webbläsare närinternetanslutning saknas, och för att minska mängden data som behöver överförasmellan webbserver och webbläsare.Undersökningen genomförs genom att en befintlig webbapplikation först undersöksför att avgöra vilka datamängder som behöver sparas i webbläsare.Sedan jämförs olika teknikers egenskaper och tidsåtgång för att spara data av olikastorlekar.Resultaten från undersökningarna visar att stödet i webbläsare för FileSystem APIoch IndexedDB inte är tillräckligt för att teknikerna ska användas i publikawebbapplikationer, varför HTML5 Application Cache i kombination med WebStorage är det bästa alternativet att använda för att möjliggöra attwebbapplikationer kan användas utan internetanslutning..

Denna rapport vänder sig till de som har ett affärs- eller/och teknikintresse i utvecklingen av gränssnitt till affärssystem från SAP. Det har skett en omfattande förändring de senaste åren med hur vi alla dagligen använder oss av internet och mobila enheter. Vi har alla vant oss vid snygga, användarvänliga och flexibla gränssnitt. Vi gör våra bankärenden och använder sociala medier från vår smartmobil. Vi tar sedan för givet att vi också lika lätt ska kunna använda dessa gränssnitt på vår läsplatta.

Some people do not have the opportunity to visit a physical exhibition because of limited time or long travelling distances, it is here the need for a web-based exhibition arises.This dissertation describes the development of an interactive web-site representing a part of a physical exhibition of over 200 interviews on different peoples immigration to inner Scandinavia. The interviews contain text, audio clip, pictures and video clip.The website contains modern programming technologies such as HTML5, ASP.NET MVC3, SQL, JavaScript and jQuery.A cover of the technologies used and how the project has been designed and implemented is explained in the dissertation. In the end of the dissertation we discuss about how the result of the project follows the goals we set up in the start phase. The result of this project is an interactive and easy to use web-site showing a part of the physical exhibition online. An easy administration to insert new information and edit existing without any major computer knowledge..

Some people do not have the opportunity to visit a physical exhibition because of limited time or long travelling distances, it is here the need for a web-based exhibition arises.This dissertation describes the development of an interactive web-site representing a part of a physical exhibition of over 200 interviews on different peoples immigration to inner Scandinavia. The interviews contain text, audio clip, pictures and video clip.The website contains modern programming technologies such as HTML5, ASP.NET MVC3, SQL, JavaScript and jQuery.A cover of the technologies used and how the project has been designed and implemented is explained in the dissertation. In the end of the dissertation we discuss about how the result of the project follows the goals we set up in the start phase. The result of this project is an interactive and easy to use web-site showing a part of the physical exhibition online. An easy administration to insert new information and edit existing without any major computer knowledge..

Denna studie har som syfte att ta fram ett designförslag på ett ögonrörelsestyrt infotainment-system samt utvärdera detta. Fokusen ligger på den funktionella design och dess för- och nackdelar. Studien tar upp tre olika designförslag varav ett valdes att göra en prototyp av. Prototypen skapades med hjälp av HTML5, Javascript och Python. Detta kopplades sedan samman med ett ögonrörelsesystem tillhörande Smart Eye AB.

Avsaknad av en hemsida medför att många kunder kan gå förlorade för ett företag. Om det trots allt finns en webbsida som beskriver företagets verksamhet finns det fortfarande risk att mista kunder om sidan inte är anpassad efter den enhet som besökaren använder. I dagens samhälle är det mer regel än undantag att webbsidor besöks med olika enheter och upplösningar. En lösning på problemet är att använda responsiv webbdesign för att skapa en flexibel design. M&R Mekan & Konstruktion i Skellefteå AB har inte haft någon hemsida att presentera sin verksamhet med för varken potentiella eller befintliga kunder.

Företaget Rebtel ville ha en ny landningssida som riktade sig till internationella studenter. Denna sida skulle vara optimerad för målgruppen både gällande design och innehåll. En förundersökningen bestående av bland annat intervjuer med målgruppen, målgruppsanalyser och research gjordes därför. Förundersökningen bestod också av intervjuer med olika roller på företaget Rebtel för att få en inblick i olika arbetsrollers perspektiv och uppgifter under en sådan process. Med hjälp av förundersökningens fynd togs skisser fram och en landningssida utvecklades bland annat genom programmeringsspråken HTML5, CSS3, LESS, JavaScript, .NET och C#.

I kampen om marknadsandelar utgo?r engagerade medarbetare en viktig konkurrensfo?rdel. Ett medel som organisationer anva?nder fo?r att pa?verka ansta?lldas organisationsengagemang a?r lo?n. Syftet med fo?ljande tva?rsnittsstudie var att studera betydelsen av faktisk lo?n och lo?netillfredssta?llelse fo?r ansta?lldas organisationsengagemang, samt utreda om det finns en skillnad mellan privat och offentlig sektor.

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.

Webben anva?nds i allt sto?rre utstra?ckning som en riktig applikationsplattform, mycket tack vare HTML5. Detta sta?ller ho?gre krav pa? webbapplikationens prestanda pa? klientsidan, da? nya tekniker mo?jliggo?r mer avancerade applikationer. Parallellisering a?r en metod fo?r att o?ka prestandan i applikationer, som dessutom tar nytta av de parallella arkitekturer som idag a?r vanliga.

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.