Controle de Transporte Escolar On-Line

Acesse a parte anterior: Controle de Transporte Escolar On-Line - Parte 1

Neste tutorial irei, darei uma import�ncia maior a cria��o da p�gina de Cadastro de transporte, pelo fato dela conter v�rios DropDowList. E como fazer uma Consulta em um GridView utilizando o DropDowList.

Inicie o Visual Web Developer, e adicione ao site um Form de nome CadTransporte.aspx. Visualize na Figura 1 a quantidade de DropDowlist nesta p�gina.

Todos apresentam dados de alguma outra tabela. Ent�o vamos criar o acesso a tabela Escola do 1� DropDowList e o Restante ser� id�ntico.

Na p�gina, rec�m criada adicione uma tabela com 20 linhas e 02 colunas, nela adicione os labels necess�rios e os TextBox, adicione um DropDowList para os itens Escolas,S�rie,Per�odo,Tipo de Transporte e empresa Transportadora.

Selecione o DropDowList Escola e crie um ChosseDataSource, como mostra a Figura 2.

**Figura 2**. Criando um ChosseDataSource

Na pr�xima tela que se abre selecione New Data Source, e a seguir selecione o tipo de Conex�o, dando um nome sugestivo a nossa Consulta, como mostra a Figura 3.

Na Figura 4 selecione nosso Banco de dados.

E a tabela de onde vir� as informa��es, que no nosso caso Escola, como mostra a Figura 5.

Clique em Next, e na sequ�ncia finish, como mostra a Figura 6.

**Figura 6**. Confirma��o do Data Source
Nesta parte selecione o **nome** da Escola, para aparecer no Display, e **CodEscola** que � o valor do **DropDowList**. Clique em Ok e altere o nome do seu DropDowList para **DDLEscola.**

Est� pronta a nossa consulta para o DropDowList.

Fa�a o mesmo para os outros, n�o esquecendo de alterar seus nomes conforme mostrado na **Tabela 1**.

**Escola (DropDowList)** **ddlEscola**

**Serie (DropDowList)** ddlSerie

**Aluno** txtAluno

RA txtRA

**Endereco** txtEndereco

**Bairro** txtBairro

**Cidade** txtCidade

**Estado** txtEstado

**CEP** txtCEp

**Telefone** txtTelefone

**Celular** txtCelular

**Respons�vel** txtResponsavel

**Obs** txtObs TextMode=Multiline

**Kilometragem** txtKM

**Periodo (DropDowList)** ddlPeriodo

**TipoTransporte (DropDowList)** ddlTipo

**Empresa Transportadora (DropDowList)** ddlEmpresa

**Tabela 1.** Tabela com os nomes dos demais itens

Adicione dois Buttom e altere os nomes para btnInserir e btnAlterar.

Dando um duplo-Clique no **btnInserir** digite :

