novo-ipad-capa2

5 motivos para se comprar o Novo iPad

O Novo iPad chegou no último dia 11.05.2012 ao mercado brasileiro já causando euforia e corre-corre por parte dos Apple-maníacos. A data propícia, véspera de Dia das Mães, contribuiu para a saída Leia mais »

samsung-galaxy-s-3-capa

Samsung Galaxy S III

A Samsung não pára! Com o sucesso da linha dos Galaxy’s, a empresa decidiu lançar a terceira geração de um dos smartphones mais robustos da atualidade. No último dia 03.05.2012, foi oficialmente Leia mais »

motogo

Motogo: Quase um smartphone

Postamos na semana passada um artigo que falava sobre as intenções da empresa Telefônica e a fundação Mozilla, em lançar um “smartphone popular”, ou melhor, transformar um celular convencional num smartphone. Hoje, Leia mais »

smartphone-facebook

Facebook lançará smartphone em 2012. Mito ou verdade?

Tem rolado nos últimos dias uma fofoca algumas conversas e especulações sobre o Facebook, em parceria com a fabricante HTC, lançar um smartphone próprio, rodando a plataforma Android, do Google ainda em Leia mais »

owd

Transformando seu celular num smartphone!

Desde o lançamento dos smartphones, os celulares convencionais foram gradativamente perdendo espaço entre os consumidores tecnologicamente ativos e tornaram-se obsoletos quando o assunto é interatividade instantânea. Exercem perfeitamente sua função no mundo Leia mais »

Tag Archives: xhtml mp

Títulos em XHTML MP

 

Tanto em ambiente WEB quanto em ambiente WAP, muitos desenvolvedores se esquecem de colocar títulos nas seções do site.

Esses títulos são importantes não somente para que a seção tenha um “nome”, mas principalmente para que haja uma semântica e coerência do código para os dispositivos que forem fazer a leitura do mesmo, seja um browser WEB ou um browser WAP.

Os títulos são incluídos através das TAGs “H”:

<h1>Título principal da seção</h1>

<h2>Título de secundo plano da seção</h2>

<h3>Título de terceiro plano da seção</h3>

<h4>Título de quarto plano da seção</h4>

<h5>Título de quinto plano da seção</h5>

<h6>Título de sexto plano da seção</h6>

Ao contrário do que muitas pessoas imaginam ou são levadas a imaginar, uma página pode ter quantos “H1′s”, “H2′s”, “H3′s” forem necessários. A ordem hierárquica é feita dentro de cada seção.

Por exemplo. Tenho o TOPO de um site. Neste topo, eu tenho a seção principal e uma seção secundária. Então alí eu emprego o uso de H1 e H2.

No mesmo site, tenho o CENTRO da página, com uma notícia e uma breve descrição da mesma. Então novamente eu emprego o uso de um H1 e um H2. E assim sucessivamente, adicionando quantos títulos forem necessários por seção, e quantos níveis forem necessários também.

Isso, torna o site semanticamente correto e a navegação do usuário mais prática, perante os browsers.

Por hoje, é isso!

Abraços e até a próxima.

Quebra de linha e linha horizontal em XHTML MP

 

Quebra de linha

Quebras de linha simbolizam o “Enter” de um texto, ou seja, quando passamos de uma linha para outra. Veja como fazer:

<p>

meu texto aqui<br />

</p>

Basta apenas adicionar a tag “<br />” para executar a quebra de linha.

 

Linha Horizontal

Linhas horizontais são bastante úteis para dividir o conteúdo de uma página. O código da linha horizontal é:

<hr />

Bastante simples né?

Abraços e até a próxima

Comentários em XHTML MP

Assim como em qualquer sistema (seja desktop ou web), muitas vezes nos vimos em situações que temos que explicar o que foi feito na linha tal da coluna tal. Isso, facilita o compreendimento futuro em caso de visualização ou manipulação do código.

