Créez gratuitement votre application Iphone/android/tablette

Vous souhaitez créer une application mobile qui réponde à ces critères: compatible Iphone / Android (et tablettes), qui soit simple à réaliser, et gratuite ? Et bien les amis sachez que les couloirs du net vous ont dégotté deux applications de derrière les fagots qui vous aideront à diffuser votre blog, vos photos de famille, un projet ou n’importe quelle « site » façon mobile, sans avoir à payer un nom de domaine ni un hébergement ! Plutôt cool non ? 

Dans le cadre d’un projet d’application sur lequel je travaille l’une des premières choses à faire est un cahier des charges. Entre ce que coute l’application et ce qu’elle peut rapporter, il faut faire des choix. Le prix de l’application (physique) en elle même est déjà un bon indicateur, mais comment l’estimer sans faire un devis (souvent payant)?

Première étape, utiliser un outil fort pratique ( Cliquez sur l’image ci-dessous ) qui vous permet de faire une simulation en fonction des impératifs de votre application. Il en ressort que la mienne me reviendra au bas mot entre 15 000 et 20 000€ !

Cliquez sur l’image pour une simulation gratuite.

Certes, c’est cher mais à ce prix, rien ne sera laissé au hasard, cependant, et puisque j’en suis au commencement, hors de question d’investir une telle somme, il me faut des partenaires financiers. Donc, je vais devoir en réaliser une à moindre coût qui servira de maquette à présenter aux investisseurs que je contacterais lorsque j’en serais à cette étape. Pour l’heure, cette application que je vais réaliser ne me coutera pas un centime, et si vous êtes dans ce cas, lisez ces lignes et vous saurez comment faire.

– LE CHOIX DU DÉVELOPPEUR –

Après avoir retourné le net en long en large et en travers, j’ai retenu quelques sites utiles et intéressants de développement gratuit, mais se heurtant à un problème technique : Souvent elles ne sont faites que pour un seul type d’Os comme par exemple  » MakemeDroid  » facile mais exclusive à Android,  » WindowsAppStudio « , uniquement pour windows ou  » PhoneGapBuild  » développé par la célèbre firme Adobe, mais là encore pour Iphone uniquement. Ces 3 dernières sont donc pour moi trop restrictives, j’ai donc finalement trouvé deux autres application hybrides qui fonctionneront sur ces différentes versions de smartphones :

La première sur la quelle nous concentrerons le travail car elle n’est pas limitée dans le temps et permet 50 visiteurs par mois et 5 téléchargements de l’application, il s’agit de Como (anciennement Mobilecp) mais en bas de l’article je vous livrerais une astuce pour permettre à bien plus de monde de télécharger cette application:

Application gratuite Iphone-Android

La seconde qui me semble pas mal (Française) qui n’a rien à envier à Como, mais qui se révèle payante (à partir de 16€/ mois et marque blanche) après un mois d’essai (sans obligation d’achat) :

Application gratuite Iphone / Android

Ainsi et tenant compte des contraintes, c’est vers Como que je vais concentrer mon objectif.

Sachez que cette application une fois terminée ne saura être mise gratuitement à disposition sur l’Apple Store ou Google Play, cette étape est payante (mais c’est partout pareil). Vous pourrez néanmoins la mettre en téléchargement gratuit ou payant, mais ça sera la fin de cet article.

– Bien commencer –

Si vous souhaitez modifier le fond vous pouvez telecharger une image, si toutefois vous souhaitez optimiser cette étape, vous aurez besoin d’un éditeur d’image afin de créer vos visuels au bons formats (640*960 pour smartphones et 2048*1536 pour les tablettes). Dans ce cas, vous pouvez si vous n’en n’avez pas télécharger un logiciel gratuit parmi ceux que je vous présente sur cette page . Idéalement deux images pour permettre un affichage optimisé, pour chaque page de l’application vous devrez à nouveau télécharger ces fonds. Pensez également qu’il peut vous être utile de faire des icônes, pour cela soit vous les réalisez vous même, soit vous faites appel à un logiciel (gratuit) qui vous permet de transformer n’importe quelle image au format d’icône. Soit utiliser celui qui vous est proposé en ligne gratuitement et vous permet quelques retouches sur l’image. Les formats d’icônes sont de 16*16 ou 32*32. Une fois ces détails connus, vous pouvez attaquer …

formats pour fonds d’écran

fonds (background crées)

– Première étape –

Commencez par vous rendre sur le site de Como, et lancez-vous, dès les premiers réglages vous observerez l’évolution en temps réel et pourrez visualiser dans les différents mode l’affichage (Iphone 4; 5, Android, tablettes …) Ici j’ai inscrit ma page Facebook. Votre espace de travail est en deux grandes catégories : App Page (pour insérer et modifier les pages de votre application). et Style Navigation (relative aux réglages couleurs, mode d’affichage et modes de navigation …) Vous pouvez modifier dedans  la couleur des bandeaux, des textes, le fond d’écran (background) etc ..

première étape Como

 Vous pouvez également y mettre une url (blog wordpress, site perso, ou rien si vous n’avez rien de tout ça)  et commencer dans ce cas avec une page vierge comprenant les 6 pages de base sans contenu. Remplissez les différentes pages qui s’offrent à vous (ou supprimez celles qui vous dérangent). Vous pouvez également en ajouter. 

