Protecção e Segurança Rodoviária

From Labmm2

(Difference between revisions)
Jump to: navigation, search
(→Folhas de estilos (CSS))
(→Folhas de estilos (CSS))
Line 90: Line 90:
=Estrutura XHTML implementada=
=Estrutura XHTML implementada=
=Folhas de estilos (CSS)=
=Folhas de estilos (CSS)=
-
 
-
/* PRELOADER  */
 
-
 
.QOverlay {
.QOverlay {
-
 
background-color: #000000;
background-color: #000000;
-
 
z-index: 9999;
z-index: 9999;
}
}
-
 
.QLoader {
.QLoader {
-
 
background-color: #CCCCCC;
background-color: #CCCCCC;
-
 
height: 1px;
height: 1px;
}
}
-
 
/*  /PRELOADER  */
/*  /PRELOADER  */
 +
 +
/*  DIVs  */
body {
body {
Line 124: Line 117:
margin:0px;
margin:0px;
 +
 +
}
 +
 +
img {
 +
 +
border:none;
 +
 +
}
 +
 +
#wrapper {
 +
 +
width:1024px;
 +
 +
height:650px;
 +
 +
bottom: 50%;
 +
 +
right: 50%;
 +
 +
position:absolute;
 +
 +
}
 +
 +
#site {
 +
left: 50%;
 +
 +
position: relative;
 +
 +
top: 50%;
 +
 +
width:1024px;
 +
 +
height:650px;
 +
 +
background-image:url(../imagens/fundo.jpg);
 +
 +
}
 +
 +
#bloco {
 +
 +
left: 50%;
 +
 +
position: relative;
 +
 +
top: 50%;
 +
 +
background-image:url(../imagens/bloco.png);
 +
 +
width:1024px;
 +
 +
height:650px;
 +
 +
position:absolute;
 +
 +
opacity:0.9;
 +
 +
filter:alpha(opacity=90);
 +
 +
-moz-opacity: .9;
 +
 +
}
 +
 +
#drogas {
 +
 +
left: 50%;
 +
 +
position: relative;
 +
 +
top: 50%;
 +
 +
width:1024px;
 +
 +
height:650px;
 +
 +
background-image:url(../imagens/Drogas.png);
 +
 +
position:absolute;
 +
 +
opacity:0.9;
 +
 +
filter:alpha(opacity=90);
 +
 +
-moz-opacity: .9;
 +
 +
}
 +
 +
#emergencias {
 +
 +
left: 50%;
 +
 +
position: relative;
 +
 +
top: 50%;
 +
 +
width:1024px;
 +
 +
height:650px;
 +
 +
background-image:url(../imagens/emergencias.png);
 +
 +
position:absolute;
 +
 +
opacity:0.9;
 +
 +
filter:alpha(opacity=90);
 +
 +
-moz-opacity: .9;
}
}

Revision as of 12:23, 21 June 2011

Contents

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

Protecção e Segurança

Site de prevenção rodoviária, onde temos os conceitos de boa conduta e segurança de protecção. Com este site pretendemos implementar os efeitos que as substâncias interferem com a segurança rodoviária. A exposição de efeitos de alucinogénios e as suas consequências.

Objectivos gerais e específicos

CONDIÇÕES DE UTILIZAÇÃO DO PRODUTO FINAL

Locais: Onde o utilizador tiver acesso à internet, seja num computador, telemóvel, pda, etc…

Duração média da consulta: A duração média da consulta dependerá do conteúdo que o utilizador estiver interessado. Caso esteja interessado em consultar todo o conteúdo será cerca de 40 minutos.

Publico-alvo

Layout

Pagina Principal:

PSR-P.jpg

Pagina inicial de apresentação do web site - Protecção e Segurança Rodoviária.

Pagina Estatísticas

PSR-E.jpg

Pagina que mostra links de ficheiros de consulta de estatísticas de acidentes na estradas de Portugal.

Pagina Drogas

PSR-D.jpg

Pagina que mostra os diferentes e mais usuais tipos de drogas consumidos em Portugal.

