Combo Caster
From Labmm2
2 Fluxograma 3 Layouts 4 Estrutura XHTML implementada 5 Folhas de estilos (CSS) 6 Principais scripts desenvolvidas (JavaScript) 7 Integração com outras tecnologias (frameworks, linguagens, etc...) 8 Soluções técnicas para problemas encontrados 9 Melhoramentos futuros 10 Conclusões 11 Referências bibliográficas 12 Anexos
Contents |
Autores
Hugo Ribeiro 47574
Tiago Roque 38803
Valério Vaz 40554
Apresentação / Contextualização
O tema do nosso projecto é um site com informações relativamente a jogos de vídeo, em que os utilizadores fornecem as suas próprias reviews dos seus jogos preferidos.
Fluxograma
Inserir aqui o fluxograma
Layouts
inserir aqui maquete do layout
Caracterização da narrativa
Decidimos utilizar um layout mais clássico de um site de reviews, género de magazine, com o objectivo de não confundir o utilizador mantendo-o num ambiente que lhe é familiar. Para inspiração, visitamos alguns sites com o mesmo tema do nosso, embora com um conceito um pouco diferente.
Estrutura XHTML
inserir aqui a estrutura XHTML
Estrutura CSS
inserir aqui a estrutura CSS
JavaScript
inserir aqui os scripts javascript
Integração do Google Earth
Achá-mos interessante colocar as capas das várias capas de revistas do mundo relativas a jogos utilizando o Google Maps/Earth
<script src="http://www.google.com/jsapi?key=ABQIAAAAHNuSBIahnmPUsMc40THOGhTbHP2MwjGf9E7X9Q1c7vu-Rf61NxRKsfs0azkJlgsdue8y3sTBH2Tu_Q" type="text/javascript"></script>
<script type="text/javascript">
var map;
var ge;
google.load("maps", "2.x");
function init() {
map = new GMap2(document.getElementById('map3d'));
map.setCenter(new GLatLng(38, -9), 3);
var mapui = map.getDefaultUI();
mapui.maptypes.physical = false;
map.setUI(mapui);
// add 'Earth' as one of the map types
map.addMapType(G_SATELLITE_3D_MAP);
// bgamer
var bgamerM = new GMarker(new GLatLng(38.66835610151506, -9.0966796875));
GEvent.addListener(bgamerM, "click", function() {
var bgamer = '<div style="width: 210px; padding-right: 10px">BGamer! <img src="http://bgamer.pt/images/revistas/140611114958000000thumb_bg156_thumb.jpg"/></div>';
bgamerM.openInfoWindowHtml(bgamer);
});
map.addOverlay(bgamerM);
google.maps.Event.trigger(bgamerM,"click");
var edgeM = new GMarker(new GLatLng(51.515, -0.099028));
GEvent.addListener(edgeM, "click", function() {
var edge = '<div style="width: 210px; padding-right: 10px">EDGE! <img src="http://media.next-gen.biz/files/e229_promo.png"/></div>';
edgeM.openInfoWindowHtml(edge);
});
map.addOverlay(edgeM);
google.maps.Event.trigger(edgeM,"click");
}
</script>
<body onload="init()" style="font-family: arial, sans-serif; font-size: 13px; border: 0;">
<div id="map3d" style="width: 280px; height: 280px;"></div>
<br>
</body>
Frameworks utilizadas
falar do wordpress
Melhoramentos Futuros
Nos botões de escolha de plataforma que actualmente apenas mudam o aspecto do site esperamos implementar um sistema que permita a filtragem do conteúdo conforme a plataforma escolhida.
