Estrutura em HTML do novo site da ONG (sujeito a mudanças), feito de acordo com a proposta de layout aprovada
<html>
<head>
<title>Index</title>
<link href="estilo.css" rel="stylesheet" type="text/css">
<script src="menu.js" type="text/javascript"></script>
</head>
<body>
<div id="geral">
<div id="cabecalho">
<a href="index.php"><img src="images/logo.png"></a>
<img src="images/banner.png">
</div>
<ul id="menu_hori">
<li><a href="">Home</a></li>
<li><a href="">Quem somos</a></li>
<li><a href="">Histórico</a></li>
<li><a href="">Mapa do site</a></li>
</ul>
<ul id="menu_vert">
<li><a href="">Notícias</a></li>
<li><a href="">Eventos</a></li>
<li><a href="#">Divirta-se</a>
<ul>
<li><a href="">Jogo</a></li>
<li><a href="">Curiosidades</a></li>
<li><a href="">Filmes e livros</a></li>
</ul>
</li>
<li><a href="">Álbum de fotos</a></li>
<li><a href="#">Colabore</a>
<ul>
<li><a href="">Compre</a></li>
<li><a href="">Denuncie</a></li>
<li><a href="">Doe/adote</a></li>
<li><a href="">Seja parceiro</a></li>
</ul>
</li>
<li><a href="">Lojinha</a></li>
</ul>
<div id="conteudo">
</div>
<div id="boxes">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
<div id="rodape">
</div>
</div>
</body>
</html>
segunda-feira, 8 de junho de 2009
Análises de layout - Thais
www.greenpeace.org/brasil/
-O site possui conteúdo dinâmico e bem distribuído
-Os links são auto-explicativos, de forma que o usuário saiba do que se trata a página antes de clicá-lo
-Utiliza várias cores, que contrastam entre si facilitando a divisão do conteúdo, e utiliza principalmente a cor verde, adequada para o tema do site
-Página muito pesada, dificultando a navegação de usuários com conexões mais lentas
-Imagens e animações muito grandes e chamativas, podem desviar a atenção do usuário
www.pea.org.br
-uso de cores contrastantes e relacionadas ao tema do site
-excesso de imagens e vídeos deixa o carregamento da página demorado e dificultam o entendimento do usuário
-vários assuntos misturados na mesma página (produtos, cadastro, animais desaparecidos, etc.)
-O site possui conteúdo dinâmico e bem distribuído
-Os links são auto-explicativos, de forma que o usuário saiba do que se trata a página antes de clicá-lo
-Utiliza várias cores, que contrastam entre si facilitando a divisão do conteúdo, e utiliza principalmente a cor verde, adequada para o tema do site
-Página muito pesada, dificultando a navegação de usuários com conexões mais lentas
-Imagens e animações muito grandes e chamativas, podem desviar a atenção do usuário
www.pea.org.br
-uso de cores contrastantes e relacionadas ao tema do site
-excesso de imagens e vídeos deixa o carregamento da página demorado e dificultam o entendimento do usuário
-vários assuntos misturados na mesma página (produtos, cadastro, animais desaparecidos, etc.)
2ª apresentação - realizada em 05/06/2009
Prof. Rodrigo
Bom dia grupo, a seguir os filmes 2ª apresentação.
Parte 1.
Parte 2.
Bom dia grupo, a seguir os filmes 2ª apresentação.
Parte 1.
Parte 2.
domingo, 7 de junho de 2009
Tabela de LOG
Rodrigo.
A tabela de log está feita. Elá indica quem e o que fez, a data e onde foi feito todas ações do sistema(inserção, alteração e exclusão de registros). A lógica criada está no arquivo .php "atualiza.php" no servidor da escola , esse arquivo é a ação de todos os forms do sistema, deste modo, não precisamos nos preocupar em ficar fazendo para cada tabela um arquivo .php para cada ação, já que este verifica qual o tipo de ação, a tabela e o usuário, fazendo a ação desejada na tabela escolhida e a inserção de um novo registro na tabela de log que indica as ações feitas pelo usuário.
Ex: Aqui foi feito uma inclusão de uma notícia, logo a tabela de log indica os seguintes dados:
Id| Data da operação | usuário | operação | tabela | conteudo
7 | 2009-06-03 11:28:26 | Cubo | inclusao | noticia_evento | id = 5
Caso fosse uma alteração, no campo 'conteúdo' apareceria o id do registro e os campos alterados com os registros antes da alteração.
Ex:
Id| Data da operação | usuário |operação| tabela| conteudo
8 | 2009-06-03 11:29:59 | Cubo | alteracao | noticia_evento | id = 5 | titulo= Teste de noticia
Caso fosse uma exclusão, como é uma exclusão lógica(Ativo ou Inativo) apareceria no campo 'conteúdo' apenas o id do registro excluido.
Ex:
Id| Data da operação | usuário |operação| tabela | conteudo
9 | 2009-06-03 11:28:26 | Cubo | exclusao | noticia_evento | id = 5
_______________________________________________________________________________
Com isso a parte de programação em relação ao banco está feita, logo falta fazer os javascript's de testes de consistência de dados dos formulários, outro ponto pendente é como armazenar imagens no banco, isso veremos com o professor Celso e então em questão de programação o projeto está indo bem.
A tabela de log está feita. Elá indica quem e o que fez, a data e onde foi feito todas ações do sistema(inserção, alteração e exclusão de registros). A lógica criada está no arquivo .php "atualiza.php" no servidor da escola , esse arquivo é a ação de todos os forms do sistema, deste modo, não precisamos nos preocupar em ficar fazendo para cada tabela um arquivo .php para cada ação, já que este verifica qual o tipo de ação, a tabela e o usuário, fazendo a ação desejada na tabela escolhida e a inserção de um novo registro na tabela de log que indica as ações feitas pelo usuário.
Ex: Aqui foi feito uma inclusão de uma notícia, logo a tabela de log indica os seguintes dados:
Id| Data da operação | usuário | operação | tabela | conteudo
7 | 2009-06-03 11:28:26 | Cubo | inclusao | noticia_evento | id = 5
Caso fosse uma alteração, no campo 'conteúdo' apareceria o id do registro e os campos alterados com os registros antes da alteração.
Ex:
Id| Data da operação | usuário |operação| tabela| conteudo
8 | 2009-06-03 11:29:59 | Cubo | alteracao | noticia_evento | id = 5 | titulo= Teste de noticia
Caso fosse uma exclusão, como é uma exclusão lógica(Ativo ou Inativo) apareceria no campo 'conteúdo' apenas o id do registro excluido.
Ex:
Id| Data da operação | usuário |operação| tabela | conteudo
9 | 2009-06-03 11:28:26 | Cubo | exclusao | noticia_evento | id = 5
_______________________________________________________________________________
Com isso a parte de programação em relação ao banco está feita, logo falta fazer os javascript's de testes de consistência de dados dos formulários, outro ponto pendente é como armazenar imagens no banco, isso veremos com o professor Celso e então em questão de programação o projeto está indo bem.
sábado, 6 de junho de 2009
2° Apresentação de Aplicativos
Vivian Palomo
Esta semana foi feita a 2° apresentação de aplicativos.
Nesta apresentação foi feito um vídeo sobre os problemas e as soluções, que logo após será postado no blog.
Os itens foram modificados e acrescentados.Também logo mais será postado o vídeo referente a esta apresentação.
att
Vivian Palomo
Esta semana foi feita a 2° apresentação de aplicativos.
Nesta apresentação foi feito um vídeo sobre os problemas e as soluções, que logo após será postado no blog.
Os itens foram modificados e acrescentados.Também logo mais será postado o vídeo referente a esta apresentação.
att
Vivian Palomo
quinta-feira, 4 de junho de 2009
Site Naturae Vitae (Layout)
Hoje foi escolhido o layout do site da ONG Naturae Vitae.
A imagem abaixo representa o padrão de layout:
Lembrando que alterações ainda podem ocorrer nos próximos dias.
Obs: O layout do site da Empresa Cubo está sendo decidido, falta o consentimento de alguns membros do grupo
A imagem abaixo representa o padrão de layout:
Lembrando que alterações ainda podem ocorrer nos próximos dias.
Obs: O layout do site da Empresa Cubo está sendo decidido, falta o consentimento de alguns membros do grupo
sábado, 30 de maio de 2009
Rascunho das Tabelas do Sistema
Danilo Anderson Pereira
Olá!
Segue abaixo o rascunho das tabelas que compõem o banco de dados do sistema:
Ressaltando que elas podem ser modificadas.
Até mais!
Danilo Anderson Pereira
Olá!
Segue abaixo o rascunho das tabelas que compõem o banco de dados do sistema:
Ressaltando que elas podem ser modificadas.Até mais!
Danilo Anderson Pereira
sexta-feira, 29 de maio de 2009
Conteúdo da Pasta de TSPD - 2º Bimestre
Danilo Anderson Pereira
Olá!
Segue abaixo o conteúdo da pasta de TSPD do 2º Bimestre:
- Informações da Instituição
1. Dados Institucionais
2. Cargos/ funções
3. Organograma
- Levantamento de Dados
1. Situação problema
2. Proposta de sistema
3. Vantagens
- DFD
1. Diagrama de contexto
2. Nível zero
3. Nível um
- Dicionário de Dados
1. Diagrama de contexto
2. Nível zero
3. Nível um
- ANEXOS
A pasta de TSPD deve ser entregue no dia da prova do 2º Bimestre.
Lembrando que a "Semana de Provas" começa dia 18/06/09 até 27/06/09.
Até mais!
Danilo Anderson Pereira
Olá!
Segue abaixo o conteúdo da pasta de TSPD do 2º Bimestre:
- Informações da Instituição
1. Dados Institucionais
2. Cargos/ funções
3. Organograma
- Levantamento de Dados
1. Situação problema
2. Proposta de sistema
3. Vantagens
- DFD
1. Diagrama de contexto
2. Nível zero
3. Nível um
- Dicionário de Dados
1. Diagrama de contexto
2. Nível zero
3. Nível um
- ANEXOS
A pasta de TSPD deve ser entregue no dia da prova do 2º Bimestre.
Lembrando que a "Semana de Provas" começa dia 18/06/09 até 27/06/09.
Até mais!
Danilo Anderson Pereira
Assinar:
Postagens (Atom)