Les applications Web sont très populaires et l'utilisation de certaines d'entre elles (p. ex. Facebook, Google) fait de plus en plus partie de nos vies. Les développeurs sont impatients de créer diverses applications Web pour répondre à la demande croissante des gens. Pour construire une application Web, les développeurs doivent connaître quelques technologies de programmation de base. De plus, ils préfèrent utiliser certains composants tiers (tels que les bibliothèques côté serveur, côté client, services REST) dans les applications web. En incluant ces composants, ils pourraient bénéficier de la maintenabilité, de la réutilisabilité, de la lisibilité et de l'efficacité. Dans cette thèse, nous proposons d'aider les développeurs à utiliser des composants tiers lorsqu'ils créent des applications web. Nous présentons trois obstacles lorsque les développeurs utilisent les composants tiers: Quelles sont les meilleures bibliothèques JavaScript à utiliser? Comment obtenir les spécifications standard des services REST? Comment s'adapter aux changements de données des services REST? C'est pourquoi nous présentons trois approches pour résoudre ces problèmes. Ces approches ont été validées par plusieurs études de cas et données industrielles. Nous décrivons certains travaux futurs visant à améliorer nos solutions et certains problèmes de recherche que nos approches peuvent cibler. / Web applications are highly popular and using some of them (e.g., Facebook, Google) is becoming part of our lives. Developers are eager to create various web applications to meet people's increasing demands. To build a web application, developers need to know some basic programming technologies. Moreover, they prefer to use some third-party components (such as server-side libraries, client-side libraries, REST services) in the web applications. By including those components, they could benefit from maintainability, reusability, readability, and efficiency. In this thesis, we propose to help developers to use third-party components when they create web applications. We present three impediments when developers using the third-party components: What are the best JavaScript libraries to use? How to get the standard specifications of REST services? How to adapt to the data changes of REST services? As such, we present three approaches to solve these problems. Those approaches have been validated through several case studies and industrial data. We describe some future work to improve our solutions, and some research problems that our approaches can target.

The subject of the work was to create a project support software application designed for work in smaller companies. The opening parts of the thesis concern on market research and are followed by chapters concerning on request specifications and possible usage possibilities of the application. In following parts is covered the analysis of possible means to create the application. Closing chapters of the thesis cover detailed user and administrator instructions. The application itself is attached to the thesis.

The work focuses on the design, development and implementation of a web entertainment portal. The main objective of this work is to create an application that will meet the required functionality using appropriate technologies. Defining the desired functionality as well as the selection of appropriate technology is part of corresponding chapters. As the selected and then used technology was chosen server-side programming language PHP in conjunction with the MySQL database system. The application is a web portal based on Zend framework application that is practical implementation of the MVC architecture. As the client-side programming language was chosen JavaScript, together with a freely available library jQuery that simplifies and streamlines work with the language. The thesis then describes the design data model, which forms the basis for future application. The following chapter describes the structure of each system and relations between them. The conclusion is devoted to consideration of whether the fulfillment of the objectives, benefits and work output.

Nos últimos anos, a área de educação vem passando por mudanças importantes em relação à introdução das tecnologias da informação no processo de ensino/aprendizagem. Como resultado dessas mudanças e dos esforços para aproveitar os benefícios dessas tecnologias, diversos sistemas (ou ambientes virtuais) de apoio à educação foram desenvolvidos. Apesar do vasto conjunto de ferramentas oferecidas por esses ambientes, muitos usuários ainda optam pelo desenvolvimento de suas próprias aplicações de apoio à educação. Isso acontece em função da diversidade das técnicas de ensino e avaliação existentes entre diferentes professores. Devido ao fato dos ambientes educacionais tradicionais não serem projetados para oferecer muitas possibilidades de adaptação e extensão, principalmente em termos de funcionalidades, os usuários são desmotivados a utilizar esses sistemas e acabam criando suas próprias aplicações. Como uma alternativa para essa falta de flexibilidade, nesta tese, um framework modular baseado em componentes (WebMODE - Web MOdular DEvelopment) foi proposto para o desenvolvimento de aplicações Web mais adaptáveis e extensíveis (em especial as aplicações de apoio à educação). Além disso, também foi proposto um processo de software para a instanciação de aplicações sobre esse framework. Tal processo enfatiza as atividades de especificação dos módulos, que fazem parte dessas aplicações, de forma independente da tecnologia que será utilizada na sua implementação. Os pontos principais deste framework são o uso de padrões de projeto, como o MVC (Model View Controller) e o uso de sistemas modulares e baseados em componentes no desenvolvimento de aplicações Web que são compostas de módulos com funcionalidades configuráveis. O WebMODE foi projetado como um framework conceitual e, posteriormente, implementado e avaliado utilizando a tecnologia J2EE (Java 2 Enterprise Edition) / In the last few years, education has been going through important changes related to the introduction of information technology in the learning process. As a result of these changes and of efforts to take advantage of the benefits provided by this technology, many systems (or virtual environments) for supporting the learning process have been developed. However, despite the great number of tools offered by those systems, many users still prefer to develop their own tools. This happens because there is a lot of diversity in teaching and evaluation techniques among different teachers and traditional learning systems are not designed to adapt to this diversity. They do not offer many possibilities for functionality adaptation and extension. This makes users unmotivated to use them and forces them to write their own applications. As an alternative to this flexibility problem, a modular, component-based framework (WebMODE - Web MOdular DEvelopment) was proposed for the development of more adaptable and extensible Web applications, especially for web-based learning systems. In addition, a software process for instantiating software applications using this framework was also proposed. This software process emphasizes the specification of the modules that form these software applications in a format independent of the technology used for their implementation. The main features of this framework are the use of design patterns, such as MVC (Model View Controller), and the use of concepts from modular and component-based systems for the development of web applications composed by modules with configurable functionalities. The WebMODE was designed as a conceptual framework and later implemented and evaluated using the J2EE (Java 2 Enterprise Edition) technology