Protected Sub btnInserir_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnInserir.Click 'verifica se foi informado If ddlEscola.Text <> String.Empty And ddlSerie.Text <> String.Empty And txtAluno.Text <> String.Empty And txtRA.Text <> String.Empty And txtEndereco.Text <> String.Empty _ And txtBairro.Text <> String.Empty And txtCidade.Text <> String.Empty And txtUF.Text <> String.Empty And txtCEP.Text <> String.Empty And txtTelefone.Text <> String.Empty _And txtCelular.Text <> String.Empty And txtResponsavel.Text <> String.Empty And txtObs.Text <> String.Empty And ddlPeriodo.Text <> String.Empty And ddlTipo.Text <> String.Empty And ddlEmpresa.Text <> String.Empty Then 'define a conexao com o banco de dados na pasta app data Dim strconn As String = "provider=microsoft.jet.oledb.4.0;data source =" & Server.MapPath("app_data/Transporte.mdb") & ";" 'monta a instru��o sql que vai incluir os dados na tabela. Dim mysql As String = "insert into Transporte(CodEscola,Serie,Aluno,RA,Endereco, Bairro,Cidade,UF,CEP,telefone,Celular,Responsavel,obs, kilometragem,Periodo,TipoTransporte,EmpresadoTransporte) values(@CodEscola,@Serie,@Aluno,@RA,@Endereco, @Bairro,@Cidade,@UF,@CEP,@telefone,@Celular, @Responsavel,@Obs,@kilometragem,@Periodo,@TipoTransporte, @EmpresadoTransporte)" Dim myconn As New OleDbConnection(strconn) Dim cmd As New OleDbCommand(mysql, myconn) 'preenche os parametros obtidos no formulario cmd.Parameters.Add(New OleDbParameter("@CodEscola", ddlEscola.Text)) cmd.Parameters.Add(New OleDbParameter("@Serie", ddlSerie.Text)) cmd.Parameters.Add(New OleDbParameter("@Aluno", txtAluno.Text)) cmd.Parameters.Add(New OleDbParameter("@RA", txtRA.Text)) cmd.Parameters.Add(New OleDbParameter("@Endereco", txtEndereco.Text)) cmd.Parameters.Add(New OleDbParameter("@Bairro", txtBairro.Text)) cmd.Parameters.Add(New OleDbParameter("@Cidade", txtCidade.Text)) cmd.Parameters.Add(New OleDbParameter("@UF", txtUF.Text)) cmd.Parameters.Add(New OleDbParameter("@CEP", txtCEP.Text)) cmd.Parameters.Add(New OleDbParameter("@Telefone", txtTelefone.Text)) cmd.Parameters.Add(New OleDbParameter("@Celular", txtCelular.Text)) cmd.Parameters.Add(New OleDbParameter("@responsavel", txtResponsavel.Text)) cmd.Parameters.Add(New OleDbParameter("@Obs", txtObs.Text)) cmd.Parameters.Add(New OleDbParameter("@Kilometragem", txtKm.Text)) cmd.Parameters.Add(New OleDbParameter("@Periodo", ddlPeriodo.Text)) cmd.Parameters.Add(New OleDbParameter("@TipoTransporte", ddlTipo.Text)) cmd.Parameters.Add(New OleDbParameter("@EmpresadoTransporte", ddlEmpresa.Text)) 'abre a conexao e executa o comando Try ' Coloca um indice Inicial no dropdowlist ddlEscola.Items.Insert(0, "Selecione sua Escola") ddlEscola.SelectedIndex = 0 'lblmsg.Text = "Dados Gravados com Sucesso!!!" myconn.Open() cmd.ExecuteNonQuery() lblMsg.Text = "Dados Gravados com Sucesso!!!" Response.Redirect("cadTransporte.aspx") Catch lblMsg.Text = "Erro ao gravar os dados, consulte o administrador do site" Finally 'fecha a tabela e a conex�o se der erro myconn.Close() End Try End If End Sub

Salve e teste a p�gina. Obs:

� necess�rio estar com todos os dados **Exatos**, qualquer erro, revise passo-a-passo a sua digita��o.
No preenchimento n�o pode conter nenhum campo em branco, ou seja, � necess�rio a digita��o de todos os campos.

Na **Figura 7** temos a p�gina rodando no localhost.

**Figura 7**. P�gina rodando

As **altera��es** e **exclus�es** seguem o mesmo padr�o da p�gina **Serie.aspx** (Tutorial III). Veja na **Figura 8** a p�gina **AlteraCadastro.aspx**.

**Figura 8**. P�gina AlteraCadastro.aspx

Trabalhando com DropDowList em um GridView

Para que possa aparecer o nome da Escola ou de quaisquer outro dados em um gridView na hora de fazer as altera��es, ap�s criar o GridView, selecione a op��o **Edit Collumns** (**Figura 9**):

**Figura 9**.Edit Collumns

