Salut 
!
!Je vous fais aujourd'hui un tutoriel pour créer sa propre application Iphone/Android! (La mienne sera à la fin du topic)
Vous souhaitez mettre sur pieds votre première application? Voici un tutoriel rapide en 10 étapes pour vous guider, de la création de l'application au test sur votre mobile.
Ce tutoriel décrit les bases principales pour bien débuter, après quoi vous apprendrez par vous-même simplement en utilisant l'éditeur d'application.
Ce tutoriel décrit les bases principales pour bien débuter, après quoi vous apprendrez par vous-même simplement en utilisant l'éditeur d'application.
1 - Création de l'application
1/10
Depuis votre compte Make me Droid, créez une nouvelle application à partir d'un modèle vide.
Une fois l'application créée, cliquez sur son icône et choisissez votre propre icône depuis votre ordinateur.
Enfin, cliquez sur le bouton Construisez votre application pour commencer à bâtir les écrans dans l'éditeur.
2 - Le menu principal
2/10
Les applications sont faites d'écrans reliés les uns aux autres par des actions. Un premier écran de type liste est créé pour vous dans l'application de base: vous pouvez le modifier ou le supprimer.
Commençons la création des écrans: dans la liste évoquée ci-dessus, ajoutez 2 éléments en cliquant sur nouvel élément.
Modifiez ensuite le contenu de la liste, en nommant le premier élément Ma gallerie d'images et le second Messagerie. Modifiez les icônes et la description à votre gré.
3 - Une gallerie d'images
1/10
Depuis votre compte Make me Droid, créez une nouvelle application à partir d'un modèle vide.
Une fois l'application créée, cliquez sur son icône et choisissez votre propre icône depuis votre ordinateur.
Enfin, cliquez sur le bouton Construisez votre application pour commencer à bâtir les écrans dans l'éditeur.
2 - Le menu principal
2/10
Les applications sont faites d'écrans reliés les uns aux autres par des actions. Un premier écran de type liste est créé pour vous dans l'application de base: vous pouvez le modifier ou le supprimer.
Commençons la création des écrans: dans la liste évoquée ci-dessus, ajoutez 2 éléments en cliquant sur nouvel élément.
Modifiez ensuite le contenu de la liste, en nommant le premier élément Ma gallerie d'images et le second Messagerie. Modifiez les icônes et la description à votre gré.
3/10
Créez un nouvel écran via le bouton Ajouter un écran. Sélectionnez Gallerie d'images, nommez l'écran Gallerie puis validez.
Cet écran-modèle comporte une gallerie d'images à la base, mais vous pouvez le modifier comme bon vous semble.
Pour ajouter une image, cliquez sur la gallerie (vous voyez alors les propriétés de la gallerie horizontale sur le coté), puis ajoutez-y un élément Image via le bouton
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
. 4 - Une messagerie pour l'application
4/10
Nous allons embarquer une messagerie dans l'application, pour que les utilisateurs puissent partager des informations entre eux et avec vous. Créez un nouvel écran de type Messagerie, que vous nommez Messagerie.
Vous n'avez rien d'autre à modifier sur cet écran pour l'instant. La messagerie fonctionne d'elle-même.
5 - Lier les écrans entre eux
5/10
Lorsque l'application est lancée, le premier écran affiché (hormis les écrans d'accueil) est l'écran que vous avez défini en tant qu'écran initial via le bouton approprié dans l'éditeur. Par défaut, la liste de départ est déjà l'écran initial, donc vous n'avez rien à modifier.
Nous souhaitons que lorsque l'utilisateur clique sur le premier élément du menu principal, la gallerie s'affiche. Et pour le second élément, nous voulons afficher la messagerie. Pour cela nous allons définir des actions sur ces éléments. Notez que les actions sont diverses: afficher un écran, ouvrir une page web, jouer un son...
Revenez sur l'écran liste (celui du début), puis cliquez sur l'icône
du premier élément (Ma gallerie d'images). L'éditeur d'actions s'ouvre. Sélectionnez l'action Afficher un écran, puisGallerie. Validez via Appliquer cette action.
Faites de même pour l'élément Messagerie. Vous obtenez alors un écran qui ressemble à ceci (remarquez les actions Afficher un écran):
6 - La barre de raccourcis
6/10
La barre de raccourcis se situe en bas des écrans. Elle reste identique sur tous les écrans de l'application. Dans notre cas, nous allons y placer 4 raccourcis: Accueil, Gallerie, Messagerie et Site web.
Si la barre de raccourci n'a pas 4 icônes, ajoutez-en en cliquant sur les boutons
.
Pour chaque raccourci, choisissez une image, et donnez-lui un titre très court.
Chaque raccourci doit ensuite être associé à une action comme précédemment. Liez les raccourcis Accueil, Gallerie et Messagerie à leurs écrans respectifs. Concernant le raccourciSite Web, rattachez-le à une action de type Ouvrir une page web, toujours via les icônes
.
7 - Un peu de personnalisation
7/10
Le bouton Personnaliser vous donne accès à un menu qui vous permet de changer l'apparence de l'application. Les modifications faites via ce menu sont globales à l'ensemble de l'application. Certains écrans possèdent aussi des personnalisations individuelles.
Ouvrez le menu en question, puis choisissez le thème Sombre et cliquez sur Appliquer.
Ensuite, dans la section zone centrale, cliquez sur l'image de fond pour choisir votre propre image depuis votre ordinateur (sombre de préférence). Définissez sa transparence à 70%.
Si vous le souhaitez, passez un peu de temps pour modifier d'autres valeurs. Le résultat s'affiche dans l'éditeur lorsque vous cliquez sur Fermer.
8 - Enregistrement et génération
8/10
La mise en place de notre première application est terminée.
Cliquez sur le bouton Enregistrer pour sauvegarder vos changements. Une fois la sauvegarde effectuée, cliquez sur Retour vers votre compte pour rejoindre la page principale de l'application.
L'application doit désormais être générée, ce qui signifie que l'outil va créer pour vous le fichier executable Android (similaires aux applications Windows, c'est-à-dire le fichier à partir duquel l'application peut être lancée). Ce fichier, nommé APK, sera ensuite publié sur Google Play pour rendre votre application accessible au plus grand nombre.
Depuis la page de l'application, cliquez sur générer l'application puis patientez quelques instants, après quoi vous obtiendrez le fichier APK désiré.
9 - Test de l'application
9/10
Que vous possédiez un smartphone sur lequel tester votre application ou que vous souhaitiez utiliser le simulateur Android, suivez le guide
Notez qu'une fois la première installation manuelle effectuée, vous pouvez utiliser le
10 - Mise en ligne sur Google Play (payant) (facultatif)
10/10
Votre application est prête, testée et complétée? Il ne vous reste qu'à la mettre en ligne sur Google Play en suivant le guide
Pour la mettre sur GooglePlay, il faut payé, 25€, donc faîtes comme moi, ne payez pas, et faîtes tourné à vos amis!Voila, c'est fini! merci d'avoir lu.Lien du site:
Vous n'avez rien d'autre à modifier sur cet écran pour l'instant. La messagerie fonctionne d'elle-même.
5 - Lier les écrans entre eux
5/10
Lorsque l'application est lancée, le premier écran affiché (hormis les écrans d'accueil) est l'écran que vous avez défini en tant qu'écran initial via le bouton approprié dans l'éditeur. Par défaut, la liste de départ est déjà l'écran initial, donc vous n'avez rien à modifier.
Nous souhaitons que lorsque l'utilisateur clique sur le premier élément du menu principal, la gallerie s'affiche. Et pour le second élément, nous voulons afficher la messagerie. Pour cela nous allons définir des actions sur ces éléments. Notez que les actions sont diverses: afficher un écran, ouvrir une page web, jouer un son...
Revenez sur l'écran liste (celui du début), puis cliquez sur l'icône
Faites de même pour l'élément Messagerie. Vous obtenez alors un écran qui ressemble à ceci (remarquez les actions Afficher un écran):
6 - La barre de raccourcis
6/10
La barre de raccourcis se situe en bas des écrans. Elle reste identique sur tous les écrans de l'application. Dans notre cas, nous allons y placer 4 raccourcis: Accueil, Gallerie, Messagerie et Site web.
Si la barre de raccourci n'a pas 4 icônes, ajoutez-en en cliquant sur les boutons
Pour chaque raccourci, choisissez une image, et donnez-lui un titre très court.
Chaque raccourci doit ensuite être associé à une action comme précédemment. Liez les raccourcis Accueil, Gallerie et Messagerie à leurs écrans respectifs. Concernant le raccourciSite Web, rattachez-le à une action de type Ouvrir une page web, toujours via les icônes
7 - Un peu de personnalisation
7/10
Le bouton Personnaliser vous donne accès à un menu qui vous permet de changer l'apparence de l'application. Les modifications faites via ce menu sont globales à l'ensemble de l'application. Certains écrans possèdent aussi des personnalisations individuelles.
Ouvrez le menu en question, puis choisissez le thème Sombre et cliquez sur Appliquer.
Ensuite, dans la section zone centrale, cliquez sur l'image de fond pour choisir votre propre image depuis votre ordinateur (sombre de préférence). Définissez sa transparence à 70%.
Si vous le souhaitez, passez un peu de temps pour modifier d'autres valeurs. Le résultat s'affiche dans l'éditeur lorsque vous cliquez sur Fermer.
8 - Enregistrement et génération
8/10
La mise en place de notre première application est terminée.
Cliquez sur le bouton Enregistrer pour sauvegarder vos changements. Une fois la sauvegarde effectuée, cliquez sur Retour vers votre compte pour rejoindre la page principale de l'application.
L'application doit désormais être générée, ce qui signifie que l'outil va créer pour vous le fichier executable Android (similaires aux applications Windows, c'est-à-dire le fichier à partir duquel l'application peut être lancée). Ce fichier, nommé APK, sera ensuite publié sur Google Play pour rendre votre application accessible au plus grand nombre.
Depuis la page de l'application, cliquez sur générer l'application puis patientez quelques instants, après quoi vous obtiendrez le fichier APK désiré.
9 - Test de l'application
9/10
Que vous possédiez un smartphone sur lequel tester votre application ou que vous souhaitiez utiliser le simulateur Android, suivez le guide
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
pour pouvoir lancer votre application sur mobile.Notez qu'une fois la première installation manuelle effectuée, vous pouvez utiliser le
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
pour gagner du temps.10 - Mise en ligne sur Google Play (payant) (facultatif)
10/10
Votre application est prête, testée et complétée? Il ne vous reste qu'à la mettre en ligne sur Google Play en suivant le guide
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
!Pour la mettre sur GooglePlay, il faut payé, 25€, donc faîtes comme moi, ne payez pas, et faîtes tourné à vos amis!Voila, c'est fini! merci d'avoir lu.Lien du site:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Source:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