[pt] Este trabalho apresenta um modelo para projeto e implementação de aplicações hipermídia no contexto da Web semântica. A partir dos princípios o Object Oriented Hypermedia Design Method, utilizamos as noções de ontologias para definir o modelo conceitual de uma aplicação, estendendo o poder expressivo daquele método. Os modelos de navegação são definidos utilizando-se uma linguagem de consulta que permite referências tanto ao esquema de dados quanto às suas instâncias, possibilitando a definição de estruturas de navegação flexíveis e abrangentes. Adicionalmente, propomos a utilização de estruturas de acesso facetadas para o apoio à escolha de objetos de navegação utilizando múltiplos critérios. Finalmente, apresentamos uma arquitetura de implementação que permite a utilização direta da especificação da aplicação na derivação da implementação da aplicação final. / [en] In this thesis we present a method for the design and implementation of web applications for the Semantic Web. Based on the Object Oriented Hypermedia Design Method approach, we used ontology concepts to define an application conceptual model, extending the expressive power of the original method. The navigational models definitions use a query language capable of querying both schema and instances, enabling the specification of flexible access structures. Additionally, we propose the use of faceted access structures to improve the selection of navigational objects organized by multiple criteria. Finally, we present an implementation architecture that allows the direct use of the application specifications when deriving a final application implementation.

Decades of scientific inquiry have conveyed evidence in support of sustainability efforts to mitigate some of the greatest challenges and dilemmas facing modern and future societies. The solutions to these dilemmas may not be achievable in the short-term, yet, through increased public participation in sustainable community development, smallscale, localized solutions can be obtained. This preliminary research explored the influence of Environmental Systems Research Institute (Esri) story map designs on participation in sustainability-related activities among individuals who expressed interest in sustainable lifestyles. Specifically, this exploratory study was designed to demonstrate the applicability of interactive web geographic information systems (GIS) applications as platforms for promoting experiential learning and improved public participation in targeted sustainability-related activities. Web GIS applications were produced using multiple Esri story map design templates to visualize the sustainability-related features (e.g., Farms & Food, Shops & Services, Groups) of Skagit County, Washington; Barron County, Wisconsin; and Warren County, Kentucky. Story map applications were distributed electronically in the study site locations using social media, email disbursement, and website placement. After viewing the story map, research participants completed a survey regarding their preferences among the story map designs and their current participation in sustainability initiatives or activities. Completed surveys from 104 respondents were analyzed to begin to better understand participant opinions of the story map designs and the influences of these designs on participation in sustainability related activities. While more survey data are needed to understand fully the influence of story maps on participation in sustainability-related activities, participants in this study indicated that story map applications can increase accessibility to sustainability-related information and enhance the likelihood of participation in future sustainability-related activities. Of the four story map designs evaluated as part of this exploratory study, the data suggest the shortlist design may be the best suited to inform and encourage participation in sustainability-related activities.

<p>Detta examensarbete har gjorts på uppdrag av Compare Testlab på Sätterstrand, Hammarö. Målet med arbetet var att definera en uppsättning frågor och punkter som ska vara med i ett lättviktstest med inriktning på säkerhet. Efter mycket studier av böcker och webbsidor kom vi fram till att det inte var så lätt som vi trodde att definera ett allmänt säkerhetstest för mjukvaror eller applikationer. Efter samtal med uppdragsgivaren bestämdes det att arbetet skulle begränsas till webbapplikationer.Internet används mer och mer för varje år som går och det dyker upp nya webbapplikationer i snabbare takt än gamla försvinner. Många företag är beroende av webbapplikationer för att kunna bedriva versamhet. Även andra företag och organisationer, som inte är helt beroende av webbapplikationer, har ofta nytta av dem. Denna rapport behandlar vissapunkter och aspekter som man bör tänka på vid ett sådant test. Dessa punkter inkluderar till exempel autentisering, säker kommunikation och attacker mot webbapplikationer.</p> / <p>This work has been done on behalf of Compare Testlab that is located on Sätterstrand, Hammarö. The purpose of the work was to define a set of questions to be considered in a light-weight test with a focus on security. After a study of literature found in different books and at web pages we came to the conclusion that it is not as easy to define a general security test for software or applications as we thought from the beginning. Hence, after talking to the employer it was decided that the work should be limited to web applications.Internet is used more and more for every passing year and new web applications appear faster than old applications disappear. Many companies are dependant of web applications to be able to conduct business. Also, other companies or organisations that are not totally dependant of web applications often have good use of them. This report investigates some points and aspects to be considered in such a test. These points include for example authentication, secure communication and attacks on web applications.</p>

