Controle de transporte Escolar On-Line

Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Para efetuar o download você precisa estar logado. Clique aqui para efetuar o login
Confirmar voto
0
 (3)  (0)

Acompanhe nesse tutorial a criação de um controle de Transporte Escolar com banco de Dados desenvolvido em Access e utilizando o Google Maps como Roteirizador.

  Controle de Transporte Escolar On-Line 
Neste tutorial, irei criar um site de controle de Transporte Escolar, Onde as Unidades Escolares Cadastram seus alunos  suas manutenções e acompanham o processo através da Internet, obtendo os dados de seu processo no decorrer do tempo.

Dados Iniciais para Desenvolvimento da página

·          O Cadastro pode ser das seguintes formas (em mãos através de requisições, On-line, por telefone, etc.)

·         Criação do Banco de Dados (Access)

·         Criação do fluxograma

·         Criação do organograma

·         Seleção do programa para desenvolvimento (no nosso caso Visual Web Developer 2008 Express), Não utilizarei o Expression Web, por não nos dar,  todos os acessos necessários.

·         O desenvolvimento

·         Rodando no Servidor

      ·       As Imagens para Downloadshttp://www.mandamais.com.br/download/?codigo=2xu214420096446
      ·      O site funcionando:              http://www.educsuzano.somee.com/

 

O Banco de Dados

O Organograma

Fluxograma

Será desenvolvido no final por tratar-se de testes que faremos no decorrer da criação.

O Desenvolvimento

Inicie uma nova aplicação e salve com o nome TransporteEscolar

 

Na tela que se abre  clique com o direito em App_data e Inclua seu Banco de dados, já criado anteriormente.

 

Novamente clique com o direito, no nome do seu site e inclua uma paste de nome Imagens e como no banco de dados, acrescente algumas imagens.

Criando Nossa Master Page

Remova a página Default.aspx criada por padrão e inclua um novo item- Add New Item – Selecionando o Template Master Page com o nome Base.Master.

 
A partir do Menu Table, opção Insert Table , adicione 3 linha e 02 colunas, lembrando sempre que poderemos incluir ou alterar a tabela, simplesmente clicando com o direito e selecionando as opções desejadas para a nossa tabela.

Criando o Cabeçalho

 
Selecione a primeira linha da Tabela criada e mescle conforme figura acima.

Faça o mesmo com a última linha. E arraste o ContentPlaceHolder1 para o Centro da Tabela conforme Figura, alterando em Properties a opção Valign =TOP de todos partes da Tabela.

Com nossa Master Page criada, vamos configurar seu Layout através do Cssstyles 
 

Criando Um Style para o nosso Site

Selecione o Form1 e em CSSproperties clique em BackGround-Color  e adicione uma cor ao fundo #EBEAD1 (veja figura) 

Altere o nosso formulário, conforme imagem abaixo 

Alterando o Cabeçalho

Na parte superior da nossa Master Page (Área da Tabela), vamos incluir um Panel da guia Toobox. e selecione em propriedades BackImageUrl  a imagem: Base.jpg, distribuída junto com este tutorial.

Inclua da guia Toolbox uma image, para criarmos o Logotipo, Disponível junto a este tutorial

 

Criando o Menu

Inclua um controle Label da Guia toolbox, na área do menu e configure-o conforme segue

 

Selecione o item Edit Menu Itens... , para criar-mos o menu conforme figura.

Na opção Auto-Format, selecione o item Professional, e altere o fundo do Menu (BackGround-Color)para nossa cor padrão #EBEAD1 , Tamanho 12px e Font Verdana

A idéia aqui é, Criar o menu com acesso a várias páginas, e o Roteiro Escolar com acesso ao Google-Maps indicando o Roteiro dos Ônibus, com quantidade de pessoas que transporta e os horários.
Criando a Área Restrita
No Cabeçalho, na parte clara, ande com o cursor e acrescente uma imagem Registration, acompanhado de 02 Hiperlinks da guia Toolbox, altere em Properties o item text para: Área Restrita e Intranet.

  • Aqui será dividido o site em duas partes:
  • A 1ª será a área para uso do servidor do Desenvolvedor, ou seja, quem vai receber as Informções.  Este terá acesso as Consultas, Relatórios, Editar, Cancelar, etc.
  • A 2ª será a área do Cadastro/Escolas, aqui ele poderá verificar como anda o Cdastro de seus alunos.  Poderá também emitir relatórios e Verificar apenas o Transporte de sua Escola.

Criando o Rodapé

Aqui será bem simples, basta colocarmos um label e alterarmos os dados Conforme figura:
 
Altere a propriedade BackGround-Color para #182C33, para darmos a mesma proporção de cor do cabeçalho.

 

No próximo artigo veremos a criação das páginas que irão exibir os dados, bem como nosso primeiro vinculo ao banco de dados com a criação das páginas de Login.

Data Máxima para o novo Tutorial  20/04/2009

 

Até lá

 

Cláudio Medeiros dos Santos

 

 

 

 
Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Receba nossas novidades
Ficou com alguma dúvida?