Com o crescente potencial da world wide web, a criação e desenvolvimento de aplicações web se tornaram atividades extremamente profissionalizadas, envolvendo principalmente os mercados de Design e de Tecnologias de Informação e Comunicação (TICs). As novas equipes de desenvolvimento têm caráter interdisciplinar, e são compostas por profissionais com perfis diferenciados, que acabam por incorporar novas combinações de competências e características de diferentes campos profissionais. Neste contexto, a presente pesquisa analisa as competências da equipe de desenvolvimento de aplicações web e os processos utilizados, a fim de traçar um paralelo entre o processo, o papel do profissional e as competências necessárias em cada etapa, por meio da realização de um estudo de caso. Os resultados permitiram a construção de um mapeamento que demonstra o alinhamento entre as competências da equipe de projeto e a metodologia de desenvolvimento de aplicações web, considerando todas as etapas do processo. / As world wide web has been increasing potentially, web applications creation and development have become highly professionalized activities, involving mainly Design and Information and Communication Technology areas. The new development teams have an interdisciplinary character, and are composed of professionals with different profiles, which eventually incorporate new competences and characteristics combinations of different professional areas. In this context, this research analyses the competences of the web applications development team and the used processes, in order to draw a parallel between the processes, the professional role and the wanted competences in witch stage through a study case. The results allowed constructing a map that exposes the alignment between the design team competences and the web applications development methodology, considering all process stages.

A literatura relata que a produção de aplicações Web apresenta problemas de baixa qualidade nas aplicações desenvolvidas, não-cumprimento de prazo e orçamento, desenvolvimento ad hoc, caótico e desestruturado. Acrescente-se que diferentes disciplinas e áreas do conhecimento, com abordagens e metodologias próprias, estão envolvidas com esse tipo de produção. Verifica-se que aplicações Web são desenvolvidas por profissionais de Software, Design, Comunicação e Mídia, entre outros. Uma área do conhecimento denominada Engenharia Web foi criada para enfocar estas questões, entretanto, ainda não está consolidada. O presente trabalho tem como objetivo apresentar diretrizes para a definição do processo de produção de aplicações Web, a partir de uma abordagem sistêmica deste, na qual as diferentes disciplinas, papéis e atividades são correlacionados na fase de concepção do projeto. Utiliza-se como método de pesquisa a revisão bibliográfica e, a partir desta, estudos de caso e pesquisa-ação para a formação de um modelo teórico. Este abstrai os aspectos fundamentais das principais disciplinas envolvidas na produção de aplicações Web e permite a instanciação de um processo adequado às particularidades de diferentes projetos. O trabalho identifica um espaço de projeto formado pelas dimensões Forma, Função, Informação e Tecnologia, relacionadas, por sua vez, às principais disciplinas envolvidas na produção de aplicações Web: Design, Engenharia de Software, Comunicação e Mídia. Conclui-se que, em função do(s) padrão(ões) de projeto utilizado(s), existe um enfoque mais adequado para o processo de produção, orientado sobre uma ou mais dimensões do espaço de projeto, bem como um papel centralizador, focado em uma disciplina, que permite o projeto evoluir mais rapidamente a um nível esperado de qualidade. / The literature relates that Web applications production presents problems like: low quality; ad-hoc, chaotic and unstructured process; budget and time overlap. Moreover, different disciplines and knowledge areas, with particular approaches and methodologies, contribute with this kind of production. It is verified that Web applications are developed by professionals of Software, Design Communication & Media, and others. A particular knowledge area called Web Engineering was developed to focus these questions; however, it is not consolidated yet. This work has as objective to present guidelines to the definition of the Web applications production process, directed by a systemic approach to this process, on that the different disciplines, roles and activities are correlated, in the conception phase. The research method utilizes bibliographic review and than, cases studies and action-research to create a theoretical model. This model abstracts the fundamental aspects of the involved disciplines in the Web applications production and enables a process instantiation, adequate to the particularities of different projects. The work identifies a design space formed by the dimensions Form, Function, Information and Technology, related to the main disciplines involved in Web applications production: Design (styling), Software Engineering and Communication & Media. It concludes that, guided by design patterns utilized, a best fit production process approach can be found, oriented on one or more dimensions of the design space, as well as a centralizer role, focused in a discipline. This approach allows to the project a quick evolution to the expected quality level.

Com o crescente potencial da world wide web, a criação e desenvolvimento de aplicações web se tornaram atividades extremamente profissionalizadas, envolvendo principalmente os mercados de Design e de Tecnologias de Informação e Comunicação (TICs). As novas equipes de desenvolvimento têm caráter interdisciplinar, e são compostas por profissionais com perfis diferenciados, que acabam por incorporar novas combinações de competências e características de diferentes campos profissionais. Neste contexto, a presente pesquisa analisa as competências da equipe de desenvolvimento de aplicações web e os processos utilizados, a fim de traçar um paralelo entre o processo, o papel do profissional e as competências necessárias em cada etapa, por meio da realização de um estudo de caso. Os resultados permitiram a construção de um mapeamento que demonstra o alinhamento entre as competências da equipe de projeto e a metodologia de desenvolvimento de aplicações web, considerando todas as etapas do processo. / As world wide web has been increasing potentially, web applications creation and development have become highly professionalized activities, involving mainly Design and Information and Communication Technology areas. The new development teams have an interdisciplinary character, and are composed of professionals with different profiles, which eventually incorporate new competences and characteristics combinations of different professional areas. In this context, this research analyses the competences of the web applications development team and the used processes, in order to draw a parallel between the processes, the professional role and the wanted competences in witch stage through a study case. The results allowed constructing a map that exposes the alignment between the design team competences and the web applications development methodology, considering all process stages.

