Det finns idag få system som ger en god överblick av en restaurangs bokningar och bordsplaceringar. Oftast används papper och penna som ställer till med problem när kunder avbokar, ändrar deras bokning eller helt enkelt inte kommer till restaurangen. Det är även svårt att avgöra huruvida restaurangen är fullbokad eller ej. Denna rapport behandlar utvecklingen av ett webbaserat bordsbokningssystem för restauranger på uppdrag av en restaurangägare i Jönköping. Systemet ska ge en grafisk överblick av en restaurangs bokningar och hur alla bord ska stå placerade under en kväll. Då systemet webbapplikationen ska ha flera användare, som använder olika enheter, krävs det att systemet ska vara plattformsoberoende. Med hjälp av HTML5 undersöks det huruvida det går att göra detta system offlinekompatibelt, då uppdragsgivaren önskar att systemet är åtkomligt då Internetuppkopplingen försvinner. Det undersöks även hur en applikation görs användarvänlig och lättmanövrerad samt hur kommunikationen mellan klient och server görs mest effektivt. Projektet är uppdelat i fyra delar; grafiskt användargränssnitt, webbapplikation, datahantering och serverkommunikation, som i sin tur är indelade i två kategorier; klient och server. De två kategorierna användes som en bas för hela projektets gång, från litteraturgenomgång och forskning till implementation. Den slutliga webbapplikationen blev ett plattformsoberoende och offlinekompatibelt bordsbokningssystem, där användaren får en grafisk överblick av en vald dags bokningar samt bordsplaceringar.

Detta examensarbete behandlar utvecklingen av en prototyp ämnad att underlätta hantering av ett företags artiklar vid lanseringen av en e-handel. Prototypens uppgift är att fylla luckan mellan affärssystem och e-handelsplattform (CMS). I prototypen kan användare, med utgång från artikelinformation extraherad från ett företags affärssystem, redigera artiklar, skapa produkter av artiklar och skapa kategorier för produkter. Idén bakom prototypen kommer från att många e-handelsplattformar visar brister vad det gäller artikelhantering. Arbetet utförs på uppdrag, och med stöd, av ett företag som arbetar med att utveckla e-handelslösningar. Prototypen tog formen av en webbapplikation utvecklad med hjälp av ASP.NET och programspråket C#. Designskisser på gränssnittet skapades i programmet Balsamiq Mockups. Utifrån designskisserna byggdes gränssnittet upp, i Microsoft Visual Studio, med kontroller utvecklade av företaget DevExpress; de erbjuder en serie ASP.NET kontroller med Ajax-funktionalitet. För att lagra resultatet av de åtgärder som utförs i gränssnittet (redigering av artiklar, produkter och kategorier) skapades en relationsdatabas. Som teknik för databaskommunikation användes LINQ to SQL. Under arbetets gång besvarades frågeställningarna ”finns det liknande system som fyller samma funktion som prototypen?” och ”vilka av DevExpress kontroller lämpas sig bäst för att bygga upp gränssnittet?”. Svaret på den första frågan är ja, men inga system vilka helt kan ersätta prototypen. Svaret på den andra frågan användes som underlag vid utveckling av prototypen. Resultatet av utvecklingsarbetet blev en fungerande prototyp som uppfyller tidigare nämnda syfte. Arbetet har lett till att studenten lärt sig nya tekniker och kunnat breddasina kunskaper inom .NET-ramverket

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. Resultatet av studien visar att användare upplever en responsiv webbplats som ett bra alternativ för en mobil webbplats. Den främsta fördelen för testpersonerna var att inte behöva scrolla i sidled eller zooma in och ut för att hitta informationen som behövdes.

Denna rapport behandlar projektarbetet som utförts för att skapa en interaktiv kart-applikation hos företaget eMaintenance365. De är ett uppstartsföretag som arbetar med att hjälpa kunder inom främst tåg- och järnvägsindustrin med att förbättra sitt underhållsarbete. De erbjuder analyser av mätdata genom sin egenutvecklade molnbaserade webbapplikation E365 Analytics® och avancerade algoritmer som kan förutspå kommande underhållsbehov. Inom applikationen fanns behov av en interaktiv karta där kunderna kan se status på olika mätstationer, tågrälssträckor och så vidare. Syftet med projektet har varit att få fram en applikation som är robust, dynamisk, välstrukturerad och konstruerad med skalbarhet, vidareutveckling och underhåll i åtanke. Projektet kan i framtiden leda till stora besparingar gällande både tid och pengar. Applikationen har programmerats i JavaScript med tredjepartsbiblioteket OpenLayers 4 för interaktiva kartor som grund. För att få en robust applikation som underlättar framtida vidareutveckling, underhåll med mera så har ett vedertaget designmönster använts som ger en mer modulär struktur på koden. Konstruktionskapitlet beskriver bland annat vilka dessa modulär är och den funktion de har samt övrig funktionalitet som skapats i applikationen. Projektet har resulterat i en applikation som har en hel del dynamisk funktionalitet och når upp till de mål som satts upp vid projektstart. Det finns mycket utrymme för vidareutveckling och optimering av applikationen som på grund av vissa begränsningar och tidsbrist ej kommit med i projektet.

