L’Outil Surpuissant pour Exploser ton Chiffre d'Affaires en 2024 !
Comment construire une application mobile d'apprentissage machine avec Angular
Il est plus facile que vous ne le pensez d'utiliser l'apprentissage automatique dans votre prochaine application mobile. Ce didacticiel explique comment créer rapidement une application à l'aide de l'apprentissage automatique.
L'apprentissage automatique est de plus en plus répandu dans les applications modernes et il est plus facile que vous ne le pensez de l'intégrer à votre application mobile avec un minimum de codage. Pour travailler avec des concepts d'apprentissage automatique, nous avons besoin d'analyser des données. Nous pouvons également faire des choses amusantes avec ce concept, comme analyser votre sourire pour déterminer à quel point vous pensez que quelque chose est drôle. Ce ne serait pas cool si nous pouvions créer rapidement une application qui facilite l'utilisation des concepts de base d'apprentissage automatique? Pour vous montrer à quel point cela peut être simple, voyons ce qu'il faut pour créer une application en utilisant l'apprentissage automatique avec le framework JavaScript très répandu, Angular, et la plateforme Progress Kinvey .
Notre application Appelez l'application Joke-O-Matic, où vous pouvez vérifier votre «facteur sourire» en capturant simplement votre photo avec votre téléphone ou en sélectionnant une photo que vous avez déjà prise. L'application affichera un certain nombre de blagues et vous demandera de télécharger une photo de votre réaction. Elle utilisera également l'apprentissage automatique pour analyser votre sourire et vous dira à quel point la blague vous a semblé drôle.
Notre application pourra également pour découvrir à quel point les autres utilisateurs pensent que la blague est drôle, puis visualisez nos résultats sur un graphique, nous indiquant ainsi le «funness» moyen d'une blague donnée. Je pense que cette application sera de l'or pour les humoristes debout partout. Plongeons-nous.
Configuration de la console Kinvey
Cette application nécessite un serveur hautement performant pour stocker les données que nous allons accumuler et pour nous aider à accéder rapidement à nos données lorsque nous devons afficher des graphiques ou filtrer. les données.
Configuration de Kinvey
Kinvey est rapide et facile à utiliser pour le backend. Dans la console Kinvey, vous pouvez facilement utiliser Business Logic, des points de terminaison personnalisés, un code programmé ou MIC (Mobile Identity Connect). Vous pouvez également créer une collection via la banque de données Kinvey ou importer des données d’autres plates-formes, et bien plus encore.
La première étape consiste à se connecter ou à s'inscrire sur la console Kinvey . Si vous êtes nouveau dans Kinvey, vous pouvez vous inscrire à l’édition Developer, qui est gratuite pour toujours.
Créez une nouvelle application en cliquant sur le bouton + Ajouter une application dans le coin supérieur droit de l’écran. Après avoir cliqué sur le bouton, la boîte de dialogue ci-dessous apparaîtra à l'image de l'image ci-dessous.
Et ensuite sur l'écran d'accueil du Kinvey console pour créer une collection en cliquant sur le bouton + Ajouter une collection . Ceci fait, vous en avez terminé avec la console Kinvey pour le moment. Votre backend est maintenant créé, mais vous n’avez plus rien. Dans votre banque de données, nous reviendrons à la console une fois que vous aurez terminé.
Configuration de l'interface
Téléchargez maintenant NativeScript Sidekick, ce qui nous donnera une excellente expérience de développement pour créer cette application.
Vous pouvez Téléchargez Sidekick de ici . Il est également gratuit pour le développement.
Connectez-vous à / Inscrivez-vous pour Sidekick, puis cliquez sur le bouton “créer une application”. Vous verrez ensuite cet écran.
Sidekick propose un large éventail de possibilités pour créer une application. Vous pouvez choisir parmi une variété de modèles ainsi que plusieurs types de projets, tels que Angular & TypeScript, TypeScript ou JavaScript. Choisissez l'option qui vous convient le mieux.
Pour cette application, j'ai utilisé Angular & Typescript et le modèle de modèle vierge.
Créez ensuite votre application et ouvrez-la dans un éditeur de code.
Notez que nous voulons. d'utiliser des concepts d'apprentissage automatique tels que la détection de visage et l'étiquetage d'images dans notre application. Pour cela, nous devons utiliser Firebase MLkit dans notre application
Configuration de Firebase
Pour commencer à utiliser Firebase, vous devez d'abord ajouter un plugin à votre application. Nous avons un moyen simple d’utiliser un plugin NativeScript pour Firebase.
Pour utiliser ce plugin, vous devez d'abord vous assurer que vous disposez d'un compte Firebase.
Allez à « https://console.firebase.google.com/ » et inscrivez-vous. pour un compte ou connectez-vous si vous ne l'avez pas déjà fait. Ajoutez un nouveau projet en cliquant sur le bouton "Ajouter un projet".
Une fois que vous avez créé votre compte Firebase, revenez à NativeScript Sidekick. Cliquez sur l'option «Démarrer en ajoutant Firebase à votre application» et sélectionnez votre plate-forme: iOS, Android ou les deux.
Parcourez maintenant le fichier package.json de votre application et copiez votre identifiant nativescript, qui devrait se lire comme suit: "Org.nativescript.NAME_of_App".
Ici, mon nom de package est" org.nativescript.camac ".
Ensuite, collez-le sur l'identifiant de l'ensemble iOS sous l'enregistrement de votre application auprès de Firebase.
À la fin de l'enregistrement de l'application, Firebase générera un fichier de configuration nommé «GoogleService-Info.plist».
Téléchargez le fichier «GoogleService-Info.plist» et placez-le dans le chemin de votre projet à app / App_Resources. /iOS/GoogleService-Info.plist.
Ajouter ce plugin en lançant la commande suivante dans le terminal de votre application:
Le plug-in tns add nativescript-plugin-firebase
Ce plugin vous posera des questions spécifiques, comme des services. vous souhaitez installer avec elle. Vous pouvez dire «Non» à toutes les fonctionnalités sauf MLkit. MLKit est requis pour installer la détection de visage et l’étiquetage d’image dans votre application.
Après cela, ouvrez votre console Kinvey et dans le tableau de bord, recherchez votre clé d’application et votre secret d’application.
Accédez au fichier du composant de votre application et initialisez Kinvey en écrivant cet extrait.
import {Kinvey, CacheStore} depuis 'kinvey-nativescript-sdk ';
Kinvey.init ({
appKey: "kid_HJiukDq5X" .
appSecret: "239cbe5644034b10b77b47469701a1b1" [19459244]
La configuration est terminée, nous allons maintenant coder!
Voici la première page de l'application.
Voici la liste des blagues. Ainsi, lorsqu'un utilisateur aime une blague, il clique dessus.
Pour cette liste, vous pouvez utiliser une liste. Et dans la liste Array, vous pouvez pousser chaque blague pour que nous puissions l'afficher.
this .jokes = [];
pour (let i = 0; i <myjokes.length; i ++) {
ce .jokes.push ( nouveau de joke (myjokes [i]));
Notez qu'ici vous devez être connecté en permanence pour utiliser le backend avec Kinvey. 19659071] Pour faciliter votre connexion, vous pouvez ajouter cet exemple à votre composant domestique ou composant de votre application.
if (Kinvey.User.getActiveUser ()) {
console.log ( "Utilisateur actif" );
]
] sinon [19659042] {
Kinvey.User.login ( "admin" "admin" ). () => {
console.log ( "Will be active" );
[1965910] }). capture (e) => {
alerte (e); ]
}); [19659000]
Source link