Vaut-il mieux gagner 5 000 $ en travaillant 10 heures par jour ou 3 000 $ en travaillant une seule? Le temps, c'est de l'argent, et c'est le atout le plus important que nous avons.
L'utilisation d'un modèle d'application présente deux avantages:
Pour créer une application à l'aide d'un modèle, vous devez saisir vos données, modifier le logo, personnaliser les polices de caractères, les couleurs, etc..
Supposons que vous souhaitiez créer un guide des points d’intérêt (églises, musées, monuments ou même parkings, magasins, etc.) de votre ville. Vous pouvez créer votre application à partir de rien et passer beaucoup de temps à concevoir l'interface, à écrire le code et à mettre en œuvre des frameworks. Ou vous pouvez utiliser un modèle et tout être prêt en quelques heures, parfois quelques minutes!
Et peut-être plus important encore, vous gagnez du temps non seulement dans la réalisation de l'application elle-même, mais aussi dans l'apprentissage de nouveaux concepts: vous pouvez voir concrètement comment les nouvelles choses fonctionnent, pour que vous puissiez apprendre et assimiler les nouvelles idées beaucoup plus rapidement.
Mais nous voulions faire un guide de notre ville, non? Voyons comment le faire en dix minutes avec appyMap.
Avec appyMap, vous pouvez créer votre propre application pour aider les utilisateurs à découvrir les points d'intérêt regroupés par catégories, tels qu'une application de référence pour les magasins ou les restaurants, un guide de la ville ou toute autre utilisation nécessitant la localisation d'emplacements sur une carte. Vous pouvez trouver le modèle d'application basée sur l'emplacement appyMap iOS à télécharger sur CodeCanyon..
La structure appyMap est très simple et se compose de quatre écrans: Accueil, Section, Détail et Instructions (fournis par Apple Maps)..
L'écran d'accueil affiche nos principales sections, dans lesquelles se trouvent les points d'intérêt..
La sélection d'un point d'intérêt ouvre l'écran de détail avec des photos, des descriptions et un champ supplémentaire (pouvant être utilisé pour l'adresse, les heures d'ouverture, etc.) et un bouton pour obtenir un itinéraire. Si un numéro de téléphone est présent, vous pouvez également appeler le point d'intérêt depuis l'application..
Voyons maintenant comment insérer nos données dans l'application.
Il existe deux manières de saisir vos données: via fichiers Plist locaux ou en utilisant CloudKit, La plateforme cloud d'Apple. Chacun a ses avantages et ses inconvénients.
Les fichiers Plist sont des fichiers que vous incluez dans votre application. Ils sont un document de données structuré, semblable à un fichier tableur..
Vous pouvez éditer des fichiers Plist avec Xcode. C'est le moyen le plus simple et utile lorsque vous devez simplement modifier ou ajouter de petites quantités de données. Un autre moyen d'ajouter des données à un fichier Plist consiste à convertir une feuille de calcul et à l'importer au format Xcode. Ceci est très pratique lorsque vous devez gérer une grande quantité de données.
L'utilisation des fichiers Plist pour expédier les données de votre application vous offre deux avantages:
L'inconvénient de l'utilisation de données locales est que, si vous souhaitez ajouter ou modifier des points d'intérêt, vous devrez publier une nouvelle version de l'application..
Dans le projet Xcode fourni avec appyMap, ouvrez le Main.plist file-ce fichier définit le menu principal. Dans ce fichier, vous voyez une liste d’articles qui définissent les catégories ("sections") des lieux d’intérêt. Chaque article a trois champs:
identifiant
: l'identifiant unique de la section, utilisé aussi pour commander des articlesprénom
: le nom de la sectionest libre
: Si défini sur "Oui"
la section est gratuite, sinon elle est verrouillée et peut être ouverte à l'aide d'un achat intégré.Chaque section peut avoir une icône, qui devrait avoir le même nom de fichier que le nom de la section (voir l'image ci-dessous).
Vous pouvez ajouter autant de sections que vous le souhaitez: les nouvelles sections seront ajoutées à la fin de la liste et la vue de la collection du menu principal défilera au besoin..
Une fois que vous avez configuré les sections principales, vous pouvez commencer à ajouter des points d’intérêt. Pour chaque section, appyMap recherchera un fichier Plist avec le même nom de fichier que le nom que vous avez choisi pour la section. Ainsi, par exemple, si vous avez une section intitulée "Maisons", appyMap recherchera un fichier appelé Houses.plist, et il lira les lieux d’intérêt de la section Maisons de ce fichier.
Ces fichiers de lieux d’intérêt comportent les champs suivants:
identifiant
prénom
la description
latitude
longitude
tel
(optionnel)temps
(optionnel)Pour la vignette de lieu d’intérêt, l’application recherchera une image JPEG avec un nom de fichier comprenant le nom de la section suivi de l’id du lieu d’intérêt. Donc, si vous avez trois endroits dans la section Musée, vous avez besoin de trois images nommées Museum1.jpg, Museum2.jpg, et Museum3.jpg.
Au lieu de stocker les informations de votre application dans des fichiers Plist locaux, vous pouvez les servir à partir du CloudKit d’Apple..
Si vous décidez d'utiliser CloudKit, vos informations ne seront plus locales, mais lues dans le cloud. Cela vous permet de modifier la base de données des lieux d'intérêt sans avoir à publier de nouvelles versions de l'application. Cependant, l'application nécessitera une connexion Internet pour afficher les points d'intérêt..
En utilisant votre compte développeur Apple, vous pouvez utiliser le CloudKit back end pour gérer vos données. Si vous avez un compte développeur Apple, vous pouvez gérer CloudKit avec le tableau de bord CloudKit..
Pour connecter votre application à CloudKit, vous devez accéder à votre Page développeur, et activer iCloud:
Revenez ensuite à Xcode, sélectionnez votre cible et activer iCloud pour votre application:
Maintenant, vous devez ajouter deux types d'enregistrement pour contenir les données de l'application. En commençant par le type Principal, pour conserver les données du menu des sections: allez dans votre tableau de bord CloudKit, sélectionnez Types d'enregistrement, cliquez sur le bouton plus et nommez l'enregistrement "Principale". Maintenant, nous devons recréer essentiellement la même structure que celle utilisée dans le fichier Plist. Cliquez sur Ajouter le champ… et créez quatre champs:
C'est un peu différent du format Plist, car nous avons créé un champ supplémentaire appelé "pic", qui tiendra l'icône pour chaque section.
À la fin, vous devriez avoir une table comme celle-ci:
Ensuite, vous devez créer un type d'enregistrement pour chaque section que votre application affichera. Ainsi, par exemple, si vous avez deux sections ("Maisons" et "Monuments") pour votre application, vous devez créer deux enregistrements correspondants, nommés "Maisons" et "Les monuments"(comme dans la capture d'écran ci-dessus).
Pour créer un autre type d’enregistrement, commencez par cliquer sur le bouton + bouton. Donnez à l’enregistrement le nom de votre section (dans ce cas “Maisons"):
Maintenant, cliquez sur Ajouter le champ… et créez des champs comme vous le faisiez auparavant. Cette fois, les champs que vous devez créer sont les suivants:
Notez que le tel (téléphone) et temps les champs sont facultatifs. S'ils sont présents, ils apparaîtront dans l'écran de détail, sinon ils seront cachés.
Entrer dans des emplacements pour appyMap implique de rechercher de nombreuses latitudes et longitudes. Pour trouver rapidement la latitude et la longitude d'un lieu donné, il suffit de le rechercher dans Google Maps, de cliquer avec le bouton droit de la souris sur le point d'intérêt et de sélectionner Qu'est ce qu'il y a ici? Cela renverra toutes les données de lieu, ainsi que sa latitude et sa longitude. Vous pouvez simplement copier et coller ces valeurs dans le lat et long champs dans CloudKit, ou dans votre fichier Plist.
Dans ce tutoriel, vous avez appris à utiliser une nouvelle application basée sur la localisation à l'aide du modèle appyMap de CodeCanyon. Vous avez appris comment le modèle fonctionne et comment ajouter vos propres données d'emplacement au modèle..
Si vous téléchargez le modèle, vous obtiendrez beaucoup plus d'informations sur la configuration et la personnalisation de votre application.. appyMap est livré avec un guide d'instructions détaillé qui vous guidera à travers toutes les étapes de la configuration et de la personnalisation appropriée du modèle..
Mais c'est facile. Pour créer une application à l'aide d'un modèle, saisissez simplement vos données, personnalisez la couleur, les polices et le logo… et compilez! Votre application peut être prête en quelques heures.
Il existe des centaines d'autres modèles d'applications iOS sur CodeCanyon. Allez les vérifier! Vous pourriez vous épargner de nombreuses heures de travail.
Bonne chance pour votre prochaine application! Et en attendant, consultez certains de nos autres tutoriels sur les applications iOS ici sur Envato Tuts+.