Les types de pages

N’ayant pas l’option Daylimotion, j’ai donc ajouté une page en cliquant sur l’onglet « Custom », j’ai renommé cette page « Dailymotion ». Dans mon bloc texte j’ai cliqué sur l’onglet code source (<>) au bout de la ligne « paragraphe – Paysage etc … et j’ai intégré le code source de ma playlist de la page dailymotion des couloirs du net. Sur l’onglet de l’icône (plume) j’ai ensuite ajouté celles de dailymotion. Vous pouvez en éditant chaque page en modifier ainsi son icône, d’ou l’intérêt cité plus haut de savoir coment faire 😉

réglages pour ajouter un script sur une page

Concernant les vidéos et n’étant pas certain que le code Dailymotion fonctionne correctement dans sa page dédiée, j’ai décidé d’appliquer une autre page plus sûre pour mes vidéos. En cliquant l’onglet vidéo, vous en trouverez une série d’office, supprimez les toutes et recommencez avec les vôtres, hélas, le choix n’est pas immense :

Augmenter le type de vidéos à visionner

J’insiste, je veux coller des vidéos de Dailymotion (ou de n’importe quel autre hébergeur vidéo qui ne figure pas ici). Je vais donc cliquer sur  » Custom », nommer ma liste, puis sur Choose a Playlist, et à moi la liberté :

autre vidéo à installer

Collez l’url de votre vidéo dans la dernière ligne (MP4) afin qu’elle soit compatible pour tous vos lecteurs.

Vous pouvez également modifier de la même manière vos photos avec des sources diverses. J’ai choisi celles de Facebook mais vous pouvez joindre des comptes photos différents (instagram, Picassa etc …)

Installez aussi un formulaire de contact, et enjoy, rendez vivante votre application !
J’ai même créé une seconde page qui reprend mon widget du site « les amis », donc le html est bel et bien autorisé ce qui ouvre encore les perspectives et le potentiel très avantageux !

– Publication –

Et nous voilà déjà au bout de ce tuto, c’était plutôt simple n’est-ce pas ? Il ne vous reste plus qu’à modifier chaque page selon votre gout et vos besoin, ajouter ou supprimer. Sachant bien sûr que vous pouvez me demander de l’aide si vous rencontrez un souci. 

Reste encore pour conclure, la publication de votre application. Comme je vous le disais au début, mettre votre création sur l’Apple Store ou le Google Play est cher  (99$ pour l’Apple Store et 25€ pour Google Play) si vous souhaitez la vendre, si votre application est destinée à être rentable, c’est une option que vous pouvez envisager sachez toutefois que sur l’AppleStore, c’est assez compliqué à mettre en place : Voir sur Openclassroom la méthode.

En gros, Pour proposer à Apple une application que vous avez développée, vous devez successivement écrire, tester et retester l’application, souscrire au programme Développeurs (99$), saisir des informations administratives sur l’application dans iTunes Connect, obtenir un contrat de distribution pour l’application, préparer l’application pour la diffusion, ajouter l’application dansiTunes Connect, valider puis soumettre l’application.Pour gagner de l’argent avec une application, vous pouvez la diffuser gratuitement sur l’App Store et y inclure une bannière publicitaire ou la vendre sur l’App Store.Pour afficher une bannière publicitaire dans une application, vous utiliserez le framework iAd. Insérez un contrôle AdBannerView dans l’application et traitez les événements relatifs aux iAdsvia le delegate ADBannerViewDelegate

.Sur le Google Play ce n’est pas beaucoup plus facile. Après avoir réglé 25€ Google renonce à toute responsabilité de votre application, alors attentif aux lois en vigueur.

En passant à une version payante, à partir de 33$ / mois, vous aurez ces mêmes frais à payer, mais Como se chargera gratuitement de faire ces opérations de transfert pour vous, pour un nombre de téléchargement et de visiteurs illimités.

—————————————-

L’astuce promise pour multiplier les installations de votre application est de suggérer à vos visiteurs de l’installer directement depuis votre site / blog / Réseau social en faisant un petite manip :

En suivant le lien ci-dessous, vous aurez l’application affichée en format web (page internet), c’est pas mal, mais pas suffisant. Lorsque votre application est affichée, il suffit de cliquer sur votre mode de partage, de choisir « envoyer », puis je  ensuite « installer sur l’écran d’accueil »

Cliquez sur  » Sur l’écran d’accueil »

Et la voilà tout en haut à gauche à côté de l’Apple Store ! Cliquez sur l’image pour lire l’article

et comme j’ai aussi créé une icône pour l’application, lorsque l’écran s’affiche, je trouve bien mon icône liée à l’application au format smartphone qui ne s’ouvre plus avec votre navigateur favori ! Génial non ?

Pour vous connecter sur l’application des couloirsdunet depuis votre mobile et l’installer comme expliqué ci-dessus, cliquez ici !

Voilà les amis pour ce dernier article avant la rentrée, j’espère que vous pourrez vous exercer un peu ! N’hésitez pas à laisser en commentaire le lien de votre application créée !!!!

Bonnes vacances à tous !

Steve.