[Tuto] Ajouter l'icône d'une Web App sur le springboard

Discussion autour du développement d'applications mobiles.

Modérateur: Modérateurs

[Tuto] Ajouter l'icône d'une Web App sur le springboard

Message par Fred64 » 21 Nov 2008, 18:46

Je sais que cela a déjà été expliqué plusieurs fois mais vu que la section est neuve, il me semble bon de rappeler la procédure d'ajout de l'icône d'une Web App (ou site optimisé) sur le springboard.

Pour ce faire, je vais utiliser la version mobile de votre site préféré, l'incontournable "Belgium-iPhone.com"!

Pour commencer:

1° Vous devez aller à l'adresse principale de la Web App ou d'un site optimisé pour iPhone.
En l'occurrence ici: http://www.belgium-iphone.com/iphone

Image

2° Lorsque vous êtes sur la page adaptée au format iPhone, vous appuyez sur le "+" qui se trouve en bas de la page.

Image

3° Vous allez voir apparaître ce menu.

Image

4° Dans ce menu, vous choisissez l'option "Ajouter à l'écran d'accueil". En choisissant cette option, vous allez être dirigé vers cet écran. Vous pouvez donner le nom que vous voulez à votre icône.
Pour terminer, appuyer sur le bouton bleu "Ajouter"

Image

5° Vous devriez maintenant voir apparaître votre icônes sur le springboard

Image

Important: Pour pouvoir utiliser une Web App, il est impératif que vous disposiez d'un accès à internet via une connexion data chez votre opérateur ou d'une connexion wifi.
MacMini PPC G4 1,42 GHz 1Gb Ram DD interne 100 Giga 7200 Rpm (OS 10.4.11)+ DD externe Lacie Mini Hub 250 Giga 7200 Rpm (bootable) + iSight + clés usb Bluetooth et WiFi et........ iPhone 1.1.2 UK depuis noël! PWNAGE 1.1.4-- 2.0--2.0.1--2.0.2--2.1--2.2--2.2.1
MacBookPro
Avatar de l’utilisateur
Fred64
King of iPhone
 
Message(s) : 2318
Inscription : 28 Oct 2007, 14:24

Re: [Tuto] Ajouter l'icône d'une Web App sur le springboard

Message par kiwi » 21 Nov 2008, 21:32

Et comment créer une icône et la rendre disponible au départ d'une application web que je créerai ?
iPhone 4S 32Go iOS 9.1 (Mobistar)
iPad mini 16 Go, iOS 9.1 3G
Mac OS X 10.11.1, Windows 10
Avatar de l’utilisateur
kiwi
YoungiPhoner
 
Message(s) : 163
Inscription : 18 Oct 2008, 15:01

Re: [Tuto] Ajouter l'icône d'une Web App sur le springboard

Message par Fred64 » 21 Nov 2008, 21:33

kiwi a écrit :Et comment créer une icône et la rendre disponible au départ d'une application web que je créerai ?


Tu peux poser la question à Hades via MP :wink:
MacMini PPC G4 1,42 GHz 1Gb Ram DD interne 100 Giga 7200 Rpm (OS 10.4.11)+ DD externe Lacie Mini Hub 250 Giga 7200 Rpm (bootable) + iSight + clés usb Bluetooth et WiFi et........ iPhone 1.1.2 UK depuis noël! PWNAGE 1.1.4-- 2.0--2.0.1--2.0.2--2.1--2.2--2.2.1
MacBookPro
Avatar de l’utilisateur
Fred64
King of iPhone
 
Message(s) : 2318
Inscription : 28 Oct 2007, 14:24

Re: [Tuto] Ajouter l'icône d'une Web App sur le springboard

Message par kiwi » 24 Nov 2008, 12:44

Pour associer une icône à son webapp, il suffit

1. de créer une icône (57 x 57) png/jpg que l'on place sur son site (par exemple pathTo/monIcone.jpg)

2. dans l'entête html (entre les balises <head></Head>), placer la balise
<link rel="apple-touch-icon" href="pathTo/monIcone.jpg" />
iPhone 4S 32Go iOS 9.1 (Mobistar)
iPad mini 16 Go, iOS 9.1 3G
Mac OS X 10.11.1, Windows 10
Avatar de l’utilisateur
kiwi
YoungiPhoner
 
Message(s) : 163
Inscription : 18 Oct 2008, 15:01


Retour vers Le coin des développeurs

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 1 invité