Academic literature on the topic 'Mobila webbapplikationer'

Företag och privatpersoner som har för avsikt att utveckla plattformsoberoende applikationer har idag tillgång till ett stort utbud av utvecklingsmiljöer och verktyg. Denna uppsats avser att underlätta beslutet i val av verktyg genom att testa flera verktyg för att sedan rekommendera ett av dem. Författaren erhöll en lista över elva stycken verktyg, som genomgick en urvalsprocess, och därefter enutvärderingsprocess för att ta fram de fem verktyg som presterade bäst. En demoapplikation skapades för dessa fem verktyg, som sedan utvärderades enligt följande kriterier: cyklomatisk komplexitet, antal rader kod, antal installationssteg, samt applikationens storlek på enheten. De fem verktyg som presterade bäst efter urvalsprocessen och utvärderingsprocessen var följande: Cordova, Ionic, Meteor, React Native, och Xamarin. Det verktyg som fick högst poäng var React Native, som därför rekommenderas för utveckling av plattformsoberoende applikationer för mobila enheter.

The company System Andersson is developing systems for controlling materials and production in industries. They want to add a new service, where parts of those systems are accessible through cell phones.

In this paper we are investigating which technology are best suited for this kind of application. And then we describe how we are developing a prototype fort this application, based upon that technology. After investigating technologies such as Java ME, Microsoft Silverlight, and web applications we settled upon building the system as a web application, customized for a mobile environment.

To build a web page which is readable by many different cell phones we use the markup-languages which are developed for cell phones. We put much effort in reading about the standards and recommendations for the mobile web, produced by the organizations W3C and OMA. It's also very important that one consider the limitations of cell phones, such as the small screens, their limited performance and their limited means of input and navigation. Finally we are very thorough in our testing on several cell phones created by different manufacturers and with different operating systems and web browsers.

On the server we are running ASP.NET, with a database using Microsoft SQL Server, since this was a request from the company. The development is made in C#.

We reach a fully operational application with the functions that the company has requested. We got functions for handling orders, changing jobs, supply management, listing employees, and more. We also got a class for generating and rendering of lists and tables for easy and customizable lists for small screens. The application has support for several users with a secure login function.

We have also created a system running as a service in Microsoft Windows, which is regularly sending messages, in the form of e-mails to the users of the mobile application. The messages contain user defined reminders, e.g. that the factory is running low on a certain material. The message system is well integrated with the rest of the system, in which one can list the active reminders, edit them or create new ones.

Overall this has been an interesting and successful project.

Antal sålda smartphones har ökat explosionsartat de senaste åren, i samma takt ökar ocksåintresset för mobila lösningar i form av mobila applikationer. Det finns huvudsakligen tvåtyper av mobilapplikationer, den specialsydda applikationen (eng. ”native application”) ochwebbapplikationen. Denna kandidatuppsats har undersökt vilken typ av mobilapplikation enintressent ska välja att utveckla när intressenten väl har bestämt sig för att ta fram en mobillösning. För att undersöka detta utfördes en kvantitativt inriktad webbaseradenkätundersökning som fick 108 respondenter. Enkätundersökningen visar hurrespondenterna använder sig av sina smartphones, hur de reflekterar runt den mobilaapplikationsfrågan och hur deras vanor ser ut när det gäller användande av mobilaapplikationer.Resultatet visar att respondenterna väljer specialsydda applikationer framförwebbapplikationer trots att specialgjorda applikationer har fler nackdelar änwebbapplikationer för både användarna och utvecklarna. Det finns dock en tredje typ sombör lyftas fram: hybridapplikationen, som är en kombination av de två förstnämnda.Intressenten bör därför i de flesta fall välja att låta utveckla en hybridapplikation eftersom ensådan dels är ekonomiskt snällare än en ren applikation och dels behagar respondenternagenom att ”lura” dem att tro att de använder en vanlig applikation.