Essas explicações que são colocadas no próprio código são chamadas de “comentários”, ou se preferir, “comments“.

Em XHTML MP, assim como no HTML e XHTML, a forma de se expressar um comentário é feita da seguinte maneira:

<p><!– linha comentada –></p>

Veja na prática:

<body>

<p>Parágrafo 1</p>

<!– <p>Parágrafo 2</p> Esta linha eu não quero que apareça –>

</body>

Seja para comentário de uma ou diversas linhas, os caracteres são esses.

Dica simples, mas eficaz para quem ainda não conhecia.

Abraços e até a próxima

Estrutura de um site WAP em XHTML MP

 

Para os mais acostumados com desenvolvimento em WML e XHTML, a estrutura a seguir será bastante familiar, o que facilitará o desenvolvimento. Veja como seria a estrutura padrão de um site WAP desenvolvido em XHTML MP:


<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Tutorial de XHTML MP - Universo WAP</title>
  </head>
  <body>
    <p>Parágrafo do Tutorial.</p>
</body>
</html>

Veja como ficaria em celulares como o Sony Ericsson T610 e Nokia Mobile Browser 4.0, respectivamente:

Visualização de tela de site WAP, num celular                        Visualização de tela de site WAP, num celular

A visualização pode parecer bem simples, todavia, hoje em dia já temos browsers WAP potentes e poderosos, como o browser padrão que vem no Iphone ou o browser do SO Android, do Google.

Como a tendência da tecnologia – e sabemos disso – é evoluir a passos largos, então podemos considerar que em alguns anos os celulares sem acesso á Internet não existirão mais. Bem como os celulares simplórios onde o browser WAP é limitado, como nas imagens acima. Será comum navegadores de grande apelo visual (para acompanhar a tendência de uma tecnologia de ponta) que mostrarão para o Internauta um ambiente agradável de se navegar. Veja abaixo alguns modelos de browser WAP, como o Android e o browser do Iphone.

Browser Android – Google

Página vista em Browser Android

Página vista em Browser Android

G-mail

Adobe


Digg

Iphone

 

Os documentos WAP 2.0 ou XHTML MP possuem a declaração de XML no Doctype:

<?xml version=”1.0″?>

<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”>

Lembrando que todas as tags devem estar previamente fechadas com “/>”.
A estrutura padrão de qualquer documento XHTML MP é <html> <head> <title> e <body>

 

Finalizando…

Empolgado(a)? Pois é. Isso é o que a tecnologia de ponta nos prepara para os próximos anos. Não haverá mais a necessidade de navegação em um ambiente baseado só em texto como nos primórdios do ambiente WAP. Hoje em dia, temos respaldo para um visual atrativo e impactuoso.

Bem vindo á nova era WAP!

Abraços e até a próxima

Regras de sintaxes do XHTML MP

 

Como já dito em outros posts, o XHTML MP  nada mais é do que o XHTML com alguns recursos extras. E nada mais é também que o próprio HTML com algumas restrições que mantém o código mais limpo e correto.

 

Algumas especificações do XHTML MP:

  • Todas as tags devem estar fechadas
  • Todas as tags e atributos devem estar escritos em minúsculo
  • Os atributos devem ser descritos dentro das tags, sem abreviações

 

Alguns exemplos

Em XHTML MP, assim como no XHTML, seria incorreto escrever:

<p>Um texto aqui, sem fechamento de parágrafo

O correto seria:

<p>Um texto aqui com fechamento de parágrafo</p>

 

Os códigos devem estar semanticamente corretos e seguirem uma padronização organizacional, assim como XHTML para WEB.

 

Abraços e até a próxima!

Quais as diferenças entre o WML e o XHTML?

Apesar das semelhanças entre o métodos de desenvolvimento em WML e XHTML MP, algumas características foram perdidas. Verifique abaixo estas diferenças, características e particularidades de cada linguagem. Caso você esteja migrando para o XHTML MP (recomendamos) ou esteja ingressando agora no mundo WAP, recomendamos que você leia este post, pois listaremos aqui o passo a passo do que você deverá fazer.

 