More and more people, especially within technical industries like web- and software development are working as freelancers these days. The goal of this project was to make it easier for developers to find jobs by creating a web application where developers can advertise themselves and the projects or work they offer. The application was built entirely within the ASP.NET Core framework and Visual Studio with as much Microsoft technology and scaffolding as possible. During planning in Adobe Xd, it was decided that the name of the website would be Devpendent and the design of the site was created. During the course of the practical work, this design was changed somewhat based on needs, but most of what was decided in the planning phase was implemented as planned. As the work missed the original deadline, more features could be added and the application refined further. The website was published using Azure, which is integrated directly within Visual Studio and therefore publishing was easy while database and application could be on the same service. After user testing, some more optimizations were made and some bugs were fixed to ensure that the user experience was as user friendly and functional as possible. In the end, the website turned out pretty much as planned and the goal of the application was achieved. Of course, there were also things that could have worked better and opportunities for development, but I was satisfied with the result. / Allt fler människor arbetar självständigt nu för tiden och speciellt inom tekniska branscher som utveckling av webbplatser och mjukvara. Målet med detta projekt var därför att underlätta för dessa utvecklare genom att skapa en webbapplikation där utvecklare kan annonsera sig själva och projekten de erbjuder. Applikationen skapades helt inom ASP.NET Core-ramverket och Visual Studio med så mycket Microsoft-tekniker och scaffolding som möjligt. Under planeringen i Adobe Xd bestämdes det att namnet för webbsidan skulle vara Devpendent och designen för webbplatsen skapades. Under praktiska arbetets gång så ändrades denna design något utifrån behov men det mesta som bestämdes inom planeringsfasen implementerades som planerat. Eftersom arbetet missade den originella sluttiden så kunde fler funktioner skapas och applikationen finslipas mer. Webbsidan publicerades med hjälp av Azure som är integrerat direkt inom Visual Studio och därför kunde databas och applikation finnas på samma tjänst. Efter användartest så gjordes några fler optimeringar samt fixades några fel för att se till att användarupplevelsen blev så användbar och funktionell som möjligt. Till slut blev webbplatsen i stort sett som planerat och målet med applikationen uppnåddes. Såklart fanns det också saker som kunde fungerat bättre och utvecklingsmöjligheter men jag blev nöjd med resultatet.

I denna uppsats kommer vi att påpeka de problem som idag finns med färdiga CMS. Vi kommer att utvärdera möjligheterna om en alternativ utvecklingsidé. Denna idé kommer sedan att genomföras mot en webbtjänst som Skellefteå kommun har efterfrågat. Slutresultatet visar att det finns stora fördelar med modulbaserad webbutveckling, även fast det är en tidskrävande process med att utveckla oberoende moduler.

Målet med det här projektet är att undersöka möjligheten att utveckla plattformsoberoende fristående applikationer med webbutvecklingsverktyg i ramverket Electron samt hitta skillnader i andra utvecklingsmetoder som Java och Swing eller C++ och Qt genom att vidareutveckla en existerande applikation kallad Electra. Electra är ett verktyg utvecklat för företaget Bitsmith AB som underlättar hanteringen, läsningen och uppladdningen av färdskrivardata till deras webbtjänst. Bitsmith ville undersöka möjligheten att utveckla plattformsoberoende applikationer med Electron. En lösning på det problemet leder till att företaget kan ge ut en applikation som når kunder som inte nödvändigtvis använder Windows i deras IT-miljö som endast har en kodbas. Electron drivs av Node.js för programlogik och Chromium för rendering av webbsidor som gränssnitt. Applikationen utvecklas därför med språken JavaScript, HTML och CSS. Andra moderna hjälpbibliotek skrivna i JavaScript som React för komponentbaserade gränssnitt och Redux för tillståndshantering används för att snabba upp utvecklingen och göra applikationen mer robust. Testdriven utveckling används för att visa att applikationen fungerar likvärdigt på moderna versioner av Windows, Mac och Linux. Enhetstesterna testar applikationens förmåga att hantera tillstånd, kontrollera att komponenter ritas ut och fungerar korrekt och att kontrollera så att övriga system fungerar enligt förväntan så långt det är möjligt. Resultatet av enhetstesterna visar att det är möjligt att utveckla en applikation som fungerar likvärdigt på moderna versioner av Windows, Mac och Linux. Jämfört med andra utvecklingsmetoder är det enkelt att komma igång med att utveckla i Electron då det använder sig av språk och metoder som är enklare än exempelvis utveckling i C++ då utvecklingen sker på en högre nivå med JavaScript, HTML och CSS. Dessa språk används redan av många och det är möjligt att föra över kunskapen man redan har till applikationsutveckling. De som redan har erfarenhet av webbutveckling kan enkelt skapa plattformsoberoende fristående applikationer. Metoden och verktygen som har använts i det här projektet kan även appliceras i andra applikationsprojekt.

