Mise à jour 29/07/09 : Cet article date d’un peu .. sa version raccourci et plus clair est disponible sur Débuter sur le développement iPhone ! Have Fun :p
Cet article a pour but de vous expliquer comment créer une application Iphone.
Afin d’éviter un abus de langage, nous différencions deux types d’applications potentiels :
• Les applications web : ouvert via Safari et qui ne sont ni plus ni moins un site dédié au format de l’iphone.
• Les applications embarqués : Application directement téléchargé sur le iphone store (gratuitement ou pas) pour lequel l’utilisateur doit donner son mot de passe pour l’installer.
Cet article traitera principalement du 2e type d’application.
Application Web
Afin de créer une application web iphone, la règle constatée est d’avoir un look Apple et celui suffit.
Pour ce faire il peut être intéressant d’utiliser :
• iUI – pour User Interface (UI) Library for Safari development on iPhone qui est disponible sur http://code.google.com/p/iui/
Cela fournit des images, un CSS et une bibliothèque Javascript permettant de simuler une navigation sur une application Iphone « embarqué ». Deux exemples sont disponibles :
- http://iui.googlecode.com/svn/tags/REL-current/samples/music.html#_home
- http://iui.googlecode.com/svn/tags/REL-current/samples/digg/index.html
• Un tutorial expliquant comment créer le css, et le javascript pour profiter, détecter et se servir de la « rotation » de l’iphone
• Un plugin Firefox pour « émuler » l’affichage dans un iphone
• Une application AIR pour emuler l’iphone sur PC. Attention ce n’est qu’une beta.
• Un site web pour tester les applications web est disponible : http://www.testiphone.com/
Ces pistes de réflexions devraient vous aider à concevoir un site spécial iphone.
Rappel : The vertical view dimensions are 320×365 pixels while the horizontal view dimensions are 480×200 pixels.
Note : De nombreux sites proposent une version iphone et parlent de leur « application iphone », d’où l’existence d’un certain abus de langage sur le terme « application »
Application embarqué
La création d’application pour Iphone permet ainsi d’avoir une application « hors ligne ». Idéal pour les jeux commerciaux, les utilitaires etc.
Le kit de développement (SDK) est fourni gracieusement par Apple, nous pouvons donc développé des applications qui fonctionneront dans l’émulateur fourni.
Cependant il faut payer une licence pour pouvoir mettre son application sur un vrai téléphone et être disponible sur l’apple store.
• 99$ pour un particulier.
• 300$ pour une entreprise.
Le fait d’avoir cette licence nous donne accès à « l’Iphone Developer Program » (http://developer.apple.com/iphone/program/). Un résumé des étapes pour faire partie du programme est disponible sur http://forum.frenchiphone.com/index.php/topic,18561.0.html.
Une fois sur l’apple store notre application est hébergé directement chez Apple, ils ont à leurs charges les coût d’hébergements, fournissent une plateforme de téléchargement etc.
Lors de la « mise en ligne » de notre application nous pouvons la distribuer :
• Gratuitement. Apple prend en charge la totalité des coûts.
• Commercialement. 70% du prix de l’application nous revient et apple prend les 30% restant pour frais d’entretiens.
Contraintes de fonctionnements :
Pour développer grâce à leur SDK nous devons avoir un mac OS X (version 10.5.3 ou supérieur).
Et notre application ne fonctionnera que sur les iphone possédant le firmware 2.1. Celui-ci est sorti le 13 septembre 2008.
Le simulateur intégré au SDK ne permet pas de :
• Simuler l’accéléromètre
• D’utiliser l’appareil photo de l’iphone. Au passage, nous ne pouvons enregistré de vidéo via l’appareil photo.
• D’accéder à certaines librairies des frameworks (souvent lorsqu’on récupère du code « iphone », il ne peut être porté directement dans le SDK vu que certains utilisent une version non officiel du SDK d’Apple où nativement il a plus de librairies).
Une contrainte d’Apple est que chaque application « vie » dans un bureau cloisonné. Nous ne pouvons accéder aux ressources d’autres applications (comme les mp3 et vidéo stocker sur le téléphone).
Plus d’information sur : http://www.gizmodo.fr/2008/08/05/lindispensable-marche-noir-des-applications-pour-iphone.html
Programmer sur Iphone :
L’API de l’iphone est quasiment la même que pour développer sous mac.
Il faut utiliser « Cocoa »(L’iphone a sa version de Cocoa nommé « Cocoa Touch »). http://fr.wikipedia.org/wiki/Cocoa_(Apple) .
Cocoa est l’API native d’Apple pour le développement orienté objet sur son système d’exploitation Mac OS X. C’est l’une des 5 API majeur disponible pour Mac OS X,
Pour utiliser cette API sur l’Iphone, nous sommes contraint d’utiliser les environnements de développements suivants
• Xcode (anciennement Project Builder) : compile et lance l’émulateur de l’iphone.
• Interface Builder : Permet d’agir graphiquement sur les vues et permet un développement rapide de l’application d’un point de vue graphique.
Le langage de programmation utilisé est Objective-C.
Wikipédia : L’Objective-C est un langage de programmation orienté objet réflexif. C’est une extension du C ANSI comme le C++ mais se distingue de ce dernier par sa distribution dynamique des messages, son typage dynamique et son chargement dynamique. Contrairement au C++, il ne permet pas l’héritage multiple mais il existe toutefois des moyens de combiner les avantages de C++ et d’Objective-C.
Ressources
Voici une liste de ressources disponibles pour
• Apprendre à utiliser Cocoa et Objective-C
o Un cours pour débutant est disponible dans le thread de ce forum.
- http://www.objective-cocoa.org/forum/index.php?topic=2107 (Cliquez sur 2.X en gras du sujet pour télécharger le cours)
o Débuter avec Cocoa en utilisant Objective-C
o Un cours est disponible sur le site du zéro pour Objective-C :
o Un livre « biblique » selon les développeurs Mac peut être acheter pour 36.10€
L’objective-C a une notation et une utilisation de la programmation objet quelque peu déroutante si l’on vient du monde « Java, PHP5, C# ». Le cours du site du zéro est très précis pour comprendre la syntaxe et la notation.
• Tutoriaux pour crée des applications iphone
o Un pdf, des exemples, et des templates de code sont disponibles dans cet article
o Tutorial pour la création d’interface « dynamique »
o Tutorial pour créer un lecteur RSS pour Iphone :
o Utiliser les évènements, les contrôleurs et les vues
o Des Tutoriaux Vidéos sont disponibles sur
- http://www.wonderhowto.com/how-to/video/how-to-program-a-uitableview-in-an-iphone-with-xcode-196230/ La qualité est médiocre
- http://developer.apple.com/iphone/index.action - le site d’Apple (une fois authentifié)
o Avoir le look and feel d’apple
o Forum d’entre-aide
Sans oublier tous mes liens concernant l’iphone : http://delicious.com/onishinji/iphone
le 6 février 2009 à 12h40
wohoo !
chose dite chose faite on dirait :p
merci pour tout ces liens et détails.
le 6 février 2009 à 14h03
de rien !
Mine de rien , cet article composé seulement de lien, génère 40% de mon traffic. J’espère qu’il est utile à ceux qui le lisent :D
le 25 octobre 2009 à 21h45
Bonsoir,
Je viens d’acquérir un iPhone, et je me demandais comment faire une apply, voir en faire une moi même (une bricole) histoire de, par curiosité. C’est la que je suis tomber sur ta page. Beau travail.
En revanche, ça fait peur, ça n’a pas l’air évidant, ma curiosité va caler je pense !
Bonne continuation.
le 26 octobre 2009 à 09h45
La programmation en Obj-C n’est pas une partie de plaisir au début. Si je devais (re)apprendre à faire des appli, je me pencherais plutôt sur les solutions tierces pour créer des applications iphone comme Flash, Shiva (pour les jeux en 3D) etc.. L’idée c’est de laisser la compilation (=la création pur et dur de l’app) à d’autres pour se focaliser pleinement sur la conception de l’application.
le 21 janvier 2010 à 12h51
Bonjour,
moi j’ai une webapp que je voudrait rendre disponible sur le springbard de l’iphone telle une application.
je voudrait que cette application en html soit comme un portail.
L’application est hyper simple, c’est une banniere avec 3liens en bas
quelqu’un pourrait il m’aider?
gregtuningproject@hotmail.fr
le 21 janvier 2010 à 14h15
Ben tu n’as rien à faire en fait hormis ton site web … c’est à l’utilisateur d’ajouter ta page à son springboard (« Ajouter à l’écran d’accueil ») .. Donc bon mis à part l’inciter à le faire je vois pas le souci .. Peut être vaut mieux que sur ton site principal tu redirige l’utilisateur iphone sur ta webapp avec un message incitant … ça c’est faisable en 2 ligne de JS ..
Apres si c’est une webapp pur, sans site principal derrière, tu peux la convertir en appli standard (donc apple store etc), c’est assez simple surtout si ta page consomme pas trop de JS … Faut charger ton site dans un uiWebView au lancement de l’appli (4 ligne de code) ..
Voilà
le 17 février 2010 à 03h43
Bonjour,
une appli web peu t’elle permettre la lecture de vidéo ?
(pour diffuser des vidéos sur l’iphone
une appli web peu t’elle prendre en compte l’accélérateur de mouvement (pour réaliser un jeux en fait)
Merci
le 17 février 2010 à 09h21
Bonjour,
Pour les vidéos c’est possible il faut juste qu’elle soit au bon format video (mov, un certain codec etc à checker sur la doc apple).
Pour l’accélérateur de mouvement, d’après mes derniers essais en la matière on ne pouvait récupérer que certains événement « iphone en mode portrait, iphone en mode paysage » sans possibilité de récupérer à la volé les différentes positions (x, y, z), donc pour faire un jeux avec … ben il faut être inventif :p Après je suis peut être plus trop à jour niveau appli web depuis le temps et les différentes sortis du SDK.
le 20 mars 2010 à 12h58
Bonjour Guillaume,
a l’instar de ‘7000km’, je souhaiterait convertir une webapp (un simple site html) en application sur iphone. l’idée est de stocker tout le site dans le téléphone afin de rendre le site encore plus rapide/fluide et surtout pouvoir l’ouvrir si il n’y a pas de réseau 3G/wifi accessible. Sais-tu si il est possible de convertir une web app en app? si oui, comment?
Merci beaucoup et félicitations pour ton blog
Stéphane
le 8 avril 2010 à 11h34
Bonjour,
Ma requête est assez simple, nous avons fait développé un site internet pour notre association ABNL, où nous mettons en relation d’autre personne ( professionnel) ps: ce n’est pas un site de rencontre mais prof.
L’idée de mon appli c’est de reprendre ce site et de l’intégrer dans une version plus lite. faut t’il savoir programmer ou existe t’il une autre solution.
Merci pour vos futurs réponses.
le 13 avril 2010 à 17h40
Salut,
Tout d’abord, merci pour cet article très instructif. J’avais une question cependant. J’aimerais pouvoir créer une application web que les gens pourraient consulter hors ligne et d’après ce que je lis dans ton article, il faut payer 90$ pour avoir une licence. Mais est-il possible de rendre accessible une application gratuitement à travers l’apple store sans que cela ne génère de coûts ? De plus, si je fais un site web pour iphone et que je souhaite générer une app à partir de ce dernier pourrais-tu me dire s’il y a un moyen facile de le faire ? En compilant son site web par exemple ?
Merci encore !
le 14 avril 2010 à 09h13
Pour avoir un mode hors ligne, il faut faire une vrai app donc avoir une licence pour la mettre sur le store.
Pour les convertisseur de site web en vrai app je connaissais phoneGap qui permet à partir de page HTML et bcp de JS mais de toute façon c’est illusoire de se dire qu’on converti un site en trois clic, faut toujours adapter surtout si tu veux un site dynamique (utilisation de SQLLite à grand coup de JS pour phoneGap par ex.). Alors quitte à passer du temps à transformer un site web en app, mieux vaut prendre ce même laps de temps (et donc de l’argent) pour demander à des gens de le faire (ma société peut te faire des devis :p)
Voilà voilà
le 27 avril 2010 à 12h25
Hello !!! super bien ton article !!!
Je m’intéresse à Phonegap (et un poil à l’obj-c…)
J’ai juste une question (qui peut paraitre débile) : un mac est obligatoire pour créer son application ? possible sur Windows ???
Merci d’avance !!!
le 27 avril 2010 à 14h04
Oui il faut un mac, phoneGap utilise xCode et le sdk iphone pour compiler ton site donc oui il faut un mac.
le 27 avril 2010 à 14h16
c’est bien ce que je redoutais…..
Merci beaucoup pour ta réponse :)