Nous avons créé « Periodika » - une application mobile dans laquelle vous pouvez imprimer vos livres photo, instantanés et cartes postales. Pour aider tous ceux qui prennent des photos sur iPhone, nous avons sélectionné les 8 meilleures applications de retouche photo qui vous aideront à régler la luminosité et le contraste, à appliquer un filtre, à ajuster la perspective - tout faire pour envoyer de belles photos à imprimer.

VSCOcam

VSCOcam est l'une des applications de traitement d'images les plus populaires ces derniers temps et voici pourquoi : elle doit son succès aux filtres créés en collaboration avec des photographes, des directeurs artistiques et des entreprises de l'industrie créative. De plus, le programme dispose de tous les outils nécessaires pour apporter l'image à la perfection : correction des couleurs, recadrage, balance des blancs, luminosité, contraste, etc.

dans VSCOcam, vous pouvez traiter une photo une fois, puis appliquer ces paramètres à toutes les photos similaires en même temps, ce qui permet de gagner beaucoup de temps.

VSCOcam c'est aussi une communauté où des milliers d'utilisateurs partagent leurs moments. Vous pouvez également tenir un journal dans VSCOcam, en créant des histoires photo simples avec des cartes et du texte. Les adeptes de l'application peuvent être trouvés en utilisant les tags #vsco, #vscomoscow, #vscocam, #vscorussia sur Instagram.

L'application est gratuite avec le pack de démarrage de filtres, le reste est acheté séparément. Mais avant d'acheter, vous pouvez déterminer à quoi ressembleront les photos avec le nouveau traitement. Il est difficile de recommander un ensemble spécifique d’effets — choisissez selon vos goûts. Partageons nos coups de coeur : C2, 04, 05 et F1.

Pièce sombre

L'application Darkroom convient à ceux qui ont besoin d'une correction sérieuse des couleurs. La principale caractéristique de Darkroom est la « courbe », la même que celle que les professionnels utilisent lorsqu'ils travaillent avec Adobe Lightroom. Cependant, il n'est pas inclus dans le kit de démarrage et doit être acheté séparément. Mais vous avez accès à un ensemble d’outils de retouche photo contenant tout ce dont vous avez besoin pour un traitement de base.

Lumière du jour

Afterlight est populaire auprès des photographes mobiles depuis son introduction. Quel est le secret ? Une interface conviviale, de nombreux outils d'édition et, bien sûr, des cadres, textures et autres décorations.
Afterlucht est également en ordre avec tout le reste. Tout ce dont vous avez besoin pour l'édition, des packs de superbes filtres de développeurs et de photographes mobiles, des ensembles de cadres, des textures. Certains sont vendus séparément.

Snapseed

Snapseed est un outil indispensable si vous devez apporter des ajustements précis à une photo. Capable de travailler avec une photographie entière et avec des zones individuelles. Vous pouvez éclaircir une zone trop sombre ou assombrir une zone trop claire.
L'éditeur de photos dispose d'outils de traitement de base dans son arsenal : recadrage, correction des couleurs, vignettage. Plus des effets intéressants : flou grunge, noir et autres.

Pixelmateur

Pixelmator est le « monstre » de notre sélection. Les développeurs eux-mêmes le positionnent comme un éditeur d'images à part entière. Bien entendu, il convient également aux photographies.
La principale caractéristique de l'application est la prise en charge des calques, comme dans les éditeurs de photos de bureau. Cela permet d'expérimenter : « mélanger » plusieurs images, ajouter du texte, des formes géométriques. Pixelmator propose de bons modèles pour créer des collages, des cartes et des affiches.

Textures

Les textures vous donneront la sensation d’une chambre noire et d’expérimentation. L'application contient des effets sympas qui peuvent (et doivent) être mélangés. Étant donné que chaque filtre comporte de nombreuses variantes, la même photo avec le même effet sera différente. L'essentiel est de s'arrêter au bon moment et de ne pas en faire trop avec les filtres.

Légèrement

Litely est un éditeur de photos facile à apprendre avec de superbes filtres. Ils conviennent aux paysages, aux photos de nature et à l’architecture. Les fans de photographies en noir et blanc adoreront le pack avec effets noirs.
Vous pouvez essayer le kit de démarrage gratuitement, mais vous devrez payer un supplément pour le reste. Avant d'acheter, vous pouvez consulter des exemples d'effets sur de vraies photographies et décider de ce dont vous avez besoin.

SKRWT

SKRWT — un remède pour les mains tordues. Sérieusement, sur un iPhone sans trépied, il est difficile de prendre une photo initialement « droite » avec les bonnes proportions d’objets et un horizon dégagé. Nous photographions ce que nous voyons, sans penser à la composition et à la construction du cadre.

L'application dispose d'outils pour corriger la perspective, le volume des objets, la disposition verticale et horizontale du cadre. Pour l'auteur du blog Periodicals, cette application a sauvegardé plus d'une fois des images apparemment perdues, c'est pourquoi il recommande SKRWT à tous les photographes mobiles.

Les possibilités de la photographie mobile sont très larges : grâce à des applications, vous pouvez prendre, traiter, mettre en page et imprimer une photo. Nous continuerons à vous présenter des idées de traitement des photos et leur utilisation ultérieure. Restez à l'écoute! Ajoutez-nous sur Instagram —

Il s'agit d'une application de retouche photo simple mais puissante. Vous pouvez modéliser des transformations corporelles, améliorer votre apparence pour les réseaux sociaux ou donner à vos amis une cure de jouvence amusante. Tout ce que vous avez à faire est de faire glisser, agrandir ou réduire les parties du corps que vous souhaitez modifier. Voyez à quoi vous ressembleriez avec un nez, un menton, des fesses différents, moins de poids...

