New deal : libérations du développeur front end... et de ses clients !

L i b é r a t i on ( s ) d u d é ve l op p eu r f r on t end . . . E t d e s es c l i en t s !L i b é r a t i on ( s ) d u d é ve l opp eu r f r on t en d . . . E t d e s es c l i en t s !

Par Eric Emery, dirigeant de Par Eric Emery, dirigeant de Natural-netNatural-net : :

Activité grand compte Activité grand compte : Assistance à maitrise d'ouvrage, maitrise d'oeuvre, intégration: Assistance à maitrise d'ouvrage, maitrise d'oeuvre, intégration

front et accessibilité,front et accessibilité,

Editeur du service "Editeur du service "Site Internet QualitéSite Internet Qualité" à destination des " à destination des TPETPE et et PMEPME..

New deal : Libération(s) du développeur front end... Et de ses clients ! http://www.site-internet-qualite.fr/theme/fr/includes/new-deal.html

1 sur 17 31/03/2011 14:48

Con tex te g é né r a lC on t ex t e g én é r a l

09/03/11 - 09/03/11 - Editorial de Jean-Marc VittoriEditorial de Jean-Marc Vittori # Les échos ( # Les échos (lire l'articlelire l'article))


2 sur 17 31/03/2011 14:48

Con tex te t ech n o l og i q u eCon t ex t e t ec h n o l og i q ue

Nouveaux standards : CSS 3, HTML 5, microformats,...Nouveaux standards : CSS 3, HTML 5, microformats,...

De plus en plus d'outils "plug & play"De plus en plus d'outils "plug & play"

Outils de gestion de contenus performants et stablesOutils de gestion de contenus performants et stables

Framework javascript performants et prêts à l'emploi (jquery en premier lieu)Framework javascript performants et prêts à l'emploi (jquery en premier lieu)

Nouveaux usages : médias sociaux, vidéos,...Nouveaux usages : médias sociaux, vidéos,...


3 sur 17 31/03/2011 14:48

Con tex te é conom i q ueCon t ex t e é con om i q u e

Rapport McKinsley Mars 2011 (Rapport McKinsley Mars 2011 (voir le PDFvoir le PDF))


4 sur 17 31/03/2011 14:48

Con tex te p r o f es s i on n e lC on t ex t e p r o fes s i on n e l

Pour créer sur Internet jusqu'en 2010, il fallait maitriser un Pour créer sur Internet jusqu'en 2010, il fallait maitriser un savoir-faire techniquesavoir-faire technique

(programmer,...)(programmer,...)

Désormais, il suffit souvent de Désormais, il suffit souvent de savoir trouversavoir trouver et et utiliserutiliser (Outils de gestions de (Outils de gestions de

contenus, plugins,...)contenus, plugins,...)

Il s'agit d'un glissement d'une intelligence "Il s'agit d'un glissement d'une intelligence "techniquetechnique" vers une intelligence "" vers une intelligence "créativecréative""


5 sur 17 31/03/2011 14:48

Prob l éma t i q ueP rob l éma t i q u e

Une offre de création de sites Internet de qualité pour les entrepreneurs de tailleUne offre de création de sites Internet de qualité pour les entrepreneurs de taille

moyenne...moyenne...

Un outil de gestion de contenu Un outil de gestion de contenu simplesimple et et stablestable

Un bon potentiel de Un bon potentiel de référencementréférencement

Une prise en compte des Une prise en compte des nouveaux usagesnouveaux usages (vidéo, facebook,...) (vidéo, facebook,...)

Une évolutivité garantieUne évolutivité garantie

Une réponse adaptée aux besoins de chaque client en termes de graphisme,Une réponse adaptée aux besoins de chaque client en termes de graphisme,

ergonomie, fonctionnalités,...ergonomie, fonctionnalités,...

Le tout pour unLe tout pour un coût acceptable et accessible coût acceptable et accessible pour les cibles pour les cibles


6 sur 17 31/03/2011 14:48

Prob l éma t i q ueP rob l éma t i q u e

Une Une lourdeurlourdeur de développements et leur manque de souplesse de développements et leur manque de souplesse

La La non implicationnon implication et la mauvaise compréhension du client débouchant sur une inertie et la mauvaise compréhension du client débouchant sur une inertie