E na tela que se abre altere todos os itens para **TemplateField**, como mostra a **Figura 10**.

**Figura 10**.TemplateField

Retorne ao GridView e selecione agora na **GridView Tasks** a op��o **Edit Templates**, como mostra a **Figura 11**.

**Figura 11**. Op��oEdit Templates

Note que nosso **GridView** transformou-se em um coluna contendo apenas um Label, e ao seu lado temosa op��o de finalizar a edi��o ou selecionar nossas templates clicando no Display.

Selecione a Template Escola e verifique que abrir� v�rias op��es, como mostra a **Figura 12**.

**Figura 12**. Op��es do Template Escola

Pontos a analisar:

O primeiro **ItemTemplate**� o que ser� mostrado no GridView;
Como estamos trabalhando com o CodEscola, � o que ser� visualizado;
A op��o **EditItemTemplate**ser� o campo que teremos que fazer a edi��o ou exclus�o. � nesse campo que apagaremos o **Textbox** e colocaremos um **DropDowList** para que na hora de fazer as altera��es o programa possa ir buscar o nome da Escola e n�o seu c�digo.
Note que no **Display**aparece todos os itens que voc� indicou como **TemplateField**, ent�o, para se alterar qualquer formato de campo voc� dever� **selecion�-lo** na caixa de display e fazer as altera��es (tamanho, backColor,ForeColor, Font, bordas, etc.).

Ap�s fazer as altera��es e criar nossos **DropDowList** clique em **Endtemplate**, e fa�a os testes.

Neste GridView estou fazendo a busca pelo nome do aluno. J� na edi��o e altera��o note que aparece o nome da Escola somente na **edi��o e altera��o** e logo abaixo seu c�digo, poder�amos resolver esse problema utilizando uma Consulta, mas preferi deixar no modo padr�o, como mostra a **Figura 13**.

**Figura 13**. Controle de atualiza��o

Dando continuidade ao nosso site, vamos desenvolver as p�ginas **Intranet**, de acesso das unidades escolares e a p�gina **�rea Restrita** acessada pelo desenvolvedor, que j� foi desenvolvida na parte 2.Ent�o vamos l�:

A P�gina de Intranet

Abra a pasta Intranet, e selecione a p�gina **Intranet. aspx**. Nela adicione na guia Standard um controle **Wizard**, como mostra a **Figura 1**.

**Figura 1**. Wizard

Clique em **AutoFormat** e selecione o Tema **Professional** (**Figura 2**).

**Figura 2**. Sele��o de tema

Clique em **Apply** e em **Ok,** na seq��ncia selecione **Add/Remove Wizard Steps** (**Figura 3**).

**Figura 3**.Wizard Steps

E altere seu titulo, como mostra a **Figura 4**.

**Figura 4**. Alterando o t�tutlo

Com o titulo alterado, vamos criar nossa p�gina de boas Vindas. Note que o cursor j� se encontra no meio da p�gina, basta digitarmos e dando **Enter** far� com que a imagem e os textos se movimente (**Figura 5**).

**Figura 5**. Alterando a posi��o

Note que para abrir a pr�xima p�gina, teremos que clicar em **Next.**

Vamos alterar o nome desse bot�o selecionando **Properties** e alterando as propriedades dos bot�es conforme a **Figura 6**:

**Figura 6**. Alterando as propriedades dos bot�es

Na parte de dados, inclua uma imagem (dispon�vel na parte 1) e um **Hiperlink**, apontando para o Cadastro de transporte (**Figura 7**).

**Figura 7**. Incluindo Hiperlink

Para o bot�o finalizar, selecione o Wizard altere a op��o **Navigateurl,** conforme a **Figura 8**.

**Figura 8**.Navigateurl

Fa�a os testes e verifique, se est� tudo ok. Aqui voc� poder� criar Consultas e disponibilizar para as escolas, fica a seu crit�rio.

A p�gina Administrativa

