Pessoal, abaixo estão listadas as datas para a realização de cada uma das atividades que integram a elaboração do projeto da turma SA110-06001, conforme combinado na aula do dia 14/06/2008:

Definição de metas e prazos: hoje;

[elaboração da proposta]

Entrega da proposta: 21/06/2008;

[mão na massa]

Plantão (inicial) de dúvidas: 12/07/2008;

[mais mão na massa]

Plantão (final) de dúvidas: 26/07/2008;

[conclusão do site]

Hospedagem do site: 09/08/2008;

Avaliação: 16/08/2008.

As aulas só ocorrerão nas datas supracitadas. Quaisquer dúvidas também poderão ser esclarecidas por e-mail (iran@microcamp.com.br).

Alunos faltantes, contatem-me por e-mail para maiores esclarecimentos.

Atenciosamente,

Iran Rodrigues

Pessoal, abaixo estão listadas as datas para a realização de cada uma das atividades que integram a elaboração do projeto da turma TQ200-05003, conforme combinado na aula do dia 13/05/2008:

Definição de metas e prazos: hoje;

[elaboração da proposta]

Entrega da proposta: 20/05/2008 (terça);

[mão na massa]

Plantão (inicial) de dúvidas: 29/05/2008 (quinta) e 03/06/2008 (terça);

[mais mão na massa]

Plantão (final) de dúvidas: 17/06/2008 (terça) e 19/06/2008 (quinta);

[conclusão do site]

[recesso]

Hospedagem do site: 08/07/2008 (terça);

Avaliação: 10/07/2008 (quinta).

As aulas só ocorrerão nas datas supracitadas. Quaisquer dúvidas também poderão ser esclarecidas por e-mail (iran@microcamp.com.br).

Alunos faltantes, contatem-me por e-mail para maiores esclarecimentos.

Lembrete: não haverá aula na próxima quinta (15/05/2008), nem nas datas que não foram citadas.

Atenciosamente,

Iran Rodrigues

Olá pessoal. Há duas semanas ando sem postar conteúdo de aula aqui no blog (os layouts para avaliação do Fireworks não contam). Existem dois motivos para isso:

1 – Atualmente, minhas turmas de web (exceto uma) estão em módulos que, até então, não utilizam códigos (programação). Até o momento, 70% dos meus posts são sobre linguagens de programação. O porquê disto? Porque programação é texto. E texto é o conteúdo mais prático de se publicar em um blog. Se fosse colocar toda aula de Photoshop aqui, por exemplo, seriam necessários inúmeros “print screens” para cada post – o que dá um trabalhão. Eventualmente, coloco algo voltado aos programas digamos, de edição visual, mas ainda são minoria dentre os assuntos apresentados aqui no blog.

<jabá>
2 – Especialmente nestes últimos 15 dias estive bastante ocupado com os retoques finais que antecederam o lançamento do novo portal Gazetaweb.com. Como vocês bem sabem, sou o responsável pela programação do site, junto com meu colega Anderson Maia. Quem já teve a oportunidade de visitá-lo neste mês, pôde conferir a nova cara do portal. Cara essa, aliás, desenhada pelo meu colega Leonardo Reis.

Além da nova interface, inúmeras outras melhorias podem ser citadas: com relação à programação, por exemplo, está a utilização de Ajax visando um menor tempo de carregamento, a aplicação do conceito de tableless, que ajuda na redução do tamanho das páginas, uma exploração maior dos recursos proporcionados pelo Flash, utilizado por exemplo, no popularíssimo canal Webcards, bem como para a execução dos vídeos. Até o bom e velho Javascript foi mais explorado no novo portal: vejam por exemplo como a página rola suavemente ao se clicar no link “topo” presente no final das páginas de notícias. O Javascript também é o responsável pelo mecanismo de ampliação das fotos inseridas nas notícias.

Uma melhoria que a princípio pode passar despercebida está presente na página da Gazeta FM. Agora dá pra saber o nome da música e a banda que está tocando na hora. Isso só foi possível com o uso de Flash integrado ao XML.

Várias outras melhorias também foram implantadas:

