Dans ce tutoriel, nous allons apprendre à nous servir de la plate-forme. Nous allons étudier le fonctionnement général de celle-ci afin d'acquérir de bonnes bases pour créer votre application.
Depuis le www.creer-application.com , cliquez sur "Créer votre application"
Complétez les informations pour réaliser votre App :
- Le nom de l'App (vous pourrez le modifier ultérieurement)
- Votre adresse email
- Un mot de passe
Cliquez ensuite sur "Je crée mon application" pour finaliser l'inscription :)
Après avoir finalisé votre inscription la fenêtre ci-dessous apparait, elle permet d'importer les informations de votre page Facebook.
Cette fonctionnalité ne fonctionne que si vous possédez une page Facebook Entreprise, Artiste..
Les page Facebook personnelles ne peuvent pas être importés.
>> Vous pouvez ignorez cette étape si vous le souhaitez.
Choisissez un modèle d'application, c'est-à-dire un thème de base que vous pourrez ensuite personnaliser à votre convenance. Pour vous aider à choisir, ceux-ci ont été classés par thématiques. Dans notre exemple, nous allons choisir le modèle "Club".
Vous arrivez ensuite sur cette page, c'est ici que la réalisation de votre application va se dérouler.
1. Prise en main
Voyons dans un premier temps les éléments de la barre d'outils latérale de gauche. Celle-ci est composée de 5 éléments :
- Editeur
- Promouvoir
- Stats
- Utilisateurs
- Paramètres.
A) Editeur
C'est l'élément essentiel à maîtriser afin de créer votre application. Celui-ci se compose de plusieurs sous éléments :
- Design
- Couleurs
- Fonctions
- Application
- Publication
A.1 - Le Design
Dans la section Design, vous allez pouvoir personnaliser le modèle (thème) d'application que vous avez choisi. Si le modèle que vous avez choisi ne vous convient pas, vous pouvez le remplacer par un autre un cliquant sur "Changer votre modèle"
Vous pouvez changer la mise en page de votre application en cliquant sur "Changer votre configuration"
Vous avez alors la possibilité de changer votre mise en page en sélectionnant un des modèles optimisés. Il s'agit ici en faite de sélectionner l'agencement et la disposition des fonctionnalités de votre application.
Par exemple, ici nous avons sélectionné le modèle de mise en page "Layout 8" (image gauche), nous pouvons remarquer que les fonctionnalités se placeront de cette façon. A contrario, si nous sélectionnons le "Layout 4" nous aurons cette disposition (image droite), les fonctionnalités sont placées en dessous de l'image.
A vous de tester et de voir quelle mise en page est la plus adaptée à votre application.
Dans les options de mise en page, vous pouvez décider ou non d'afficher les ombres de la bordure. Maintenant, il s'agit de choisir l'image que vos utilisateurs verront sur votre page d'accueil
Pour changer l'image de votre page d'accueil, cliquez sur "Modifier votre image" puis uploadez l'image. Veillez à respecter la taille recommandée afin que votre image soit optimisée pour votre application. Vous devez également charger l'image de votre page d'accueil aux 3 formats recommandés afin que l'image puisse convenir aux dimensions les plus courantes des écrans de smartphone.
Voici le rendu lorsque nous changeons notre image initiale de notre page d'accueil.
Vous pouvez choisir d'utiliser votre image en arrière-plan de toutes les pages de votre application, pour cela cochez la case "En arrière-plan dans l'ensemble de votre application pages"
Vous pouvez également choisir d'afficher ou non la barre d'état iOs si vous détenez un Iphone et également de masquer ou non la barre de statut d'Android.
Maintenant choisissez votre pays, cela permet de définir la monnaie qui sera utilisée dans votre application. Cela peut vous servir si par exemple votre application permettra à vos utilisateurs de commander des produits.
Enfin, vous devez choisir la police qui sera utilisée pour inscrire votre texte dans votre application.
A.2 Les couleurs
Il est possible de personnaliser en couleur chaque section et chaque page de votre application.
- Général
Au global, vous avez un fond d'écran qui sera présent sur toutes les pages de votre application, ici nous avons choisi le violet pour rester en cohérence avec les couleurs de l'image de notre page d'accueil.
L'icône ci-dessous vous permet de régler l'opacité de la couleur.
Dès que l'utilisateur lancera une fonctionnalité de l'application, celui-ci aura cette couleur de fond d'écran.
Voyons un exemple de rendu avec la page "Galerie d'image" de notre application.
- Fond en-tête
Ici vous pouvez choisir la couleur
- des textes de votre en-tête
- du fond de votre en-tête
- de la bordure
Voici notre choix:
Voici le rendu dans l'application:
- Menu de navigation
C'est le menu principal de votre application, vous pouvez choisir la couleur:
- des textes
- du fond
- de la bordure
- des icônes des différentes fonctionnalités et pages
Voici notre choix:
Voici le rendu dans l'application:
- Liste
Lors de la réalisation de votre application, vous serez amené certaines fois à hiérarchiser des éléments,notamment en créant des listes. Vous avez la possibilité de choisir la couleur :
- des textes du titre de la liste et des éléments qui la composent
- des fonds du titre et des éléments de la liste
Voici notre choix:
Voici le rendu dans l'application:
Pour les éléments suivants: carte, bouton, case, radio, bascule ... testez les couleurs comme nous venons de le faire, en regardant directement le rendu que vous pourriez avoir dans votre application.
En fonction de vos besoins, vous pourrez changer la couleur des autres éléments au fur et à mesure de l'avancement de votre application.
A.3 Les fonctions
Cette section est l'une des plus importantes quant à la réalisation de votre application. En effet, c'est ici que vous allez pouvoir intégrer les fonctionnalités qui seront présentes dans votre application.
C'est également la partie la plus fastidieuse et la plus complexe, c'est pour cela que nous avons décidé de créer un tutoriel pour chacune des fonctionnalités. Pour trouver le tutoriel qui correspond à une fonctionnalité il vous suffit de taper dans la barre de recherche le nom de la fonctionnalité pour tomber dessus.
Cependant, lorsque vous cliquez sur "Fonctions" voici l'interface que vous obtiendrez:
Dans la section "Vos Pages" vous retrouverez toutes les pages & les fonctionnalités de votre application. Vous avez la possibilité de changer l'ordre de celles-ci et également d'en supprimer à tout moment en laissant votre curseur sur l'icône de la page.
Pour ajouter une fonctionnalité (page) il vous suffit de vous rendre dans la section "Ajouter une page" puis de sélectionner votre fonctionnalité. Pou mieux vous repérer celles-ci sont classées par thématiques.
Chaque fonctionnalité (page) est représentée par une icône:
Vous avez la possibilité de changer les icônes des fonctionnalités, pour se faire il suffit de cliquer sur l'icône de la page en question(ici nous cliquons sur l'icône "Info"). Voici ce que nous obtenons:
Pour changer l'icône, cliquez ensuite sur l'icône tout a gauche : 
, vous arrivez alors sur un large choix d'icônes. A vous de choisir celle qui convient le mieux pour votre page. Il vous suffit alors de cliquer sur l'icône de votre choix pour effectuer le remplacement.
Si vous n'avez pas trouvé votre bonheur dans notre choix d'icônes, vous pouvez uploader votre propre icône en cliquant sur 
Voici ce que nous obtenons:
A.4 Application
- L'icône
Dans cette section vous avez la possibilité de charger une image qui représentera votre application. Pour cela, il suffit de cliquer sur "Icône de l'application" puis de charger l'image que vous souhaitez.
Vous avez la possibilité de redimensionner votre image comme ci-dessous.
Voici ce que nous obtenons après avoir redimensionné notre image:
Voici le rendu final que vous pourriez avoir dans le système d'exploitation (Android & iOs) d'un smartphone.
- Android Push
Cette section vous permet de personnaliser le design de vos notifications push. Vous avez la possibilité d'uploader une icône de téléchargement et également de choisir une couleur pour le texte du message qui sera envoyé. Lorsque vous avez terminé vos changements, n'oubliez pas de cliquer sur "Sauvegarder".
- Image de démarrage
Ici, vous devez uploader une image de démarrage, c'est l'image qui apparaîtra lorsque votre application sera lancée. Veillez à uploader votre image aux différents formats afin de répondre aux dimensions de la plupart des smartphone et tablettes.
A.5 Publication
Dans "Publication", vous retrouverez les informations générales de votre application, vous avez également la possibilité de changer le nom de celle-ci.
Vous pouvez également monétiser votre application en cochant la case "Monétiser mon application" cependant pour y parvenir il faudra que vous ayez la maîtrise de AdMob.
Enfin, vous pourrez récupérer le code source de votre application.
Je publie mon application
Lorsque vous avez finalisé votre application et que vous vous sentez prêt à vous lancer, vous devrez passer à l'étape publication, pour cela il vous suffit de cliquer sur 
Il va s'agir de choisir votre type d'abonnement, mais avant cela vous devez renseigner votre adresse de facturation. Remplissez alors tous les champs puis cliquez sur "Enregistrer" pour valider cette étape.
Voici le moment venu de sélectionner votre abonnement, qui rappelons le est sans engagement et satisfait ou remboursé. Choisissez l'abonnement qui convient le mieux à vos besoins en cochant la case puis cliquez sur "Enregistrer"
Le détail de votre commande apparaît. Le paiement sécurisé de votre abonnement se fera via Paypal. Enfin, pour confirmer l'achat de votre abonnement, veuillez cocher la case d'acceptation des termes et conditions de l'offre, puis cliquez sur "Valider".
Vous êtes alors redirigé vers Paypal afin d'effectuer le paiement. Connectez-vous et effectuez le paiement afin de pouvoir lancer votre application !
B. Promouvoir
Cette section vous permet de mettre en avant votre application. Vous avez deux moyens pour y parvenir:
1. Magasins URL
Vous pouvez inscrire l'URL magasin pour les supports Android et iOs
2. Mon QRCODE
Vous pouvez télécharger le QRCode de votre application ici pour ensuite l'utiliser sur vos supports de communication
C. Stats
1. App Analytics
Dans cette section vous pourrez analyser les statistiques de votre application. De nombreuses données vont vous permettre de mieux connaître votre cible, comme le nombre de fois que votre application a été installée, le temps que vos utilisateurs passent en moyenne sur votre application, la localisation géographique de vos utilisateurs dans le monde etc.
2. Fonctionnalité de Google
Ici, vous pourrez analyser diverses données de Google Analytics sur une période précise à l'aide du filtre métrique. Comme vous pouvez le voir ci-dessous, vous pourrez connaître le nombre total des ventes, des visites et le panier moyen de vos utilisateurs.
Vous pouvez également récupérer les informations relatives à vos actions de promotions ou encore de fidélité.
D. Utilisateurs
C'est ici que va se constituer votre base de données utilisateur. Chaque personne qui téléchargera votre application et se connectera, se trouvera ensuite dans cette liste. Vous pourrez également accorder à certains utilisateurs des droits ou permissions comme l'accès à certaines pages exclusives.
E. Paramètres
1. Termes & Conditions
Ici vous pourrez rédiger votre politique de confidentialité concernant notamment les données de vos utilisateurs. Mais également, les règles concernant vos actions de promotions, de fidélité.
N'oubliez pas d'enregistrer lorsque vous avez terminé de rédiger les différents textes.
2. Api
C'est ici que vous devrez rentrer les clés Api si vous avez créé des applications Facebook, Twitter ou encore Flickr.
3. Domaine
Retrouvez ici le nom de domaine de votre site web mobile.
4. Avancé
Dans cette section vous pourrez ajouter la clé APi d'une carte Google Maps si vous le souhaitez & également définir le taux des points de fidélité
5. Messages
Dans cette section, vous pourrez envoyer des messages à vos utilisateurs et également en recevoir de leur part.
Commentaires
0 commentaire
Cet article n'accepte pas de commentaires.