The goal of this work is to create a website for the web agency Wampp Web&Photo. The company is still in the development phase and recently registered in the Swedish Companies Act. Wampp Web&Photo strives for a simple and useful website that includes presentation of the company, information about development of website, presentation of services and also calculator to calculate the cost of services. The graphic profile is important for the company. Pictures with good quality are in focus. For inspiration for the graphic profile and the construction of the application, surveys on the internet among competitors will be performed. During surveys, current prices for services in web development will also be noted. To perform the assignment, the CMS system Umbraco will be used. For the development, the programming language C # and development environment Visual Studio are used. The site should be built up to enable easy maintenance and updates. Unsplash and photo session are used for images. Great focus will be placed on the development of the calculator. It is important that the function is easy to use and works without errors. Calculator will be of help to customers and the company. Usability tests and other tests will be performed to check the website's functionality and usability. The work ends with the launch of the website in Umbraco Cloud. If the need for adjustments exists after tests, these are performed. / Målet med detta arbete är att skapa hemsida till webbyrå Wampp Web&Photo. Företaget är fortfarande i utvecklingsfas och nyligen registrerad i bolagsverket. Wampp Web&Photo eftersträvar en enkel och användbar hemsida som inkluderar presentation av företaget, information om utveckling av hemsida, presentation av tjänster och även kalkylator för att räkna ut kostnaden för tjänster. Den grafiska profilen är viktig för företaget. Bilder med bra kvalitet står i fokus. För inspiration till grafiska profilen och uppbyggnaden av applikationen, kommer undersökningar på internet bland konkurrenter utföras. Under undersökningar kommer även aktuella priser för tjänster inom webbutveckling noteras. För att utföra uppdraget kommer CMS systemet Umbraco användas. För utvecklingen används programmeringsspråket C# och utvecklingsmiljö Visual Studio. Sidan kommer att byggas så att den möjliggör enkel underhåll och uppdateringar. För bilder används Unsplash och fotosession. Stor fokus kommer att läggas på utvecklingen av kalkylator. Det är viktigt att funktionen är smidig att använda och fungerar utan felaktigheter. Kalkylator kommer att vara till hjälp för kunder och företaget. Användbarhetstester och andra tester kommer att utföras för att kontrollera webbsidans funktionalitet och användbarhet. Arbetet avslutas med lansering av hemsidan i Umbraco Cloud. Efter tester utförs eventuella justeringar.