Made available in DSpace on 2014-06-12T15:50:30Z (GMT). No. of bitstreams: 2 arquivo1972_1.pdf: 2696080 bytes, checksum: 69e35c3af53ec4eeb4876270ddb417ad (MD5) license.txt: 1748 bytes, checksum: 8a4605be74aa9ea9d79846c1fba20a33 (MD5) Previous issue date: 2008 / Coordenação de Aperfeiçoamento de Pessoal de Nível Superior / No mundo globalizado e competitivo, a sobrevivência de uma organização está relacionada a atrair e, principalmente, manter clientes (consumidores) através da prestação de serviços de qualidade. Atualmente, a forma mais usual de comunicação direta entre as organizações e seus (possíveis) clientes é através de aplicações baseadas na Web. Entre as vantagens deste tipo de aplicação estão a disponibilidade em tempo integral (24/7/365) e a facilidade de acesso, tendo em vista que o requisito inicial é apenas um computador com acesso à Internet. No contexto da disciplina de Engenharia de Software, as aplicações Web possuem características específicas que as diferem de aplicações tradicionais, especialmente no que se refere à interação com os usuários, e que devem ser consideradas adequadamente no processo de desenvolvimento. Entretanto, os processos de software tradicionais são dirigidos à funcionalidade e a parte do sistema responsável pela interação com os usuários é tratada com menor ênfase usualmente apenas na etapa de Implementação, ocasionando deficiências no produto e insatisfação dos usuários quanto ao uso do sistema. Neste cenário, este trabalho apresenta o método WE4UIV (Web Engineering User Interaction View), dirigido a modelos e baseado em componentes, cujo propósito é tratar os aspectos relacionados à visão de interação com os usuários de aplicações Web, nos níveis de análise e projeto, de modo a fornecer subsídios para orientar a etapa de Implementação. Além disso, visando acelerar e tornar menos manual a etapa de Implementação, este trabalho também apresenta uma ferramenta integrada a um ambiente de desenvolvimento para geração de código fonte a partir de artefatos de projeto descritos em UML. A abordagem apresentada neste trabalho pressupõe melhorias quantitativas no processo de desenvolvimento da visão de interação com os usuários, especificamente redução do tempo da etapa de Implementação e do índice de trabalho adicional causado por solicitações de mudança. A abordagem proposta é validada através de um processo de experimentação no contexto de um projeto real de desenvolvimento de software

Made available in DSpace on 2015-04-11T14:02:43Z (GMT). No. of bitstreams: 1 bruno araujo.pdf: 1894932 bytes, checksum: 3283d30b868fd5576735ba6c2378d8ff (MD5) Previous issue date: 2012-03-05 / The increasing interest on mobile technologies and the evolutionary context in which mobile applications are developed have made the usability evaluation of these applications an important research area. However, usability evaluations are often avoided by developers or companies due to their lack of experience in the field. This thesis presents the UBICUA (Usability-Based Inspection CUstomizable Approach) technique, an inspection technique specifically proposed to assess the usability of hybrid mobile web applications (i.e., applications that rely on the Internet, such as widgets). Also, our approach is customizable by the inspector s knowledge, which results in a greater usability problem identification even by non-expert users. To support our UBICUA technique s creation process, this research has adopted an evidence-based methodology. Then, this thesis describes how UBICUA was created based on the outcome of a secondary study, two results feasibility studies and observation studies. Our ultimate goal is to increase the quality of hybrid mobile web applications and improve the user s interaction in this technology. We also present the guidelines and resources developed to support the execution of usability inspections of mobile applications in software development organizations. / O crescente interesse em tecnologias móveis e o contexto evolutivo no qual aplicações móveis são desenvolvidas têm tornado a avaliação de usabilidade destas aplicações um importante campo de pesquisa. No entanto, as avaliações de usabilidade são normalmente evitadas pelos desenvolvedores ou empresas, devido à falta de experiência na área. Esta dissertação apresenta a técnica UBICUA (Usability-Based Inspection CUstomizable Approach), específica para avaliação de usabilidade de aplicações Web móveis híbridas (i.e., aplicações locais que dependem da Internet). Esta nova abordagem é customizada pelo conhecimento do inspetor visando maior identificação de problemas de usabilidade, mesmo por inspetores com pouco conhecimento. Para a avaliação e evolução da UBICUA, esta pesquisa adotou uma metodologia baseada em evidências. Esta dissertação mostra como a UBICUA foi definida e aprimorada a partir dos resultados de diferentes estudos experimentais: mapeamento sistemático de literatura, estudos de viabilidade e de observação. O objetivo final é aumentar a qualidade das aplicações Web em dispositivos móveis e melhorar a interação dos usuários com estas tecnologias. Adicionalmente, são apresentadas diretrizes e recursos desenvolvidos para apoiar a realização de inspeções de usabilidade de aplicações deste porte.