Web applications are becoming increasingly sophisticated and functionality that was once exclusive to regular desktop applications can now be found in web applications as well. One of the more recent advances in this field is the ability for web applications to render 3D graphics. Coupled with the growing number of devices with graphics processors and the ability of web applications to run on many different platforms using a single code base, this represents an exciting new possibility for developers of 3D graphics applications. This thesis aims to explore and evaluate the technologies for 3D graphics that can be used in web applications, with the final goal of using one of them in a prototype application. This prototype will serve as a foundation for an application to be included in a commercial product. The evaluation is performed using general criteria so as to be useful for other applications as well, with one part presenting the available technologies and another part evaluating the three most promising technologies more in-depth using test programs. The results show that, although some technologies are not production-ready, there are a few which can be used in commercial software, including the three chosen for further evaluation; WebGL, the Java library JOGL and Stage 3D for Flash. Among these, there is no clear winner and it is up to the application requirements to decide which to use. The thesis demonstrates an application built with WebGL and shows that fairly demanding 3D graphics web applications can be built. Also included are the lessons learned during the development and thoughts on the future of 3D graphics in web applications.

This report describes the implementation of expense reporting in a mobile web application. Two different types of expenses could be reported: remuneration and time deviations. In addition to the creation of new expenses, existing expenses should be able to be edited or deleted. The implementation would be designed in such a way that it prevents the user from making data entry errors in an intuitive way.    The bachelor’s thesis was performed for Flex Datasystem AB in their mobile web application, Flex WebApp. Due to delimitations made during the project only functionality for the expense-type remuneration was implemented.
Denna rapport redogör för implementationen av utläggsrapportering i en mobil webbapplikation. Två olika typer av utlägg skulle kunna rapporteras: ersättningar och tidavvikelser. Utöver skapandet av nya utlägg skulle även befintliga utlägg kunna redigeras och tas bort. Implementationen skulle vara utformad på ett sådant vis att den förhindrar användaren från att göra inmatningsfel på ett intuitivt sätt.    Examensarbetet utfördes åt Flex Datasystem AB i deras mobila webbapplikation, Flex WebApp. P g a gjorda avgränsningar under projektets gång implementerades endast funktionalitet för utläggstypen ersättningar.

Sammanfattning I dagens trafik uppstår dagligen köer på grund av olika händelser i trafikflödet som olyckor, vilt eller andra faror. Köbildningen bildas ofta på grund av informationsbrist eller sen informationsspridning om händelserna. Det här arbetet utvecklar en enkel webbapplikation riktad till trafikanter som vill och kan rapportera in de dagliga händelserna som påverkar trafikflödet. Applikationen är snabb att ladda på mobila enheter och innehåller ett enkelt formulär för rapportering av händelser utifrån fyra huvudtyper. Informationen publiceras inte bara på webbapplikationen utan sprids även vidare till tre olika sociala nätverkstjänster och bloggar. Ett problem med webbapplikationen som inte hann lösas under arbetets gång är anpassningen till olika skärmstorlekar hos mobila enheter. Omskalningen fungerar olika bra beroende på skärmstorleken och webbläsaren hos den mobila enheten som används. En vidareutveckling av webbapplikationen är en implementering av ett system för validering. I nuläget verifieras inte informationen av mer än den som rapporterar in denna, utan ytterligare verifiering från flera källor/användare behövs för att stärka trovärdheten på informationen.
Abstract In today's traffic, congestion occurs on a daily basis due to different events in the traffic, such as accidents, wildlife or other hazards. Queues are often formed due to lack of information or late broadcasting of information about the events. This work develops a simple web service aimed at users who want and can report in the daily events that affect traffic flow. The service is fast to load on mobile devices and includes a simple form for reporting of events, based on four main types. Data are published not only on the web service but are also spread on to three different social networking services and blogs. One problem with the web application that was not resolved during the work is the adaption to different screen sizes for different mobile devices. The performance of the rescaling varies with screen size and browser of the mobile device used. A further development of the web application is to implement a system for validation. At present no information is verified by more than the user who initially reported the information, therefore further verification from multiple sources / users is needed to strengthen the credibility of the information.

