LE WEB GRANULAIRE
4 mars 2015
Thibaut Villemont
Creative Technologist
5emeGauche
La granularité ?
Dans la photo,
la granularité fait référence au grain,
au pixel
Dans la musique,
la granularité fait référence à la synthèse
granulaire
Dans l’économie,
Patrick Viguerie ( The granularity of growth,
2008) propose une étude granulaire de l’
entreprise pour id...
“La structure par division, par métier ou par
ligne de produit ne permet pas de faire les
bons choix stratégiques de crois...
Dans l’industrie du Web,
Idem, il faut décomposer,
mais ce n’est pas suffisant
Visualiser le système
Utilisateurs
équipe interne
finaux
infrastructure
IT
Composants
ergonomique
fonctionnels
interactifs
Architecture
informat...
Chacune des entités doit être
autonome
communiquante
réutilisable
Autonome
Composable (brique)
Maintenable et évolutive
ne doit pas créer d’interférence
I
Communiquante
interopérable
documentée
accessible
II
Réutilisable
partageable
extensible (dérivation)
III
La granularité, c’est donc “smart”
Un système dit granulaire
se base sur la confiance
entre des communautés, des
entreprises, des hommes
… est transdiciplinaire
chaque choix impacte l’UX, la création, le
code, le budget, les metrics, les objectifs, ...
… est un gain de temps
chaque composant est plus facile
à maintenir et améliorer
Dans la pratique
Infrastructure & web services
Stack Airbnb
http://stackshare.
io/airbnb/airbnb#
Code
130 000 packages
Gestion des
dépendances
10 000 packages
Gestion de
bundles
2500 bundles
mais aussi
ExpressJS, Larave...
Les composants d’interface
Element personnalisé : ex : <super-
article></super-article>
Que l’on peut importer dans une pa...
Les composants d’interface
Le but est d'isoler chaque objet
d'une interface
( style, architecture et comportement )
et de ...
Les composants d’interface
Pour bâtir une véritable charte qui intègre l’
essence des interfaces web (expérience à l’
usag...
Les composants d’interface
Et qui continue l’expérience de l’utilisateur
avec la marque quelque soit le contexte :
TV, mob...
Exemple
BBC Styleguide
web, TV, mobile, tablette
BBC Composants + code
Orchestration
Orchestration
Tout décomposer
pour percevoir les enjeux et les difficultés de conception
Prioriser les composants du proje...
Orchestration
Faire confiance aux services tiers
qui solutionnent très bien les problèmes
Oublier en partie le PSD
et inve...
Une évidence
Un modèle qui s’est naturellement imposé
sur le web et qui répond aux
exigences d’innovation.
Un modèle pour faire vivre les applications
et vivre ceux qui les façonnent.
Question ?
Prochain SlideShare
Chargement dans…5
×

Le web granulaire

420 vues

Publié le

internal presentation for interactive agency
www.5emegauche.com

Publié dans : Internet
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
420
Sur SlideShare
0
Issues des intégrations
0
Intégrations
20
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Le web granulaire

  1. 1. LE WEB GRANULAIRE 4 mars 2015 Thibaut Villemont Creative Technologist 5emeGauche
  2. 2. La granularité ?
  3. 3. Dans la photo, la granularité fait référence au grain, au pixel
  4. 4. Dans la musique, la granularité fait référence à la synthèse granulaire
  5. 5. Dans l’économie, Patrick Viguerie ( The granularity of growth, 2008) propose une étude granulaire de l’ entreprise pour identifier les poches de croissance
  6. 6. “La structure par division, par métier ou par ligne de produit ne permet pas de faire les bons choix stratégiques de croissance” Redécouper pour mieux comprendre ?
  7. 7. Dans l’industrie du Web, Idem, il faut décomposer, mais ce n’est pas suffisant
  8. 8. Visualiser le système
  9. 9. Utilisateurs équipe interne finaux infrastructure IT Composants ergonomique fonctionnels interactifs Architecture information graphique technique Stratégie cible business coûts Briques fonctionnelles technologiques algorithmique Flux transaction data
  10. 10. Chacune des entités doit être autonome communiquante réutilisable
  11. 11. Autonome Composable (brique) Maintenable et évolutive ne doit pas créer d’interférence I
  12. 12. Communiquante interopérable documentée accessible II
  13. 13. Réutilisable partageable extensible (dérivation) III
  14. 14. La granularité, c’est donc “smart”
  15. 15. Un système dit granulaire se base sur la confiance entre des communautés, des entreprises, des hommes
  16. 16. … est transdiciplinaire chaque choix impacte l’UX, la création, le code, le budget, les metrics, les objectifs, ...
  17. 17. … est un gain de temps chaque composant est plus facile à maintenir et améliorer
  18. 18. Dans la pratique
  19. 19. Infrastructure & web services Stack Airbnb http://stackshare. io/airbnb/airbnb#
  20. 20. Code 130 000 packages Gestion des dépendances 10 000 packages Gestion de bundles 2500 bundles mais aussi ExpressJS, Laravel, autres CMS, ... Exemple de bundles Gestion des utilisateurs Gestion de bloc articles gestion d’un moteur de recherche Upload d’image Outils de debug ….
  21. 21. Les composants d’interface Element personnalisé : ex : <super- article></super-article> Que l’on peut importer dans une page HTML Qui est dynamique (Template) Web components Polymer framework par Google Brick framework par Mozilla
  22. 22. Les composants d’interface Le but est d'isoler chaque objet d'une interface ( style, architecture et comportement ) et de le travailler en équipe
  23. 23. Les composants d’interface Pour bâtir une véritable charte qui intègre l’ essence des interfaces web (expérience à l’ usage)
  24. 24. Les composants d’interface Et qui continue l’expérience de l’utilisateur avec la marque quelque soit le contexte : TV, mobile, wearable …
  25. 25. Exemple BBC Styleguide web, TV, mobile, tablette BBC Composants + code
  26. 26. Orchestration
  27. 27. Orchestration Tout décomposer pour percevoir les enjeux et les difficultés de conception Prioriser les composants du projet pour mieux estimer les efforts à faire
  28. 28. Orchestration Faire confiance aux services tiers qui solutionnent très bien les problèmes Oublier en partie le PSD et inventer des livrables plus en phase avec le digital
  29. 29. Une évidence
  30. 30. Un modèle qui s’est naturellement imposé sur le web et qui répond aux exigences d’innovation.
  31. 31. Un modèle pour faire vivre les applications et vivre ceux qui les façonnent.
  32. 32. Question ?

×