Made available in DSpace on 2015-04-11T14:02:46Z (GMT). No. of bitstreams: 1 thiago.pdf: 2481710 bytes, checksum: b6ca68e9c8339ffcfd02dd0cdae775ae (MD5) Previous issue date: 2013-04-05 / The evolution in web applications development favored the emergence of dynamic pages. This development was made possible through the creation of new technologies like script functions and web browser advanced features that provided the insertion of new features and creation of interactive services, such as Internet banking, social networks, e-commerce, blogs and forums. The use of these new resources and features has gradually improved the interactivity and usability of web applications. Moreover, the inappropriate use of these features resulted in the emergence of several attacks, including, Cross-Site Scripting (XSS) that is highlighted at the top of lists and reports of the greatest threats to web applications in recent years. This works demonstrates the feasibility of using a methodology that is capable to detect XSS attacks by analyzing the information contained in applications. A prototype of the methodology, called ETSSDetector, was developed and compared with similar tools. The results show that by analyzing the input fields, it is possible to generate more effective tests, decreasing the amount of requests made in the application. Furthermore, the ability to fill the fields with only valid information ensures the submission of forms on pages, increasing the detection rate of XSS attacks. / A evolução no desenvolvimento para aplicações web favoreceu o surgimento de páginas dinâmicas. Tal evolução foi possível através da criação de novas tecnologias como funções de script e recursos avançados em navegadores web que proporcionaram a inserção de novas funcionalidades e criação de serviços interativos, tais como Internet banking, redes sociais, e-commerce, blogs e fóruns. A utilização desses recursos e funcionalidades tem melhorado gradativamente a interatividade e usabilidade das aplicações web. Por outro lado, o uso inadequado dessas funcionalidades acarretou no surgimento de diversos ataques, entre eles, o Cross-Site Scripting (XSS). Este ataque tem recebido muito destaque nos últimos anos, por estar no topo de listas e relatórios das maiores ameaças para aplicações web nos últimos anos. Este trabalho demonstra a viabilidade de uso de uma metodologia capaz de detectar ataques XSS em aplicações web através da análise de informações contidas nas aplicações. Um protótipo da metodologia, denominado de ETSSDetector, foi desenvolvido e comparado com outras ferramentas similares. Os resultados obtidos mostram que, através da análise dos campos de entrada, é possível a geração de testes mais efetivos, diminuindo a quantidade de requisições realizadas na aplicação. Além disso, a habilidade de preenchimento dos campos da aplicação apenas com informações válidas garante a submissão dos formulários das páginas, aumentando a taxa de detecção de ataques XSS.

More people are connecting to the Internet, by using computers and other devices. At the same time web applications are replacing locally installed applications. This makes web application usability an interesting and important subject. The aim of this thesis was to find a set of usability recommendations and guidelines specifically suited for web-based applications. The guidelines were derived both from studies on how web applications and regular web sites should be designed, usability studies for locally installed applications as well as more general usability and interaction design guidelines. A prototype was created based on the list of guidelines. The prototype was then evaluated from a usability perspective, using heuristic evaluation with Nielsen’s 10 usability heuristics, to test the validity of the guidelines. The results of the evaluation says that while the list of guidelines can be used to help creating usable web applications, following the guidelines is not alone a mean of getting rid of all usability problems.

Developing native applications for different platforms with different resolutions and screen sizes is both time consuming and costly. If developers were able to develop one web based application which can be used on multiple platforms, yet retain the same level of security as a native application, they would be able to reduce both development time and costs. In this thesis we will investigate the possibilities of achieving a level of security in a web-based application that can equal that of a native application, as well as how to develop an application that uses the Mina Vårdkontakter (My Healthcare Contacts) framework.

Web applications and APIs have become more popular every year, and security risks haveincreased. Along with more security risks and the large amount of sensitive informationshared on web applications today, the problem grows. I therefore wanted to explore morein security deficiencies to increase my own knowledge and others in the field. To do that,a web application was developed and a survey was made of what security threats existtoday and what solutions they have. Some of the solutions encountered during theinvestigation were then implemented and tested in the web application. The result showedsome general solutions such as validation, which was a solution to a number of threats.The investigation also showed that security is not black and white and that it is possibleto implement actions but attackers can still find ways to attack systems.

This thesis focuses on the impact of user interface's compliance with different platform conventions on usability measures and user habits. Theoretical background is provided by usability guidelines and preceding research papers on related topics. Conducted research incorporates techniques of unmoderated remote usability testing for obtaining quantitative data on usability of three different prototypes of the same web application with different graphical user interfaces. Confirmatory data analysis proves differences between prototypes' usability measures, more importantly, it proves utilization of different user habits in each tested visual interface type. These results broaden the knowledge of user habits in relation to the interface environment.