Det blir allt mer vanligt att människor kopplar upp sig mot internet via sin smartphone, både privat och i arbetet. Detta innebär att webbsidor måste anpassas för att visas i dessa enheter. Men att mobilanpassa en webbsida kan vara svårt när det kommer till överskådlighet och navigation av webbsidan. Detta på grund av den begränsade skärmytan. När det kommer till att mobilanpassa en webbsida talas det ofta om två tekniker, responsiv webbdesign och mobila webbapplikationer. Det är dessa två tekniker som diskuteras och jämförs i denna kandidatuppsats. Netgain är ett företag som just nu står inför valet av teknik och detta fall används som exempel för att visa på hur resultatet från denna kandidatuppsats kan relateras till ett specifikt fall i praktiken. Syftet med denna kandidatuppsats i informatik är att göra en jämförelse mellan teknikerna responsiv webbdesign och mobil webbapplikation. Uppsatsen syftar till att beskriva vilka faktorer som kan påverka valet av teknik när det gäller navigation och överskådlighet i smartphones med fokus på användning. Uppsatsen syftar även till att visa hur dessa faktorer kan relateras till ett företag som Netgain. Frågan är hur dessa faktorer kan användas för att ta fram rekommendationer avseende vilken av teknikerna responsiv webbdesign och mobil webbapplikation som passar bäst för en mobil representation av deras affärsmodell för IT. I denna undersökning har ett kvalitativt angreppssätt tillämpats bestående av en fallstudie som har baserats på personliga intervjuer med konsulter på ett webbföretag. Utifrån dessa intervjuer, tillsammans med insamlad teori, har faktorer som kan påverka valet av teknik när det gäller navigation och överskådlighet i smartphones identifierats. Det tydligaste resultatet som framkom i denna undersökning är att mängden information, som ska finnas på den mobilanpassade webbsidan, kan påverka valet av teknik. Vid stora informationsmängder och djupa informationsstrukturer har en mobil webbapplikation en fördel framför responsiv webbdesign. Däremot tillgodoser responsiv webbdesign användarens förväntning om att det som går att finna på en webbsida som visas på en desktop även ska gå att finna i en smartphone. I en mobil webbapplikation finns möjligheten att styra innehållet på ett annat sätt än vid responsiv webbdesign. Detta gör att en mobil webbapplikation har en fördel även när det kommer till överskådlighet och detta kan även bidra till att användaren kan nå sitt mål snabbare än på en webbsida utvecklad med responsiv webbdesign. Undersökningen visade vidare att när det kommer till att göra en mobilanpassad webbsida överskådlig samt enkel att navigera för alla användare, oavsett behov, har en mobil webbapplikation även här en fördel framför responsiv webbdesign. Detta på grund av att det vid responsiv webbdesign kan vara svårt att få innehållet på webbsidan att läsas upp korrekt av en skärmläsare. Dock har responsiv webbdesign en fördel i att denna teknik tillhandahåller ett minimalt behov av att zooma innehållet. Nyckelord: responsiv webbdesign, mobil webbapplikation, navigation, mobil webb.

Dagens teknik har bidragit till att mobiltelefonens användningsområden har expanderat avsevärt de senaste åren. Detta har lett till att alltfler mobila tjänster har dykt upp på marknaden. Uppgiften i detta examensarbete består i att utveckla en version anpassad för mobiltelefoner av den existerande produkten TelMe, som är en webbtjänst för vikarietillsättning inom olika verksamheter. Den mobilanpassade versionen kommer att gå under namnet TelMe Mobile. Problemställningen var att implementera de väsentliga funktionerna i produkten med avsikt för att göra dessa tillgängliga för mobiltelefoner. För att hitta en lösning till problemställningen har följande frågeställningar formulerats; hur kan webbtjänsten TelMe anpassas till en mobiltelefon, hur kan innehållet presenteras i en mobiltelefon på ett användarvänligt sätt, hur kan dataflödet reduceras samt hur implementeras de tekniska lösningarna för TelMe Mobile? Eftersom utveckling för mobiltelefoner kräver ett helt annat tankesätt, samlades information om mobila webbapplikationer från officiella organisationer. Begränsningar i mobiltelefoner som t.ex. skärmstorlek, bandbredd och förhållandevis underlägsen hårdvara innebär att webbapplikationen måste vara enkel och inte resurskrävande. Med hänsyn till ovanstående restriktioner måste TelMe designas om och följa denna enkla struktur. Webbapplikationen måste ha en enkelkolumnig layout på grund av mobiltelefoners relativt mindre skärmstorlekar. På grund av den begränsade bandbredden och minneskapaciteten för mobiltelefoner är det viktigt att datamängden inte är för stor. För att reducera datamängden för varje sida måste antalet rader med information minskas. Användning av bilder för layouten kan bidra till en ökning av datamängden, därför bör mindre eller inga bilder utnyttjas. Den tekniska lösningen för TelMe Mobile har implementerats som en separat sida för mobiltelefoner medan TelMe är avsedd för datorer. Implementeringen genomfördes med hjälp av XHTML Mobile Profile 1.0 och eFrog Builder. W3C:s riktlinjer för mobil webbutveckling har följts för att säkerställa TelMe Mobiles kompatibilitet med ett brett utbud av mobiltelefoner. Kompatibiliteten kan dock inte garanteras med alla mobiltelefoner på grund av den breda variationen av mobila plattformar. TelMe Mobile har testats på ett antal olika mobiltelefoner med de vanligast förekommande plattformarna. Webbapplikationen har även testats på Opera Mini, som är en populär tredjepartswebbläsare med bra stöd för den mobila webben. Mobilvänligheten för TelMe Mobile har validerats på http://ready.mobi, vilket kontrollerar webbapplikationen gentemot W3C:s standarder för mobil webbutveckling.
albu04@student.bth.se alzb04@student.bth.se