Pagina Segurança

PSR-S.jpg

Esta pagina consiste em alertar os condutores de veículos motorizados a ter em atenção os pontos de segurança que nesta são referidos

Pagina Emergências

PSR-EM.jpg

Pagina com os procedimentos que deveremos ter ao ligar para o numero de Emergência internacional (112).

Pagina Formulário

PSR-F.jpg

Pagina de contacto para esclarecimento de duvidas ou de futuras publicações sobre procedimentos a ter.

Pagina Contactos

PSR-C.jpg

Pagina de contacto e comentários sobre o site.

Análise da concorrência

  • Analisamos websites portugueses e estrangeiros e vimos que são todos muito completos no que toca a disponibilização de conteúdos e consequentemente na sua organização, sendo toda a informação de fácil consulta.

  • As falhas que vimos foram mais a nível de interactividade, onde este cariz está pouco presente, tornando o próprio site de aspecto um pouco mais "aborrecido", não aproveitando todas as vertentes práticas e interactivas que um site com a vertente de segurança e protecção pode ter.

  • Temos como tal para o nosso site o objectivo de organização de conteúdos disponibilizados e a exploração ao nível interactivo e de animação, oferecendo ao utilizador um site activo em que poderá aprender as regras de segurança de uma forma mais dinâmica. Websites concorrentes:

    http://www.segurancarodoviaria.pt/noticias

    http://www.brisa.pt/PresentationLayer/conteudo.aspx?menuid=8

    http://www.dontriskit.info/country-roads/home/

    http://think.direct.gov.uk/index.html

    Estrutura XHTML implementada

    Folhas de estilos (CSS)

    .QOverlay { background-color: #000000; z-index: 9999; } .QLoader { background-color: #CCCCCC; height: 1px; } /* /PRELOADER */

    /* DIVs */

    body {

    font-family:Arial, Helvetica, sans-serif;

    font-size:12px;

    color:#000;

    background-color:#000;

    padding:0px;

    text-align:justify;

    margin:0px;

    }

    img {

    border:none;

    }

    1. wrapper {

    width:1024px;

    height:650px;

    bottom: 50%;

    right: 50%;

    position:absolute;

    }

    1. site {

    left: 50%;

    position: relative;

    top: 50%;

    width:1024px;

    height:650px;

    background-image:url(../imagens/fundo.jpg);

    }

    1. bloco {

    left: 50%;

    position: relative;

    top: 50%;

    background-image:url(../imagens/bloco.png);

    width:1024px;

    height:650px;

    position:absolute;

    opacity:0.9;

    filter:alpha(opacity=90);

    -moz-opacity: .9;

    }

    1. drogas {

    left: 50%;

    position: relative;

    top: 50%;

    width:1024px;

    height:650px;

    background-image:url(../imagens/Drogas.png);

    position:absolute;

    opacity:0.9;

    filter:alpha(opacity=90);

    -moz-opacity: .9;

    }

    1. emergencias {

    left: 50%;

    position: relative;

    top: 50%;

    width:1024px;

    height:650px;

    background-image:url(../imagens/emergencias.png);

    position:absolute;

    opacity:0.9;

    filter:alpha(opacity=90);

    -moz-opacity: .9;

    }

    Principais scripts desenvolvidas (JavaScript)

    Integração com outras tecnologias

    Soluções técnicas para problemas encontrados

    Melhoramentos futuros

    Futuramente pretendemos melhor este site, ligando a uma base de dados mySQL / PHP, gerindo noticias de uma forma mais eficaz e mais eficiente.

    Conclusões

    Referências bibliográficas

    Autoridade Nacional de Segurança Rodoviaria

    Wikipedia Portugal

    Facebook Developers

    w3schools

    Anexos

    Retrieved from "http://wikis.ua.pt/labmm2/index.php?title=Protec%C3%A7%C3%A3o_e_Seguran%C3%A7a_Rodovi%C3%A1ria"
    • Personal tools
    Namespaces
    Variants
    Actions
    Navigation
    Toolbox