� nessa p�gina onde ficar� o Cadastro de Usu�rios, Relat�rios diversos e Consultas especiais. Com base no item anterior crie a p�gina **adm.aspx**, conforme a **Figura 9**.

**Figura 9**. �rea Administrativa

Desenvolvendo a P�gina de Roteiros

Para se desenvolver essa p�gina, � necess�rio ser cadastrado no **Google**, pois utilizarem o **GoogleMaps.** Adicione uma nova **pasta** em nosso site de nome **Roteiros**, e dentro dela adicione uma nova p�gina de nome **Roteiro.aspx,** como mostra a **Figura 10.**

**Figura 10**. Adicionando p�gina

Adicione a p�gina um hiperlink, e o caminho iremos criar pelo GoogleMaps, como mostra a **Figura 11**.

**Figura 11**. Roteiro

Note o caminho criado pelo Google e o local onde foi digitado.

Criando o Roteirizador no GoogleMaps

Abra o Google Maps e crie um novo Mapa de nome (nome da Escola), que no meu caso ser� **Escola teste**. Selecione **meus Mapas**, como mostra a **Figura 12**.

**Figura 12**. Sele��o dos mapas

E clicando em **Criar Novo Mapa,** clique em **pronto** e logo em seguida **Editar**, como mostra a **Figura 13**.

**Figura 13**. Editando confifura��es

Localize o local de sua Escola, e com a Caixa de ferramentas inclua um **Marcador de lugar** (**Figura 14**).

**Figura 14.**Marcador de lugar

Selecione na sequ�ncia o objeto **Desenhar linha**, posicione no in�cio do trajeto, e v� clicando at� formar seu roteiro, como mostra a **Figura 15**.
.

**Figura 15.** Criando trajeto

Feito todo o trajeto, clique em Link, **copie** e **cole** esse endere�o na nossa p�gina **Roteiro.aspx**, como mostra a **Figura 16**.

**Figura 16.**Trajeto incluso

Podemos personalizar o que nossos visitantes ir�o visualizar, bastando, clicar em **Personalizar e visualizar mapa incorporado**, e criar o layout. Note que � medida que alteramos o tamanho do mapa, posi��o, etc., o endere�o de link se altera (**Figura 17**).

**Figura 17.** Mapa incorporado

A hospedagem

Uma das vantagens de se trabalhar com Access, � a grande gama de hospedagens gratuitas pela Internet. No meu caso escolhi o site www.somee.com, bastando fazer seu cadastro, e o manuseio � bastante simples (**Figura 18**). N�o estou fazendo propaganda, indica��o somente para fins did�ticos, a escolha fica a seu crit�rio.

**Figura 18**. Site Somee

Com o mapa terminado, acabamos de criar nosso site de **transporte Escolar**, os pequenos detalhes de preenchimento fica a cargo de voc�s.

**Figura 6**. Confirma��o do Data Source
Nesta parte selecione o **nome** da Escola, para aparecer no Display, e **CodEscola** que � o valor do **DropDowList**. Clique em Ok e altere o nome do seu DropDowList para **DDLEscola.**

Est� pronta a nossa consulta para o DropDowList.

Fa�a o mesmo para os outros, n�o esquecendo de alterar seus nomes conforme mostrado na **Tabela 1**.

**Escola (DropDowList)** **ddlEscola**

**Serie (DropDowList)** ddlSerie

**Aluno** txtAluno

RA txtRA

**Endereco** txtEndereco

**Bairro** txtBairro

**Cidade** txtCidade

**Estado** txtEstado

**CEP** txtCEp

**Telefone** txtTelefone

**Celular** txtCelular

**Respons�vel** txtResponsavel

**Obs** txtObs TextMode=Multiline

**Kilometragem** txtKM

**Periodo (DropDowList)** ddlPeriodo

**TipoTransporte (DropDowList)** ddlTipo

**Empresa Transportadora (DropDowList)** ddlEmpresa