• Lançamento do canal Clima, que informa o tempo e temperatura das capitais do Brasil e das principais cidades alagoanas;
• A busca foi reconstruída e está super funcional;
• Novos blogs foram desenvolvidos;
• etc…

Depois de mais de um ano de trabalho, não consigo sintetizar em poucos tópicos o quanto o portal melhorou. Visitem-no e tirem suas próprias conclusões.
</jabá>

Aprenda a realizar operações básicas envolvendo bancos de dados com o ASP.

Continuando o post anterior, veremos como listar os registros existentes em uma tabela no banco. Antes de qualquer coisa, verifique se você baixou o banco de dados de exemplo citado no post anterior, pois ele será necessário agora.

A última coisa que fizemos foi a criação de um novo arquivo “ASP VBScript” no Dreamweaver, o qual acrescentamos as seguintes linhas no topo (a primeira já existe):

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<%
set conexao = Server.CreateObject("ADODB.Connection")
conexao.Open "Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath("banco.mdb")&";"
Set registros = Server.CreateObject ("ADODB.Recordset")
registros.Open "usuarios",conexao,3,3
%>

Com a utilização do método “Open” do objeto “registros”, este passa a se comportar como um array, ou seja, pode ter seus valores acessados através de índices. Mas que índices são esses? E quais seriam os valores? Resposta: os índices correspondem aos nomes dos campos existentes na tabela de nome “usuarios”. E os valores armazenados no array são os valores do registro para cada campo. Veja na prática, acrescentando as seguintes linhas ao body do documento:

<body>
<%=registros("codigo") & " "%>
<%=registros("nome") & " "%>
<%=registros("email") & " "%>
<%=registros("datanasc")%>
</body>

O que fizemos foi escrever o conteúdo de cada um dos campos especificados. Perceba que os valores exibidos correspondem a apenas um registro. Na verdade, o primeiro registro da tabela. Podemos exibir os demais utilizando um método existente para o objeto “registros”: o MoveNext. Vejamos seu funcionamento:

<body>
<%=registros("codigo") & " "%>
<%=registros("nome") & " "%>
<%=registros("email") & " "%>
<%=registros("datanasc")%>
<% registros.MoveNext %>
<%="<br />"%>
<%=registros("codigo") & " "%>
<%=registros("nome") & " "%>
<%=registros("email") & " "%>
<%=registros("datanasc")%>
<% registros.MoveNext %>
<%="<br />"%>
<%=registros("codigo") & " "%>
<%=registros("nome") & " "%>
<%=registros("email") & " "%>
<%=registros("datanasc")%>
</body>

Perceba que a cada uso do MoveNext, passamos a trabalhar com o próximo registro. Logo, apesar de estarmos apenas repetindo os mesmos comandos, a cada repetição exibimos os valores de um registro diferente.

É claro que nem de longe este código está prático. Da forma como foi criado, seria necessário copiar e colar os blocos de código repetidos tantas vezes quantos fossem os registros – portanto o código poderia crescer indefinidamente. Bom, é para isso que servem as estruturas de repetição. Podemos repetir os blocos de código até que atinjamos o fim dos registros. Como isso é possível? Através da propriedade EOF, também presente no objeto “registros”. Esta é um propriedade booleana: é verdadeira quando se chega ao fim da tabela e falsa em caso contrário. Logo, o código final poderia ficar assim:

<body>
<%
' Até chegarmos ao fim da tabela...
Do Until registros.EOF
' ...escreveremos os dados do registro atual
%>
<%=registros("codigo") & " "%>
<%=registros("nome") & " "%>
<%=registros("email") & " "%>
<%=registros("datanasc")%>
<%="<br />"%>
<% registros.MoveNext %>
<% Loop %>
</body>

Exercício: organize os dados dos registros exibindo-os dentro de uma tabela (<table>). Dica: substitua os espaços em branco e a quebra de linha pelas tags <td> e <tr> (abra-as e feche-as corretamente).

Por hoje é só, pessoal. Em breve continuarei este artigo demonstrando como inserir novos registros em uma tabela.

