Orienta-te
From Laboratório MM 5
Universidade de Aveiro | 2010 / 2011
Departamento de Comunicação e Arte
Laboratório Multimédia V
Relatório Orienta-te - Plataforma de Partilha de Locais Étnicos
Discentes:
Ana Pinheiro, 45875
Hugo Araújo, 46229
Vera Oliveira, 46577
Contents |
Introdução
Objectivo do documento
Este relatório foi elaborado no âmbito da Unidade Curricular de Laboratório Multimédia 5, integrada no 1º semestre do 3º ano do curso de Novas Tecnologias da Comunicação da Universidade de Aveiro. Este documento tem como objectivo relatar e descrever o processo de criação do projecto proposto na UC: uma plataforma Web 2.0, utilizando as tecnologias leccionadas. Estão assim contemplados todos os passos para a execução do projecto, desde a concepção da base de dados até à explicação da sua implementação, explicando os Server Behaviours, os Recordsets e Queries utilizados, assim como a integração com outras tecnologias como HTML e Javascript. Por fim, são apresentados algumas propostas de possíveis melhorias a fazer para desenvolver o projecto e torná-lo mais inovador.
Visão geral do projecto
O conceito de Web 2.0 define uma dinâmica nova no que concerne ao uso da Web. Uma dinâmica marcada pela participação e pela interacção do utilizador. Com a proposta de criação de uma plataforma Web 2.0, surgiram diversas ideias de redes sociais que o grupo achava interessante desenvolver. Uma vez que todos somos adeptos de viajar e conhecer novos locais, e frequentadores de blogs como o OportoCool e plataformas similares como o LeCool, pensamos que seria interessante desenvolver uma rede social onde os utilizadores pudessem partilhar locais que conhecessem e achassem interessantes, assim como alguém que quisesse visitar uma cidade poderia ter um local onde pudesse conhecer um conjunto variado de estabelecimentos para conhecer. Posteriormente, pensamos que seria boa ideia restringir um pouco mais a plataforma, não só a nível nacional, como de tipologia ou tema. Optamos assim por restringir a rede social a locais étnicos. Para além da temática, apostamos bastante num ambiente gráfico interessante, apelativo e correspondente à temática, que cative o utilizador a frequentar a rede social.
Base de dados desenvolvida
Implementação
Descrição das principais funcionalidades da aplicação Web
Mapa de páginas
Ao entrar na plataforma Web 2.0 “Orienta-te” o utilizador encontra a Página Ínicial na qual encontra um menu do lado esquerdo do ecrã (locais por zona geográfica, locais por categorias, registar e fazer login), a barra de pesquisa no canto direito do header, Na zona de conteúdos encontra-se os últimos locais adicionados e as últimas notícias. No footer encontramos informação sobre a plataforma e os contactos da equipa de desenvolvimento. Nas restantes páginas da plataforma “Orienta-te” a única zona que se altera é a zona de conteúdos, visto que teremos sempre presente o header, menu e footer.
Página de Registo a zona de conteúdos é composta por um formulário em que é necessário introduzir os dados pessoais (nome, foto de perfil, idade, username, password, entre outros).
Página Utilizador como nas restantes páginas o que muda é a zona de conteúdos, nesta página temos presente 6 painéis sendo que 5 destes painéis são personalizáveis de acordo com as preferências do utilizador, pode escolher entre: zona geográfica, categoria do local (café, loja ou restaurante), amigos, sugestões, notícias, inserir local. O painel predefinido é o do perfil do utilizador.
Página Perfil a zona de conteúdos é composta pela foto do utilizador e os seus dados (nome e idade), um botão onde é possível adicionar como amigo, os amigos do utilizador, os locais submetidos pelo próprio e os comentários do próprio.
Página Amigos encontramos as fotos e o nome dos amigos do utilizador.
Página Inserir Local tal como na página de registo esta é composta por um formulário com os itens necessários para se inserir um novo local na base de dados da plataforma
Página Noticias é uma simples página onde encontramos todas as notícias adicionadas por ordem decrescente fase à data. Página de cada Local nesta página encontramos toda a descrição do local seleccionado, onde é apresentada a categoria do local, a localização, imagens do local, a descrição, o horário de funcionamento, os contactos, os comentários ao local e sugerir a um amigo.
Server Behaviours utilizados
Recordsets/Queries utilizados
Parâmetros passados entre páginas
Integração
Html - Utilizamos no desenvolvimento de todas as páginas presentes na nossa plataforma Web 2.0, por forma a estruturar as mesmas.
Css – O Css foi utilizado de forma a formatar o conteúdo apresentado. Por exemplo, formatação das caixas do formulário.
Php – Esta linguagem de programação foi utilizada por forma a colocar o conteúdo dinâmico nas páginas, como por exemplo para obter os resultados das pesquisas.
Javascript – Utilizamos no desenvolvimento do Footer e do Menu de modo a conseguirmos implementar um slider. Para conseguirmos efectuar os sliders mais rapidamente utilizamos uma Framework, designada de Mootools.
Também utilizarmos para efectuar as validações dos formulários (de registo, adicionar notícia, adicionar local) através do Spry Validation Text Field e Spry Validation Textarea presentes no menu do Form do Dreamweaver. De modo a que certos campos dos formulários fossem de preenchimento obrigatório e também para algumas restrições quanto ao tipo de caracteres inseridos.