<p>One of the tasks of the Swedish Civil Contingencies Agency, MSB (<em>Myndigheten för Samhällsskydd och Beredskap</em>), is to partake in relief efforts in foreign countries. Before these relief efforts, roads are inspected for accessibility to ensure that communications will work. The road inspections are currently being performed by hand with the use of pen and paper, which brings difficulties to distribution of information.</p><p>During the course of this thesis project, Sweco Position Karlstad has developed a digital road inspection tool for MSB that recieves information from a road inspector and stores this information in a database. This road inspection tool may in the future replace the pen and paper inspections and ease the work of the road inspectors.</p><p>In this dissertation, a prototype of a web map that displays data from a road inspection is presented. Using a web map to display the results of a road inspection offers several advantages, as it eases distribution of information and allows end users to make selections about what data they want to view.</p>

Mobiway AB är ett Sundsvallsbaserat företag som har utvecklat en tjänst föradministrering och bevakning av elektroniska parkeringsbiljetter. De vill nuexpandera sin verksamhet och skapa en egen parkeringstjänst – en elektroniskparkeringsskiva. Mitt uppdrag har varit att utveckla och utvärdera enelektronisk parkeringsskiva för mobila enheter byggd i jQuery mobile. För attskapa en så användarvänlig och smidig sida som möjligt kommer alltinformationsutbyte att ske med AJAX kommunikation mot en RESTwebbtjänst.Projektet består av utveckling och utvärdering av en mobilwebbklient, en affärslogik byggd som en REST webbtjänst, en databas för attlagra all information samt en kundtjänst för att administrera tjänsten.Utvecklingen kommer att ske med en agil utvecklingsmetod. Resultatetkommer att utvärderas genom en plattformstest och enanvändbarhetsutvärdering. Plattformstestet fokuserar på att utvärderakrossplattform kapabiliteten för den mobila webbklienten ochanvändbarhetsutvärderingen fokuserar på att uppmäta nyttan ochanvändbarheten hos webbklienten. Utöver teoretiskt bakgrundsmaterial ochmetodval finns resultatdelen där projektets olika delar presenteras ochutvärderingarna redovisas. Slutsatsen reflekterar och kritiserar resultatet utifrånflera aspekter. Både användbarhetsutvärderingen och plattformstestet gavväldigt bra resultat vilket visar att tjänsten är välutvecklad både tekniskt sett,utseendemässigt och att den är logisk uppbyggd. Faktum är att de flestatestanvändarna skulle kunna tänka sig betala för att använda den här tjänsten.Detta projekt är en testprototyp för parkeringstjänsten, vidareutvecklingsmöjligheter presenteras som en reflektion över de etiska aspekternakring tjänsten och den personliga informationen som behandlas av den. / Mobiway AB is a company based in Sundsvall, Sweden. They have developedan administration and monitoring service for electronic parking tickets. Theynow want to expand their business and create their own parking service - anelectronic parking disc. My mission was to develop and evaluate this electronicparking disc for mobile devices, which would be built on jQuery mobile. Tocreate such a user friendly and flexible site as possible, all communication willbe made with AJAX requests against a REST web service. The project consistsof the development and evaluation of a mobile Web client, a business logic builtas a REST web service, a database to store all information as well as anadministration panel. The development will be done with an Agile developmentmethod. The results will be evaluated by a usability test and a platform test thatfocuses on evaluating the cross platform capabilities of the mobile Web clientwhile the usability evaluation focuses on measuring the usefulness and usabilityof the web client. In addition to the theoretical background and methodology,the results section where the different parts are presented, the evaluation of theproject is presented. The conclusion reflects and criticizes the results fromseveral aspects. Both the usability evaluation and the platform test gave verygood results, which show that the service is well developed both technically,visually as well as logically. The fact is that most of the test users would bewilling to pay to use this service. This project is a test prototype for the parkingservice, further development is presented as well as reflection on the ethicalissues surrounding the service and the personal data processed by it.

In a web application, “webform” plays an important role in providing interactions between users and a server. To develop a webform in conventional method, developers have to create many files including HTML-JavaScript, SQL script, and many server-side programs to process to data. In this thesis, we propose a new language, Webform Language (WFL). WFL can considerably decrease developing time of webform by describing it in XML and a parser will automatically generate all necessary files. In addition, we give an option for user to describe a webform in another language, called Simple Webform Language (SWFL). The syntax of a SWFL is simple and similar to the “CREATE TABLE” statement in SQL. When a parser parse webform description in SWFL, it translated the description to WFL first, and then processed it by as normal WFL.