Total.js Flow

Requirements:

  • Total.js 4 - $ npm install total4

Run:

npm run start

or directly using node executable (port is optional, default 8000)

node index.js <port>

Sitemap (Routes)

/ ----> Espace de validation

image

/flow ----> Espace technique de maintenance et de programmation visuelle

image

Docker:

docker pull totalplatform/flow
docker run -p 8000:8000 totalplatform/flow

Documentation

Introduction globale

Afric Consulting Group est une entreprise specialisee dans la conception, la creation et la maintenance des services a valeurs ajoutees SVA (SVI, KIOSQUE MOBILE, CENTRE D'APPEL, USSD, SMS etc) pour les operateurs de telephonie mobile.Cette application intervient specifique dans le cadre des service KIOSQUE MOBILE. L'entreprise dispose d'une equipe de mise a jours des contenus de kiosque et cette application servira a automatiser les differentes taches repetives des agents de mise a jour.

L'objectif de l'application.

Le but principal de l'application est d'aider les agents de mise a jour dans leurs taches quotidiennes. La methode traditionnelle de mise a jour consitait a aller sur internet, parcourrir des dizaines de sites web, collecter les informations ou contenus, les trier, les analyser, les mettre sous format SMS, et les preparer au mieux pour etre diffuses a des millions d'abonnes des differents operateurs de telephonie mobile (TELECEL FASO, MOOV AFRICA BURKINA, MOOV AFRICA BENIN, MOOV AFRICA MALI). Ces taches sont repetives, fatiguantes et prennent enormement du temps si bien que la qualite et la quantite baisse au fil du temps. L'objectif donc de l'application est d'automatiser au maximum les differentes taches afin de faciliter la vie des agents de mise a jour et eventuellement avoir du temps et de l'energie pour d'autres inovations.

Fonctionnement global

D'une part l'application consomme des API REST disponible sur internet afin de recuperer periodiquement les informations, les trier, les formater et conserver en base de donnee selon la logique business du service kiosque mobile. D'autre part, l'application se sert du DATA SCRAPING pour les sites qui n'ont pas d'API.

Outils et dependances de programmation

  • Total.js platform

    Total.js Platform est une collection de bibliothèques JavaScript, de composants d'interface utilisateur, de pratiques et d'applications complètes écrites en JavaScript pur, la plupart du temps sans dépendances. Gratuit et open source. La chose amusante de total.js est que pour concevoir une application, tout ceux dont vous avez besoin c'est de faire une seule fois npm install total4 et vous avez tout pour faire votre application. Grace a sa documentation tres riche et detaillee, il est tres facile et rapide de concevoir son siteweb. Si vous aimez apprendre par les videos, Cette serie de video youtube va vous etre util (N'oubliez pas de vous abonner, de liker et de partager 👨🏽‍💻😁🥳😅👨🏽‍💻).

  • Total.js flow 10+

    Total.js flow est une application de programmation visuelle construite au dessus de total.js. Sa documentation est aussi tres riche et detaillee. Si c'est votre premiere fois d'entendre parler de la programmation visuelle et de total.js FLOW 10, alors Cette serie de video youtube va aussi vous aider. (N'oubliez pas egalement de vous abonner, de liker et de partager 👨🏽‍💻😁🥳😅👨🏽‍💻).

    Screenshot-at-2022-09-10-10-36-48

  • Cheerio.js

    Cheerio est une librairie javascript qui facilite le DATA SCRAPING. A l'interieur de totaljs flow nous avons un composan qui porte son nom. Son fonctionnement est comme suite il prend en entree un document HTML et retourne une instance de Jquery de ce document HTML permettant ainsi de manipuler a volonte et de recuperer les ressources textes de ce document HTML. Si c'est votre premiere fois d'entendre parler de cheerio alors Cette video youtube vous sera utile.

Exemple d'automatisation par API

Meteo et Actualites

  • Meteo

    Dans le cas de la meteo nous avons utilise comme API Open wheather. Il faut noter aussi que l'API utilise les coordonnees geographique de Google Maps pour pouvoir envoye les informations specifique a l'endroit voulu

    Screenshot-at-2022-09-10-11-01-21

Exemple de flow des Meteos

image

  • Actualites

    Dans le cas des actualites nous avons utilise comme API Mediastack pour recuperer les informations en temps reel sur les actualites du momde plus precisement celles des pays de la zone UEMOA

    image

Exemple de flow des Actualites des Regions

image

Exemple d'automatisation par DATA SCRAPING

PMU et Horoscope

  • PMU

    Dans le cas de PMU nous avons deux sites principalement sur lesquels nous collectons les donnees avec le data scraping a savoir Turf-fr

image

et Canalturf

image

Exemple de flow du PMU

image

  • Horoscope

    Dans le cas de Horoscope nous faisons le data scrapingsur le site de Asiaflah pour la collecte des donnees en fonction d'horoscope (Amour, Famille ....) ou de type d'horoscope (belier, balance ....)

    image

    Exemple de flow Horoscope Amour

    image