helyoWAP

Tutoriais de programação em linguagem WML para construção de páginas WAP
usando o método de "programas comentados"

Programas	Conteúdo
Introdução	O ambiente ASP (Active Server Pages) e o PWS (Personal Web Server)
wasp1.asp	Este programa exibe na tela do celular a hora atual atual registrada no servidor (PWS) que hospeda a mini-page. Uso dos scripts Date e Response.Write.
wasp2.asp	O programa exibe a data e hora do servidor. Uso dos scripts Time e Date.
wasp3.asp	O programa exibe o conjunto "data/hora" atual registrado no servidor. Uso do script Now.
wasp4.asp	Neste programa, o script WeekDay (Date) retorna um código numérico para o dia da semana correspondente à data obtida com o script Date.
wasp5.asp	Neste programa é utilizada a instrução de teste condicional If-Then-ElseIf-Else.
wasp6.asp	Este programa apresenta o mesmo resultado do anterior mas é utilizada a instrução Select Case.
wasp7.asp	No programa wasp4.asp vimos que o script "WeekDay(Date)" retorna um código numérico para o dia da semana, obtido no servidor PWS. Neste programa o código numérico é transformado na palavra que identifica o dia da semana (domingo, segunda...). É utilizada a instrução If-Then-End If.
wasp8.asp	Este programa apresenta o mesmo resultado do programa anterior mas os nomes dos dias da semana constam de um vetor ou matriz de uma dimensão. Uso da instrução DIM para declarar a variável da matriz.
wasp9.asp	Enviando dados de um dispositivo WAP para uma página ASP
bancolivro01.asp	Um banco de dados para uso didático. O objetivo deste programa é mostrar como um dado é transferido de um servidor para ser exibido na tela de um simulador ou celular. O banco-exemplo pode ser obtido por download. São comentados os scripts que estabelecem a conexão com o banco, assim como aqueles que realizam a consulta.
bancolivro02.asp	Este é um programa idêntico ao anterior mas com outra sintaxe de consulta.
	WML/ASP e o banco de dados NORTHWIND do Microsoft Access
bancow3.asp	Usando o NORTHWIND
bancow4.asp	Usando o NORTHWIND
bancow5.asp	Usando o NORTHWIND
bancow6.asp	Usando SQL - Structured Query Language no NORTHWIND
bancow7.asp	Uso da ferramenta gráfica de consulta do Microsoft Access
	Construindo um Guia de Cinemas com ASP/WML usando o Microsoft Access
	Consulta ao bancoCinema.mdb (Parte 1)
	Consulta ao bancoCinema.mdb (Parte 2)
	Consulta ao bancoCinema.mdb (Parte 3)
	Consulta ao bancoCinema.mdb (Parte 4)
	Conexão com o Banco de Dados "com DSN" e "sem DSN"

TUTORIAL EM CONSTRUÇÃO

Notas de estudo para um Tutorial PHP+WML+MySQL em ambiente APACHE
Setembro de 2002

(*) O autor, Helio Rosa (rosahelio@gmail.com), 68 anos, tem formação em engenharia de telecom, análise de sistemas e programação de computadores.
Está aposentado de atividades remuneradas. Mantém com recursos próprios e coordena em tempo integral as atividades da ComUnidade WirelessBRASIL e participa da equipe de moderadores dos Grupos de Discussão Celld-group e WirelessBr.

O tutorial sobre páginas dinâmicas tem a co-autoria de Andrea de Mello, com formação em Engenharia Eletrônica (UNB), Análise de Sistemas em nível de pós-graduação e programação de computadores.

helyoWAP é um site de divulgação de tecnologia, independente, sem fins lucrativos. Contém artigos e anotações de estudo do autor. Tecnologia neste caso é sinônimo de organizações, empresas, produtos e serviços. O conteúdo é coletado basicamente na WEB. Há sempre preocupação em citar as fontes. No entanto, se alguma pessoa , física ou jurídica, sentir-se prejudicada em seus direitos, basta um comunicado e a matéria será reformulada ou cancelada.