Aprenda a realizar as operações básicas envolvendo bancos de dados com o ASP.

Ao pensarmos em sites que acessam bancos de dados, a primeira coisa que vem à cabeça são grandes sites, como um site de comércio eletrônico, com cadastros de produtos, clientes, fornecedores e etc. Apesar destes grandes sites utilizarem (grandes) bancos de dados, existem muitos outros pequenos sites que também os utilizam (ou poderiam utilizá-los).

Hoje em dia, sites que acessam bancos de dados são cada vez mais comuns. Um exemplo: suponha um simples site institucional. Este site possui uma página descrevendo a empresa, seus serviços, um formulário de contato, etc. Para tanto, digamos que ao total existam cinco diferentes páginas. Até aí, tudo bem. Mas vamos além: imagine ainda que o responsável pelo conteúdo do site na empresa não entenda de HTML (que dirá de ASP). Como ele fará para atualizar informações em seu site sem precisar contatar um profissional? A resposta: atráves de um sistema de administração de conteúdo. O site poderia conter uma área, protegida por senha, onde a pessoa responsável possa alterar o conteúdo de cada uma das páginas, como por exemplo, atualizar um telefone, ou acrescentar uma informação, sem ver nenhuma tag HTML ou comando de ASP. Para que isso seja possível, tais informações (o conteúdo de cada página) devem estar em um banco de dados.

O ASP permite trabalhar com qualquer banco de dados popular, como o SQL Server, Oracle, MySQL, PostgreSQL, Access, MSQL… peraí? Access? Isso mesmo!

O Access é conhecido por ser um banco de dados limitado, voltado ao uso doméstico ou em pequenas empresas; mas isso não impede de ser utilizado em um site. De fato, se o site não fizer operações complexas envolvendo o banco de dados e nem tiver muitos acessos simultâneos, é possível usar o Access normalmente. Se for necessário um banco robusto, é melhor esquecê-lo. Nesta página (em inglês) vocês podem encontrar uma relação das limitações do Access como banco de dados para a web.

De qualquer forma, veremos o uso do Access apenas para fins didáticos, pois uma de suas vantagens é a simplicidade na criação de um banco de dados e a facilidade para carregá-lo para qualquer lugar, pois ocupa um único arquivo (de extensão .mdb).

Antes de qualquer coisa, baixem o banco de dados usado como exemplo: aqui.

Começando…

Assim como fizemos no módulo de PHP, qualquer tarefa envolvendo o uso de um banco de dados requer alguns comandos essenciais: a conexão com o banco e a definição da tabela a ser usada.

Para tanto, criem um novo arquivo ASP VBScript no Dreamweaver e acrescentem as linhas a seguir (percebam que a primeira linha já existe no código da nova página):

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<%
set conexao = Server.CreateObject("ADODB.Connection")
conexao.Open "Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath("banco.mdb")&";"
Set registros = Server.CreateObject ("ADODB.Recordset")
registros.Open "usuarios",conexao,3,3
%>

Complicado? Nem tanto. À primeira vista assusta, mas com o uso você decora…

Veja que uma palavra se repete: ADODB. “DB” sabemos que vem de “database” (banco de dados), já o ADO é uma tecnologia proprietária da Microsoft que provê uma interface para o acesso aos dados armazenados em um banco de dados. Ele é instalado junto com o IIS.

Voltando a analisar o código: a linha que inicia com “set conexao” cria uma instância chamada de “conexao” a partir do objeto “ADODB.Connection”. Lembram-se de que vimos por alto o uso do método CreateObject do objeto Server? Olha ele aí instanciando um objeto…

O objeto ADODB.Connection estabelece uma conexão a um banco de dados. Seu uso é fundamental para que realizemos qualquer operação com o banco.

