Le document présente la démarche projet de fluid<fab/>, une méthode basée sur 18 ans d'expertise, alliant flexibilité et industrialisation pour des projets au forfait. Il détaille les approches en ingénierie Web et mobile, en mettant l'accent sur l'agilité, le DevOps et une stratégie de haute qualité de service. Divers outils et applications développés par fluid<fab/> illustrent cette approche, de la conception à la mise en œuvre, en passant par la gestion des risques et l'expérience utilisateur.

1. FLUID<fab/>
La démarche projet au forfait by Objectif

2. 0
2
4
6
0
20
40
60
80
C.A People
MOE Front/Back MOA / MOA Digital Autres
50%
32%
18%
Banque
Assurance
Service
Régie Forfait
60
people
Born
In
1997
INGÉNIERIE
Conception et Réalisation
Web & Mobiles
Métiers
Des ingénieurs Front / Back
Expertise (Performance,
Architecture)
MOA
Conception et Acceptance
MOA Digital
Assistance à MOA Métier
DevOps
Plateforme de développement et de
test Objectif
AGILITE
Une méthode
…
un état d’esprit
R&D Technologie et méthode

3. Notre ADN
Front engineering Mobilité
Back engineeringAgilité
Architecture DevOps

4. FLUID<fab/>
Qu‘es aco?
• Démarche projet by Objectif
• Synthèse de 18 ans d’expertise et d’expériences projet
• Une approche 360
• Equilibre entre flexibilité et industrialisation
FLUID<fab/> = Engagement Objectif au forfait

5. Top stories
2015
• Outil de gestion de décaissements
(Customer / Staff)
• Front: HTML5/CSS/JS + AngularJS +
REST
• Back: JAVA/JEE - PostGres
Extranet club (Bpifrance)
• Outil FRONT de gestion d’un
référentiel
• Front: HTML5/CSS/JS + AngularJS +
REST
Intranet BCP (Bpifrance)
– en cours
• MobiSocial pour les managers
Lagardère Active
• Mobile: multi plateformes (Windows
Phone; Android ; IOS – Mobile et
tablette)
• Front: HTML5/CSS/JS + AngularJS +
REST + PhoneGap
• Back: NodeJS / MongoDB / MySQL
TRIBS / Top200
(Lagardère)
• Application mobile d’information pour
les 10 000 managers
• Front : HTML5/CSS/JS + AngularJS +
REST + PhoneGap
App Mobile – Newsweb
/ Orange
• Prototypage d’écran (visuel +
comportement) pour l’organisation de
tests utilisateurs de parcours clients
• Front: HTML/CCS/JS (bootstrap)
Rapid prototyping
(AGIRC-ARCCO)
• Outil de gestion des risques et de la
pénibilité
• Front: Liferay
• Back: Java/JEE - PostGres
Extranet MONDUER
(Malakoff-Mederic)
• Application mobile de relation client –
information, chat, callback
• Front: HTML5/CSS/JS + AngularJS +
REST
• Back: JAVA/JEE - PostGres
Application InfoMandat
(CA Indosuez Private
Banking) – en cours

6. FLUID<fab/> - 8 axes

7. • WIN - WIN
• Créativité
• Partager
• Transparence
• No Limit
• Innovation
• Fun
Spirit

8. Place 2 Dev

9. Fullstack
engineering
(Front/Back)
E2EArchitecture
Front engineering
Back engineering
AngularJS
Mobile app
Phonegap
W-Services
BigDataSGBD NoSQL
CMS as a
back-end
HTML5 /CSS / Javascript
Objets
connectés
API
CMS
Personnalisation
Service
Intégration

10. • Design et développement d’applications
WEB & mobile (Intranet/extranet/web)
• Un éco-système autour de HTML/CSS/JS
• AngularJS
• Industrialisation des développements
Front
engineering
Front
Développement Javascript, HTML, CSS
AngularJS
JSON
Struts/JSF/Spring MVC/Servlet
Outils Brackets, Webstorm
NodeJS – Gulp / Grunt / Bower
Tests Jamin
Protractor
Server TomEE LibertyProfil
CMS Liferay
Jahia

11. • Design et conception Mobile first
• Responsive, Adaptative
• Multi-device
• Connecté/Déconnecté
• Developp once … Run on every device
• Une base de code – HTML5/CSS3/JS pour tous les
OS (Android, IOS, Windows …)
• Développement rapide grace à notre framework
#Active
Mobilité

12. • Les services
• Le cœur du réacteur … la logique métier
• Accès aux données
• Interconnexion SI
Back
engineering
Back developpement
Développement Web services: SOAP - REST
Java, CDI, POJO
JEE > EJB; JPA / Hibernet ; JMS
ESB - SOA
Outils Eclipse
Maven
Jenkins
Sonar
Tests JUnit
Server WAS, TomEE, Jetty, Liberty, Glassfish
Plateforme JEE

