Estudo de Funcionalidades HTML5 para um Editor de Imagem na Internet

Hoje em dia existem múltiplas aplicações multimédia na Internet, sendo comum qualquer website apresentar mais de uma forma de visualização de informação além do texto como, por exemplo: imagens, áudio, vídeo e animação. Com aumento do consumo e utilização de Smartphone e Tablets, o volume de tráfego de internet móvel tem vindo a crescer rapidamente, bem como o acesso à internet através da televisão. As aplicações web-based ganham maior relevância devido à maior partilha ou consumo de conteúdos multimédia, com ou sem edição ou manipulação da mesma, através de redes sociais, como o Facebook. Neste documento é apresentado o estudo de alternativas HTML5 e a implementação duma aplicação web-based no âmbito do Mestrado de Engenharia Informática, ramo de Sistemas Gráficos e Multimédia, no Instituto Superior Engenharia do Porto (ISEP). A aplicação tem como objetivo a edição e manipulação de imagens, tanto em desktop como em dispositivos móveis, sendo este processo exclusivamente feito no lado do cliente, ou seja, no Browser do utilizador. O servidor é usado somente para o armazenamento da aplicação. Durante o desenvolvimento do projeto foi realizado um estudo de soluções de edição e manipulação de imagem existentes no mercado, com a respetiva análise de comparação e apresentadas tecnologias Web modernas como HTML5, CSS3 e JavaScript, que permitirão desenvolver o protótipo. Posteriormente, serão apresentadas, detalhadamente, as várias fases do desenvolvimento de um protótipo, desde a análise do sistema, à apresentação do protótipo e indicação das tecnologias utilizadas. Também serão apresentados os resultados dos inquéritos efetuados a um grupo de pessoas que testaram esse protótipo. Finalmente, descrever-se-á de forma mais exaustiva, a implementação e serão apontadas dificuldades encontradas ao longo do desenvolvimento, bem como indicadas futuras melhorias a introduzir.

Nowadays there are several multimedia applications in the internet, where it is usual on any website to show more than one visual form of information besides text such as audio, video, animation and images. With the massification of Smartphone and Tables, the volume of internet traffic has been growing fast, as well as the internet access by SmartTVs and similar devices. The web-based applications gain more impact because more multimedia content has been shared, with or without edition or manipulation, on social networks like Facebook. In this document is presented the implementation of web-based application on context of Computer Engineering Master Degree, Graphics Systems and Multimedia, at Instituto Superior Engenharia do Porto (ISEP). The application aims to do image edition and manipulation, in desktop as well as in mobile devices, where the process is exclusive of client side, which means, on user browser application. The server is used only to storage the resources of the application. To develop the project a study of edition and manipulation image software in the market was performed, with the due analysis of comparison and the presentation of web technologies as HTML5, CSS3 and JavaScript, that will help to develop the prototype. After, it will be shown in detail, the phases of the development of the prototype, from system analysis to visual presentation of the prototype and which technologies were chosen. It is also presented the results of the surveys made to a group of people that tested the prototype. Finally, it will be thoroughly described the implementation and it will be indicated some difficulties during the development, as well as the future evolutions to insert.