Notre application a déjà été téléchargée 10 millions de fois depuis toutes les plateformes existantes et possède 2 fonctionnalités uniques :

1) L'algorithme de distorsion utilisé donne des transitions très douces, comparables uniquement aux applications professionnelles Liquify, qui sont des centaines de fois plus chères.
Il s'agit d'une application de distorsion photo simple mais puissante. Vous pouvez l'utiliser pour simuler des transformations corporelles, améliorer votre apparence sur les réseaux sociaux ou encore vous amuser à déformer les gens.

2) Le mode double affichage clone votre image dans la seconde moitié de l'écran lorsque vous faites pivoter l'appareil et vous permet de la modifier afin que votre doigt ne couvre pas la zone de travail. C’est idéal pour les petits appareils tactiles comme votre smartphone !

Nouvelle fonctionnalité : vous pouvez désormais enregistrer les animations de transformation sous forme de fichiers vidéo !

CARACTÉRISTIQUES DE L'APPLICATION
********************************

Cet éditeur de photos vous permet de traiter toutes les parties du visage et du corps :

Changer la forme du nez ;
Augmentation des lèvres
Changer le contour du menton et du visage
Réduction de poids, liposuccion
L'élargissement musculaire
Chirurgies sur n’importe quelle partie du corps qui peut être modifiée, agrandie ou réduite !

Notre application convient aussi bien à ceux qui veulent s'amuser qu'à ceux qui souhaitent se voir avec une apparence différente.

UTILISATION DE L'APPLICATION
**************************************

L'utilisation de l'application est très simple même sur les petits écrans :

Importez une photo du visage ou du corps entier depuis votre appareil photo ou la bibliothèque d'images de votre appareil. Il est conseillé de photographier la personne sur un fond uni, avec un éclairage suffisant pour que les contours des parties du corps soient clairement visibles.

Utilisez votre doigt pour faire glisser, agrandir ou réduire les parties du corps que vous souhaitez modifier. Par exemple, vous pouvez enlever une verrue sur votre nez, agrandir vos seins ou même mincir.

En faisant pivoter l'appareil, vous pouvez passer de la visualisation d'une image à deux et ainsi comparer les images avant et après sur un seul écran.

Zoomez et affichez deux images pour créer un « miroir » de votre zone de travail afin que vous puissiez la visualiser sans que votre doigt ne vous gêne. C'est une excellente solution pour ceux qui souhaitent retoucher avec précision des photos sur un petit écran !

Exécutez une animation de morphing entre la photo originale et la photo modifiée pour voir la transition de votre ancien look à votre nouveau look !

Téléchargez l'application maintenant. Et vous verrez à quoi vous pourriez ressembler avec une apparence modifiée. Tout le monde a droit à la beauté.

Dmitri Démence

Vous doutez que cela vaut la peine d’investir dans le développement d’applications mobiles ? Vous pouvez le faire vous-même et absolument gratuitement. Vous pourriez vous retrouver avec une version de test qui pourra être utilisée pour évaluer facilement l’efficacité de votre stratégie mobile. Et si vous essayez, vous créerez une application mobile décente qui deviendra le principal outil d'interaction en ligne avec les propriétaires de smartphones et de tablettes.

Gardez simplement à l’esprit que même l’application mobile la plus cool ne peut pas être le seul outil de promotion. Seul un marketing Internet complet donne des résultats optimaux en termes de trafic et de ventes.

Vaut-il la peine de créer votre propre application mobile ?

Frais. Si vous ne me croyez pas sur parole, voici quelques faits :

• Selon Flurry Analytics et comScore, les propriétaires de smartphones et de tablettes n'utilisent le navigateur que 14 % du temps total passé à travailler avec l'appareil. Et ils passent 86 % de leur temps sur différentes applications.
• L'application installée est votre canal de communication direct avec le consommateur. Pensez-y : vous n'avez pas besoin de dépenser de l'argent en publicité ou d'attendre qu'une personne vous trouve en utilisant Yandex. Il ne reste plus qu'à prendre en charge les fonctionnalités dont l'utilisateur a besoin et à lui fournir un contenu pertinent.
• Le nombre d'achats effectués à l'aide de tablettes et de smartphones augmente à la fois sur Internet en général et sur RuNet. Selon l'agence de marketing Criteo, déjà en 2016, plus de la moitié des transactions en ligne sur RuNet seront effectuées à l'aide d'appareils mobiles.

Si vous le souhaitez, l'application est un navigateur mobile dans lequel seul votre site Web s'ouvre. Dans quel cas un utilisateur installerait-il un tel navigateur Internet ? Seulement s'il est intéressé par votre produit ou vos informations. N'oubliez donc pas : le client qui a installé l'application est un représentant fidèle et prêt à acheter du public cible.

Dans ce cas, vaut-il la peine de prendre le risque et de proposer des applications DIY à des clients fidèles plutôt que des programmes sur mesure réalisés par des professionnels pour Android et iOS ? Voyons cela.

Quand peut-on créer soi-même une application ?

Vous souvenez-vous de ce dont les visiteurs du site Web ont besoin ? Ils proviennent du contenu ou des fonctionnalités de la ressource. Les gens veulent obtenir des informations, acheter quelque chose, regarder et commenter les photos de leurs amis, etc. Les utilisateurs d’applications mobiles ont besoin de la même chose. Ils recherchent des informations ou effectuent une sorte de transaction.

