adelaidejsousa @ 17:21

Sex, 30/03/12

O objectivo para esta semana consiste na entrega da Especificação gráfica e técnica. Seguem-se os conteúdos que vão ser alvo de avaliação.

 

Especificação Gráfica

 

Sistema Visual - Para o desenvolvimento dos layouts do WIP, recorreu-se ao sistema 960gs (960 grid system) que faz uso de uma área de 960 pixels, adequado para resoluções de 1024x768 e maiores.

 

Index

(Estudo em escala de cinzas)

 

(Simulação com conteúdo)

 

Landing Page - Dividida em três colunas, uma com 200px e as outras duas com 370px;

(Escala de cinzas)

 

(Simulação com conteúdo a cinzas)

 

(Simulação com conteúdo)

 

Resultados da Pesquisa - Dividida em apenas duas colunas, uma com 200px e outra com 750px;

(Simulação com conteúdo a cinzas)

 

(Simulação com conteúdo)

 

Todas as páginas tem margens laterais de 32px. O index tem, para alem das margens laterais, uma margem inferior de 24px. Entre as diferentes colunas existe uma goteira de 10px indicada a magenta. 

 

Para completar o módulo da especificação gráfica foi realizado um manual de identidade da marca, que pode ser consultado aqui Manual de Identidade WIP

 

 

 

Especificação Técnica

 

Arquitectura do Sistema - A especificação começa pelo modelo\arquitectura do sistema. O esquema seguinte representa a relação entre as várias componentes do projecto (hardware e software) assim como do lado do servidor e do cliente. No lado do servidor é processada informação que será depois apresentada no lado do cliente através de um browser e com recurso a HTML.

 

 

 

Mapa de navegação - O mapa de navegação evidencia as páginas principais da aplicação, e as funcionalidades presentes em cada uma delas. É possivel tambem verificar o a direcionalidade da informação, os tipos de utilizadores, e as páginas sempre presentes ao longo de toda a aplicação. 

 

 

Fluxogramas

Para a realização dos fluxogramas foram escolhidas as funcionalidades que se consideram mais importantes na aplicação Web.

 

1) Registo e autenticação

O registo e a autentificação do utilizador, uma vez que sem elas, ninguém consegue ter acesso à aplicação e aos seus conteúdos, e também porque o grupo pretende implementar estas funcionalidades com recurso à API do facebook.

 

2) Pesquisa

 o cerne da nossa aplicação é a pesquisa, uma vez que tudo se centra na pesquisa de ofertas de emprego. 

 

 

3) Recomendação de ofertas por parte do sistema

 A aplicação será capaz de recomendar ofertas de emprego, com base nos interesses do utilizador, ou nas ofertas que este tenha visualizado.

 

Base de dados

 

 

 

Identificação das tabelas

Utilizador -> tabela que guarda toda a informação dos utilizadores.

utilizador_has_categorias -> tabela onde são guardados os interesses dos utilizadores.

Categorias ->tabela que guarda as categorias das ofertas (que são também os interesses dos utilizadores).

Follow-> tabela que guarda quais os utilizadores seguidos, e quais os utilizadores seguidores.

not_recomendacao-> tabela que guarda as notificações dos utilizadores, assim como as ofertas que foram recomendadas aos utilizadores por outros utilizadores da aplicação.

Curriculum-> tabela que guarda a informação do currículo do utilizador

curriculum_univ-> tabela que guarda a informação das universidades que o utilizador frequentou.

Ofertas-> tabela que guarda a diversa informação das várias ofertas.

Distritos-> tabela com os distritos de Portugal.

Concelhos-> tabela dos concelhos de Portugal

ofertas_visualizadas-> guarda as ofertas que o utilizador visualizou.

ver_mais_tarde-> guarda as ofertas que o utilizador marcou como favoritas para ver mais tarde.

Empresas-> tabela que guarda a informação das empresas.

cliente_externo-> tabela que guarda os clientes importantes das empresas (adicionado pelas empresas).

cliente_has_empresa->identifica quais os clientes de uma determinada empresa.

cliente_empresa-> tabela que guarda os clientes importantes das empresas(neste caso, uma empresa registada na aplicação pode ser cliente de outra empresa, também registada).

Videos-> tabela que guarda o link para os videos de uma determinada empresa.

Fotos->tabela que guarda o link das fotografias de uma determinada empresa.

Sector-> tabela que refere os sectores que uma empresa se pode inserir.

comentarios-> tabela que guarda os comentários efectuados pelos utilizadores a uma determinada empresa.

 

