• SocketCluster - Mise à jour en temps réel

     

    Vidéo de démo partie cliente :

     

     

    Dans le cadre d'une mission en freelance en partenariat avec une SSII basée à Marseille (HR-TEAM) j'ai développé une application AngularJS/NodeJS pour Id Logistics.

    Id Logistics en quelques mots : Id Logistics est une entreprise leader modial sur le marché de l'entreposage et de services logistiques offerts aux entreprises soucieuses de pouvoir livrer, partout dans le monde, leurs produits.

    Mon rôle en quelques mots :

    • Analyse des besoins et choix des technos à utiliser
    • structuration de l'application
    • Conception et développement d'un back-office pour administrer la partie cliente
    • Programmation de la partie cliente
    • Choix graphiques et design de l'application back-office/front-office

    Les technos utilisées :

    • AngularJS (framewrok JS)
    • NodeJS (environnement d'exécution JS)
    • SocketCluster (framework WebSocket)
    • Bootstrap (framework CSS)
    • oracleDB
    • MySQL
    • DB2

    L'application s'appuie sur de nombreuses autres technos permettant la bonne marche de celle-ci. Pour la partie design CSS3/HTML5 fait partie des langages utilisés.

    Cette mission, commencée mi-février 2017, et qui s'est déroulée sur plusieurs mois, a aboutie à une livraison en bonne et due forme de celle-ci, correspondant aux demandes et besoins du client. Elle permet de faire tourner en boucle une série de "slides" / écrans à intervales réguliers dans lesquels se trouvent plusieurs "indicateurs" / objets affichants des données mises à jour en temps réel et rafraîchies par WebSocket afin de pouvoir visualiser l'état d'avancement des entreposages, livraisons effectuées ou non effectuées etc... Ces écrans sont mis à disposition sur n'importe quels types de médias et disponibles dans les entrepôts ID Logistics afin qu'ils puissent voir en temps réel les informations relatives à leurs activités traitées par ID Logistics. Ils permettent de montrer différents types d'informations au travers d'indicateurs différents : jauge (circular progress), table, courbes graphiques (Chart), diagrammes à bandes (Bar chart) etc... Ces différents indicateurs sont totalement administrables (couleurs, tailles...) et sont affichés sur des écrans qui, eux aussi, sont totalement administrables (logo, emplacement des indicateurs, nombre d'indicateurs par écrans, fond d'écran etc...).

    Ce fût un véritable plaisir et aussi un grand Challenge de pouvoir travailler sur ce projet en solo et mener à bien celui-ci. J'ai eu une total liberté de création et de conception et j'ai pu mettre au profit de ce projet et du client final mes années d'expériences.

    Au prochain challenge donc...

     

    Vidéo de démo back-office :

     

Laissez un commentaire

* Votre e-mail ne sera jamais utilisé ou donné à un tiers

Recherche

Catégories

Newsletters

Archives