HELYOWAP Tutorial WML (14)

Esta página contém muitas figuras. Aguarde a carga se a conexão estiver lenta.

Programa Phone20.wml

Objetivo: Modificar o programa anterior de modo que os dias da semana funcionem como"links ancorados" para permitir o desvio para uma tela onde , por exemplo, possa haver um detalhamento da previsão do tempo. Eis a tela pretendida (observar a seta indicativa do link e os colchetes [ ], colocados automaticamente pelo programa)

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="kard1" title="Previsao do tempo">

*** helyoWAP ***


<table columns="4">
<tr>
 <td>Dia</td>
 <td>Tempo</td>
 <td>MAX</td>
 <td>min</td>
</tr>
<tr>
 <td><anchor title="SABADO"><go href="phone21.wml"/>SAB</anchor></td>
 <td><img localsrc="sun" alt="" src=""/></td>
 <td>30</td>
 <td>26</td>
</tr>
<tr>
 <td><anchor title="DOMINGO"><go href="phone22.wml"/>DOM</anchor></td>
 <td><img localsrc="rain" alt="" src=""/></td>
 <td>27</td>
 <td>24</td>
</tr>
</table>

</card>
</wml>

Para conferência, o autor copiou/colou a listagem acima no "Bloco de Notas" do Windows, o que cancela qualquer tipo de formatação anterior. Em seguida, alinhou todas as linhas à esquerda (o processo de copiar/colar pode trazer algum código espúrio, não visível). Após, gravou o programa como phone20.wml.
Neste processo, o "Bloco de Notas" , automaticamente, mudou a extensão para phone20.wml.txt!!! . Utilizando o Windows Explorer (recomendado nestes casos) o arquivo foi renomeado para phone20.wml. Em seguida foi testado com êxito no OWG1 Simulator.
O leitor pode utilizar um simulador ou um celular WAP para acessar este programa no seguinte endereço da WEB:
http://sites.uol.com.br/helyomobile/wml/phone20.wml . As telas poderão ter uma aparência diferente, dependo das características técnicas do simulador ou celular utilizado.

Comentários:
Repare que as palavras SAB e DOM estão entre colchetes. Estes foram colocados pelo próprio programa devido ao uso do elemento <anchor> , colocado no "interior da célula" correspondente.
Escolhidas estas opções, o programa desviará para os programas phone21.wml e phone22.wml

Programa Phone21.wml

Objetivo: Obter uma previsão detalhada, citada no programa anterior.

Phone21.wml (código):

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="kard1" title="Previsao do tempo">
<do type="accept" label="Inicio">
 <go href="phone20.wml"/>
</do>

 *** helyoWAP *** 
 <img localsrc="sun" alt="" src=""/>
 <img localsrc="rightarrow1" alt="" src=""/>
 <img localsrc="cloud" alt="" src=""/> 
 Ceu claro, nuvens esparsas. Passa a nublado. Chuva no entardecer.

</card>
</wml>

Para conferência, o autor copiou/colou a listagem acima no "Bloco de Notas" do Windows, o que cancela qualquer tipo de formatação anterior. Em seguida, alinhou todas as linhas à esquerda (o processo de copiar/colar pode trazer algum código espúrio, não visível). Após, gravou o programa como phone22.wml.
Neste processo, o "Bloco de Notas" , automaticamente, mudou a extensão para phone22.wml.txt!!! . Utilizando o Windows Explorer (recomendado nestes casos) o arquivo foi renomeado para phone22.wml. Em seguida foi testado com êxito no OWG1 Simulator.
O leitor pode utilizar um simulador ou um celular WAP para acessar este programa no seguinte endereço da WEB:
http://sites.uol.com.br/helyomobile/wml/phone22.wml . As telas poderão ter uma aparência diferente, dependo das características técnicas do simulador ou celular utilizado.

Comentários: Além da figura "sun" (sol), estamos utilizando agora mais duas da relação contida na memória do UP Simulator: "rightarrow1" (seta à direita)) e "cloud" (nuvem).

O texto está em tipo "itálico" devido ao uso do elemento .

Programa Phone22.wml

Phone22.wml (código):

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="kard1" title="Previsao do tempo">
<do type="accept" label="Inicio">
<go href="phone20.wml"/>
</do>

*** helyoWAP *** 
<img localsrc="rain" alt="" src=""/>
<img localsrc="rightarrow1" alt="" src=""/>
<img localsrc="cloud" alt="" src=""/> 
Chuva fina pela manha. Melhora no decorrer do periodo.

</card>
</wml>

Para conferência, o autor copiou/colou a listagem acima no "Bloco de Notas" do Windows, o que cancela qualquer tipo de formatação anterior. Em seguida, alinhou todas as linhas à esquerda (o processo de copiar/colar pode trazer algum código espúrio, não visível). Após, gravou o programa como phone22.wml.
Neste processo, o "Bloco de Notas" , automaticamente, mudou a extensão para phone22.wml.txt!!! . Utilizando o Windows Explorer (recomendado nestes casos) o arquivo foi renomeado para phone22.wml. Em seguida foi testado com êxito no OWG1 Simulator.
O leitor pode utilizar um simulador ou um celular WAP para acessar este programa no seguinte endereço da WEB:
http://sites.uol.com.br/helyomobile/wml/phone22.wml . As telas poderão ter uma aparência diferente, dependo das características técnicas do simulador ou celular utilizado.

Comentários:
Programa praticamente idêntico ao anterior, para fazer parte do conjunto de teste do programa phone20.wml.

helyoWAP
TUTORIAL WML (14) Programas comentados: phone20.wml - phone21.wml - phone22.wml