Samtidigt som handel via internet blir allt vanligare visar undersökningar att användbarheten på e-handelssidorna kan förbättras. Många kunder anser webbplatserna vara komplicerade att använda. Till skillnad från många andra typer av IT-system har man inte möjlighet att utbilda kunderna och man kan inte heller tvinga dem att handla via webbplatsen. Företagen riskerar därför att gå miste om miljarder i potentiella intäkter då konsumenterna avbryter eller misslyckas med sina köp. Detta har gjort att vi ställer oss följande frågor:Hur arbetar svenska e-handelsföretag med användbarhet under utvecklingen av sina webbplatser?Vilka anledningar finns det att välja bort användbarhet?Syftet med vår undersökning är att få en inblick i hur svenska e-handelsföretag utvecklar sina webbplatser och hur företagen arbetar med användbarhet, hur användbarhet prioriteras och varför de har valt att arbeta på detta sätt. För att få en inblick i hur svenska e-handelsföretag valt att arbeta med och prioritera användbarhet har vi i en explorativ flerfallsstudie intervjuat 11 företag som säljer varor eller tjänster över nätet. Resultatet av vår undersökning visar att det finns en utbredd medvetenhet om betydelsen av användbarhet bland e-handelsföretagen. Hur och i vilken utsträckning man jobbar för att göra sin webbplats användbar varierar däremot avsevärt från företag till företag. Vi har sett en tydlig tendens bland företagen att förlägga merparten av användbarhetsarbetet till efter lanseringen av webbplatsen. Arbetet består då i a/b-testning samt enkäter och feedback för att få en uppfattning om hur väl webbplatsen tas emot av kunderna. Vår studie visar att brist på tid och pengar är bland de främsta orsakerna till att en del av e-handelsföretagen i vår studie endast utför begränsat användbarhetsarbete på sina webbplatser. Det verkar med andra ord som att uppfattningen att det är dyrt och tidkrävande att arbeta med användbarhet i utvecklingen av webbplatsen fortfarande är utbredd bland svenska e-handelsföretag. Vi tror att resultatet av vår studie kan vara av intresse för företag och organisationer som har användbarhet som affärsidé, men även e-handelsföretagen själva då den förhoppningsvis leder till ökad självinsikt samt en kritisk granskning av situationen inom det egna företaget. Resultatet av studien är också intressant för studenter och forskare inom informatik då studien bidrar med kunskap om hinder och brister i utvecklingsarbetet gällande användbarhet samt belyser problemområden som kan utforskas vidare. / Program: Interaktions- och kommunikationsdesignerutbildningen

Studien undersökte möjligheten att ersätta en befintlig industrihanddatorlösning med en webbaserad smartphone-applikation genom att ta fram och utvärdera en utvecklingsbas enligt krav och önskemål från en extern uppdragsgivare. Befintliga utvecklingsramverk till smartphones har undersökts med fokus på företagsnära webbaserade applikationer.Den traditionella handdatorn anses föråldrad och har ersatts av moderna smartphones med högre prestanda och bättre funktionalitet. En variant av handdatorn är industrihanddatorn som har en mer robust konstruktion och har försetts med extrautrustning som t.ex. streckkodsläsare. När det gäller plattformsoberoende utveckling till smartphones finns idag en mängd olika alternativ och angreppssätt, dock är det oklart ifall de går att använda för att ersätta en industrihanddator.Arbetet i denna studie har utförts i anslutning till en extern uppdragsgivare med önskemål om att hitta ett alternativ till deras befintliga industrihanddatorlösning. Den befintliga lösningen besitter ett antal problem samtidigt som utvecklare inte kommit vidare på grund av den föråldrade plattformen.Studiens övergripande frågeställning grundade sig på om det var tekniskt möjligt att ersätta en industrihanddator med en webbaserad smartphone-applikation. I en fallstudie med ett Design Science-angrepp fastställdes vilken funktionalitet som skulle behövas och hur det kunde uppnås.Specifika önskemål och krav fastställes under ett uppstartsmöte där man beskrev den befintliga lösningen och vad som önskades med studien. Därefter utfördes ett studiebesök hos användare av det befintliga systemet för att vidare fastställa applikationens krav och viktigaste operationer. Utifrån krav och önskemål utformades utvärderingskriterier som relaterades till tidigare forskning kring kravställning för handhållna enheter. Utifrån krav och önskemål utformades utvärderingskriterier som relaterades till tidigare forskning kring kravställning för handhållna enheter. Baserat på kravställningen utformades en utvecklingsbas utifrån vilken en prototyp implementerades som proof-of-concept. Efter avslutad implementation demonstrerades prototypen för tidigare nämnd användare varpå en öppet riktad intervju inleddes för att utreda synpunkter kring användningsområde och förbättring. Slutligen utvärderades utvecklingsbasen enligt de kriterier som tidigare tagits fram för att återknyta till den övergripande forskningsfrågan och påvisa studiens genomförbarhet.Utifrån studiens resultat drogs slutsatsen att det är tekniskt möjligt att ersätta en industrihanddatorlösning med en webbaserad smartphone-applikation baserat på de kriterier som utformats från uppdragsgivarens krav och önskemål. Lösningen består av en uppsättning hybrida ramverk och plugins för utveckling av mobila webbapplikationer med stöd för streckkodsläsning.Studien bidrar med ett underlag till beslut om vidare utveckling inom Pulsen Production AB och hur dessa ska hantera mobila enheter i koppling till affärssystemet Harmoney. Studiens bidrag kan vara av intresse för andra typer av företag och personer som inriktar sig på plattformsoberoende utveckling eller den mobila webben. / Program: Systemarkitekturutbildningen