Programas	Conteúdo
Introdução	Como estudar e relação dos programas
phone1.wml	Esta é uma versão do tradicional programa "Hello World !". Contém 1 deck e 1 card e utiliza as tags <wml> , <card> e <p>.
phone2.wml	Este programa contém 1 deck e 2 cards. Utiliza as tags <br/>, <do> e <go> . Esta duas últimas são utilizadas para programar a tecla "ACCEPT" e produzir um desvio do primeiro para o segundo card.
phone3.wml	Programa com 1 deck e 3 cards. Apresenta o elemento <template> que permite fazer de uma única vez a programação de teclas para todos os cards. Cada card (sinônimo de "tela") salta seqüencialmente para o próximo ao ser acionada a tecla "ACCEPT". A partir de cada card é possível acessar uma outra tela (produzida pelo programa phone4.wml) ao ser acionada a tecla "OPTIONS". Exercício com as tags de formatação de texto <b>, <big>, <em>, <i>, <small>, <strong> e <u>.
phone4.wml	Programa associado ao anterior. Contém 1 deck e 1 card. Ao ser acionada a tecla "ACCEPT" ocorre um salto para o programa phone3.wml sendo exibido o primeiro card deste. Utiliza a tag <img> para exibir uma figura da coleção disponível na memória do OWG1 Simulator.
phone5.wml	Este programa é uma modificação do anterior para que cada uma das telas possa ser acessada diretamente a partir da primeira e não mais somente seqüencialmente. Para tal é utilizado o elemento <anchor> cuja ação pode ser descrita com produzindo um hyperlink adaptado à telinha.
phone6.wml	Ajuste do programa phone4.wm às modificações que originaram o programa phone5.wml. É introduzida mais uma figura na tela.
phone7.wml	Programa com 1 deck e dois cards. A primeira tela apresenta uma lista de opções (como que hiperlinks) geradas pelas tags <select> e <option>, trabalhando em conjunto (não confundir tag "option" com tecla "OPTIONS"). Cada opção tem uma mensagem associada que é mostrada na tela correspondente ao segundo card. O detalhe é que cada mensagem é passada para o segundo card através de uma variável. Esta variável é inicializada dentro do elemento <option>.
phone8.wml	Este programa é uma modificação do anterior para mostrar o atributo "onpick" do elemento <option>. Este atributo produz um desvio com um mecanismo diferente do mostrado no programa anterior. Como o atributo "onpick" é uma versão reduzida do elemento <onevent> é apresentado o trecho de código com a sintaxe deste elemento.
phone8a.wml	Sugestão de exercício, com resposta
phone8b.wml	Outro modo de obter o mesmo resultado anterior sem usar o atributo "onpick" ou o elemento "onevent"; programa-se o desvio para a tela "em construção" utilizando a "softkey" "OPTIONS", que está desocupada.
phone_dica1.wml	Lista de opções com mais de 9 itens (elemento "select"): como proceder .
phone_dica2.wml	Lista de opções maior que o tamanho da tela (elemento "select": como proceder para evitar o rolamento da tela e facilitar a operação por parte do usuário.
phone8c.wml	Sugestão de exercício, com resposta
phone9.wml phone10.wml phone11.wml	Construção de um Guia de Cinemas rudimentar para recordar e reforçar o uso dos elementos <a>, <anchor> e <select> na construção de hyperlinks ou desvios. "Receita" de códigos para fazer desvios com estes elementos.
phone12.wml	No programa phone7.wml vimos uma maneira de inicializar (modo implícito) uma variável dentro da estrutura de um elemento <option>. Este programa mostra como inicializar uma variável (modo explícito) com o elemento <setvar> dentro de um conjunto "do" / "go" , ou seja, pelo acionamento de uma tecla associada (intervenção do usuário).
phone13.wml	Mais um programa tratando da inicialização de variáveis. Este utiliza os elementos <onevent> e <refresh> para inicializar variáveis sem a intervenção do usuário.
phone14.wml	Este é um programa tão básico como o "Hello World!" mas para a entrada de dados pelo teclado do simulador/celular, usando o elemento <input>.
phone14a.wml	Como "camuflar" os dados digitados para que não sejam exibidos na tela. Trata-se do mesmo processo utilizado nos caixas eletrônicos quando o usuário digita sua senha e são exibidos asteriscos.
phone15.wml	Este é o programa Phone14.wml um pouco mais "incrementado". Após o término da digitação o programa permite que o usuário confira os dados e faça a correção. As ações ocorrem dentro do mesmo deck.
phone15a.wml	Neste programa é comentada a formatação dos dados de entrada, inclusive a utilização de "máscaras" para referenciar quantias em dinheiro.
phone15b.wml	O mesmo programa anterior modificado com uma "máscara" para datas.
phone16.wml	Este programa envia um dado definido dentro do código do programa para o programa phone17.wml hospedado no servidor PWS. A variável é inicializada pelo elemento <setvar>.
phone16a.wml	O mesmo programa anterior modificado: o dado enviado para o programa phone 17.wml, hospedado no servidor PWS, é digitado pelo usuário e recebido via elemento <input>.
phone16b.wml	Neste programa, o dado recebido via elemento <input> é enviado ao programa phone17.asp, hospedado no servidor PWS. O dado é enviado com o uso do elemento <postfield>, e o método POST. O programa phone17.asp recebe um novo preâmbulo para simular um ambiente de script ASP.
phone16c.wml	O programa anterior é modificado para utilização do método GET.
phone17.wml	Programa associado ao phone16.wml e phone16a.wml. Está hospedado no servidor PWS. Recebe o dado enviado pelo usuário e o devolve ao dispositivo (simulador/celular) para exibição e conferência.
phone17.asp	Programa associado ao phone16b.wml e phone16c.wml. Está hospedado no servidor PWS. Contém um novo preâmbulo para simular um ambiente de script ASP. Recebe o dado enviado pelo usuário e o devolve ao dispositivo (simulador/celular) para exibição e conferência.
phone18.wml	Este programa exibe na tela uma tabela (3 linhas, 4 colunas) sobre previsão do tempo. São utilizados os elementos <table> , <td> e <tr>.
phone19.wml	Modificação do programa anterior. São inseridas figuras em duas células da tabela. As figuras constam da coleção existente na memória do Simulador OWG1. e representam "sol" e "chuva" É utilizado o elemento <i> e <img>.
phone20.wml	Modificação do programa anterior que apresenta uma previsão do tempo em forma de tabela com palavras e figuras. Duas células da tabela são transformadas em "links ancorados" e desviam para outra duas telas (phone21.wml e phone22.wml) com previsão mais detalhada.
phone21.wml phone22.wml	Estes dois programas produzem as telas detalhadas de previsão do tempo exibidas por uma opção feita no programa phone20.wml. O texto é em tipo itálico devido ao elemento <i>.
phone23.wml	Programa elaborado para mostrar o uso dos elementos <spawn>, <send> , <receive> e <exit>. Uma tela (card) recebe dados de outro card e os exibe.
phone24.wml	Um programa utilizando tags WML básicas mostrando como uma tela de "manchetes" pode ser desviada para outras exibindo "notícias". Seu objetivo neste ponto é servir de base às modificações que serão feitas no próximo programa para continuação dos comentários sobre o elemento <spawn>.
phone25.wml	Este é o programa phone24.wml modificado com a inclusão do elememo <spawn>. É utilizado o modificador de variável ("escaping modifier") noesc e a versão "standalone" <exit/> da dupla <exit></exit>.
phone26.wml	Continuação do estudo de "contextos". Mais utilização de <spawn>, <receive> e <send>. Introdução dos elementos <throw> e <catch> .
phone27.wml	Utilização do elemento <prev>.
phone28.wml	Coloque uma figura WBMP na sua mini-page
phone29.wml	Simulando uma "WBMP ANIMADA"
	Construa e publique seu Wap-Jornal (1) [Páginas estáticas]
	Construa e publique seu Wap-Jornal (2) - O primeiro caderno e suas manchetes
	Construa e publique seu Wap-Jornal (3) - Visão geral das telas do projeto
	Construa e publique seu Wap-Jornal (4) - O segundo caderno e suas manchetes
	Construa e publique seu Wap-Jornal (5) - O terceiro caderno e suas manchetes
	EXTRA ! EXTRA ! Saiu a primeira edição do "JecaWAP News" !
	Listagens completas dos programas do jornal "JecaWAP News" - Primeiro caderno
	Listagens completas dos programas do jornal "JecaWAP News" - Segundo e terceiro cadernos
	Listagens completas dos programas do jornal "JecaWAP News" - Primeiro caderno - Notícias
	Listagens completas dos programas do jornal "JecaWAP News" - Segundo caderno - Notícias
	Listagens completas dos programas do jornal "JecaWAP News" - Terceiro caderno - Notícias

helyoWAP
*Autor: Helio Rosa ()**