Vous souvenez-vous de l’époque où une entreprise pouvait créer elle-même un site Web ? C’est parfait lorsque vous n’avez pas encore d’argent pour collaborer avec des professionnels, mais que vous avez encore le temps et l’envie de découvrir WordPress ou Joomla. La même situation se produit avec les candidatures. Les programmes auto-créés pour iOS et Android peuvent être grossièrement comparés aux sites Web construits sur des moteurs open source.

Vous n'êtes pas obligé de vous inscrire pour commencer à travailler. Cliquez sur le bouton Créer maintenant sur la page principale ou sélectionnez le menu Créer une application dans le coin supérieur droit de n'importe quelle page du service.

Sélectionnez le modèle de candidature approprié. Si nous parlons d'un projet de contenu, les options suivantes pourraient vous intéresser :

• Manuel. Ce modèle vous permet de créer un programme de guide.
• Blog. L'application aidera l'audience de votre blog à lire de nouvelles notes depuis l'écran d'un smartphone ou d'une tablette.
• Site web. Le modèle convertit un site Web en application.
• Pages. Avec ce modèle, vous pouvez convertir n'importe quel contenu en une application avec des fonctionnalités simples.
• Nouvelles. Le modèle vous permet de créer une application qui est un agrégateur d'actualités industrielles ou régionales.
• Page. Le modèle convertit le contenu hors ligne, tel qu'un livre électronique, dans l'application.
• Page VK et page Facebook. Créez une application qui vous permet de surveiller les mises à jour des groupes ouverts sur VKontakte et Facebook.
• Youtube. Utilisez le modèle pour promouvoir votre chaîne YouTube.

Comment créer une application de blog

Utilisez le modèle de blog. Dans le champ approprié, saisissez l'URL de votre blog ou de votre flux RSS. Sélectionnez une couleur de titre de note.

Entrez le nom de l'application.

Ajouter une description.

Choisissez-en une standard ou ajoutez une icône personnalisée. La taille d'image appropriée est de 512 x 512 pixels.

Pour créer un fichier de téléchargement, cliquez sur le bouton Créer une application. Après cela, vous devez vous inscrire dans le système. Confirmez votre inscription et accédez à votre compte personnel. Ici, vous pouvez installer l'application sur votre appareil mobile, la publier sur Google Play et Amazon App Store. Le système propose également une option de monétisation. Si vous utilisez cette fonctionnalité, des publicités seront affichées dans l'application.

Vérifiez le fonctionnement de l'application sur votre appareil mobile. Sur une tablette, le programme doit afficher une liste d'articles de blog sous forme de titre et d'annonce.

Dans votre compte personnel AppsGeyser, vous pouvez surveiller le nombre d'installations, créer des notifications push, publier l'application dans les magasins, monétiser le programme à l'aide de la publicité et modifier l'application.

Vous voulez plus d'applications ? Créez ensuite une application de guide à l'aide du modèle Manuel.

Après avoir modifié le contenu, précisez le nom de l'application, ajoutez une description et une icône. Cliquez sur le bouton Créer une application. Après avoir créé le fichier de téléchargement, installez-le sur votre appareil mobile et vérifiez sa fonctionnalité.

Veuillez noter que la plupart des appareils mobiles bloquent par défaut l'installation d'applications provenant de sources inconnues. Si un utilisateur télécharge un programme depuis votre site ou un site de création d'applications, il verra un avertissement de sécurité lorsqu'il tentera de l'installer. Certains clients refuseront probablement d'installer le programme.

8 constructeurs similaires à AppsGeyser

Si le constructeur universel AppsGeyser ne vous convient pas, faites attention aux services similaires :

• AppsMakerStore. En utilisant le service, vous pouvez créer des applications de différents types : des programmes pour le commerce électronique aux solutions pour les projets de contenu. Le concepteur réalise des applications pour iOS et Android. L'interface de service est russifiée. Pour les débutants, il existe un guide informatif sur l'utilisation du constructeur. Le service est payant.
• Mobincube. Un outil pour créer et monétiser des applications iOS et Android. La fonctionnalité de base du service est disponible gratuitement. Le concepteur vous permet de créer des applications de différents types.
• Bon barbier. Grâce à ce service, vous pouvez développer des applications Android et iOS. Le constructeur est rémunéré, le coût d'utilisation est de 16 USD par mois.

La plupart des services proposés disposent d’une interface en anglais. Si vous n'êtes pas à l'aise avec des constructeurs en anglais, choisissez des plateformes avec du contenu en russe.

Concepteurs d'applications : une hache de pierre ou un outil moderne et fin ?

Ne passez pas d'un extrême à l'autre. Avec l'aide des services proposés, vous pouvez réellement créer des applications fonctionnelles fonctionnelles. Les programmes qui en résultent peuvent être utilisés pour résoudre divers problèmes : de la facilitation du commerce en ligne à la distribution de contenu et à l'éducation du public. Les applications créées dans le concepteur peuvent être publiées sur Google Play et l'App Store, modifiées et monétisées à l'aide de publicités ou d'installations payantes.

Ne surestimez pas les services offerts. Leur inconvénient évident reste leur caractère stéréotypé. Nous parlons à la fois de la conception et de la fonctionnalité des programmes. De plus, l’accès aux plateformes dotées de fonctionnalités décentes est payant. Quoi de mieux : payer les développeurs pour leur travail une fois ou payer les propriétaires du concepteur pendant de nombreuses années ? Faites le calcul par vous-même.

Et encore une chose : si vous n’avez pas le temps de créer vous-même une application mobile, contactez notre société. Nous développons des applications mobiles et .

