Tableless - Desenvolvimento inteligente com Padrões Web

17/11/2008
Artigos

Porque só para o iPhone?

O desenvolvimento web para iPhone é o início deu m novo modelo de desenvolvimento web para dispositivos móveis. Os browsers para aparelhos como o iPhone ou aparelhos como os S60 da Nokia, são um novo caminho de navegar.

Por

Engraçado como desde o lançamento do iPhone, muitas empresas e desenvolvedores se mobilizaram para fazer versões de sites e sistemas para iPhone. Me chama a atenção porque antes disso nunca ninguém (ou quase ninguém) se interessava de verdade em fazer uma versão para dispositivos móveis, muito menos uma versão para um dispositivo específico.
Ok, ok… Você deve estar falando que o iPhone virou hype, moda e etc. Mas isso não é o bastante. Muitos dispositivos já fizeram barulho antes. Acho que o buraco é mais embaixo.

Suporte da Apple

A Apple tem uma característica muito interessante: ela cuida do que é dela.
Melhor: ela não deixa você fazer besteira. Ela te dá informação para que você saiba exatamente como fazer algo para os sistemas e aparelhos dela.

Quando migrei para o mac, a primeira coisa que percebi foi a beleza do sistema. Os ícones são belos, agradáveis de ver. A área de trabalho do Mac, mesmo com uma infinidade de arquivos, fica bonita. Ao contrário dos ícones do Windows, eles são feios, e os de programas de terceiros, são piores ainda.
Já os ícones de programas de terceiros da Apple são lindos. Não, não é só porque eles querem um ícone bonitinho, mas é porque a Apple dá suporte aos designers. A Apple publica artigos, guias e manuais sobre como fazer um ícone para o Mac OSX. Isso faz a diferença. Se você quiser fazer um ícone para a Apple, você vai encontrar bastante material para fazer um ícone bonito, padronizado. Claro que um bocado de talento também conta.

A Apple está fazendo a mesma coisa para o desenvolvimento web. Você tem toda a informação que precisa sobre a plataforma, dispostivo, sistema instalado no aparelho, etc…
Por exemplo, você tem informações detalhadas sobre o Safari para desktop e para o iPhone. Tem detalhes sobre quanto eles conhecem de CSS e Javascript. Você sabe que o AJAX vai funcionar e que o Flash não. E todas os outros pequenos detalhes importantes para desenvolver um site para Internet Móvel.

Até hoje o Internet Explorer para o Windows Mobile é um segredo para mim. Eu não sei ao certo o que ele entende de verdade de CSS e quais os seus bugs. Diferente do MobileSafari. A Apple disponibilizou informações essenciais sobre o browser. E ainda mais, ela publicou exemplos, bibliotecas de javascript, exemplos de designs, scripts, css, tudo. E isso é ótimo, porque você não tem que ficar quebrando a cabeça. Não precisa fazer testes e mais testes para descobrir o que o browser aceita ou ignora.

O MobileSafari

Já falei sobre o MobileSafari aqui. A Apple fez um grande trabalho com o MobileSafari. Ele é um browser incrível, suporta coisas que nós, desenvolvedores, queremos fazer em sites para desktops, mas não podemos por causa do IE. Borda arredondada? Background em Checkbox? Customização de Selects (combobox)? Tudo isso é possível fazer com o MobileSafari.

Os browsers para dispositivos móveis são poucos hoje. Se resumem em: Opera, Internet Explorer e MobileSafari. O miniMO da Mozilla está andando devagar. E foi lançado à pouco um browser chamado SkyFire. Parece que esse browser tem futuro, tem um bom suporte a Flash, CSS e etc… Mas é pesado. Está em fase beta e tem um futuro muito promissor.

O Opera hoje é um dos browsers mais usados e quem tem WinMo sempre utiliza o Opera Mobile. Fora do iPhone, ele é o melhor browser para o seu dispositivo.

O interessante de desenvolver para iPhone é que você está desenvolvendo para apenas um dispositivo. Você não precisa se preocupar com uma infinidade de browsers, dispositivos e tudo mais. Você precisa se preocupar em fazer funcionar no MobileSafari. Isso é fantástico. Mesmo assim, você tem que pensar nos outros públicos que utilizam outros sistemas e browsers.

