reference_cinatis.html

---
layout: layout_fiches_ref
title: // Cinatis
---

<div class="medium-bloc header-ref-detail">
    <div class="medium-content">
        <img src="img/ref/cinatis/header_cinatis.png" width="846" height="117" border="0" alt="Header reference" class="header-ref-img"/>
        <div class="reference-abstract">
            <span class="reference-title">CINATIS WAY<span class="small-caps-ref-title">rance</span></span>
            <span class="reference-subtitle">Plateforme web collaborative de mise en relation de flux de tranports de marchandises.</span>
        </div>

    </div>
    <div class="medium-bottom">&nbsp;</div>
</div>
<hr/>
<div class="medium-bloc">
    <div class="medium-content">
        <!--<img src="img/ref/cin/screen_cin_1.png" width="416" height="231" border="0" alt="Screen de l'application" class="screen-ref"/>-->
        <div class="text-ref">
            <p>L'objectif est d'offrir une plateforme web permettant le regroupement en communautés de sociétés qui partagent des profils de transport de marchandises similaires (même région de destination, même types de produits ...)
                Au sein de ces communautés, les chargeurs de marchandises peuvent définir des règles de fonctionnement et planifier des flux de marchandises récurrents.</p>
            <p>A intervalles réguliers, les différents flux prévisionnels d'une communauté sont mutualisés afin d'être confiés à un transporteur désigné par l'animateur de la communauté. Ce dernier dispose alors automatiquement d'une feuille de route lui permettant de savoir où et quand enlever les marchandises, et pour quelle destination.</p>
        </div>
        <img src="img/ref/cinatis/screen_cinatis_1.png" width="416" height="231" border="0" alt="Screen de l'application" class="screen-ref"/>
    </div>
    <div class="medium-bottom">&nbsp;</div>
</div>

<div class="small-bloc screen-info-techno">
    <div class="small-content">
        <img src="img/ref/cinatis/screen_cinatis_2.png" width="385" height="286" border="0" alt="Screen de l'application" class="screen-ref"/>
    </div>
    <div class="small-bottom">&nbsp;</div>
</div>

<div class="small-bloc info-techno">
    <div class="small-content">
        <ul class="logo-techno-list">
            <li class="logo-techno"><img src="img/logo_techno/spring.png"  border="0" alt="Spring"/></li>
            <li class="logo-techno"><img src="img/logo_techno/backbonejs.png" width="40" border="0" alt="Backbonejs"/></li>
            <li class="logo-techno"><img src="img/logo_techno/jquery.png"  border="0" alt="Jquery"/></li>
            <li class="logo-techno"><img src="img/logo_techno/techno-2.png"  border="0" alt="Jquery"/></li>
            <li class="logo-techno"><img src="img/logo_techno/techno-1l.png"  border="0" alt="Jquery"/></li>
        </ul>
        <div class="text-ref">
            <ul>
                <li>Spring 3.1 pour la glue applicative et l'implémentation REST avec binding JSON.</li>
                <li>MyBatis pour la persistance des données dans une base MySQL.</li>
                <li>Templating de pages en JSP.</li>
                <li>Activiti pour la gestion des workflows applicatifs.</li>
                <li>Backbone pour la structuration des fichiers JS.</li>
                <li>JQuery, JQuery UI et JQuery template pour la manipulation du DOM, les composants graphiques et le templating client du HTML affiché.</li>
                <li>Chosen composant graphique permettant d'avoir des menus déroulants riches.</li>
            </ul>
        </div>
    </div>
    <div class="small-bottom">&nbsp;</div>
</div>
<hr/>
<div class="medium-bloc">
    <div class="medium-content">
        <!--<img src="img/ref/cin/screen_cin_3.png" width="416" height="231" border="0" alt="Screen de l'application" class="screen-ref"/>-->

        <div class="text-ref">
            <p>4SH s'est occupé de la conception, de l'ergonomie, du développement et de l'hébergement de ce réseau social de la logistique en mode itératif sur les différentes versions, en adoptant une approche Design to Costs avec le client.
                La mise en place de 5 environnements d'exécution a permis de travailler en déploiement continu avec un rythme de releases soutenu (environ une release par semaine) et ainsi obtenir un feedback client rapide, tout comme une mise à jour fréquente du site en production.</p>
            <p>Déployé depuis <span class="red-text">Janvier 2012 en production</span>, le site est opérationnel et commence à signer ses premiers clients, permettant ainsi d'initier le cercle vertueux nécessaire au démarrage d'un réseau social.</p>
        </div>

        <img src="img/ref/cinatis/screen_cinatis_3.png" width="416" height="231" border="0" alt="Screen de l'application" class="screen-ref"/>
    </div>
    <div class="medium-bottom">&nbsp;</div>
</div>