Apprenez à développer rapidement une application qui se connecte en toute sécurité à un serveur et reçoit des mises à jour en direct avec Progress Kinvey et Live Service.
J'ai récemment créé une nouvelle application à l'aide de Kinvey Live Service et je voulais partager mon expérience. Cette application, IVy Intravenous Manager, aide les infirmières à gérer les intraveineuses. Lorsqu'un IV est vide, l'application IVy envoie un message à l'infirmière assignée. Chaque utilisateur de l'application est averti lorsqu'un nouveau patient / IV est disponible via le service Live. Les infirmières peuvent scanner un code QR pour «réclamer» une intraveineuse ou un patient. Ce billet de blog explique comment l'application a été créée en quelques minutes à l'aide de la plate-forme haute productivité Progress Kinvey .
Pour commencer
Pour commencer à utiliser la configuration environnementale, suivez les étapes ici .
Pour un itinéraire plus court, utilisez Kinvey Studio .
Une fois la configuration de Kinvey terminée, vous devriez pouvoir activer le service en direct dans votre application Kinvey.
Ajout du scanner de codes à barres
Vous devez installer le scanner de codes à barres dans votre application pour scanner un IV et saisir les informations pertinentes du patient.
importation {BarcodeScanner} de 'nativescript-barcodescanner' ;
import {registerElement} de "nativescript-angular / element-registry" [19659015];
registerElement ( "BarcodeScanner" () => require ( "nativescript-barcodescanner" ). BarcodeScannerView); 19659024] Ceci devrait être ajouté à module.ts et dans le composant, vous pouvez appeler Scanner de code à barres avec le code suivant:
< SegmentedBar [items] =" items "(selectedIndexChange) =" onSelectedIndexChange ($ event) " class = " m-5 " > </ SegmentedBar > [19659000]
[19659] < GridLayout [visibility] = "selectedIndex === 0? 'visible': 'collapsed' " backgroundColor = " blanc ">
</ GridLayout >
19659067] rows = "*" [visibility] = "selectedIndex === 1? 'visible': 'collapsed' " backgroundColor = " vert ">
</ GridLayout >
19659002] < GridLayout rows = "*" [visibility] = "selectedIndex === 2? 'visible': 'collapsed' " backgroundColor = " rouge ">
</ GridLayout >
Et vous pouvez suivre ce code de TypeScript pour écrire un titre sur la barre segmentée:
Il s'agit de la boîte de dialogue l'utilisateur voit quand un patient est prêt pour un changement de voie intraveineuse:
min = Math.min.apply (Math, this .contactName.map ( function (item) { return [19659041] item.time;}));
Nous avons ici un tableau indiquant le nom du patient et ses détails. Pour cela, vous pouvez utiliser «RadListView» comme suit:
<RadListView [items] = [19659014] "contactName" backgroundColor = [19659014] "transparent" height = "500" >
<1945-9018]