et la livraison d'un et la livraison d'un site achevé déceptifsite achevé déceptif

Des contraintes quant à la customisation de l'ergonomie, du graphisme, de laDes contraintes quant à la customisation de l'ergonomie, du graphisme, de la

sémantique,...sémantique,...

Des systèmes où le client se trouve engagé sur une période longueDes systèmes où le client se trouve engagé sur une période longue

Nous avons donc tenté d'isoler des Nous avons donc tenté d'isoler des CMSCMS nous permettant de contourner ces écueils et avons nous permettant de contourner ces écueils et avons

identifié et mis à l'épreuve l'outil de gestion de contenu "identifié et mis à l'épreuve l'outil de gestion de contenu "KiubiKiubi".".


7 sur 17 31/03/2011 14:48

La r é pon se Na tu r a l - n e t e t K i u b iL a r é p onse Na tu r a l - n e t e t K i u b i

Le Le socle applicatif Kiubisocle applicatif Kiubi permet de supprimer la phase de spécifications en la remplaçant permet de supprimer la phase de spécifications en la remplaçant

par un par un prototypageprototypage évoluant par itérations : évoluant par itérations :

L'économieL'économie du projet se trouve du projet se trouve allégéeallégée,,

L'implication du client final et sa compréhension sont bien supérieurs,L'implication du client final et sa compréhension sont bien supérieurs,

Le prototype évolue progressivement jusqu'à sa validation et devient dès lors le futur siteLe prototype évolue progressivement jusqu'à sa validation et devient dès lors le futur site

qu'il ne reste plus qu'à habiller,qu'il ne reste plus qu'à habiller,

Suppression des mauvaises surprisesSuppression des mauvaises surprises liées à des développements impossibles dans liées à des développements impossibles dans

l'économie du projet.l'économie du projet.


8 sur 17 31/03/2011 14:48


Les éditeurs de Kiubi ont réfuté le modèle d'application qui permet de tout faire :Les éditeurs de Kiubi ont réfuté le modèle d'application qui permet de tout faire :

L'application est plus saineL'application est plus saine, performante et sans risques de bugs,, performante et sans risques de bugs,

Cela oblige le concepteur et ses clients à Cela oblige le concepteur et ses clients à se poser de bonnes questionsse poser de bonnes questions sur les finalités sur les finalités

réelles et l'efficacité de certaines fonctionnalités, les qualités ergonomiques etréelles et l'efficacité de certaines fonctionnalités, les qualités ergonomiques et

d'utilisabilité des sites produits se trouvent améliorer.d'utilisabilité des sites produits se trouvent améliorer.


9 sur 17 31/03/2011 14:48


L'applicatif Kiubi intègre "par défaut" un ensemble de fonctionnalités habituellement mises enL'applicatif Kiubi intègre "par défaut" un ensemble de fonctionnalités habituellement mises en

place par des développeurs back end. place par des développeurs back end. Un seul développeur (front end uniquement) estUn seul développeur (front end uniquement) est

nécessaire pour dérouler l'ensemble du projet.nécessaire pour dérouler l'ensemble du projet.

L'économie du projet se trouve nettement allégée,L'économie du projet se trouve nettement allégée,

Le Le front reprend une place primordialefront reprend une place primordiale (qu'il aurait du toujours avoir ?) dans le (qu'il aurait du toujours avoir ?) dans le

projet,projet,

Le socle applicatif étant sain et stable, les phases de recette sont également raccourciesLe socle applicatif étant sain et stable, les phases de recette sont également raccourcies

(étapes du panier, paiement,...)(étapes du panier, paiement,...)


10 sur 17 31/03/2011 14:48


Le Le directeur artistique n'intervient que quand l'ensemble du prototype est finalisédirecteur artistique n'intervient que quand l'ensemble du prototype est finalisé..

Son travail est rendu plus Son travail est rendu plus pertinentpertinent, plus efficace, car il se base que un gabarit de pages, plus efficace, car il se base que un gabarit de pages

réel,réel,

Il peut se consacrer à son Il peut se consacrer à son travail artistiquetravail artistique sans se poser des questions fonctionnelles, sans se poser des questions fonctionnelles,