Após a criação do objeto “conexao”, utilizamos o seu método “Open” para inicializar a conexão com o banco. Nesta etapa, qual é o banco de dados que iremos utilizar e onde ele se localiza. O parâmetro passado à função é chamado de string de conexão. No exemplo acima, a string de conexão contém o “provider” e o “data source” a serem usados. O primeiro é o provedor, que indica o mecanismo que lidará com o banco (este em questão é o provedor que lida com o Access e o Excel). O data source (fonte de dados) especifica o local do arquivo do banco de dados. O método “Server.MapPath” foi usado para obter o caminho completo do arquivo (que poderia ser, por exemplo, “C:\Inetpub\wwwroot\site\banco.mdb”).

Após o uso do método “Open” do objeto “conexao”, instanciamos um objeto a que chamamos “registros” (do tipo ADODB.Recordset). Este objeto armazenará os dados do banco, normalmente de uma tabela por vez.

O método “Open” para o objeto “registros” tem a função de associar o objeto a um conjunto de registros (ex.: uma tabela). No exemplo acima, “abrimos” a tabela chamada “usuarios” através da conexão definida no objeto “conexao”. O “3,3″ no final indica o tipo de cursor e o modo de travamento. O primeiro, com valor “3″, indica que a movimentação por entre os registros será feita apenas para a frente, o que aumenta a performance. O segundo “3″ indica que o registro ficará travado para não permitir alterações por outros usuários enquanto estiver sendo usado. Estes parâmetros são opcionais, podendo ser omitidos. Mais detalhes sobre o tipo de cursor e o modo de travamento no site da W3 Schools (em inglês).

Até aqui o que fizemos foi apenas nos conectar a um banco e selecionar uma tabela. Portanto, nenhuma informação do banco estará ainda visível. Em breve continuarei este artigo, colocando um exemplo prático, onde poderemos listar os registros já armazenados no banco. Até.

Continuando a sequência de artigos sobre os objetos do ASP, veremos aqui como utilizar o objeto Server.

Olá. Agora que o ano começou o carnaval acabou, vou correr para atualizar o conteúdo das aulas – que estão quase todas atrasadas. Devido a este atraso, o conteúdo deste e dos próximos posts serão levemente resumidos (volto a lembrar que o objetivo é reforçar/relembrar o que foi visto em aula).

Continuando a falar dos objetos do ASP, chega a vez do Server. Este objeto serve basicamente para acessar funções gerais no servidor web. O Server possui uma propriedade e sete métodos, a saber:

• ScriptTimeout (propriedade)
• CreateObject* (método)
• Execute (método)
• GetLastError** (método)
• MapPath* (método)
• HTMLEncode (método)
• Transfer (método)
• URLEncode (método)

* Seu uso será exemplificado em aulas posteriores;
** Não será visto em aula.

ScriptTimeout

Propriedade que define o tempo máximo de espera para o processamento de um script no servidor. O valor padrão é 90 (segundos), o que quer dizer que uma página que contenha um código que leve a um looping infinito, por exemplo, será executada por no máximo 90 segundos, para então resultar em erro.

Setando um novo valor para ScriptTimeout:

Server.ScriptTimeout = 45
' Exibição do valor
Response.Write(Server.ScriptTimeout)

CreateObject

Instancia um objeto. Em outras palavras, cria um objeto do tipo especificado. Veremos mais detalhes ao trabalharmos com bancos de dados.

Execute

Executa um script contido em um arquivo ASP externo. Equivale ao include do PHP.

Exemplo:

arquivo1.asp

Response.Write("Comando 1 do arquivo1.asp<br>")
Server.Execute("arquivo2.asp")
Response.Write("Comando 2 do arquivo1.asp<br>")

arquivo2.asp

Response.Write("Comando 1 do arquivo2.asp<br>")
Response.Write("Comando 2 do arquivo2.asp<br>")
Response.Write("Comando 3 do arquivo2.asp<br>")

Resultado da execução do arquivo1.asp:

Comando 1 do arquivo1.asp
Comando 1 do arquivo2.asp
Comando 2 do arquivo2.asp
Comando 3 do arquivo2.asp
Comando 2 do arquivo1.asp

Percebam que após a execução dos comandos no arquivo2.asp, os comandos restantes do arquivo1.asp são executados.

GetLastError

Este método é usado na personalização de páginas que exibem mensagens de erro no servidor. Um exemplo no uso deste método pode ser encontrado aqui (em português).

