Being able to run applications written in a single language on multiple platforms is a strong incentive for migrating applications to the web. This along with the possibility to avoid the sometimes problematic procedure of installing software, makes the case even stronger. This thesis investigates how to migrate a workflow graph editing system into a web technology in order to publish it on the web. We will evaluate a number of different technologies such as WebGL, HTML5 canvas and SVG. SVG is deemed as the preferred technology due to its advantages when it comes to interaction. As it can leverage JavaScripts event system we get a potent way of handling events without writing a single line of code. When combining this with the framework D3JS we achieve a great tool for writing workflow management systems.

Detta examensarbete har förlagt sig på Saab Aeronautics i Tannerfors, Linköping. Saab Aeronautics utvecklar och bygger Jas Gripen. Saab Aeronautics i Linköping utvecklar simulatorer som används för att testa olika versioner av mjukvara som används i JAS Gripen plan. Dessa simulatorer används inte bara av utvecklare i testsyften utan även av piloter som övar inför uppdrag och för att ge feedback till utvecklarna om mjukvarorna. Vi utförde examensarbetet på simulatorcentralen på området. På just den avdelningen vi arbetade på utförs skötsel, bokning och nyttjande av simulatorerna. På simulatoravdelningen används ett schemaverktyg där användare på Saab kan boka tid och betala användning av simulatorerna. Detta verktyg var gammalt och utdaterat samt innehöll verktyget väldigt många buggar. Målet med vårt examensarbete var att bygga upp ett nytt verktyg för att hantera bokningar av simulatorer. Det skulle förenkla användandet för användaren och administratörer. För att spara tid åt administratörer och operatörer att lösa applikationsfel som kunnat uppstå och istället fokusera på sitt arbete. Sammanfattningsvis visar detta arbete hur ny modern teknik kan förenkla verktyg som har fungerat som ett stort kugghjul i ett företag. Med hjälp av ny teknik och ramverk kan man skapa en webbapplikation som underlättar för slutanvändaren. Detta arbete är en del utav två. Detta arbete fokuserar på den grafiska delen av arbetet och för att få en komplett helhet rekommenderas det att ni även läser rapporten om server och logik delen skriven utav Jesper Larsson och Andrè Teintang.

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.

Theses is focused on general solution of information system design, whose part is integrated e-shop. It lay down base for easy extensible system, which predestined for constant development. Important property is acqusutuin of user data and their following research.

abstract: The Internet is transforming its look, in a short span of time we have come very far from black and white web forms with plain buttons to responsive, colorful and appealing user interface elements. With the sudden rise in demand of web applications, developers are making full use of the power of HTML5, JavaScript and CSS3 to cater to their users on various platforms. There was never a need of classifying the ways in which these languages can be interconnected to each other as the size of the front end code base was relatively small and did not involve critical business logic. This thesis focuses on listing and defining all dependencies between HTML5, JavaScript and CSS3 that will help developers better understand the interconnections within these languages. We also explore the present techniques available to a developer to make his code free of dependency related defects. We build a prototype tool, HJCDepend, based on our model, which aims at helping developers discover and remove defects early in the development cycle. / Dissertation/Thesis / M.C.St. Computing Studies 2014

This master thesis shows which qualities should modern website have and which technologies should be used to achieve them. The thesis should mainly point out, what are the unwritten requirements of the websites nowadays and what the latest trends in this field are. It also mentions which components can be used when creating a website. In the theoretical part there is described the historical development of technical background of the web technology. The following section analyses current web platform development phase and all the new possibilities that are there for the developers and users both. The next part of the thesis shows what the requirements when creating modern websites are and which technologies can be used to fulfil them. In the practical part I am concentrating on developing a new website (from the design to the development, including testing and optimization) while using all of the modern technologies and trends in this field.

No description available.