A temps d'interventions égaux son travail est nettement plus qualitatif !A temps d'interventions égaux son travail est nettement plus qualitatif !


11 sur 17 31/03/2011 14:48


Le Le développeur front enddéveloppeur front end prend donc un rôle prend donc un rôle primordialprimordial dans les projets web : dans les projets web :

Il a du temps pour travailler les interfaces, mettre en place de Il a du temps pour travailler les interfaces, mettre en place de l'interactivitél'interactivité de type de type

javascript, améliorer la qualité du code html, son javascript, améliorer la qualité du code html, son accessibilitéaccessibilité, son potentiel de, son potentiel de

référencementréférencement,...,...

Son Son travail est respectertravail est respecter dans son intégralité et n'est pas "remanié" par d'autres,... dans son intégralité et n'est pas "remanié" par d'autres,...


12 sur 17 31/03/2011 14:48


Nos 12 années d'expérience web nous ont permis de constaté que la plupart du temps laNos 12 années d'expérience web nous ont permis de constaté que la plupart du temps la

création d'un site passait par la répartition suivante :création d'un site passait par la répartition suivante :

80% 80% du temps consacré à la préparation du du temps consacré à la préparation du soclesocle (spécifications, développements back (spécifications, développements back

end, recette des développements back end, formation des clients finaux...),end, recette des développements back end, formation des clients finaux...),

20% 20% du temps consacré au du temps consacré au front endfront end (charte graphique et intégration HTML) (charte graphique et intégration HTML)......


13 sur 17 31/03/2011 14:48


Notre savoir faire, l'approche proposée à nos clients alliés à des Notre savoir faire, l'approche proposée à nos clients alliés à des outils de gestion deoutils de gestion de

contenu nouvelle générationcontenu nouvelle génération comme comme KiubiKiubi nous permet d'inverser ce rapport en nous permet d'inverser ce rapport en

consacrant l'consacrant l'essentiel du temps du projet à l'interface et à ce que voit l'internauteessentiel du temps du projet à l'interface et à ce que voit l'internaute et à et à

ce qui fait la qualité du site : ce qui fait la qualité du site : ergonomie, utilisabilité, graphisme et esthétique,ergonomie, utilisabilité, graphisme et esthétique,

potentiel de référencement naturelpotentiel de référencement naturel,...,...

Ce changement de rapport est particulièrement appréciable et apprécié par nos clients et leursCe changement de rapport est particulièrement appréciable et apprécié par nos clients et leurs

clients, les internautes !clients, les internautes !


14 sur 17 31/03/2011 14:48

Conc l u s i on sCon c l u s i on s

Internet entre à peine dans sonInternet entre à peine dans son ère industrielle ère industrielle en 2011 ! en 2011 !

Nous devons profiter de ce que peut Nous devons profiter de ce que peut apporter l'approche industrielleapporter l'approche industrielle (qualité, meilleur (qualité, meilleur

gestion de la répartition des charges,...) pour nous recentrer sur ce qu'attendent les clients desgestion de la répartition des charges,...) pour nous recentrer sur ce qu'attendent les clients des

agences web en injectant dans chaque projet agences web en injectant dans chaque projet notre savoir-faire notre savoir-faire et notre et notre expertiseexpertise

d'artisans du webd'artisans du web ! !


15 sur 17 31/03/2011 14:48

Al l e r p l u s l o i nA l l e r p l u s l o i n

Pour aller plus loin nous vous invitons à visiter :Pour aller plus loin nous vous invitons à visiter :

Le site Internet du service "Le site Internet du service "Site Internet QualitéSite Internet Qualité""

Le site Internet de "Le site Internet de "KiubiKiubi""


16 sur 17 31/03/2011 14:48

Une présentation par Eric Emery (Une présentation par Eric Emery (Natural-netNatural-net) réalisée dans le cadre de la ) réalisée dans le cadre de la Kiwi PartyKiwi Party 2011 organisée par 2011 organisée par AlsacreationsAlsacreations


17 sur 17 31/03/2011 14:48

New deal : libérations du développeur front end... et de ses clients !

Design

Transcript of New deal : libérations du développeur front end... et de ses clients !