MapPath

Obtém o caminho absoluto para um arquivo ou pasta no servidor a partir de seu caminho relativo. Utilizaremos este método quando trabalharmos com bancos de dados.

HTMLEncode

Este é um método bem util. Sua função é converter caracteres especiais contidos em uma string em seus respectivos “códigos” oriundos do HTML (HTMLEncode significa codificar em HTML).

Experimentem exibir o texto “<br>” numa página web. Se vocês digitarem no body, por exemplo, ao invés do texto “<br>” o que aparece é uma quebra de linha. Isso acontece porque o browser processa o texto “<br>” como um comando da linguagem HTML. Para simplesmente exibirmos como texto, precisamos substituir os “<” e “>” pelos seus respectivos códigos em HTML: “<” e “>”, respectivamente. Então teríamos que escrever: <br>

Como ninguém costuma decorar esses códigos, e mesmo que decore, não quer perder tempo digitando-os, vamos utilizar o método HTMLEncode. Analisem o código fonte gerado pela execução do código abaixo e tirem suas conclusões:

'Sem HTMLEncode
Response.Write("O elemento do HTML que quebra linhas é o <br>")
'Com HTMLEncode
Response.Write(Server.HTMLEncode("O elemento do HTML que quebra linhas é o <br>"))

Transfer

Faz quase o mesmo que o método Execute. A diferença é que o Transfer não inclui a página externa, mas sim redireciona a execução para ela. Ou seja, ao transferir a execução de uma página chamada arquivo1.asp para uma outra chamada arquivo2.asp, ao fim da execução desta última, o servidor não retorna para a primeira.

Observação: o objetivo deste método não é simplesmente redirecionar (como o Response.Redirect). O redirecionamento ocorre de forma transparente para o usuário – ele não sabe que está sendo redirecionado, pois o browser não irá recarregar – e, principalmente, este redirecionamento conserva o estado atual do servidor. Assim, as variáveis definidas continuam existindo ao chegar na página de destino.

Exemplo (baseado no exemplo do Execute Рvejam as diferen̤as no resultado):

arquivo1.asp

Response.Write("Comando 1 do arquivo1.asp<br>")
Server.Transfer("arquivo2.asp")
Response.Write("Comando 2 do arquivo1.asp<br>")

arquivo2.asp

Response.Write("Comando 1 do arquivo2.asp<br>")
Response.Write("Comando 2 do arquivo2.asp<br>")
Response.Write("Comando 3 do arquivo2.asp<br>")

Resultado da execução do arquivo1.asp:

Comando 1 do arquivo1.asp
Comando 1 do arquivo2.asp
Comando 2 do arquivo2.asp
Comando 3 do arquivo2.asp

Qual a diferença? Ao terminar de executar os comandos do arquivo2.asp, ele não volta para o arquivo1.asp. A execução termina.

URLEncode

Mais uma função de codificação, como a HTMLEncode. A diferença é que o URLEncode codifica um texto para que ele possa ser inserido numa URL. Para ver um exemplo, acesse o Google, digite uma frase como: receita de suflê de abóbora (eu chutei essa receita, mas pelo jeito, ela existe de verdade). Ao pesquisar, não cliquem em nenhum resultado. Ao invés disso, observem a URL. Como o formulário de busca do Google é enviado via GET, as informações ficam expostas na URL. Fiz a pesquisa e a URL atual é: http://www.google.com.br/search?q=receita+de+sufl%C3%AA+de+ab%C3%B3bora&ie=utf-8&oe=utf-8&rls=org.mozilla:pt-BR:official&client=firefox-a

O texto que digitei fica depois do “?q=” e vai até antes do “&ie=”, ou seja:

receita+de+sufl%C3%AA+de+ab%C3%B3bora

Portanto, a frase “receita de suflê de abóbora”, codificada na URL vira “receita+de+sufl%C3%AA+de+ab%C3%B3bora”. É fácil perceber que o que muda são os espaços (trocados por “+”) e as letras acentuadas (na verdade, os caracteres especiais em geral), que são trocadas por dois caracteres entre porcentagens (exemplo: %C3%).