13. • SGBD
• Structured data
(MySQL/Postgres/Oracle/DB2)
• NOSQL
• Not Only SQL
• MongoDB + MySQL
• BIGDATA
• Large storage
• Spark / Hadoop
• Gestion de contenu
• CMS as Content provider
• Utiliser le CMS pour gérer et stocker
le contenu
Back
data

14. • Objectif people
• Des experts (métiers et techniques)
• Des créatifs (design et innovation)
• UX – MOA Digital
• Des architectes
• Des Front / des Back … Voire les deux
• Leaders & managers
• Partenaires
• Designer, Agences, Experts UX
• IoT – Mother, iHealth
• Experts métier
• Santé, Prévention des risques
• Crm
• Titres, OPCVM
• Cabinets de conseil digitaux
Team
Together
Everyone
Achieve
More

15. Plateforme

16. From Dev to Ops
Q.A.
Prod
User Acceptance
Public repo.
Source repo
Développement
DéploiementBuild server
Issue and release management

17. Engagement et Agilité

18. Maturité
• Backlog
• Backlog  SFD (Exigences, cas de test, RG)
• Backlog complète (ensemble des UserStories)
• Faible variabilité des règles dans les UsersStories
• Architecture technique stable
Level 4
• Backlog
• Backlog  exigences (Exigences, cas de test)
• Backlog complète – EPIC et UsersStories
• Maximum 30% de la valeur de la backlog est constituée
d’EPIC
• Variabilité des règles et du nombre de UsersStories
• Architecture technique stable
Level 3
• Backlog au niveau EPIC
• Besoin incomplet
• Architecture technique à stabiliser
Level 2
• Innovation / R&D / POC /Prototype
Level 1

19. L’engagement Agile
Sprint [1..n]
Focus Group
Design
Dev
Test Usine
Déploiemen
t recette
Sprint 0
Recette
[0..n]
Build
Backlog
Live
+
Architecture Technique
Architecture applicative
Wireframes, Parcours
Backlog
MOA Digital
[O..n] Idéation
Brief
Prototypage
Test
utilisateur
Architecture
Impacts
Maturity
assessment
UX
2
3
4

20. • Engagement forfaitaire Délai / Coût / Périmètre sur la base
de N Sprints
• Engagement forfaitaire valorisé à 10% du coût projet
• Pré-requis
• Plateforme DevOps
• Bénéfices
• Visibilité utilisateur - Gestion du changement facilitée
• Ajustements possibles
Level 4

21. • Engagement forfaitaire Délai / Coût sur la base de N Sprints et M
Ateliers
• Acceptation de la variabilité du périmètre contraint par le coût (EPIC)
• Engagement forfaitaire valorisé à 10% du coût projet
• Pré-requis
• Plateforme DevOps
• Espace de dialogue et d’arbitrage sur le périmètre (Outils, Abaques,
Instances)
• Disponibilité du Product Owner
• Esprit de WIN/WIN
• Bénéfices
• Visibilité utilisateur - Gestion du changement facilitée
• Ajustements possibles
Level 3

22. • Engagement forfaitaire
• Inception - Construction et raffinage de la Backlog
• User Expérience, Focus group métier, Workshop Architecure, Analyse
d’impacts, Pro typage et tests utilisateurs
• Construction
• SCRUM sur la base de N Sprints
• Risque faible Délai / Coût
• Pré-requis
• Plateforme DevOps
• Espace de dialogue et d’arbitrage sur le périmètre (Outils, Abaque, Instances)
• Disponibilité importante du Product Owner
• Esprit de WIN/WIN
• Acceptation de la variabilité du scope
• Bénéfices
• Réduction du risque d’échec projet
• Certitude de livraison
• Accompagnement métier et DSI
Level 2

23. • Engagement forfaitaire – mode TASK FORCE
• Engagement - Délai / Coût sur n sprint cours
• Pré-requis
• Dialogue permanent
• Esprit de WIN/WIN
• Acceptation de l’inconnu
Level 1
Brief Maturity
assessment
Idéation
Prototypage
REX
Idéation
Prototypage
REX
Idéation
Prototypage
REX
…
POC

24. Web et Mobile
HTML/CSS/JS
AngularJS
REST
CMS
Services
Data
Système intégration
Sécurité
DevOps
Gestion de projet et de la
demande (JIRA)
Collaboration (Objectif share)
Construction - Scrum
Idéation
Backlog
WIN-WIN
Creativity
Partager
Transparence
Innovation
Espace création /
réalisation
Contrat
Qualité
Négociation
Architectes
Experts
Lead
Partenaires
FLUID <fab/> - Synthèse

25. Contacts
6 rue Laferrière
75009 Paris
Tel. 01 56 43 48 48
Fax. 01 56 43 48 49
www.objectif-informatique.fr
François CHERPION
Directeur du développement et de l’Innovation
Twitter : @Francoi06336252
Tél : m +33 6 81 83 04 62
Skype: francois.cherpion@live.com
fcherpion@objectif-informatique.fr