**Tabela 1.** Tabela com os nomes dos demais itens

Adicione dois Buttom e altere os nomes para btnInserir e btnAlterar.

Dando um duplo-Clique no **btnInserir** digite :

Protected Sub btnInserir_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnInserir.Click 'verifica se foi informado If ddlEscola.Text <> String.Empty And ddlSerie.Text <> String.Empty And txtAluno.Text <> String.Empty And txtRA.Text <> String.Empty And txtEndereco.Text <> String.Empty _ And txtBairro.Text <> String.Empty And txtCidade.Text <> String.Empty And txtUF.Text <> String.Empty And txtCEP.Text <> String.Empty And txtTelefone.Text <> String.Empty _And txtCelular.Text <> String.Empty And txtResponsavel.Text <> String.Empty And txtObs.Text <> String.Empty And ddlPeriodo.Text <> String.Empty And ddlTipo.Text <> String.Empty And ddlEmpresa.Text <> String.Empty Then 'define a conexao com o banco de dados na pasta app data Dim strconn As String = "provider=microsoft.jet.oledb.4.0;data source =" & Server.MapPath("app_data/Transporte.mdb") & ";" 'monta a instru��o sql que vai incluir os dados na tabela. Dim mysql As String = "insert into Transporte(CodEscola,Serie,Aluno,RA,Endereco, Bairro,Cidade,UF,CEP,telefone,Celular,Responsavel,obs, kilometragem,Periodo,TipoTransporte,EmpresadoTransporte) values(@CodEscola,@Serie,@Aluno,@RA,@Endereco, @Bairro,@Cidade,@UF,@CEP,@telefone,@Celular, @Responsavel,@Obs,@kilometragem,@Periodo,@TipoTransporte, @EmpresadoTransporte)" Dim myconn As New OleDbConnection(strconn) Dim cmd As New OleDbCommand(mysql, myconn) 'preenche os parametros obtidos no formulario cmd.Parameters.Add(New OleDbParameter("@CodEscola", ddlEscola.Text)) cmd.Parameters.Add(New OleDbParameter("@Serie", ddlSerie.Text)) cmd.Parameters.Add(New OleDbParameter("@Aluno", txtAluno.Text)) cmd.Parameters.Add(New OleDbParameter("@RA", txtRA.Text)) cmd.Parameters.Add(New OleDbParameter("@Endereco", txtEndereco.Text)) cmd.Parameters.Add(New OleDbParameter("@Bairro", txtBairro.Text)) cmd.Parameters.Add(New OleDbParameter("@Cidade", txtCidade.Text)) cmd.Parameters.Add(New OleDbParameter("@UF", txtUF.Text)) cmd.Parameters.Add(New OleDbParameter("@CEP", txtCEP.Text)) cmd.Parameters.Add(New OleDbParameter("@Telefone", txtTelefone.Text)) cmd.Parameters.Add(New OleDbParameter("@Celular", txtCelular.Text)) cmd.Parameters.Add(New OleDbParameter("@responsavel", txtResponsavel.Text)) cmd.Parameters.Add(New OleDbParameter("@Obs", txtObs.Text)) cmd.Parameters.Add(New OleDbParameter("@Kilometragem", txtKm.Text)) cmd.Parameters.Add(New OleDbParameter("@Periodo", ddlPeriodo.Text)) cmd.Parameters.Add(New OleDbParameter("@TipoTransporte", ddlTipo.Text)) cmd.Parameters.Add(New OleDbParameter("@EmpresadoTransporte", ddlEmpresa.Text)) 'abre a conexao e executa o comando Try ' Coloca um indice Inicial no dropdowlist ddlEscola.Items.Insert(0, "Selecione sua Escola") ddlEscola.SelectedIndex = 0 'lblmsg.Text = "Dados Gravados com Sucesso!!!" myconn.Open() cmd.ExecuteNonQuery() lblMsg.Text = "Dados Gravados com Sucesso!!!" Response.Redirect("cadTransporte.aspx") Catch lblMsg.Text = "Erro ao gravar os dados, consulte o administrador do site" Finally 'fecha a tabela e a conex�o se der erro myconn.Close() End Try End If End Sub

