iWebKit 4.6.2, la création pour iPhone en licence GNU

Les sites Web :
Un site Web, tout comme une Web application, doit répondre à certains critères (et à pas mal de contraintes par la même occasion) pour un fonctionnement optimal sur plateforme iTouch.
Le navigateur, Safari Mobile, est une version allégée du navigateur bien connu de la firme Apple™. Allégée dans le sens ou certaines fonctions sont limitées voir même innexistante.

• Pas de "Flash" (obligation d'utiliser des fichiers .m4v pour vos vidéos)
• Les Gif animés ne fonctionnent pas ; seule la première image s'affiche
• Certains Javascripts ne fonctionnent pas toujours comme on le désire (préférer Ajax et le Framework JQuery)

Il faut respecter des règles liées à la navigation tactile. Même si ce type de navigation a l'avantage de n'avoir besoin d'aucun accessoire annexe, la surface d'un doigt sur un écran limité en résolution est assez important. Il faut impérativement que le contenu soit clair et aéré.

• Ne pas trop charger les pages (limiter le contenu par page)
• Ne pas hésiter à utiliser des polices de caractères de dimension adéquate (ou utiliser un système d'agrandissement de texte pour les personnes qui ont une vue limitée)
• Eviter, dans la mesure du possible, d'utiliser des liens comme sur une page Web classique. Préférer plutôt des boutons assez large

Il faut enfin, et surtout, connaître la résolution de l'écran et faire la différence entre cette résolution et la surface affichable (voir en image ).
L'iPhone (ou l'iPod Touch) a une résolution de 320 x 480 pixels pour une surface affichable de 320 x 356 pixels (ou 480 x 208 pixels en mode paysage). Dans le détail, ça donne :

• L'écran : 320 x 480 px
• La barre détat (en haut) : 20 px de hauteur
• La barre d'adresse : 60 px de hauteur
• La barre de navigation : 44 px de hauteur (ou 32 px en mode paysage)

Une fois ces règles assimilées, le reste n'est qu'assemblage de parties de code HTML avec une mise en forme via un fichier CSS.
Malgré tout, une bonne lecture du site Apple™ concernant les éléments de référence du navigateur Safari (voir le lien ci-contre) reste une bonne démarche car ce navigateur fait appel à des éléments HTML5, CSS3 et certains autres éléments CSS spécifiques à Safari (comme -webkit-text-size-adjust, -webkit-touch-callout, -webkit-border-radius, -webkit-box-shadow, etc.). Pour finir, certains attributs ont un comportement différent des autres navigateurs (comme exemple, la possibilité d'associer plusieurs background : background: url("../images/background.png"),url("../images/menutouched.png") no-repeat;).

Pour un développement optimum, la plateforme MacOs, et plus particulièrement Leopard ou Snow Leopard, permettra de bénéficier du simulateur iPhone inclus dans le SDK d'Apple™ (voir sur cette page). Si vous êtes sur MacOs, mais sur une version antérieure à Leopard (Tiger version 10.4.7 minimum), télécharger l'utilitaire iPhoney qui simulera un iPhone (le SDK d'Apple™ ne fonctionnant que sur OS 10.5 et OS 10.6).
Pour les personnes qui sont sous Windows, aucun des utilitaires indiqués ci-dessus ne fonctionnent avec la plateforme PC. Malgré tout, des solutions existent.
La première, toute simple, consiste à se rendre sur le site Web suivant et de tester votre site (sous Safari ou Chrome uniquement pour visualiser les éléments spécifiques). Inconvénient, le site doit être en ligne pour le tester.
Deuxième possibilité, télécharger une application qui s'appelle "MobiOne" et permet de simuler soit un iPhone, soit le Palm Pre. Il serait possible, selon eux, de développer des applications .ipa depuis ce logiciel (à la manière de Dashcode, mais en moins évolué). Je n'ai testé que le simulateur et je n'ai pas vraiment creusé cette possibilité.
Il existe d'autres alternatives pour simuler un iPhone sous Windows (iBBDemo, Air Phone, basé sur la technologie Adobe™ Air® - lien de téléchargement) mais ces dernières ne sont pas au top.

Les Web applications :
Les Web applications peuvent s'apparenter aux sites Web, à la différence que l'utilisation que l'on peut en faire est totalement différente.
De plus en plus répandues, ce type d'application permet un accès à des données diverses depuis un terminal "iTouch", avec ou sans installation en dur sur l'appareil mobile. Elles associent puissance d'Internet et de la technologie serveur et simplicité du Multi-Touch.
Pour les webapps sans installations, entièrement hébergées sur serveur Web distant, il sera possible de créer ces dernières en PHP avec base de données MySql. Il existe d'ailleurs une version d'iWebKit réécrite entièrement en PHP (adresse de téléchargement des fichiers).
Pour celles qui demandent une installation partielle sur le terminal mobile, les fichiers installés ne pourront être que des fichiers HTML ou des applications développées en Objectif-C et compilées en fichier .ipa. L'iPhone ne bénéficiant pas de la techologie serveur en interne, les fichiers PHP ne pourront pas être compris.
Certaines ressources seront indispensables pour avancer rapidement dans le développement, comme le plugin JQTouch (voir ci-contre). Ne pas hésiter à fouiller dans les pages du site d'Apple developper pour tester les exemples de code disponibles. Si pour les sites Web il est possible d'utiliser tous les éditeurs Web, évolués ou non, il sera préférable, dans le cadre d'une Webapp, de privilégier l'application Dashcode, disponible seulement sur Mac OS 10.5 et version ultérieure.
Même si une Webapp entièrement hébergée sur serveur distant reste plus lente et moins performente qu'une application native développée en Objective-C, Xcode et Cocoa, ça reste un bon compromis demandant un investissement réduit tout en utilisant des langages maîtrisées ; HTML, CSS, Javascript et accessoirement PHP et MySql.

Les applications iTouch (.ipa) :
Normalement, lorsque l'on décide de développer pour iPhone, hors mis les connaissances en langage informatique, il faut payer une licence (The iPhone Developer Program) auprès d'Apple™ qui coûte entre 99$ et 299$ selon la version choisie. Ce qui n'est pas à la portée de tout le monde et reste limité aux personnes travaillant sur plateforme Mac Os X.
Depuis peu, il existe un petit logiciel appelé Sentenza (voir détail ci-contre) qui permet, sous Windows, de compiler un projet d'application Web développé en HTML, CSS et Javascript (pas de PHP). Sans aucune ligne de code à ajouter et en 5 mn chrono, une application native iPhone (.ipa) est créée et logiquement installable sur un terminal "iTouch".
La compilation via ce logiciel présente tout de même certaines limitations, à savoir :

• Le fichier n'est pas signé, c'est à dire non reconnu par Apple
• Le fichier de préférences .plist présente des différences et est incomplet
• L'application ne pourra pas être présenté à Apple™ pour distribution sur iTunes
• Aucun fichier .php ne pourra être compilé car non reconnu (html, css et js)

iWebKit prend une place de choix dans ce cas précis car, avec un langage Web simple, faisant appel ou non à des données externes, il est possible de compiler son code en une application native iPhone.
La dernière restriction, et non des moindres, c'est qu'il ne sera possible d'installer l'application que sur des appareils "Jailbreakés".

Mise à jour au 24 mars 2010 :
Une nouvelle version d'iWebKit est en téléchargement depuis quelques semaines et apporte son lot d'amélioration et de modification par rapport à la version 4. A tester...