Um assunto interessante é estudar sobre o motor de renderização do seu browser. Você sabe qual o motor de renderização do IE? E do Opera?
O motor de renderização do Safari é o WebKit, que é utilizado também em browsers da Nokia e no Konqueror do KDE. Logo, você sabe que esses browsers tem um bom suporte a CSS, JS, Ajax. Mas esse é assunto para outro post.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • http://gustavobarbosa.com.br Gustavo Barbosa

    E além disso tudo, o principal fator é que aumentou em 40% o acesso de smartphones e celulares a wap. E apenas o iPhone é responsável por 20% desses acessos

  • http://www.yoomp.com Rodrigo Fante

    Eu como proprietario de um iPhone, ex de Nokia N.x HTC da vida digo, o iPhone eh o unico dispositivo movel onde voce pode sentar no sofa da sua casa, ver TV e se pintar uma duvida jogar no Google numa boa, facil e rapido.

    O acesso embora limitado pela tela, o que nao permite horas navegando, permite bons minutos com prazer.

    E isso faz toda diferenca, basta ver as estatistivas de acesso de dispositivos moveis a internet e vai ver que o iPhone engole a concorrencia.

  • Gabriel Tadeu

    O que me impressiona que pela primeira vez não precisamos fazer versões proprietarias e o que tem acontecido é justamente o contrario. convenhamos, um site sem flash e sem interações hover já roda (quase) perfeitamente no iPhone.

  • http://www.pawa.com.br Eduardo

    Realmente esse suporte dados aos desenvolvedores faz muita diferença sim.
    Mas agora vou dizer uma coisa, estou com o Omnia da Samsung, e não me deixa nada a desejar.
    O IPhone eh lindo e tudo mais, mas o Omnia ta demais.

    Em fim, eh a diversidade que faz o mundo.

  • http://juarezpaf.com Juarez P. A. Filho

    Acredito realmente que o iPhone mudou a maneira como as pessoas, tanto usuários quanto desenvolvedores, enxergam tecnologia móvel.
    Depois que a Apple veio com essa super inovação não se fala em outra coisa, capas de revistas famosas, pessoas famosas usando, virou hype sim, mas o que importa é como as pessoas enxergam teconologia móvel antes e depois de um iPhone.
    É por isso que eu já comecei meus estudos por aqui, não tenho iPhone ainda, mas o simulador do SDK serve muito bem por enquanto.
    E vamos que vamos.

  • http://www.chrisb.com.br Chris Benseler

    Ainda acho que estamos no “escuro” em termos de desenvolvimento para mobile. É claro que o Iphone vem forte, mas ainda está tudo muito aberto, sem um padrão que pareça que vá ser o forte.
    Por enquanto, ainda há muita indefinição nessa área. Talvez por isso a aposta no Iphone – que veio com uma força de marketing muito grande, e com a Apple por trás.

  • http://www.screencaster.com.br Guilherme Rambo

    O suporte que a Apple dá aos desenvolvedores é sensacional. Quem já experimentou desenvolver APPs para o Mac deve ter entrado no site de desenvolvimento da Apple, que trás manuais e mais manuais, exemplos, tutoriais passo-a-passo, guias de design, etc. Tudo isso para manter um padrão de qualidade naquilo que é feito para seu sistema. Com o iPhone, não é diferente. Quem quer desenvolver para o iPhone, precisa ter apenas conhecimento em programação e vontade de aprender, pois a Apple ensina. Nem iPhone precisa ter para desenvolver, como o amigo disse acima, o simulador do SDK já serve muito bem.

    []‘s

  • http://www.fatuex.com.br Leandro Santos Costa

    Eu faço testes com um iPode, isso por que só tenho ele.
    Acredito que o crescimento é devido a facilidade em comprar um celular destes hoje.

    parábens pelo Blog

  • camilo vitorino da costa

    esse é um ponto a ser considerado da Apple. Mas o Hype foi fundamental para o sucesso. Inclusive o marketing envolvido nisso também ajudou bastante, inclusive os links para o kit SDK na home do site. Isso tudo agregado com certeza torna a criação mais interessante.

    abraço

  • http://www.leonardomateus.wordpress.com Leonardo Mateus

    Na minha opinião, vai acontecer a mesma coisa que aconteceu com o IE e o Netscape, depois o Firefox, etc, etc… Cadê o WASP e a W3C pra espcificar padrões de desenvolvimento para mobiles? Tem que aproveitar esse bum logo no início porquê depois vai ser muito tarde. Daqui a pouco taí o Google com o seu Android e com o Chrome Mobile aumentando a concorrência. Já pensou ter que implementar linhas de código pra diferenciar SafariMobile do Ópera, ou Chrome? Acho que já vi esse filme antes… abrasss a todos! :p

  • http://www.leobreda.com Leonardo Breda

    Isso é pra celular que exige frescura. Meu Nokia N95 entra em qualquer página HTML numa boa, aceita tudo…

  • http://lulled.bmh.com.br/blog Luis Milanese

    Eu acho que o iPhone iniciou uma nova era no que diz respeito a Internet móvel. Não via antigamente a “necessidade” de acessar a Internet via celular como vemos com os usuários do iPhone.

    Um abraço,
    Luis

  • http://www.ocarvoeiro.com Brenner Crvinel

    E a parcela de handtouchs clone do iphone e blackberry???

  • http://www.desconversando.com Kennedy

    Galera devemos sublinhar que o lançamento do Iphone veio em epocas de 3G, fato que deve ser levado em consideração. Pois a “banda larga” móvel também contribuiu para a difusão da internet mobile!

  • http://www.pudim.com.br Heitor Bergmann

    Luis Milanese: concordo 100% com o que você disse.

    Hoje vemos muitas empresas pequenas montando sites na internet, divulgando suas atividades, até mesmo pequenas empresas que fazem sites para pequenos negócios. Se você escolher bem a região pode montar um ótimo negócio.

    assim com o iPhone e outros, como quem investe nessa opção, vêem o futuro da internet nesses novos aparelhos, imaginam o marketing do seu produto chegando mais rápido num iPhone.

    não creio que mozilla esteja apostando nisso.

  • Vinicius Lima

    Como disse o Leonardo: “eu já vi esse filme antes”, só agora não é a Microsoft, e sim, o Google.

    A Apple tem essa mania de centralizar tudo nela e isso acaba muitas vezes transformando seus produtos de maneira negativa.

    Para se desenvolver na plataforma Mac (especificamente para iPhone) é uma burocracia danada. Mas tem o lado positivo que de fato, a Apple disponibiliza tudo que você precisa. Desenvolver em Cocoa é complicado, leva-se um tempo para aprender.

    Ao contrário do Google que disponibilizou o SO Android para desenvolver em Java com código aberto pra todo mundo desenvolver e testar.

    Já lançaram o HTC nos Estados Unidos com Android. Já existem aplicações (principalmente aplicações GPS) funcionando perfeitamente.

    De novo, a Apple (como nos anos 80) foi o “boom” e sempre vem outra empresa para lançar algo mais popular.

    Aliás, para finalizar, o Iphone não tem câmera na frente para se fazer uma vídeo conferência. Pô, será que eles não pensaram nisso??? A Samsung e a Nokia possuem câmeras na frente.

    Abraços,
    Vinicius.

  • http://pomoti.com Dirceu Jr.

    O buraco é mais em baixo sim. A Apple precisa desse controle para evitar que Apps e Sites porcamente desenvolvidos para iPhone ofusquem o melhor da sua plataforma que é o cuidado extremo com interface.

    Também achei esse material excelente. Tem mais coisa boa no “Standard Program”?

    Pelo que vejo no material, as possibilidades com CSS vão muito além de borda arredondada e background em checkbox…

    Não sabia que a Nokia também utiliza WebKit. Será que é igual esse Safari o iPhone? Com CSS3 e essas “animações em CSS” com timeline?

    Gostei dessa versão do JavaScript que o WebKit roda. Muitas funções que estavam nos frameworks foram para a linguagem. Pena que na Web do Desktop fica difícil poder usar ele por causa do domínio do IE…

    Quando sai vídeos sobre a SDK?

  • Fabio

    Existe muito bla bla bla em cima dos produtos da Apple. Se dependesse desses caras difundirem a informatica estariamos com maquinas de escrever com drive de disquete.

    O Iphone é lindo, construção, tela ts etc… tem conceitos invadores, facilidade de utilização e tal mas ainda ta longe de ser tudo isso que falam…

    Fala sério desisntala o flash do seu navegador e sai navegando para vc ver, todo site tem flash.

    Se fosse Microsoft (que alias é dona de boa parte da apple) neguinho ia falar um monte sobre como hackearam rapido, q não tem segurança, q não roda flash, q o Bill Gates émercenario pq fez acordo com a ATT q isso q aquilo.

  • http://www.thiagomachado.com thiago machao

    excelente isso eu mesmo ja estou correndo atrás agora!

  • http://www.criacao.blog.br Leandro

    Marketing, associar sua marca com um produto como iPhone é passar modernismo e mostrar que a empresa é antenada com o futuro!! claro que antes do iPhone o brasileiro não sabia que internet podia ser usada no celular, sem este conhecimento, não tinha o lance da modernidade, apenas um lance de “coisa distante de mim” – As empresas não querem mostrar que são de outro mundo, e sim que são modernas.

  • Pingback: Utilizando Media Queries do CSS | Boas práticas de Desenvolvimento com Padrões Web

  • Pingback: Clica Aqui » Introdução sobre Media Queries

  • http://www.tudocondominio.com.br segurança na rede

    Então os aparelhos eletronicos de uso pessoal anteriores similares ao iphone não tinham os mesmos serviços e dimensoes do mesmo talvez por isso o interesse seja maior agora.

  • Pingback: Versionamento inteligente para mobiles | Boas práticas de Desenvolvimento com Padrões Web