Contactez-nous On discute ? Commandez une consultation gratuite

Après avoir pris des photos ou filmé des vidéos depuis notre téléphone ou notre iPad, nous aimerions trouver un moyen de prendre directement des photos vidéo sur nos appareils mobiles pour un meilleur partage. Que ce soit pour monter des vidéos ou réaliser des vidéos, il existe des applications créer des vidéos, qui vous permettent de les faire comme un pro sur les téléphones iPad, iPhone et Android. Dans cet article, nous examinerons les 10 meilleurs créateurs de vidéoclips du secteur.

Recommandation : meilleur logiciel de bureau pour la création vidéo et musicale

Il comprend de nombreuses fonctionnalités utiles : prise en charge de l'option glisser-déposer, découpage, recadrage et rotation de la vidéo, il peut améliorer la vidéo en ajoutant un effet de texte comme Mosaic parmi de nombreuses fonctionnalités intéressantes. Et vous pouvez ajouter de l'audio ou une piste musicale à la vidéo et éditer la musique facilement. Une chose importante à propos de Filmora Video Editor est qu'il offre aux utilisateurs la possibilité d'exporter vers n'importe quel autre format vidéo tel que WMV, MOV et FLV. En fait, l'interface de l'éditeur vidéo Filmora peut être utilisée sans aucun problème.

Partie 1. Top 5 des applications de création vidéo pour les appareils iPad/iPhone

1. Vidéos TiltShift

Un créateur de vidéo photo très simple et facile à utiliser avec une application musicale pour iPad et iPhone. L'application TiltShift Video vous aide à transformer vos vidéos habituelles en Tilt Shift comme des vidéos sans stress. Certaines des meilleures fonctionnalités de cette application vidéo sont la possibilité de modifier la vitesse de la vidéo, de créer des vidéos au ralenti et de chronométrer.

2. VidLab – Réalisateur de vidéos et de films

Magisto est idéal pour les utilisateurs qui souhaitent simplement ajouter des filtres à leurs vidéos. Il n'offre pas beaucoup de fonctionnalités d'édition, mais il propose des effets intéressants que vous pouvez appliquer sur votre vidéo d'un simple clic. La meilleure partie de Magisto est que vous pouvez enregistrer toutes vos vidéos sur le cloud, afin de pouvoir les éditer à tout moment à partir d'un simple navigateur Web. En d'autres termes, si vous n'êtes pas un YouTuber professionnel, vous devriez essayer cette application pour appliquer certains effets de base et fonctionnalités de montage vidéo classiques.

3. Studio d'arrêt de mouvement

Stop Motion Studio est un créateur vidéo professionnel et un éditeur vidéo pour votre iPad et iPhone. C'est gratuit et peut lire des vidéos HD et HD sur votre iPhone et iPad et les enregistrer en pleine résolution. Vous avez également la possibilité d'exporter au format d'image GIF.

4. Magisto – Éditeur vidéo magique

C'est l'un des meilleurs créateurs de vidéos pour iPhone et iPad et vous pouvez l'obtenir gratuitement sur l'App Store. Cette application peut être créée à partir de vos vidéos et photos. L'application Magisto est une application de montage vidéo professionnelle, facile à utiliser et de qualité. Veuillez noter que l'application Magisto n'a pas les mêmes fonctionnalités qu'iMovies, mais vous avez besoin d'Internet pour utiliser l'application.

5.iMovie

iMovie est l'une des applications photo et vidéo les plus populaires pour iPad et iPhone. Il aide les utilisateurs à créer des vidéos HD sans trop de stress. Il a également la capacité de réaliser des films hollywoodiens dans le style du cinéma. Les vidéos créées avec l'application iMovies peuvent être publiées sur Vimeo, Facebook et YouTube directement depuis l'application. Il est facile à utiliser et offre la possibilité d’enregistrer des vidéos en pleine résolution.

Partie 2. Top 5 des applications de création vidéo pour les appareils Android

1. Magistère

L'application de création et de montage vidéo Magisto est l'un des meilleurs créateurs de vidéos avec de la musique pour les appareils Android. L'application a la capacité de créer des diaporamas à partir de fichiers multimédias tels que des images, une bande sonore et des images. L'application est conçue à l'aide d'une interface simple. Les autres fonctionnalités présentes dans l'application incluent la stabilisation vidéo automatique, les filtres, l'effet de détection de visage et la transition. Vous apprécierez certainement de l'utiliser.

Télécharger depuis Google Play : https://play.google.com/store/apps/details?id=com.magisto

2. Éditeur vidéo AndroVid

Il s'agit d'un créateur de vidéo photo professionnel avec de la musique pour Android qui peut vous aider à couper, découper et ajouter de la musique à tout moment lors de la création de vidéos à l'aide de cette application sur votre téléphone Android. Avec cette application, il est facile de découper et de supprimer toute partie de la vidéo qui n'est pas nécessaire. Cette application vous donne la possibilité d'ajouter du texte, des cadres et des effets spéciaux à vos vidéos. Les autres fonctionnalités de cette application incluent la conversion de n'importe quelle vidéo en mp3 pour une lecture gratuite de clips vidéo au ralenti, et bien plus encore.

Télécharger depuis Google Play : https://play.google.com/store/apps/details?id=com.androvid

3. Créateur de vidéo Pro

Video Maker Pro est une application de studio de cinéma permettant de créer des vidéos photo sur Android et d'éditer, découper et ajouter des fichiers multimédias dans le film. Il est facile à utiliser et bien sûr, vous n'aurez aucun problème lors de l'utilisation de l'application. Il dispose également d'un créateur de diaporamas qui donne un effet à chaque image. C'est une application étonnante avec une bonne note des utilisateurs.