Salve e teste a p�gina. Obs:

� necess�rio estar com todos os dados **Exatos**, qualquer erro, revise passo-a-passo a sua digita��o.
No preenchimento n�o pode conter nenhum campo em branco, ou seja, � necess�rio a digita��o de todos os campos.

Na **Figura 7** temos a p�gina rodando no localhost.

**Figura 7**. P�gina rodando

As **altera��es** e **exclus�es** seguem o mesmo padr�o da p�gina **Serie.aspx** (Tutorial III). Veja na **Figura 8** a p�gina **AlteraCadastro.aspx**.

**Figura 8**. P�gina AlteraCadastro.aspx

Trabalhando com DropDowList em um GridView

Para que possa aparecer o nome da Escola ou de quaisquer outro dados em um gridView na hora de fazer as altera��es, ap�s criar o GridView, selecione a op��o **Edit Collumns** (**Figura 9**):

**Figura 9**.Edit Collumns

E na tela que se abre altere todos os itens para **TemplateField**, como mostra a **Figura 10**.

**Figura 10**.TemplateField

Retorne ao GridView e selecione agora na **GridView Tasks** a op��o **Edit Templates**, como mostra a **Figura 11**.

**Figura 11**. Op��oEdit Templates

Note que nosso **GridView** transformou-se em um coluna contendo apenas um Label, e ao seu lado temosa op��o de finalizar a edi��o ou selecionar nossas templates clicando no Display.

Selecione a Template Escola e verifique que abrir� v�rias op��es, como mostra a **Figura 12**.

**Figura 12**. Op��es do Template Escola

Pontos a analisar:

O primeiro **ItemTemplate**� o que ser� mostrado no GridView;
Como estamos trabalhando com o CodEscola, � o que ser� visualizado;
A op��o **EditItemTemplate**ser� o campo que teremos que fazer a edi��o ou exclus�o. � nesse campo que apagaremos o **Textbox** e colocaremos um **DropDowList** para que na hora de fazer as altera��es o programa possa ir buscar o nome da Escola e n�o seu c�digo.
Note que no **Display**aparece todos os itens que voc� indicou como **TemplateField**, ent�o, para se alterar qualquer formato de campo voc� dever� **selecion�-lo** na caixa de display e fazer as altera��es (tamanho, backColor,ForeColor, Font, bordas, etc.).

Ap�s fazer as altera��es e criar nossos **DropDowList** clique em **Endtemplate**, e fa�a os testes.

Neste GridView estou fazendo a busca pelo nome do aluno. J� na edi��o e altera��o note que aparece o nome da Escola somente na **edi��o e altera��o** e logo abaixo seu c�digo, poder�amos resolver esse problema utilizando uma Consulta, mas preferi deixar no modo padr�o, como mostra a **Figura 13**.

**Figura 13**. Controle de atualiza��o

Dando continuidade ao nosso site, vamos desenvolver as p�ginas **Intranet**, de acesso das unidades escolares e a p�gina **�rea Restrita** acessada pelo desenvolvedor, que j� foi desenvolvida na parte 2.Ent�o vamos l�:

A P�gina de Intranet

Abra a pasta Intranet, e selecione a p�gina **Intranet. aspx**. Nela adicione na guia Standard um controle **Wizard**, como mostra a **Figura 1**.

**Figura 1**. Wizard

Clique em **AutoFormat** e selecione o Tema **Professional** (**Figura 2**).

**Figura 2**. Sele��o de tema

Clique em **Apply** e em **Ok,** na seq��ncia selecione **Add/Remove Wizard Steps** (**Figura 3**).

