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 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.

Existem várias linguagens e plataformas que permitem a programação baseada no modelo de atores, uma solução elegante para a programação concorrente proposta há algumas décadas. Segundo esse modelo, implementa-se o programa na forma de uma série de agentes que são executados em paralelo e se comunicam entre si somente por meio da troca de mensagens, sem a necessidade de memória compartilhada ou estruturas tradicionais de sincronização como semáforos e mutexes. Uma das áreas nas quais esse modelo seria particularmente adequado é a programação de aplicações web, isto é, aplicações cujas lógicas de negócios e de dados residem num servidor e que são acessadas pelo usuário por intermédio de um navegador. Porém, existem muitos obstáculos ao desenvolvimento de aplicações desse tipo, entre eles a falta de linguagens e ferramentas que permitam integrar tanto o servidor quanto o cliente (navegador) no modelo de atores, as dificuldades de conversões de dados que se fazem necessárias quando o servidor e o cliente são desenvolvidos em linguagens diferentes, e a necessidade de contornar as dificuldades inerentes aos detalhes do protocolo de comunicação (HTTP). O PAWEB é uma proposta de uma plataforma para o desenvolvimento e execução de aplicações web que fornece a infraestrutura necessária para que tanto o lado cliente quanto o lado servidor do aplicativo hospedado possam ser escritos numa mesma linguagem (Python), e possam criar e gerenciar atores que trocam mensagens entre si,tanto local quanto remotamente, de maneira transparente e sem a necessidade de implementar conversões de dados ou outros detalhes de baixo nível. / There are several programming languages and platforms that allow the development of systems based on the actor model, an elegant solution for concurrent programming proposed a few decades ago. According to this model, the program is implemented in the form of several agents that run concurrently and only communicate amongst themselves through the exchange of messages, without the need for shared memory or traditional synchronization structures such as semaphores and mutexes. One of the areas where this model would be particularly appropriate would be the development of web applications, that is, applications whose business and database logic reside on the server and are accessed by the user by means of a web browser. However, there are several obstacles to the development of this type of application, amongst them the lack of languages and tools that allow for the integration of both the server and the client (browser) into the actor model, data conversion difficulties arising from using different programming languages on the server and the client, and the need to circumvent the inherent difficulties posed by the details of the communications protocol (HTTP). PAWEB is a proposal for an application development and execution platform that supplies the infrastructure needed so that both the server and client sides of the hosted application can be written in the same language (Python) and so that they may create and manage actors that exchange messages with one another, both locally and remotely, in a transparent manner and without the need to implement data conversions or other low-level mechanisms.

This diploma thesis focuses on the analysis of the company iPARTNER s.r.o. and its development over the course of the past several years. To evaluate the company’s current state, the thesis uses the following analytical methods: SWOT, 7S, SLEPT, and an analysis of the paid search campaign service tools. The solution developed in this thesis provides both the clients, as well as the employees of the company with a more effective tool for comparing and determining the metrics used in paid search campaigns.