Téléchargement depuis Google Play : http://download.cnet.com/Video-Maker-pro/3000-2139_4-75792548.html

4. Éditeur vidéo Andromédia

Cette application de création et d'édition vidéo est l'un des meilleurs outils pour créer et éditer des vidéos dans différents formats de manière professionnelle. L'application est gratuite et peut créer des vidéos HD en 320px, 480px et 720px. Il combine les mêmes fonctionnalités que d'autres applications de création vidéo avec quelques fonctionnalités supplémentaires telles que la prise en charge d'autres formats tels que MOV, WAV et autres. Il a une conception de mise en page simple et est assez facile à utiliser.

Télécharger depuis Google Play : https://play.google.com/store/apps/details?id=com.catflow.andromedia

5.VidTrimPro

L'une des applications de création vidéo les plus populaires pour les utilisateurs d'Android et d'autres plateformes. Elle est généralement considérée comme la meilleure application de cette catégorie, avec de nombreuses fonctionnalités intéressantes et une conception d'interface facile à utiliser. Les autres fonctionnalités de cette application incluent le transcodage de vos vidéos, la capture d'images ainsi que le découpage. Ce n'est pas vraiment gratuit. Cependant, une version d'essai est disponible pour vous aider à confirmer si vous en avez vraiment besoin avant d'acheter l'application.

Téléchargement depuis Google Play : https://play.google.com/store/apps/details?id=com.goseet.VidTrimPro&hl=en

Prix ​​: Gratuit

L'apprentissage d'un nouveau langage et d'un nouvel environnement de développement est le minimum qui vous est demandé si vous souhaitez écrire votre première application mobile. Il faudra au moins quelques semaines pour esquisser une liste de tâches de base pour Android ou iOS sans copier l'exemple du livre. Mais on ne peut pas maîtriser Objective-C ou Java et quand même développer rapidement des applications pour smartphones si on utilise des technologies comme PhoneGap.