**Figura 3**.Wizard Steps

E altere seu titulo, como mostra a **Figura 4**.

**Figura 4**. Alterando o t�tutlo

Com o titulo alterado, vamos criar nossa p�gina de boas Vindas. Note que o cursor j� se encontra no meio da p�gina, basta digitarmos e dando **Enter** far� com que a imagem e os textos se movimente (**Figura 5**).

**Figura 5**. Alterando a posi��o

Note que para abrir a pr�xima p�gina, teremos que clicar em **Next.**

Vamos alterar o nome desse bot�o selecionando **Properties** e alterando as propriedades dos bot�es conforme a **Figura 6**:

**Figura 6**. Alterando as propriedades dos bot�es

Na parte de dados, inclua uma imagem (dispon�vel na parte 1) e um **Hiperlink**, apontando para o Cadastro de transporte (**Figura 7**).

**Figura 7**. Incluindo Hiperlink

Para o bot�o finalizar, selecione o Wizard altere a op��o **Navigateurl,** conforme a **Figura 8**.

**Figura 8**.Navigateurl

Fa�a os testes e verifique, se est� tudo ok. Aqui voc� poder� criar Consultas e disponibilizar para as escolas, fica a seu crit�rio.

A p�gina Administrativa

� nessa p�gina onde ficar� o Cadastro de Usu�rios, Relat�rios diversos e Consultas especiais. Com base no item anterior crie a p�gina **adm.aspx**, conforme a **Figura 9**.

**Figura 9**. �rea Administrativa

Desenvolvendo a P�gina de Roteiros

Para se desenvolver essa p�gina, � necess�rio ser cadastrado no **Google**, pois utilizarem o **GoogleMaps.** Adicione uma nova **pasta** em nosso site de nome **Roteiros**, e dentro dela adicione uma nova p�gina de nome **Roteiro.aspx,** como mostra a **Figura 10.**

**Figura 10**. Adicionando p�gina

Adicione a p�gina um hiperlink, e o caminho iremos criar pelo GoogleMaps, como mostra a **Figura 11**.

**Figura 11**. Roteiro

Note o caminho criado pelo Google e o local onde foi digitado.

Criando o Roteirizador no GoogleMaps

Abra o Google Maps e crie um novo Mapa de nome (nome da Escola), que no meu caso ser� **Escola teste**. Selecione **meus Mapas**, como mostra a **Figura 12**.

**Figura 12**. Sele��o dos mapas

E clicando em **Criar Novo Mapa,** clique em **pronto** e logo em seguida **Editar**, como mostra a **Figura 13**.

**Figura 13**. Editando confifura��es

Localize o local de sua Escola, e com a Caixa de ferramentas inclua um **Marcador de lugar** (**Figura 14**).

**Figura 14.**Marcador de lugar

Selecione na sequ�ncia o objeto **Desenhar linha**, posicione no in�cio do trajeto, e v� clicando at� formar seu roteiro, como mostra a **Figura 15**.
.

**Figura 15.** Criando trajeto

Feito todo o trajeto, clique em Link, **copie** e **cole** esse endere�o na nossa p�gina **Roteiro.aspx**, como mostra a **Figura 16**.

**Figura 16.**Trajeto incluso

Podemos personalizar o que nossos visitantes ir�o visualizar, bastando, clicar em **Personalizar e visualizar mapa incorporado**, e criar o layout. Note que � medida que alteramos o tamanho do mapa, posi��o, etc., o endere�o de link se altera (**Figura 17**).

**Figura 17.** Mapa incorporado

A hospedagem

Uma das vantagens de se trabalhar com Access, � a grande gama de hospedagens gratuitas pela Internet. No meu caso escolhi o site www.somee.com, bastando fazer seu cadastro, e o manuseio � bastante simples (**Figura 18**). N�o estou fazendo propaganda, indica��o somente para fins did�ticos, a escolha fica a seu crit�rio.

