Desenvolver site para iPhone e iPod Touch.

square-iphone

A chegada do iPhone no mercado do móvel révolutionné completamente a nossa maneira de navegar na Internet aquando de viagens ou deslocação. Rapidamente ficou quarta plataforma mais utilizada para surfar sobre a tela, exactamente após Windows, Mac e Linux, deixando-o de trás outros sistemas como Symbian OS, SunOS ou Playstation.

Os utilizadores de iPhone e de iPod Touch representam assim um mercado considerável que saberá apenas melhor tocar desenvolvendo sítios adaptados para uma afixação móvel.

Recordam este à qual assemelhava-se o web móvel em 2006: serviços WAP mal remetidos e para a maior parte incompris ou inutilisés pelo grande público, custos de navegação exhorbitants, e navegadores móvel incapazes de compreender a mais mínima instrução de aposta em forma CS, excepção feita alguns Smartphones profissional.

Com o iPhone, Apple soube fazer cair estas barreiras, nomeadamente graças Safari móvel. Este é capaz de apresentar e tornar utilizáveis os sítios optimizados para um grande ecrã de computador sobre um pequeno ecrã, e com a tecnologia multitouch, o duo é perfeito.

Então, porque quebrar-se a cabeça criar sítios para o iPhone enquanto que este pode já apresentar perfeitamente sítios optimizados para grandes ecrãs? Qualquer é pergunta de optimização.

Um sítio optimizado para uma afixação móvel oferecerá uma experiência utilizador muito mais agradável e enriquecedores porque internautes não terão a incomodar-se de zoomer para distinguir tal ou tal zona de um sítio. No melhor dos casos, poderão mesmo ter a impressão de utilizar uma aplicação antes que um sítio Web.

Aplicações iPhone vs. Aplicação Web iPhone: E as verdadeiras aplicações em qualquer aquilo?

A utilização do SDK de Apple permite tirar mais partido dos desempenhos do telefone e fazer coisas que não seremos nunca capazes de fazer sobre um sítio Web. Certamente. Mas aquilo obriga-os saber uma nova linguagem, a fazer validar a vossa aplicação por Apple que tem todos os direitos de recusar-o, e não torna o vosso trabalho acessível único através de um sistema: o AppStore.

Têm que sabemos melhor fazer de sítios Internet. Safari Móvel interpreta HTML, Javascript e CS, e certas funções permitem-vos mesmo detectar de maneira dinâmica a orientação do iPhone. Tanto dizer que temos lá suficientemente instrumentos para desenvolver coisas maravilhosas.

Google é o exemplo perfeito: Gmail, Google Calendar, Google Leitor e vários outros serviços foram optimizados para o iPhone. Não sob a forma de aplicações que baseiam-se no SDK mas sob a forma sítios Internet dinâmicos optimizados para Safari Móvel.

Como desenvolver um sítio optimizado para o iPhone?

Propomos-vos abaixo uma lista de relações que vos permitirão começar no desenvolvimento de sítios Internet destinados ao iPhone. Tutoriaux etapa por etapa, framework que permite elementos rapidamente instaurar sítios que assemelham-se à aplicações nativas, gráficos, etc.� Tem lá todos os recursos necessários para começar.

Não hesitam a comunicar-nos outros recursos que teria descoberto ou dar-nos a relação de sítios para iPhone que desenvolveu!

Tutorial: Aprendem desenvolver para o iPhone

Excelente tutorial etapa por etapa de Nettuts que vos permitirá construir facilmente um sítio para o iPhone.
Nettuts: Learn How To Develop For The iPhone
http://nettuts.com/misc/learn-how-to-develop-for-the-iphone/

Tutorial: Construir um sítio Web para o iPhone

Outra tutorial etapa por etapa para construir um sítio para o iPhone
Compromete Interactivo: Edifício tem website for the iPhone
http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/

iPhoney: Simulador iPhone Safari Móvel para desenhistas

Aplicação para Mac permitindo simular o navegador do iPhone, Safari Móvel.
http://www.marketcircle.com/iphoney/

TestiPhone

Outro simulador, esta vez sob a forma de sítio Internet para testar o vosso trabalho sobre o iPhone. A utilizar com Safari preferivelmente.
http://www.testiphone.com/

iUI

Livraria permitindo reproduzir a conversão utilizador de aplicações iPhone com o simples HTML. Permite de detectar a orientação do iPhone. Oferta uma experiência utilizador �iPhone-like�. Encontrará abaixo um tutorial para iUI
http://code.google.com/p/iui/

Tutorial pour iUI

http://www.webmonkey.com/tutorial/Build_an_iPhone-Optimized_Website_with_iUI

iWebKit

Outra livraria que permite instaurar muito facilmente um sítio Internet para o iPhone.
http://www.iwebkit.net/index.html

Exemplo de sítio iPhone

Diferentes exemplos destinados ao iPhone dos quais pode inspirar-se. Testam com o vosso iPhone para fazer-vos uma verdadeira ideia.
http://groupaware.mobi/iphone/index.html

Perfect multi-column CSS liquid layouts

Paginações CS multicolunas compatíveis com o iPhone
http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts

iPhoneWebDev

Exemplos de páginas e de funcionalidades destinados ao iPhone e oferecidos com as suas fontes.
http://www.iphonewebdev.com/examples/

iPhone GUI PSD

Um ficheiro PSD que agrupa todos os elementos gráficos utilizados nativement pelo iPhone.
http://www.teehanlax.com/blog/?p=447

A List Apart: Pôde Your Contente dentro My Pocket

Excelente artigo de A List Apart que acompanha-os na adaptação do vosso sítio para o iPhone
http://alistapart.com/articles/putyourcontentinmypocket

6 truques & astuces para optimizar o vosso sítio para o iPhone

Utilizam estilos optimizados para Safari Móvel, definição do zoom por defeito, detecção da orientação do iPhone, esconder a barra de instrumentos do iPhone, optimizar as imagens para o iPhone, compôr sem o apoio de Lanterna elétrica
http://iphonemicrosites.com/articles/6-tips-to-optimize-your-current-site-for-the-iphone/

Acrescentam um ícone de acolhimento ao vosso sítio para o iPhone e detectam a sua orientação

http://www.hanselman.com/blog/MakeYourWebsiteMobile