Arbetet undersöker huruvida en traditionell multi-page applikation eller en AJAX baserad single-page applikation presterar bäst med hänsyn till quality of service där insamling och analys av svarstider nyttjas för att undersöka frågan. Arbetet specificerar vidare på M-commerce där mobila enheter uppkopplade mot mobila nätverk ligger ifokus. Arbetet utförs som ett experiment där en multi-page samt en single-page e-handels applikation med samma utseende och funktionalitet utvecklas, varpå svarstider samlas in genom att automatisk bläddra genom en mängd produkter via pagination där svarstiderna loggas. Mätningar utfördes för nätverken WiFi, 4G samt 3G med varierande datamängd. Resultaten för applikationerna jämförs sedan med hjälp av diagram och ANOVA tester som resulterade i slutsatsen att single-page visade sig inneha de kortaste svarstiderna i 8/9 mätserier. I framtiden vore det även intressant att bland annat undersöka flera funktionaliteter hos applikationen som kundvagnen, sökmotorn och navigation mellan produkttyper för att framställa ett mer fullständigt resultat.

Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet.

Målet med detta projekt var att utforma ett tidsrapporteringssystem åt Online CC AB för att effektivisera deras kunders tidsrapportering. Systemet är en webbapplikation som ska användas till att rapportera in tid som framdeles kan exporteras till valfritt lönesystem för lönehante-ring av personal. Detta system är grunden för ett framtida, fulländat system som har utökad funktionalitet. Produkten togs fram med Ex-treme Programming samt testdriven utveckling. Under utvecklingen jobbade utvecklingsgruppen med välkända och beprövade metoder för att säkerställa ett system av hög kvalité. Webbapplikationen nyttjar moderna teknologier och ramverk för webbutveckling – inklusive Microsofts ASP.NET MVC 4 och Entity Framework. Det visade sig att apputveckling är ett diffust område där de senaste verktygen inom verksamhetsgrenen inte förhållandevis förenklade arbetet. Ett system som fungerar såväl på mobila enheter, i form av en hybridapplikation, som stationära enheter, som webbapplikation, krävde att utvecklings-gruppen var erfarna inom respektive områden. I slutet av projektet var inte alla ställda krav uppfyllda - men eftersom vi använder oss av testdriven utveckling så är systemet fullt operationsdugligt. De krav som implementerades, gjordes det till fullo. Till sist så kan det visa sig att de senaste teknologierna och ramverken inte alltid är de bästa att nyttja. Mer beprövade metoder och teknologier kan i vissa fall vara mer lämpliga.
The goal of this project was to design a timesheet system for Online CC AB in order to make time reporting more efficient for their customers. The system is a web application that is to be used for time reporting in-which, later on can be exported to a salary system of their choice for salary transactions of personnel. This system is the foundation for a future, all-in-one system with extended functionality. The product was produced using Extreme Programming and Test-Driven Development. During development the development team worked with well-renowned and well-tried methods to ensure a system with the utmost quality. The web application utilizes modern technologies and frame-works for web development – including Microsoft’s ASP.NET MVC 4 and Entity Framework. It’s shown that app development is a diffuse field in which the latest tools within the field do not comparatively simplify the work. A system that works on as-well as mobile units, in the form of a hybrid application, as stationary units, in the form of a web application, demands the development team to be experienced within respective fields. At the end of the project not all requirements are met – however due to us using Test-Driven Development, the system is fully operational. Those requirements that were implemented are done so fully. Furthermore, it’s shown that the latest technologies and frame-works not always are best-suited for usage. More well-tried methods and technologies can in some cases be more appropriate