**Figura 18**. Site Somee

Com o mapa terminado, acabamos de criar nosso site de **transporte Escolar**, os pequenos detalhes de preenchimento fica a cargo de voc�s.

Confira outros conte�dos:

Teste unit�rio com NUnit

Como migrar projetos do ASP.NET MVC...

Crie relat�rios com o Stimulsoft...

Assista grátis a nossa aula inaugural

Perguntas frequentes

Quem somos?

Por que a programação se tornou a profissão mais promissora da atualidade?

Como faço para começar a estudar?

Em quanto tempo de estudo vou me tornar um programador?

Sim, você pode se tornar um programador e não precisa ter diploma de curso superior!

O que eu irei aprender estudando pela DevMedia?

Principais diferenciais da DevMedia

Qual o investimento financeiro que preciso fazer para me tornar um programador?

Como funciona a forma de pagamento da DevMedia?

Por Claudio Em 2009

Nossos casos de sucesso

Leonardo Carlos

Eu sabia pouqu�ssimas coisas de programa��o antes de come�ar a estudar com voc�s, fui me especializando em v�rias �reas e ferramentas que tinham na plataforma, e com essa bagagem consegui um est�gio logo no in�cio do meu primeiro per�odo na faculdade.

Lucas Rodrigues

Estudo aqui na Dev desde o meio do ano passado! Nesse per�odo a Dev me ajudou a crescer muito aqui no trampo.
Fui o primeiro desenvolvedor contratado pela minha empresa. Hoje eu lidero um time de desenvolvimento!
Minha meta � continuar estudando e praticando para ser um Full-Stack Dev!

Her�clito J�nior

Economizei 3 meses para assinar a plataforma e sendo sincero valeu muito a pena, pois a plataforma � bem intuitiva e muuuuito did�tica a metodologia de ensino. Sinto que estou EVOLUINDO a cada dia. Muito obrigado!

Julio Cablen

Nossa! Plataforma maravilhosa. To amando o curso de desenvolvimento front-end, tinha coisas que eu ainda n�o tinha visto. A did�tica � do jeito que qualquer pessoa consegue aprender. S�rio, to apaixonado, adorando demais.

Joelberth Sena

Adquiri o curso de voc�s e logo percebi que s�o os melhores do Brasil. � um passo a passo incr�vel. S� n�o aprende quem n�o quer. Foi o melhor investimento da minha vida!

Felipe Nunes

Foi um dos melhores investimentos que j� fiz na vida e tenho aprendido bastante com a plataforma. Voc�s est�o fazendo parte da minha jornada nesse mundo da programa��o, irei assinar meu contrato como programador gra�as a plataforma.

Wanderson Oliveira

Comprei a assinatura tem uma semana, aprendi mais do que 4 meses estudando outros cursos. Exerc�cios pr�ticos que n�o tem como n�o aprender, est�o de parab�ns!

Jos� Lucas

Obrigado DevMedia, nunca presenciei uma plataforma de ensino t�o presente na vida acad�mica de seus alunos, parab�ns!

Eduardo Dorneles

Aprendi React na plataforma da DevMedia h� cerca de 1 ano e meio... Hoje estou h� 1 ano empregado trabalhando 100% com React!

Adauto Junior

J� fiz alguns cursos na �rea e nenhum � t�o bom quanto o de voc�s. Estou aprendendo muito, muito obrigado por existirem. Est�o de parab�ns... Espero um dia conseguir um emprego na �rea.

Ver todos os casos de sucesso

Controle de Transporte Escolar On-Line - Parte 2

Fa�a um controle de Transporte Escolar On line Com visual Studio utilizando Access e Google Maps.

Trabalhando com DropDowList em um GridView

A P�gina de Intranet

A p�gina Administrativa

Desenvolvendo a P�gina de Roteiros

Criando o Roteirizador no GoogleMaps

A hospedagem