Submitted by Noeme Timbo (noeme.timbo@metodista.br) on 2016-08-17T18:53:56Z No. of bitstreams: 1 EduardoBarboza.pdf: 2617269 bytes, checksum: d3778c765053d1147bbf80e8ae7b4f10 (MD5) / Made available in DSpace on 2016-08-17T18:53:56Z (GMT). No. of bitstreams: 1 EduardoBarboza.pdf: 2617269 bytes, checksum: d3778c765053d1147bbf80e8ae7b4f10 (MD5) Previous issue date: 2015-04-15 / Coordenação de Aperfeiçoamento de Pessoal de Nível Superior - CAPES / This paper aims a comparative study of the use of multimedia infographics by the sites Clarín.com, from Argentina and Folha.com, from Brazil. The research aims to determine and analyze how these two important online media in Latin America have used new technologies like HTML5 to modernize the information that they present. Therefore, the comparative analysis will stick to the multimedia infographics, which has undergone profound technological changes, changing the format and the content of the news. Besides the theoretical conceptualization and review of literature on infographics, newsgame, transmedia storytelling, online journalism, interactivity and programming languages used to produce multimedia infographics, the paper will bring foward a comparative analysis of the section Infografia, presented by Folha.com, and Especiales Multimedia, by Clarín.com. The analysis, quantitative and qualitative, will check the narrative and informational resources, tools and Internet programming language technologies that are used by the two media, based on the analysis model proposed by Alberto Cairo in the book Infografia 2.0 – visualización interactiva de información en prensa. The research has shown that although the Clarín.com has used Flash technology in most multimedia infographics analyzed, the results of comparative analysis show that the Argentine online newspaper infographics allowed higher levels of interactivity than multimedia infographics in Folha.com, mostly developed in HTML5. / Este trabalho propõe o estudo comparativo do uso de infográficos multimídia pelos sites Clarín.com, da Argentina e Folha.com, do Brasil. A pesquisa tem como objetivo verificar e analisar como esses dois importantes veículos de comunicação online da América Latina têm utilizado a tecnologia HTML5 para avançar nas possibilidades interativas do gênero jornalístico. Para tanto, a análise comparada trata da infografia multimídia, que tem passado por profundas mudanças tecnológicas, alterando o formato e o conteúdo da notícia. Além da conceituação teórica e revisão de literatura sobre infografia, newsgame, narrativa transmídia, jornalismo online, interatividade e as linguagens de programação voltadas para a produção de infografia multimídia, o trabalho realizou análise comparativa das seções Infográficos, veiculada pela Folha.com, e Especiales Multimedia, do Clarín.com. O estudo, quantitativo e qualitativo, verificou os recursos narrativos e informativos, ferramentas e tecnologias de linguagem de programação para Internet que são empregadas pelos dois meios de comunicação, com base no modelo de análise proposto por Alberto Cairo em Infografia 2.0 – visualización interactiva de información en prensa. A pesquisa demonstrou que ainda que o Clarín.com tenha utilizado a tecnologia Flash na maioria dos infográficos multimídia analisados, os resultados da análise comparada mostram que os infográficos do jornal online argentino possibilitaram níveis mais elevados de interatividade do que os infográficos multimídia da Folha.com, desenvolvidos majoritariamente em HTML5.

Det här arbetet innefattar html 5 i avseendet beträffande användning av dess nya taggar/attribut redan nu, även fastän år som 2022 eller 2014 har nämnts av vissa när det gäller utvecklingsspråkets färdigställande. Intresset bakom arbetet uppstod baserat på några olika saker. Först och främst vid studerandet inom kursen "Webbteknisk Introduktion" (som läses i samband med Webbprogrammerare-programmets första år (hösten 2009), hos Linnéuniversitet) där användning av nya taggar, och påståenden avseende att språket redan då kunde börja användas, samt även utvecklingsspråkets namn (eftersom innefattningen av språket består av mycket mer än taggar/attribut) bidrog. Av de nytillkomna taggarna/attributen, har automatiska tester (via Javascript) gentemot de senaste versionerna av webbläsarna (Maj 2011 samt Augusti 2011) bestående av Internet Explorer, Opera, Mozilla Firefox, Apples Safari och Google Chrome genomförts. Operativsystemen webbläsarna körts under består av Mac OS X Server 10.6.7 och Windows 7 Professional (x86). Avseende resultatet visar det att webbläsarna överlag har omkring 80 till 90 % stöd för de nytillkommna taggarna, även fastän alla nya attribut stöds olika i webbläsarna. Slutsatsen av testerna visar därmed att det blir en övervägning i avseendet beträffande vad som kan/bör/skall brukas. / This essay is about html 5 and its tags/attributes can be used right now, even if years like 2022 or 2014 has been talked about for dates when the new language can be completely done. The interest behind the essay arose when I’ve studied in a computer course named “Webbteknisk Introduktion” at the Linnaeus University the autumn of 2009, inside the program: “Webbprogrammerare-programmet”. The course was mainly about html, but at one point we’ve also got to have our hands on the new thing – html 5. It was said at the same point in the course, that html 5 was more or less ready to use. Which caught my interest and wanted to get evidence about it. New tags/attributes have in this work been tested with JavaScript towards the latest web browsers (as of May 2011 and August 2011) consisting of: Internet Explorer, Opera, Mozilla Firefox, Apple Safari and Google Chrome. On top of Mac OS X Server 10.6.7 and Windows 7 Professional (x86). According to the final results, it shows that the tested browsers had about 80 to 90 percent support for the new tags, even if the attributes may vary. The final conclusion about the completed tests would then be that it’s more or less a choice of the things in the language he/she wants, or need to use, and so on.

Webbapplikationer blir mer och mer avancerade och ställer mer krav på dagens enheter. Rendering av grafik i HTML5 canvas är något som kan ställa stort krav på enheter och en påföljd av detta är att svarstiden blir lång. En eventuell lösning på problemet med bristande prestanda hos enheter är att förflytta renderingen från klientsidan till serversidan. Två versioner av samma webbapplikation skapades där renderingen sker på klientsidan i en version och på serversidan i annan version med hjälp av Node.js. Webbapplikationen renderar diagram som baseras på olika variabler. Tester genomfördes för att jämföra versionerna, där det visade sig att klientversionen var den version som resulterade i lägst svarstid och minst överförd datamängd. Ytterligare tester med större skillnad gällande prestanda och typ för enheter är av intresse för framtida arbete.