Projecto em Engenharia Informatica

182 Pages·2008·12.67 MB·English

U L
NIVERSIDADE DE ISBOA
Faculdade de Ciências
Departamento de Informática
Desenvolvimento de Aplicação Web de Pesquisa, Gestão e
Partilha de Eventos
Luís Manuel Rochinha Oliveira
Projeto orientado pelo Prof. Doutor António Emanuel Magalhães Duarte
Pereira dos Santos
e co-orientado pelo Prof. Doutor Francisco José Moreira Couto
PROJETO
MESTRADO EM ENGENHARIA INFORMÁTICA
Especialização em Sistemas de Informação
2015

Agradecimentos
Emprimeirolugar,queroagradeceraosmeuspaispelocarinhoeapoioincondicional
que me derem ao longo do meu percurso académico e ao longo da minha vida. Sem eles
nãoseriapossívelchegaratéaquieconcluirestaetapadaminhavida.
Agradeço ao meu professor e orientador Emanuel Santos, por toda a disponibilidade,
dedicaçãoeapoioaolongodesteProjetodeMestrado.
AgradeçoàminhanamoradaDanielaCorreiaoapoio,amorecarinhoquemefoidado
duranteomeupercursoacadémicoeemespecialnesteúltimoanodeMestrado.
AgradeçoaoSAPOLabs,emparticularaoJorgeTeixeirapeladisponibilidadeeajuda
quemefoidada.
Agradeço aos meus colegas de faculdade, em especial ao Carlos Barata, Cláudio Sa-
ramagaio, João Nascimento, Jorge Miguel, Luís Santos, Mónica Abreu, Rafael Oliveira
e Tiago Aparício pelo apoio e ajuda que me deram quando eu mais precisava, pelos mo-
mentosdedescontraçãoeprincipalmentepelassuasamizades.
E agradeço a todos, que de uma forma direta ou indireta ajudaram-me na realização
desteProjetodeMestrado.
i

Aosmeuspaiseamigos

Resumo
A participação e organização de eventos (tais como, eventos culturais, desportivos, mu-
sicais) sempre fizeram parte da vida das pessoas, e as pessoas necessitam de uma forma
simples e eficaz de pesquisar eventos. Para colmatar estas necessidades foi desenvol-
vida uma aplicação web que facilita a pesquisa e a divulgação de eventos (por exemplo,
eventos culturais, desportivos, musicais, etc ...) a realizar em Portugal. Para isso foram
desenvolvidasváriasfuncionalidadeseinterfaces(paradesktopedispositivosmóveis)de
modoaterumaaplicaçãoinovadoracapazdeoferecerumaboaexperiênciadeutilizador.
Nomeadamente,avisualizaçãodoseventosnomapaassociadocomosfiltrosdepesquisa,
sugestões de eventos, saber que pessoas vão aos eventos (“quem vai?"), convidar amigos
para eventos, a criação de eventos, a divulgação de eventos no Facebook, seguir organi-
zadores,acriaçãodonovoconceito“EuvouCondicional",entreoutras.
O desenvolvimento desta aplicação foi composta por várias fases. Na primeira fase
foi feito um caso de estudo sobre aplicações semelhantes à aplicação desenvolvida. Na
segunda fase foi feita a análise de requisitos que incluiu a descrição dos serviços dispo-
níveis, os requisitos funcionais, os casos de uso e os esboços. Na terceira fase foi feita a
implementação da aplicação, que está divida em três camadas, nomeadamente: camada
de dados, que é responsável por obter todas as informações sobre os eventos; a camada
deapresentaçãoqueéresponsávelporapresentarumainterfaceaoutilizadoreasrespeti-
vas funcionalidades da aplicação. Esta camada foi implementada utilizando a framework
Backbone.jssobreaarquiteturaMV*;eporúltimoacamadadeserviçosqueéresponsá-
velporfazeraligaçãoentreasduascamadasreferidasanteriormente,ouseja,outilizador
acedeàcamadadedadosatravésdeumpedidofeitopelacamadadeapresentação. Naúl-
timafasefoifeitaumaavaliação/testesdaaplicação,nomeadamentetestesdeusabilidade
com utilizadores e uma equipa do Sapo especializada em User Experience. A aplicação
estádisponívelnoendereço: http://www.lasige.di.fc.ul.pt/webtools/ondequemvaiver/.
Palavras-chave: web2.0,webservices,Backbone.js,AngularJs,arquiteturaMVC,
Ajax,HTML5,aplicaçãoweb,redessociais,eventos,EuvouCondicional,Vou,
usabilidade,experiênciadeutilizador,camadadedados,camadadeapresentação,
camadadeserviços
v

Abstract
Participation and organization of events (such as cultural, sports or musical events)
have always been part of people’s lives, and people need a simple and effective way to
search events. To address these needs, an application web that facilitates research and
dissemination events (eg, cultural, sporting, musical, etc ...) to be held in Portugal was
developed. Inordertodothis,manyfeaturesandinterfaces(desktopandmobile)werede-
velopedtomakethisaninnovativeapplicationandofferagooduserexperience. Namely,
the visualization of the events associated with the map search filters, event suggestions,
knowing which people go to events (“Who goes?”), inviting friends to events, creating
events, divulgation of events on Facebook, following organizers, the creation of a new
concept"I’llConditional",amongothers.
The development of this application was composed of various phases. On the first
phasewehavemadeacasestudyofapplicationssimilartothedevelopedapplication. On
the second phase, the analysis of requirements that included the description of the ser-
vices available, the functional requirements, use cases and sketches was made. The third
phase focused on the implementation of the application, which was divided into three
layers, namely: data layer, which is responsible for obtaining all the information about
the events; the presentation layer is responsible for presenting a user interface and to the
respective application functionality. This layer was implemented using the Backbone.js
framework on the MV* architecture; and finally the layer of services that is responsible
for making the connection between the two layers mentioned above, meaning, the ac-
cess to the data layer is made through a request from the presentation layer. On the last
phase,severaltestswereperformedontheapplication,includingusabilitytestswithusers
and a Sapo team that is specialized in User Experience. The application is available at:
http://www.lasige.di.fc.ul.pt/webtools/ondequemvaiver/.
Keywords: web2.0,webservices,webapplication,Backbone.js,AngularJs,MVC,
Ajax,HTML5,socialnetworks,events,I’llConditional,usability,userexperience,data
layer,presentationlayer,servicelayer
vii