User:Faz-te á Estrada

From Labmm2

Revision as of 00:23, 21 June 2011 (view source) 172.16.20.198 (Talk) ← Older edit		Revision as of 00:39, 21 June 2011 (view source) 172.16.20.198 (Talk) Newer edit →
Line 75:		Line 75:
	Na página das perguntas, para além das FAQ’s queríamos implementar um formulário.		Na página das perguntas, para além das FAQ’s queríamos implementar um formulário.
	Para tal, tentamos implementar com Jquery, mas não foi possível. Por isso, acabamos por implementar um formulário em HTML.<br>		Para tal, tentamos implementar com Jquery, mas não foi possível. Por isso, acabamos por implementar um formulário em HTML.<br>
		+
		+
		+	== Referências Bibliográficas ==
		+
		+	'''HTML/CSS/JS:'''<br>
		+	[http://tympanus.net/Development/SlidingLetters/ tympanus.net]<br>
		+	[http://webdesignerwall.com/trends/vintage-web-design webdesignerwall.com]<br>
		+	[http://abhinavsingh.com/blog/2009/03/using-image-maps-in-javascript-a-demo-application/ using-image-maps-in-javascript-a-demo-application]<br>
		+	[http://www.w3schools.com/browsers/browsers_display.asp www.w3schools.com/browsers]<br>
		+	[http://w3schools.com w3schools.com] <br>
		+	[http://www.1stwebdesigner.com/inspiration/30-menu-creative-javascript-navigation-menu-examples/ www.1stwebdesigner.com]<br>
		+	<br>
		+	'''Pesquisa de Locais/Informações para o Site:'''<br>
		+	[http://www2.cm-evora.pt/guiaturistico/evora_monumental_criancas.htm# www2.cm-evora.pt]<br>
		+	[http://www.hotfrog.pt/Empresas/Global-Surf-School www.hotfrog.pt]<br>
		+	[http://lazer.publico.pt/default.asp?id=38 lazer.publico.pt]<br>
		+	[http://www.guiadacidade.pt/pt/art/actividades-de-verao-para-jovens-15585-11 actividades-de-verao-para-jovens]<br>
		+	[http://www.guiadacidade.pt/pt/# www.guiadacidade.pt]<br>
		+	[http://www.guiadacidade.pt/pt/e/javsport-aventura-no-geres-21663 aventura-no-geres]<br>
		+	[http://www.strawberryworld-lisbon.com/lisboa/places/index.html www.strawberryworld-lisbon.com]<br>
		+	[http://www.rotasdovento.pt/ www.rotasdovento.pt]<br>
		+
		+	<br>
	== '''Anexos''' ==		== '''Anexos''' ==
	[[File:Esquemalab.jpg|thumb|left|400px|Fluxograma/Mapa do Site]]		[[File:Esquemalab.jpg|thumb|left|400px|Fluxograma/Mapa do Site]]

---

Revision as of 00:39, 21 June 2011

FAZ-TE À ESTRADA

Contents 1 Grupo 2 Apresentação e contextualização do tema do projecto 2.1 Brainstorming 2.2 Objectivos Gerais e Específicos 2.3 Público Alvo 3 Layouts 4 Estrutura XHTML Implementada 5 Folhas de Estilos (CSS) 6 Soluções Técnicas Para Problemas Encontrados 6.1 Google Maps 6.2 Music Player 6.3 Imagemaps 6.4 Formulário 7 Referências Bibliográficas 8 Anexos

Grupo

• Alexandra Guedes
• Ana Rita Regatão
• Carolina Carvalho
• Diana Ribeiro
• Maria Alexandra Azevedo

Apresentação e contextualização do tema do projecto

O nosso site pretende explorar de uma forma nova o conceito de viagens para jovens dentro de Portugal. Desta forma, pretende-se apresentar opções de explorar o país de forma dinâmica e mais barata que as ofertas feitas pelas agências de viagens, dando a possibilidade de tomar opções distintas dependente do tempo, orçamento e actividades que pretendem realizar.

Brainstorming

Inicialmente usou-se uma técnica de brainstorming baseada em palavras que surgiram ao acaso, escritas por cada um dos elementos do grupo, que possivelmente sugeririam alguns temas e conceitos que seriam passíveis de serem aproveitados, sendo depois discutidos os seus prós e contras, e a sua possível aplicação nas linguagens de programação a utilizar. Durante este processo o grupo analisou alguns sites encontrados com temas e estruturas que considerou interessantes, desta forma, foram surgindo algumas ideias a nível de estratégia, desenvolvimento do conceito e design. Finalmente ficam dois temas que nos interessariam mais a nível de aplicação: Loja de Doces e Viagens para Jovens. Tendo em grupo optado pelo segundo, visto que considerou ser mais passível de exploração tanto a nível de interface gráfica e processos de interacção.

Objectivos Gerais e Específicos

Os objectivos gerais do site são dar ao utilizador a opção de pesquisar locais para visitar, bem como actividades e sítios de interesse para visitar. Disponibiliza também informações sobre alojamento, alimentação e transportes.
Teremos ao dispor dos nossos utilizadores uma secção de contactos onde estes poderão entrar em contacto com a equipa para esclarecer dúvidas, faBold textzer reclamações ou ainda dar sugestões para melhorar o nosso site.

Público Alvo

O nosso público-alvo primário são jovens com idades entre os 16 e os 25 anos, e o secundário são pessoas de todas as idades que tenham interesse em conhecer Portugal.
O público-alvo primário foi escolhido porque as estadias são maioritariamente em pousadas da juventude, e os locais de interesse são definidos segundo tal faixa etária.

Layouts

Seguem-se os layouts que apresentámos no protótipo do nosso website, servindo de exemplo para a estrutura e aspecto geral do mesmo.

Mapa c/ as Categorias (após entrada com Stopmotion)	Página principal c/ Menu Superior	Exemplo do layout da página após a selecção de cada categoria	Layout da página-exemplo de cada local escolhido
Ícones das Categorias

Estrutura XHTML Implementada

Parte XHTML do Template para as páginas de cada localidade seleccionada.

Folhas de Estilos (CSS)

Folhas de estilos do Template para as páginas de cada 'localidade' seleccionada.

Soluções Técnicas Para Problemas Encontrados

Google Maps

O nosso objectivo é implementar Google Maps na página de cada local, para assim orientar geograficamente os nossos utilizadores. Tentamos seguir um tutorial mas optamos por utilizar uma ferramenta gratuita do Google que nos permite implementá-lo facilmente no site.

Music Player

Para dar mais ambiente ao nosso site, queríamos implementar um player de música. Após uma larga procura, verificamos que não era possível fazê-lo só através de JavaScript. Posto isto, decidimos que o mais fácil seria implementar um player feito em flash ou em php, mas visto não ser possível utilizarmos php, procurámos mais avidamente um player em flash.

Imagemaps

Na página de escolha dos locais, temos uma fotografia que muda com o passar do tempo para levar o utilizador a agir. Em cada uma dessas fotografias temos 4 placas que indicam os locais que o utilizador pode escolher. O nosso objectivo era fazer imagemap para que cada uma dessas placas nos levasse à página pretendida, no entanto, com o passar da primeira para a segunda fotografia o imagemap deixa de funcionar.

Formulário

Na página das perguntas, para além das FAQ’s queríamos implementar um formulário. Para tal, tentamos implementar com Jquery, mas não foi possível. Por isso, acabamos por implementar um formulário em HTML.

Referências Bibliográficas

HTML/CSS/JS:
tympanus.net
webdesignerwall.com
using-image-maps-in-javascript-a-demo-application
www.w3schools.com/browsers
w3schools.com
www.1stwebdesigner.com

Pesquisa de Locais/Informações para o Site:
www2.cm-evora.pt
www.hotfrog.pt
lazer.publico.pt
actividades-de-verao-para-jovens
www.guiadacidade.pt
aventura-no-geres
www.strawberryworld-lisbon.com
www.rotasdovento.pt

Anexos