Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala people!
Olha só, já li tudo quanto foi tipo de material sobre desenvolvimento para dispositivos portáteis, mas até agora não consegui fazer funcionar direitinho. Então, criei este tópico com o intuito de reunir o maior número de informações possíveis sobre isso, para me ajudar e com certeza ajudar muita gente por aí que também tem as mesmas perguntas.
1) Criar uma folha de estilos especialmente para handhelds basta?
2) Não devemos utilizar unidades de medida fixas, como px, por exemplo (isso eu vi no Validador do W3C para mobiles [link mais abaixo]). Como vocês que já estão trabalhando com isso estão fazendo? Poderiam dar algumas dicas?
3) Em termos de servidor, há alguma coisa que deve ser feita para o meu site funcionar nesses dispositivos?
4) O .htaccess de alguma forma prejudica ou auxilia nessa questão?
5) Hoje mesmo eu vi um Doctype específico de mobile:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">Eu tenho que utilizar esse DTD para fazer tudo isso funcionar? (Ou isso só é necessário caso o site possua sua versão própria para mobiles?O site onde encontrei esse Doctype é do Yahoo! próprio para mobiles - http://br.m.yahoo.com/).
6) Para criar páginas específicas, é necessário utilizar o encoding UTF-8?
7) Esse é o link do Validador do W3C para mobiles (versão beta) - http://validator.w3.org/mobile/. Alguém já o utiliza? Quem já o utiliza, recomenda seu uso, mesmo sendo uma versão beta?
Bom, é isso pessoal. Espero que essa discussão sirva de apoio para muita gente (e acredito que se realmente houver a cooperação que eu gostaria, pode ser um material único!).
Abraço!
Fala Paulo,
tem alguns problemas em implantar o sistema mobile em site.
Primeiro, não existe um padrão para resolução, imagens ou codigos pois Exitem tipos diferentes de aparelhos, com diferentes tecnologias e interfaces.
Segundo, é necessário várias linhas de codigo para identificar o navegador e tornar seu site inteligente para saber se eh um computador, palm, celular, smartphone.... mas nunca está 100% completo.
Terceiro, Quando você terminar de construir seu site em wap 1.0 ou wap 2.0 já modificaram os navegadores e lançaram pelo menos 100 aparelhos no mercado.
Conclusão, desenvolva sites em html comum para sistema mobile wap 2.0, evite colocar flash (por enquanto) e nas imagens coloque uma resoluçao de até 400 px.
Caso queira aparelhos antigos utilize wap 1.0 nas tags simples (<br> <herf>), e nas imagens coloque até 300px e tente utilizar o formato wbmp
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml) </html>E alguém sabe me dizer como proceder para se criar um subdomínio do tipo wap.nomedosite.com.br? O que eu tenho que fazer para, quando alguém acessar o site de um dispositivo móvel, ele redirecionar automaticamente para este subdomínio? (Sites como UOL, Yahoo!, Cinemark, fazem isso... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif)
eu acho que ele verifica o tipo de navegador que está chegando via javascript e faz o redirect!
abraço
Com javascript não acredito que seja, pois estou testando com o site da minha empresa, e JS não funciona ao navegar com um handheld... :unsure: Por exemplo, validação do formulário: se eu não fizesse a validação no server-side também, já era...
Alguém sabe como se faz?
1) Criar uma folha de estilos especialmente para handhelds basta?
Na maioria dos casos sim. No entanto, alguns navegadores mobiles pegam como padrão a folha de estilos screen do site, pois muitos desenvolvedores não fazem CSSs específicos para mobiles (eu sou um deles).
2) Não devemos utilizar unidades de medida fixas, como px, por exemplo (isso eu vi no Validador do W3C para mobiles [link mais abaixo]). Como vocês que já estão trabalhando com isso estão fazendo? Poderiam dar algumas dicas?
Se o navegador do handheld for bom, ele vai redimensionar tudo certinho mesmo não estando em %. Mesmo assim é melhor procurar utilizar valores relativos para construção dos layouts, tanto pela mobilidade quanto pela acessibilidade.
3) Em termos de servidor, há alguma coisa que deve ser feita para o meu site funcionar nesses dispositivos?
Existe um controle que pode ser feito no Apache para redirecionar o tráfego vindo de mobiles para uma versão do site (algo que eu não acho legal, visto que assim precisa-se manter dois sites).
4) O .htaccess de alguma forma prejudica ou auxilia nessa questão?
Se for fazer um redirecionamento o .htaccess é a melhor forma de fazê-lo.
5) Hoje mesmo eu vi um Doctype específico de mobile:
CODE
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
Eu tenho que utilizar esse DTD para fazer tudo isso funcionar? (Ou isso só é necessário caso o site possua sua versão própria para mobiles?
O site onde encontrei esse Doctype é do Yahoo! próprio para mobiles - http://br.m.yahoo.com/)).
Creio que não seja necessário. Sempre utilizei o doctype strict para mobiles e costuma dar certo. Só não uso xhtml, uso html 4.
6) Para criar páginas específicas, é necessário utilizar o encoding UTF-8?
Não necessariamente, mas o UTF-8 é um encoding unicode, que reúne diversos charsets ocidentais, sendo assim, para evitar conflitos de caracteres tanto em mobiles quanto em desktops, é o ideal.
7) Esse é o link do Validador do W3C para mobiles (versão beta) - http://validator.w3.org/mobile/. Alguém já o utiliza? Quem já o utiliza, recomenda seu uso, mesmo sendo uma versão beta?
Não utilizo e não recomendo até que esteja em uma versão estável.
[]'s
Eu acesso um página simples no w375 motorola, sem muitas figuras apenas como a linguagem que citei no post acima sem precisar de cabeçalho redirecionamento.
E alguém sabe me dizer como proceder para se criar um subdomínio do tipo wap.nomedosite.com.br? O que eu tenho que fazer para, quando alguém acessar o site de um dispositivo móvel, ele redirecionar automaticamente para este subdomínio? (Sites como UOL, Yahoo!, Cinemark, fazem isso... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif)
Pelo que eu me lembre, na Locaweb você pode definir "m.dominio.com.br" como subdominio para mobile. Ou mesmo o "wap.dominio.com.br".
Basta ir no gerenciador de DNS.
Eu havia feito um teste, semanas atras, desenvolvendo para iPhone/iPod Touch usando jQuery:
http://www.scaico.net/testeipod/
Ele fica perfeitinho num iPod Touch ou iPhone... Sem rolagem horizontal... E se o site for feito inteiramente com o jQuery, nao requer "navegação", auxiliando em 2 coisas: O site fica "salvo" na memoria e pode ser consultado mesmo sem conexão e permite a criação de um icone caso o usuario queira salvar um atalho pro site no "dock" do iPhone.
Podem perceber que existem 2 Metas tags especificas:
<meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
Para limitar a largura e o zoom que o usuario pode dar no site.
<meta name="apple-mobile-web-app-capable" content="yes" />
Para permitir que a pessoa salve um atalho no dock.
Contudo, eu acho que o iPhone não é uma boa referencia quando o papo é mobile... O Safari dele é quase um navegador completo. Se funciona no Safari comum, funciona no iPhone. Claro que criar uma versão especifica para iPhone é válido... Mas eu acho muito menos "urgente" do que criar uma versão "light" para outros handhelds.
E nisso entra a questão número 1 feita:
Criar uma folha de estilos especialmente para handhelds basta?
Na MINHA opinião, eu acho que sim. Desde que seja uma folha de estilos estupidamente simplificada. Um "meio-termo" entre a folha de estilos screen e o HTML puro. Algo que deixe o site bem apresentável, estruturado e tudo o mais, mas que não se apegue tanto a um layout quanto uma folha de estilos screen. Pois como foi citado, são tanto modelos de handhelds, resoluções, posições (vertical/horizontal) que não dá para prever tudo.
De resto, o Inside respondeu tudo que precisava responder.
\o
Eu tinha me esquecido desse tópico... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif
Bom, para contribuir, vou colocar o que eu consegui descobrir nesse meio tempo e também o que li por aí envolvendo o assunto (e ao mesmo tempo irei responder algumas das perguntas que fiz).
Lá na primeira pergunta, eu tinha colocado:
1) Criar uma folha de estilos especialmente para handhelds basta?
Pois bem, pessoal, pelo que li a respeito, não adianta muito não... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif A maior dificuldade está com a propriedade display: dispositivos móveis não reconhecem esta propriedade (pode ser que hoje já suportem, mas há uns 3, 4 meses atrás, não era, segundo o W3C). Infelizmente não tenho a fonte de onde tirei isso... Então, se você tem uma estrutura e quer "esconder" as partes não-importantes para os dispositivos móveis, como fotos grandes, menus completos, etc., bastaria definir um display:none e pronto... Mas, como falei, como os mobiles não interpretam essa propriedade, elas serão exibidas do mesmo jeito.
Pessoal, vale lembrar que não mexo com isso há uns 3, 4 meses, então pode ser que já tenha mudado isso (tomara!), já que nossa área avança a cada semana praticamente... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif
2) Não devemos utilizar unidades de medida fixas, como px, por exemplo (isso eu vi no Validador do W3C para mobiles [link mais abaixo]). Como vocês que já estão trabalhando com isso estão fazendo? Poderiam dar algumas dicas?
Como existem milhares de dispositivos que acessam a internet, cada um tem uma dimensão de visor diferente, então seria mesmo complicado utilizar unidades fixas, pois em um pode "estourar", enquanto que em outros pode ficar menor... Ou seja, acredito que trabalhar com unidades relativas seja realmente uma melhor opção.
3) Em termos de servidor, há alguma coisa que deve ser feita para o meu site funcionar nesses dispositivos?
No servidor eu não alterei nada, o que fiz foi utilizar um script PHP que redireciona o usuário caso o dispositivo seja móvel:
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Detect Mobile Browsers
Ah! Uma outra questão do porque se criar uma página específica para mobiles é que já existe o Doctype, como eu mesmo citei no primeiro post. Ou seja, se o W3C realmente pretende recomendar o uso deste DTD, então não tem jeito, teremos que criar dois sites... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif Mas até onde isso seria vantajoso, visto que, como o #INSIDE# falou, teremos que manter dois sites? :mellow:
Bom, as outras perguntas já estão meio que inclusas acima...
Mas isso foi tudo que consegui descobrir na época em que tive a oportunidade de desenvolver o site da minha empresa. Se alguém tiver a oportunidade de navegar por um dispositivo móvel, aqui está o link do site, que será redirecionado para um domínio wap: http://www.incon-info.com.br.
Se esse cenário já mudou, vamos colaborar então, coloque aqui suas dificuldades e sucessos neste campo, para que possamos montar um material de apoio para quem precisa...
Ah! Eu não tive condições de testar em iPhone, mas o script que mostrei tem o redirecionamento para o iPhone também. Mas como o Scaico falou, o iPhone é um dispositivo móvel à parte, afinal, ele tem um browser quase que completo, igual a um desktop... Por isso ele recebe uma "atenção especial"... Se alguém tiver condições de testar e nos passar os resultados obtidos, agradeceremos...
http://forum.imasters.com.br/public/style_emoticons/default/joia.gif
Paulo, acabei de testar o site de vocês no iPod Touch (vale como iPhone tambem) e ficou perfeito.
Se você simplesmente redimensionar o seu navegador para 320x480, verá como ele aparece no iPod/iPhone.
As duas únicas considerações que eu tenho a fazer não são "falhas"... Apenas possíveis melhorias se vocês acharem pertinente:
1 - Colocar os links do menu no <li>, para que toda a área vermelha seja clicavel, não apenas o texto.
2 - Se possível, aumentar um pouquinho a altura dos <li>. Atualmente está com 20px e pode ser difícil de clicar se o usuário tiver o dedo um pouco mais "gordinho". Sei que os 50px que usei no [meu teste](http://www.scaico.net/testeipod/) foram um pouco exagerados, mas talvez uns 30, 35...Isso vale praticamente só para iPod/iPhone por uma razão: quase nenhum usuário desses dispositivos tem "canetas" para clicar. Essas canetas especificas de iPod são difíceis de se encontrar por um preço decente, então todo mundo usa o dedão mesmo. E outras canetas (de Palm, por ex) não funcionam. :(
Gostaria de continuar discutindo o assunto com a galera aqui... Pena que nem todo mundo está dando atenção pra esse tópico.
Mas uma discussão mais teórica, voltada para o mercado, essas coisas.
Por ex: Paulo, pq você não instala um script do Google Analytics no site WAP para checar quantas pessoas acessam, quais os dispositivos mais usados, resoluções, essas coisas? Acho que seriam dados bem legais pra gente estudar. :D
Paulo, aqui está o site no iPhone: Imagem
Seria bom seguir as dicas do Scaico.
Obrigado Scaico e #INSIDE# pela avaliação...
O único problema é: o menu não pode ser aplicado o estilo "block", justamente pelo motivo que a maior parte dos mobiles não a interpretam... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif Esse site eu não fiz uma versão para o iPhone, justamente porque não tinha como testar... Essa versão visualizada eu testei em um Palm apenas, com uma largura de tela um pouco menor do que a do iPhone...
Então, para seguir as dicas do Scaico, eu teria que criar a versão do iPhone... Mas agora não dá... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif
Mas tá anotado aqui a inclusão do Analytics... Nem tinha lembrado dele... http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif
E se você somente der um padding-top e padding-bottom de, digamos, 5px cada no <li>?
Isso aumentaria o espaço :)
Gente, desculpe por estar ressuscitando esse tópico. Por indicação do Paulo de Tarso vi esse tópico e achei melhor postar aqui, já que o objetivo é que ele se torne uma fonte valiosa de informações para esse tipo de desenvolvimento.
Tenho uma dúvida:
Todos vocês utilizaram WML(WAP)?
Eu estou usando CSS e HTML normalmente, pois estou criando uma versão de um e-commerce para acesso de Smartphones. A empresa onde trabalho é que pediu isso; mas pediu que fosse exclusivo para vendedores externos de empresas que são nossas clientes. E esse serviço pra eles é de muita utilidade. Num futuro próximo será liberado também para o publico geral.
Como a maioria das funções é feita pelo PHP e eu estou evitando depender de Javascript e cookies, não creio que a parte das funcionalidades será problemática.
O problema que estou enfrentando é o HTML e as CSSs. Como a empresa onde trabalho é parceira da Microsoft, optou por incentivar a compra de aparelhos com Windows Mobile, e vai optar por poucos modelos para indicar para seus clientes. Mas ainda existe um problemão: O Windows Mobile tem como navegador padrão o Internet Explorer. Infelizmente a Microsoft conseguiu lançar a pior versão de navegadores mobile que existe. Não renderiza nada direito. Ou então é eu que estou fazendo tudo errado; porém, já desenvolvo sites com CSS e HTML há algum tempo (cerca de 5 anos), e não creio que o problema esteja comigo, ou pelo menos todo ele, pois nessa área estou começando agora, embora já tenha lido um pouco a respeito anteriormente.
Não tenho a intenção de utilizar WML, pelo menos enquanto eu ver que existe outra opção. Então já começei com HTML e CSS mesmo. Como todos os clientes terão que utilizar SmartPhones como pré-requisito para usar o e-commerce, e todos eles têm navegadores (e principalmente porque a empresa vai indicar os que vem com Windows Mobile), estou bem mais tranqüilo com a questão de diversidade de aparelhos, OSs e navegadores.
No link abaixo, encontrei um site que mostra as limitações do CSS de cada "mini" navegador e em diversos aparelhos diferentes:
http://www.quirksmode.org/m/css.html
Meu problema inicial (se possível alguém me ajude! :mellow:) é que o IE6 mobile não renderiza de forma correta o elemento TABLE, pois cada célula da tabela (TD ou TH) é apresentada em uma linha separada como se fosse um TR, não sei se em dispositivos portáteis, esse é o padrão correto. Como quero usar o elemento TABLE para apresentar os itens do pedido no carrinho, eu preciso que os títulos(THs) sejam mostrados realmente como títulos e não como lista
Alguém sabe algo sobre isso?
Parece que a Microsoft disponibilizou, no link abaixo, os elementos HTML e WML que o Internet Explorer Mobile renderiza corretamente (não sei se entendi certo). Entre eles, está o TABLE, porém eu acho que não está funcionando corretamente:
http://msdn.microsoft.com/en-us/library/bb415489.aspx
Estou utilizando um emulador do windows mobile 6 que roda sobre o Windows do PC para fazer os testes . Já que as baterias dos smartphones têm uma autonomia muito baixa (cerca de 2h) quando acessamos a rede de dados 3G, não dá pra ficar testando no próprio aparelho, (fora que a usabilidade é ruim, como o teclado onscreen, manuseado pela caneta :(). Quem tiver interesse nesse emulador aí está o link:
http://www.pdaexpert.net/downloads/windows-mobile/windows-mobile-6-emulator-localized-images/,
Eu baixei a versão profissional e configurei a rede pelo menu file(do emulador). Não é nada tão complicado e há artigos na Internet que ajudam, é só dar uma pesquisada no google.
Se o moderador achar que esse tópico estava morto a muito tempo e que não merece ser ressuscitado então pode apagar esse post que eu escrevo no post que abri. :)
Espero que possam me ajudar no meu problema lá do elemento TABLE. :mellow:
Olá meu caro Jair Humberto, não considero ressuscitar o tópico porque, como eu disse no começo, minha idéia era juntar tudo o que eu (e nós todos) conseguíssemos sobre mobile em um único post, isso facilita bastante justamente porque ainda não é muito bem abordado (eu acho)...
Bom, testar realmente é um problemão. Quando eu trabalhei com mobile, na época eu testei apenas em um Palm... Mas uma coisa que você citou e que eu vejo como um ponto positivo e não como negativo: a questão da usabilidade ruim dos teclados... Eu acredito que seria muito mais interessante que os testes fossem feitos nesses dispositivos justamente porque os usuários finais terão que utilizá-los! Tem coisa melhor? http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif Liga direto na tomada e deixa lá, plugado... rsrsrs...
Bom, vamos lá, deixa eu tentar ajudar. Quais são os problemas de renderização que você encontrou? Se possível, nos mostre imagens de como você gostaria que ficasse e outra mostrando como está...
Abraço!
Olá Paulo, não tenho como acessar nenhum local para hospedar imagens pois estou no serviço :/, mas o problema é simples.
estou com o seguinte código:
<table border="1">
<tr>
<td>Desc</td>
<td>Qnt</td>
<td>un</td>
<td>Tot</td>
</tr>
</table>Aparece na tela do Smartphone como uma lista, assim:
Desc
Qnt
un
Tot
quando o correto seria em uma só linha:
Desc Qnt un Tot
Esse é o primeiro problema que encontrei.
>
Olá Paulo, não tenho como acessar nenhum local para hospedar imagens pois estou no serviço
Olá Jair. Nesses casos, pode utilizar esses serviços de upload gratuito de imagens http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Mas vamos lá, vamos tentar descobrir o que pode ser.
Pesquisei agora pela manhã uma série de sites que abordam a questão de desenvolvimento para mobile, e encontrei alguns interessantes para listar.
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Testando tabelas e imagens:
http://cameronmoll.com/articles/mobile/mkp/pg3.html
Esse link contém algumas imagens e tabelas para serem testadas. Acesse em um desktop e acesse por meio de um dispositivo móvel e compare. Se possível, acesse pelo dispositivo que está apresentando esse problema com a tabela e veja se o problema persiste.
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Testando o media type:
http://htmldog.com/test/handheld.html
Esse link mostra se o dispositivo está utilizando o media type correto (screen, handheld) de acordo com o dispositivo de acesso à página.
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Mobile Meta Tags:
http://learnthemobileweb.com/2009/07/mobile-meta-tags/
Nesse link são mostradas algumas meta tags específicas para mobile. Entretanto, hoje existem as media queries também, mas convém um estudo mais aprofundado para perceber as diferenças entre eles.
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Media Queries:
http://www.tableless.com.br/introducao-sobre-media-queries
http://www.tableless.com.br/versionamento-inteligente-para-mobiles
É só ler... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Simuladores de browsers mobiles:
http://www.tableless.com.br/simuladores-de-browsers-mobiles
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Lista de tags XHTML suportadas por dispositivos móveis:
http://htmllint.itc.keio.ac.jp/htmllint/tagslist.cgi?HTMLVersion=XHTML-MP
Essa lista deve ser testada para verificarmos se realmente está atualizada ou não, quem puder auxiliar nessa questão... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Algumas dicas:
http://carsonified.com/blog/mobile/coding-for-the-mobile-web/
Nesse site são mostradas algumas dicas sobre a questão de como desenvolver para dispositivos móveis. Vale a pena dar uma olhada mais profunda nesse conteúdo também...
Bom, é isso. Vamos caminhando nessa questão... E boa sorte!
http://forum.imasters.com.br/public/style_emoticons/default/joia.gif
Poxa Tarso, fiquei até envergonhado agora. Estou mostrando que tenho muito aprender ainda. Estou tendo problemas de usuário rsrsrs; obrigado pelos links, aprendi muito sobre as medias queries.
O problema apresentado foi o mesmo nos links de teste que você passou, até que eu achei o link abaixo:
http://xman892.blogspot.com/2007/07/internet-explorer-mobileone-column.html
então eu percebi que basta fazer a seguinte "programação HTML e CSS": clicar em Menu > Exibir > Ajustar a tela (ou área de trabalho). Estava marcado "uma coluna", o que obrigava o IE a renderizar tudo como uma coluna :huh:
De acordo com as experiências que eu for tendo e que eu achar que pode ser de ajuda vou postando aqui para enriquecer o tópico.
Sem mais, agradeço muito pela sua disposição de ajudar.
Jair, se eu entendi sua questão, o site só funciona da forma que você pretende configurando o browser do usuário. Vai ficar complicado quando isso for para produção. Eu tentaria resolver a questão de outra forma. Sinto a sua dor, o IE Mobile é bizarro de ruim.
O que o Paulo postou como "lista de tags XHTML suportadas por dispositivos móveis" é na verdade o XHTML MP (mobile profile), modalidade do XHTML específica para dispositivos móveis. Vale dar uma pesquisada no site da W3C sobre isso.
A lista de suporte ao CSS no quirksmode é excelente, valeu. Um doce para quem achar uma tabela parecida para o XHTML MP. :)
Eu já desenvolvi sites para celular usando xhtml strict e css normalmente, sem usar nenhuma linguagem específica para dispositivos móveis. Só tive problemas com o IE Mobile mas como isso não era um requisito do projeto e a base de usuários desse browser era praticamente nula, deixei estar.
O celular está cada vez mais poderoso e está se aproximando cada vez mais do desktop no que diz respeito à web e browsers. Eu não acho que vale a pena passar toda a provação de aprender/desenvolver/debugar/adquirir experiência em uma linguagem específica para celulares. A questão do design de interação porém merece atenção especial.
abcs
Pois é BDore, mas como fazer? O IE já vem marcado por padrão pra renderizar tudo como uma coluna.
O usuário vai ter que configurar no navegador. No princípio isto não será um problema porque os usuários serão clientes
diretos da empresa onde trabalho, mas no futuro penso que isso vai gerar uma pequena dor de cabeça. Mas até lá, certamente
já teremos migrado para o opera mini ou outro navegador. O IE vai se tornar inviável se a Microsoft não mudar sua política.
Mas todos os IEs Mobile já vem com essa opção ativada? :mellow: Me lembro que quando testei o site da minha empresa em um dispositivo móvel (o Palm) eu não alterei nenhuma configuração para que a página fosse exibida como deveria (e o browser era justamente o IE mobile)... Tudo bem que não peguei o aparelho novo, era de um cliente que já tinha adquirido a versão mais nova do Palm, mas será que ele teve que mexer nessa configuração?
Seria interessante averiguar então se essa configuração é padrão ou não...
http://forum.imasters.com.br/public/style_emoticons/default/joia.gif
>
Seria interessante averiguar então se essa configuração é padrão ou não...
Exato.
Os clientes recebem o dispositivo através da sua empresa (ou outra, qq q seja)? Acredito que antes de chegar à ele o aparelho sofra algum processo de configuração por parte da equipe de infra e suporte (config de email, instalação de aplicativos, etc). Você pode se aproximar desse pessoal e pedir para incluir esse detalhe da configuração do browser no processo. Mas isso só serviria para quem ainda não tem o dispositivo. Se a config for default e o usuário já estiver com o aparelho, ou você avisa/ensina o usuário a configurar ou tenta promover uma rodada de manutenção nos aparelhos, mas aí a questão toma proporções bem maiores, envolve mto mais gente. Não é fácil de resolver não.
Queria tentar te ajudar mais no nosso âmbito de desenvolvimento, tentar contornar a questão na munheca mesmo, mas não tenho como testar esse browser e conheço pouco sobre ele. Existe algum simulador confiável do IE Mobile?
abcs
Eu não conheço mto sobre que linguagem utilizar para celular, mas eu consegui criar uma página simples sem folha de estilo e acessa-la no meu celular motorola. Então basicamente utilizei uma imagem logotipo pequena, as tags <h1><h2><h3><hr><ul><li><br><strong><em> e todas elas funcionaram e carregaram no meu celular, inclusive ancoras.
Acho que ele não carregaria se tivesse divs no formato 3 coluna, 4, 2 ... divs alinhadas lado a lado.
Na verdade eu utilizei a tag body e coloquei a fonte verdana tamanho, cor.