Si vous avez soigneusement étudié les innovations qui nous attendent dans Windows 8, vous avez peut-être remarqué qu'il sera possible de développer des applications en HTML5 sous celui-ci. L'idée, en fait, n'est pas nouvelle : les technologies qui mettent en œuvre la même approche pour les plates-formes mobiles se développent à pas de géant. L'un de ces frameworks, qui vous permet de développer des applications pour smartphones en utilisant un tas de HTML, JavaScript et CSS !, est PhoneGap. Une application écrite avec son aide convient à toutes les plateformes populaires : iOS, Android, Windows Phone, Blackberry, WebOS, Symbian et Bada. Vous n'aurez pas besoin d'apprendre les spécificités de la programmation pour chaque plateforme (par exemple, Objective-C dans le cas d'iOS), ni de gérer diverses API et environnements de développement. Tout ce dont vous avez besoin pour créer une application mobile multiplateforme est une connaissance de HTML5 et d'une API PhoneGap spéciale. Dans ce cas, le résultat ne sera pas une stupide page HTML « encadrée » dans l’interface de l’application, non ! L'API du framework vous permet d'utiliser presque toutes les fonctionnalités du téléphone utilisées lors du développement à l'aide d'outils natifs : accès à l'accéléromètre, à la boussole, à l'appareil photo (enregistrement vidéo et photographie), à ​​la liste de contacts, au système de fichiers, au système de notification (notifications standard sur le téléphone) , stockage, etc. etc. Enfin, une telle application peut accéder de manière transparente à n’importe quelle adresse inter-domaines. Vous pouvez recréer des contrôles natifs à l'aide de frameworks comme jQuery Mobile ou Sencha, et le programme final aura l'air d'avoir été écrit dans une langue native (ou presque) sur un téléphone mobile. Il est préférable d'illustrer ce qui précède dans la pratique, c'est-à-dire de rédiger une application, je vous suggère donc de commencer à vous entraîner immédiatement. Gardez une trace du temps - il vous faudra à peine plus d'une demi-heure pour tout faire.

Qu'allons-nous créer

Prenons iOS comme plate-forme cible - oui, oui, l'argent est dans l'AppStore, et pour l'instant il vaut mieux monétiser vos développements là-bas :). Mais laissez-moi être clair tout de suite : la même chose, sans modifications, peut être faite, par exemple, pour Android. J'ai longuement réfléchi à l'exemple à prendre en compte, car je ne voulais pas écrire un autre outil pour suivre la liste de tâches. J’ai donc décidé de créer une application appelée « Georemembrance », un programme de navigation dont le but peut être décrit en une phrase : « Faites-moi savoir quand je serai de nouveau là ». L'AppStore dispose de nombreux utilitaires qui permettent de « mémoriser » l'endroit où l'utilisateur a garé la voiture. C'est presque la même chose, juste un peu plus simple. Vous pouvez pointer vers un point sur un plan de la ville, lui définir un certain rayon et programmer un message. La prochaine fois que vous tomberez dans le cercle avec le rayon spécifié, l'application vous en informera et le point sera supprimé. Nous procéderons selon ce plan : nous allons d'abord créer une application Web simple, la tester dans le navigateur, puis la transférer sur la plateforme iOS à l'aide de PhoneGap. Il est très important de prototyper et de tester la majeure partie du code d'un navigateur sur un ordinateur, car le débogage d'une application sur un téléphone est beaucoup plus difficile. Nous utiliserons le framework jQuery JS avec jQuery Mobile (jquerymobile.com) comme framework et Google Maps v3 comme moteur de carte. L'application sera composée de deux pages : une carte et une liste de points.

• Un marqueur de votre position actuelle est placé sur la carte. En cliquant sur la carte, un point est créé auquel est attaché un message (du type « voiture à proximité »). Un point peut être supprimé en cliquant dessus. Pour déplacer le marqueur d'une personne sur la carte, une API de géonavigation est utilisée.
• Sur la page avec une liste de points, il devrait y avoir un bouton supplémentaire « Supprimer tous les points », et à côté de chaque point, il devrait y avoir un bouton « Supprimer ce point ». Si vous cliquez sur un élément de la liste, le point correspondant sera affiché sur la carte. Nous enregistrerons les paramètres utilisateur et la liste des points dans localStorage.

Cadres d'interface utilisateur

jQuery Mobile n'est bien entendu pas le seul framework permettant de créer une interface mobile. Le site Web PhoneGap propose une énorme liste de bibliothèques et de frameworks que vous pouvez utiliser (phonegap.com/tools) : Sencha Touch, Impact, Dojo Mobile, Zepto.js, etc.

Cadre d'application

Je vais immédiatement expliquer pourquoi nous utiliserons jQuery Mobile. Cette bibliothèque JS nous fournit des éléments d'interface d'application mobile prêts à l'emploi (aussi proches que possible des éléments natifs) pour une variété de plateformes. Nous avons besoin que le résultat soit une application mobile, et non une page d'un navigateur ! Téléchargez donc la dernière version de JQuery Mobile (jquerymobile.com/download) et transférez les premiers fichiers d'application dont nous avons besoin dans le dossier de travail :

• images/ (déplacez ici toutes les images du dossier d'archive jq-mobile du même nom) ;
• index.css;
• index.html;
• index.js ;
• jquery.js;
• jquery.mobile.min.css;
• jquery.mobile.min.js.

Il est nécessaire de rendre les ressources majoritairement locales afin que l'utilisateur ne gaspille pas l'Internet mobile à l'avenir. Nous créons maintenant le framework de page dans le fichier index.html. Le code ci-dessous décrit le haut de la page avec une carte, l'inscription « Rappel géographique » et le bouton « Points ».

Page de la carte

L'attribut de page data-dom-cache="true" est nécessaire pour garantir qu'il n'est pas déchargé de la mémoire. Le bouton Points utilise data-transition="pop" pour que la page Liste des points s'ouvre avec un effet pop-in. Vous pouvez en savoir plus sur la façon dont les pages jQuery Mobile sont structurées dans un bon manuel (bit.ly/vtXX3M). Par analogie, on crée une page avec une liste de points :

Page de liste de points

Pour le bouton « Carte », nous écrirons également data-transition="pop", mais nous ajouterons l'attribut data-direction="reverse" pour que la page "Carte" s'ouvre avec l'effet "Fade". Nous écrirons les mêmes attributs dans le modèle de points. Ça y est, notre cadre est prêt.

Création d'une application

Nous devons maintenant afficher la carte, pour laquelle nous utiliserons l'API standard de Google Maps, qui est utilisée par des millions de sites différents :

Var latLng = new gm.LatLng(this.options.lat, this.options.lng); this.map = new gm.Map(element, ( zoom : this.options.zoom, // Sélectionnez le centre de zoom initial : latLng, // Définissez le centre initial mapTypeId : gm.MapTypeId.ROADMAP, // Carte normale désactivéDoubleClickZoom : true, // Désactivez le zoom automatique en appuyant/double-cliquez DisableDefaultUI: true // Désactivez tous les éléments de l'interface ));

Ici Gm est une variable référençant l'objet Google Maps. J'ai bien commenté les paramètres d'initialisation dans le code. L'étape suivante consiste à dessiner un marqueur d'homme sur la carte :

This.person = new gm.Marker(( map: this.map, icon: new gm.MarkerImage(PERSON_SPRITE_URL, new gm.Size(48, 48)) ));

L'adresse du sprite de personne des panoramas Google est utilisée comme PERSON_SPRITE_URL. Son adresse statique est maps.gstatic.com/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_003.png . L'utilisateur ajoutera des points en cliquant sur la carte, donc pour les dessiner nous écouterons l'événement click :

Gm.event.addListener(this.map, "click", function (event) ( self.requestMessage(function (err, message) ( // Méthode qui renvoie le texte saisi par l'utilisateur if (err) return; // Méthode ajoute un point à la liste active et // le dessine sur la carte self.addPoint(event.latLng, self.options.radius, message); self.updatePointsList(); // Redessine la liste des points )); ), FAUX);

Je fournis la majeure partie du code – recherchez le reste sur le disque. Ensuite, nous devons apprendre à l'application à déplacer l'icône de l'utilisateur sur la carte. Dans le prototype, nous utilisons l'API de géolocalisation (celle qui est également utilisée dans les navigateurs de bureau) :

If (navigator.geolocation) ( // Vérifiez si le navigateur prend en charge la fonction de géolocalisation gpsSuccess(pos) ( var lat, lng; if (pos.coords) ( lat = pos.coords.latitude; lng = pos.coords.longitude; ) else ( lat = pos.latitude; lng = pos.longitude; ) self.movePerson(new gm.LatLng(lat, lng)); // Déplacer l'icône de l'utilisateur ) // Toutes les trois secondes, nous demandons la // position actuelle de l'utilisateur window.setInterval (function () ( // Demander la position actuelle navigator.geolocation.getCurrentPosition(gpsSuccess, $.noop, (enableHighAccuracy: true, maximumAge: 300000 )); ), 3000); )

La méthode movePerson utilise une simple procédure getPointsInBounds() pour vérifier si l'utilisateur se trouve à un point actif. Dernière question – où stocker la liste des points ? HTML5 a introduit la possibilité d'utiliser localStorage, alors ne le négligeons pas (je vous laisse découvrir vous-même ces parties du code, que j'ai bien commentées). Ainsi, l'application exécutée dans le navigateur est prête !

Lancer une application Web

Comme je l'ai déjà dit, le débogage doit principalement être effectué sur l'ordinateur. Le navigateur le plus adapté pour tester des applications Web sur un ordinateur est Safari ou Chrome. Après le débogage dans ces navigateurs, vous pouvez être sûr que votre application ne fonctionnera pas dans un navigateur de téléphone mobile. Ces deux navigateurs sont compatibles avec la plupart des navigateurs Web mobiles car ils sont construits sur le moteur WebKit, tout comme eux. Après avoir éliminé tous les bugs, vous pouvez procéder au lancement de l'application Web mobile directement sur votre téléphone. Pour ce faire, configurez votre serveur Web (même Denwer ou XAMPP) pour qu'il serve la page créée et ouvrez-la dans le navigateur de votre téléphone mobile. L'application doit ressembler à celle illustrée sur la figure. Il est important de comprendre ici que la future application mobile compilée pour la plateforme mobile utilisant PhoneGap sera quasiment identique, sauf que la barre de navigation du navigateur ne s'affichera pas à l'écran. Si tout va bien, vous pouvez commencer à créer une application iOS à part entière à partir de la page. Veuillez noter que nous n'avons même pas abordé PhoneGap et l'IDE pour le développement mobile jusqu'à présent.

Préparation

Afin de créer une application pour iOS, vous avez besoin d'un ordinateur avec le système d'exploitation Mac OS 10.6+ (ou d'une machine virtuelle sous Mac OS 10.6), ainsi que de l'environnement de développement Xcode avec le SDK iOS installé. Si le SDK n'est pas installé, vous devrez télécharger une image disque à partir du site Web d'Apple comprenant Xcode et le SDK iOS (developer.apple.com/devcenter/ios/index.action). Gardez à l’esprit que l’image pèse environ 4 Go. De plus, vous devrez vous inscrire sur le site Web d'Apple en tant que développeur (si vous n'allez pas publier votre application dans l'AppStore, cette exigence peut être contournée). Grâce à cet ensemble, vous pouvez développer des applications dans le langage natif iOS Objective-C. Mais nous avons décidé de contourner le problème et d'utiliser PhoneGap. Nous devons donc toujours installer le package PhoneGap iOS. Téléchargez simplement l'archive depuis hors site (https://github.com/callback/phonegap/zipball/1.2.0), décompressez-la et exécutez le programme d'installation dans le dossier iOS. Une fois l'installation terminée, l'icône PhoneGap devrait apparaître dans le menu des projets Xcode. Après le lancement, vous devrez remplir plusieurs formulaires, mais très bientôt vous verrez l'espace de travail IDE avec votre première application. Pour vérifier si tout fonctionne, cliquez sur le bouton Exécuter : l'émulateur iPhone/iPad avec l'application modèle PhoneGap devrait démarrer. Le programme assemblé générera une erreur indiquant que index.html n'a pas été trouvé - c'est normal. Ouvrez le dossier dans lequel vous avez enregistré les fichiers principaux du projet et recherchez-y le sous-dossier www. Faites-le glisser dans l'éditeur, cliquez sur l'icône de l'application dans la liste de gauche et dans la fenêtre qui apparaît, sélectionnez « Créer des références de dossier pour les dossiers ajoutés ». Si vous exécutez à nouveau le programme, tout devrait fonctionner. Nous pouvons maintenant copier tous les fichiers de notre prototype dans le dossier www. Il est temps de peaufiner notre prototype pour qu'il fonctionne sur un smartphone utilisant le traitement PhoneGap.

Transfert de prototypes

Tout d'abord, vous devez inclure phonegap-1.2.0.js dans votre fichier d'index. PhoneGap vous permet de limiter la liste des hôtes disponibles pour la visite. Je suggère de créer immédiatement une telle « liste blanche ». Dans le menu du projet, ouvrez Supporting Files/PhoneGap.plist, recherchez l'élément ExternalHosts et ajoutez-y les hôtes suivants auxquels notre application accédera (ce sont des serveurs Google Maps) : *.gstatic.com, *.googleapis.com, maps .google.com. Si vous ne les spécifiez pas, le programme affichera un avertissement dans la console et la carte ne sera pas affichée. Pour initialiser la version web de notre application, nous avons utilisé l'événement DOMReady ou le helper jQuery : $(document).ready(). PhoneGap génère un événement deviceready, qui indique que l'appareil mobile est prêt. Je suggère d'utiliser ceci :

Document.addEventListener("deviceready", function () ( new Notificator($("#map-canvas")); // Si l'utilisateur n'a pas Internet, // l'en informer if (navigator.network.connection. type = == Connection.NONE) ( navigator.notification.alert("Aucune connexion Internet", $.noop, TITLE); ) ), false);
Empêchons le défilement : document.addEventListener("touchmove", function (event) ( event.preventDefault(); ), false);

Ensuite, nous remplacerons tous les appels d'alerte et de confirmation par ceux natifs que PhoneGap nous fournit :

Navigator.notification.confirm("Supprimer le point ?", function (button_id) ( if (button_id === 1) ( // Bouton OK enfoncé self.removePoint(point); ) ), TITLE);

La dernière chose que nous devons changer est le bloc de code qui déplace l'icône de l'utilisateur sur la carte. Notre code actuel fonctionne également, mais il fonctionne de manière moins optimale (il déplace l'icône même si les coordonnées n'ont pas changé) et ne fournit pas de données aussi riches que son homologue PhoneGap :

Navigator.geolocation.watchPosition(function (position) ( self.movePerson(new gm.LatLng(position.coords.latitude, position.coords.longitude)); ), function (erreur) ( navigator.notification.alert("code: " + error.code + "\nmessage : " + error.message, $.noop, TITLE); ), ( fréquence : 3000 ));

Ce code est plus élégant : il génère un événement uniquement lorsque les coordonnées ont changé. Cliquez sur le bouton Exécuter et assurez-vous que l'application que nous venons de créer fonctionne parfaitement dans le simulateur d'appareil iOS ! Il est temps de commencer à lancer sur un vrai appareil.

Lancer sur l'appareil

Connectez votre iPhone, iPod ou iPad à un ordinateur exécutant Xcode. Le programme détectera un nouveau périphérique et demandera l'autorisation de l'utiliser à des fins de développement. Cela ne sert à rien de la refuser :). Permettez-moi de le répéter encore une fois : pour exécuter une application écrite sur iOS, vous devez être un développeur iOS autorisé (en d'autres termes, être abonné au programme pour développeurs iOS). Cela ne vous dérangera que si vous développez des applications pour des produits Apple ; avec d'autres plateformes (Android, Windows Phone) tout est beaucoup plus simple. Ceux qui étudient dans une université ont la possibilité d’accéder au programme gratuitement grâce à certains avantages. Tout le monde doit payer 99 $ par an pour participer au programme. Apple délivre un certificat avec lequel vous pouvez signer votre code. L'application signée peut être lancée sur iOS et distribuée dans l'App Store. Si vous n'êtes pas étudiant et que vous vous sentez quand même désolé d'avoir payé 99 $ pour des expériences innocentes, alors il existe un autre moyen : tromper le système. Vous pouvez créer un certificat auto-signé pour la vérification du code et exécuter le programme mobile sur un appareil iOS jailbreaké (je ne m'attarderai pas là-dessus, car tout est décrit le plus en détail possible dans cet article : bit.ly/tD6xAf) . D'une manière ou d'une autre, vous verrez bientôt une application fonctionnelle sur l'écran de votre téléphone mobile. Arrêtez le chronomètre. Combien de temps cela vous a-t-il pris?

Autres plateformes

Outre PhoneGap, il existe d'autres plateformes qui vous permettent de créer des applications mobiles sans utiliser de langues natives. Listons les joueurs les plus cool.

Appcelerator Titanium (www.appcelerator.com).

Titanium peut créer des applications principalement pour Android et iPhone, mais il prétend également prendre en charge BlackBerry. En plus du framework lui-même, le projet fournit un ensemble de widgets natifs et d'IDE. Vous pouvez développer des applications sur Titanium gratuitement, mais vous devrez payer pour le support et les modules supplémentaires (à partir de 49 $ par mois). Le prix de certains modules tiers atteint 120 $ par an. Les développeurs d'Appcelerator Titanium affirment que plus de 25 000 applications ont été écrites sur la base de leur framework. Le code source du projet est distribué sous licence Apache 2.

SDK Corona (www.anscamobile.com/corona).

Cette technologie prend en charge les principales plateformes – iOS et Android. Le framework est principalement destiné au développement de jeux. Bien entendu, les développeurs revendiquent une optimisation de haute qualité sur OpenGL. La plateforme n'a pas de version gratuite et le prix est assez élevé : 199 $ par an pour une licence pour une plateforme et 349 $ par an pour iOS et Android. Corona propose ses propres émulateurs IDE et de périphériques. Les applications Corona sont écrites dans un langage similaire à JavaScript.

Conclusion

Nous avons créé une application Web mobile simple et l'avons portée sur la plate-forme iOS à l'aide de PhoneGap en quelques étapes simples. Nous n'avons pas écrit une seule ligne de code Objective-C, mais nous avons obtenu un programme de qualité décente, passant un minimum de temps à porter et à apprendre l'API PhoneGap. Si vous préférez une autre plateforme, par exemple Android ou Windows Mobile 7, vous pouvez tout aussi facilement, sans aucune modification pour ces plateformes, créer notre application (pour chacune d'elles il existe un bon manuel d'introduction et un didacticiel vidéo : phonegap.com/ commencer) . Pour vérifier la viabilité de la plateforme, vous pouvez consulter des applications prêtes à l'emploi sur PhoneGap, que les développeurs technologiques ont rassemblées dans une galerie spéciale (phonegap.com/apps). En fait, PhoneGap est une plateforme idéale pour créer au moins un prototype d'une future application. Ses principaux avantages sont la rapidité et les coûts minimes, qui sont activement utilisés par les startups aux ressources limitées à tous égards. Si l'application échoue et que, pour une raison quelconque, vous n'êtes plus satisfait des composants internes de HTML+JS, vous pouvez toujours porter l'application vers un langage natif. Je ne peux m'empêcher de dire que PhoneGap a été initialement développé par Nitobi en tant que projet open source (le référentiel se trouve sur GitHub : github.com/phonegap). Le code source restera ouvert, même si Adobe a racheté Nitobi en octobre dernier. Dois-je dire quelles sont les perspectives du projet avec le soutien d’un tel géant ?