Características do WML 1.0 perdidas no XHTML MP

  1. XHTML não suporta Decks e Cards
  2. XHTML MP não suporta timmers
  3. XHTML MP não suporta eventos
  4. XHTML MP não suporta variáveis
  5. XHTML MP não suporta Scripts Client-Side
  6. XHTML MP não suporta ações pré-programáveis
  7. XHTML MP não suporta a tag < u >
  8. XHTML MP não suporta formatação de Input Fields

 

XHTML MP não suporta Decks e Cards

Os <decks> e <cards> são elementos padrões do WML1.0 que foram perdidos no XHTML MP. Em WML, um arquivo pode conter um ou mais cards, que juntos foramão um Deck. Desta forma, todos os Decks de um Card são abertos pelo dispositivo móvel no momento que o site wap é acessado. Mesmo que o usuário não vá acessar determinado Deck (pode considerar como página), ele é carregado e fica disponível para acesso. Isso demanda tempo e carregamento desnecessário por parte do usuário. Na navegação em XHTML MP é carregado apenas o que o usuário solicitar, como na navegação de bons sites WEB.

 

XHTML não suporta Timmers

No WML 1.0, você pode inserir timmers utilizando a tag “< timer >“. Já no XHTML MP você utiliza as Metas de Redirecionamento:

<head>

<meta http-equiv=”refresh” content=”10;URL=http://www.universowap.com.br” />

</head>

Acima, mostramos como um usuário faz para ir á URL “universowap.com.br” após 10 segundos que a página for acessada (bastante semelhante ao XHTML convencional).

Vale ressaltar que a cada vez que o usuário acessar a página que contenham tal redirecionamento, a ação será executada.

 

Eventos não disponíveis no desenvolvimento WAP baseado em XHTML MP

Eventos como ontimer, onenterbackward, onenterforward e onpick não são mais utilizados no XHTML MP por estarem já ultrapassados. Todavia, se você precisar MESMO utilizar tais eventos para funcionalidade de sua página, então talvez seja recomendado que a linguagem adotada seja o WML 1.0 ao invés do XHTML MP.

 

XHTML MP não suporta Scripts Client-Side

No desenvolvimento baseado em XHTML MP, não é aceita a inserção de scripts client-side, ou seja, que funcionem do lado do cliente (ou no aparelho móvel do usuário) – os chamados WMLScripts. São aceitos apenas scripts server-side – que funcionem no servidor e retorne ao usuário apenas em forma já executada.

Futuramente, os dispositivos móveis, com a evolução, passarão a aceitas scripts em modo client-side. Esta tecnologia já tem nome: ESMP – ECMAScript Mobile Profile. Esta tecnologia, suportará também todos os scripts desenvolvidos em WMLScript

 

Bom, por hora á isso. Espero que este post possa ajudar os desenvolvedores WAP a darem seus primeiros passos no novo ambiente mobile (XHTML MP). E aos que já desenvolviam em WML1.0, que possam estar compreendendo as principais funções que foram descartadas.

Abraços e até a próxima.


CONTAMOS COM VOCÊ!


Universo WAP sempre ofereceu informação e conhecimento aos seus usuários assíduos e também aos que chegam aqui pela primeira vez.

Hoje, nós que pedimos sua ajuda.

Estamos participando do concurso PEIXE GRANDE, o maior concurso brasileiro de avaliação de sites e blogs (cada qual dentro de sua categoria).
Pedimos gentilmente seu voto. Não leva nem 30 segundos e você ainda ajudará o Universo WAP a se consagrar entre os grandes blogs do Brasil.

Para nos ajudar, clique na imagem abaixo, preencha os dados (4 campos) e confirme seu voto em seu e-mail Simples de tudo!.

Contamos com você. Obrigado.

Selo peixe Grande 2011