É possível aceder ao ficheiro PDF da base de dados final através deste link: Base de Dados Final WIP

 

Concluindo: 

Com a realização desta especificação técnica foi possível compreender como funciona a arquitectura lógica e física do nosso projecto, em conjunto com as duas outras vertentes (mobile+itv). A realização da base de dados foi uma tarefa complicada, mas fulcral uma vez que é comum a todas as vertentes. 

 

Referências:

http://960.gs/ - 960 Grid System;

http://www.gliffy.com/ - Online Diagram software and flow chart

http://www.smashingmagazine.com/2010/07/21/designing-style-guidelines-for-brands-and-websites/

http://www.fontsquirrel.com/

http://kuler.adobe.com/

2007, Boulton - Grids are Good;

Slides das aulas de Projecto;

 




adelaidejsousa @ 10:42

Sex, 30/03/12

Na reunião da passada quarta-feira contamos com o apoio do orientador para nos dar feedback sobre os progressos que foram feitos em torno da entrega de sexta-feira. 

Foi mostrado tudo aquilo que já estava feito e foram expostas algumas dúvidas em relação ao que era pretendido em diferentes módulos da entrega. 




adelaidejsousa @ 14:09

Seg, 26/03/12

A aula de hoje contou com o apoio do professor Hélder e do professor Benjamin. Durante a aula adiantamos trabalho para a próxima entrega que diz respeito à especificação gráfica e técnica.

 

Para a especificação técnica mostramos trabalho que desenvolvemos durante os últimos dias como o mapa do site e a arquitectura do sistema, e os professores sugeriram algumas mudanças e aperfeiçoamentos. Chegou-se à conclusão que a parte que diz respeito ao Server Side terá de ser exactamente igual em todas as plataformas (web, mobile, itv) e que o melhor seria reunir os três grupos para debater o assunto em conjunto.

 

O mesmo acontece para a construção da Base de Dados. Hoje chegou-se à conclusão que as outras plataformas (mobile e tv) não podem comunicar directamente com o sql. Assim, tem de ser arranjar uma solução que permita a comunicação. É necessário também encontrar um método de divisão de trabalho, para não ser apenas um dos grupos a ficar sobrecarregado. 

 

Depois desta aula, mãos ao trabalho, que ainda há muito que fazer até à próxima entrega!


Tags:


adelaidejsousa @ 23:52

Qua, 21/03/12

Por aqui já se começa o estudo das grelhas que vão ser utilizadas na aplicação Web. 

 

 

(grelha para a landing page)

 

(grelha para a página inicial - login)




adelaidejsousa @ 17:38

Qua, 21/03/12

Na reunião de hoje de hoje foram tomadas algumas decisões importantes para o desenvolvimento futuro do projecto. 

Começamos a orientação reunidos individualmente com o nosso orientador para ouvir feedback sobre a última entrega. Depois foram expostas algumas dúvidas que se tinham e foi mostrado o trabalho desenvolvido ao longo da semana.

Mais à frente na reunião, e já com os três grupos em conjunto foi decidido que o nosso grupo ficaria responsável pela alimentação da base de dados através dos feeds XML, enquanto que o grupo itv fica responsável pela informação das empresas recorrendo a API's do LinkedIN, e o grupo mobile fica responsável pela localização através da API do google Maps.

Finalmente, e depois de semanas de procura intensiva, ficou escolhido o nome para a aplicação. O nome escolhido foi WIP (work in perspective). Todos os grupos ficam responsáveis por criar um logotipo e uma identidade gráfica e depois será escolhido o melhor de todos eles, e os restantes encontrarão forma de se adaptar. 

No final da reunião foram delineados objectivos para a semana seguinte, são eles: Terminar a alimentação da BD recorrendo a XML; Começar a investigar sobre AJAX; Vertente Gráfica; Esboço da Base de dados; contactar o servidor online xhosting e expor algumas dúvidas sobre o alojamento, e lentamente pensar já na especificação técnica.

 

 

(Estamos à espera de umas semanas duras! Mas por outro lado, o Benfas ganhou :DDD ) 



SOBRE: What do you think? :P Blog de acompanhamento ao projecto de 3º ano de NTC, no ano lectivo de 2011/2012. Work in Perspective é um projecto multiplataforma que tem como objectivo a procura do emprego ideal!
Arquivos
copyright
Licença Creative Commons
Este trabalho foi licenciado com uma Licença Creative Commons - Atribuição - NãoComercial - SemDerivados 3.0 Portugal.
Pesquisar
 
subscrever feeds
blogs SAPO