Qual a utilidade? Inserir informações diretamente na URL. Por exemplo, acessando este endereço…

http://www.google.com.br/search?q=dicion%C3%A1rio+bil%C3%ADng%C3%BCe+portugu%C3%AAs+ingl%C3%AAs

…vocês já caem automaticamente na página de resultados do Google para “dicionário bilíngüe português inglês”. Para gerar um link destes automaticamente é preciso usar este método.

Exemplo:

Response.Write("Pesquise por 'pôneis siamêses' clicando <a href='")
Response.Write("http://www.google.com.br/search?q=" & URLEncode("pôneis siamêses"))
Response.Write("'>aqui</a>")

Um outro exemplo de utilização é criar um formulário de busca que encaminhe para a página de resultados do Google para o termo pesquisado.

Confira uma seleção de tutoriais do MXStudio cujo foco é a criação de layouts utilizando o Fireworks.

O MXStudio é um portal que sempre recomendo a meus alunos, pois é possível encontrar tutoriais e artigos de qualidade, envolvendo diversas aplicações que estudamos em nosso curso.

A especialidade do MXStudio é o universo Adobe, incluindo os produtos da antiga Macromedia, como o Fireworks.

Abaixo vocês encontrarão links para uma série de tutoriais que ensinam a criar alguns bons modelos de layouts utilizando o Fireworks. A série, chamada de Maratona de Layouts, foi dividida em nove partes e publicada no primeiro semestre de 2005, mas seu conteúdo ainda é bastante atual. Separei as partes que considero mais interessantes para nosso aprendizado:

http://www.mxstudio.com.br/views.tutorial.php?act=view&cid=2&aid=595 (parte 9) – Autoria: Fábio Ricotta;

http://www.mxstudio.com.br/views.tutorial.php?act=view&cid=2&aid=574 (parte 8 ) – Autoria: Marco Antonio;

http://www.mxstudio.com.br/views.tutorial.php?act=view&cid=2&aid=536 (parte 7) – Autoria: Tiago Peres;

http://www.mxstudio.com.br/views.tutorial.php?act=view&cid=2&aid=481 (parte 6) – Autoria: Rafael Luiz E. Ferreira;

http://www.mxstudio.com.br/views.tutorial.php?act=view&cid=2&aid=460 (parte 5) – Autoria: Fábio Ricotta;

http://www.mxstudio.com.br/views.tutorial.php?act=view&cid=2&aid=439 (parte 4) РAutoria: Marco Ant̫nio.

Este post contém um exercício resolvido em sala, cujo objetivo é calcular o fatorial de um número fornecido por um usuário mediante um formulário.

O código abaixo ilustra a utilização de funções definidas pelo programador (“fatorial2″, neste caso) e da coleção Form do objeto Request.

Copiem este código e executem-no, analisando seu funcionamento:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<%
Function fatorial2(valor)
Dim i, mult
mult = valor
For i = valor-1 To 1 Step -1
mult = mult * i
Next
fatorial2 = mult
End Function

Dim valor, fatorial
valor = Request.Form("valor")
If (valor <> "") Then
fatorial = fatorial2(valor)
End If
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<%
If (valor <> "") Then
Response.Write("Resultado: " & fatorial)
End If
%>
<form id="form1" name="form1" method="post" action="">
<label for="textfield">Fatorial de:</label>
<input name="valor" type="text" id="valor" size="4" maxlength="4" />
<label for="Submit"></label>
<input type="submit" name="Submit" value="Calcular" id="Submit" />
</form>
</body>
</html>

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<%
Dim endereco
' Obtendo o endereço especificado no formulário
endereco = Request.Form("endereco")
' Se o endereço não estiver em branco, redirecionar o usuário
If (endereco <> "") Then
Response.Redirect(endereco)
End If
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<label for="textfield">URL:</label>
<input name="endereco" type="text" id="endereco" size="60" />
<label for="Submit"></label>
<input type="submit" name="Submit" value="Ir" id="Submit" />
</form>
</body>
</html>