Seminaire webfactory - 2015

Les webfactory
Concepts
& Outils
SÉMINAIRE SMILE / JUIN 2015

2
SOMMAIRE
LES WEBFACTORIES:
NOTRE QUOTIDIEN
DRUPAL:
LE CMS TOUT-TERRAIN
LIFERAY:
LE PORTAIL OPEN SOURCE
EZ PUBLISH:
SYMFONY FULL STACK
JUIN 2015
Séminaire Smlile - Web Factory
JAHIA:
LA DIGITAL FACTORY
TYPO3:
CMS & FRAMEWORK
QUESTIONS
RÉPONSES
1
2
3
4
5
6
7

3
LES WEBFACTORIES:
NOTRE QUOTIDIEN
JUIN 2015

4
SMILE, EN QUELQUES CHIFFRES
1er INTÉGRATEUR EUROPÉEN DE SOLUTIONS OPEN SOURCE
+ de 20
+ de 40
+ de 50
ANNÉES D’EXPERIENCE
AU SERVICE DE L’OPEN SOURCE
PARTENAIRES
OPEN SOURCE
MILLIONS D’EUROS
DE CHIFFRE D’AFFAIRES EN 2014
800
EXPERTS
DE L’OPEN SOURCE
25%DE CROISSANCE
PAR AN
JUIN 2015

5
QUE FAIT-ON POUR NOS CLIENTS ?
JUIN 2015
CONSEIL
Cadrage / Audits / Benchmark
AGENCE
Identité visuelle / Ergonomie
Accessibilité / Stratégie
Éditoriale / Référencement
EXPLOITATION
Hosting / Infogérance /
Maintenance corrective et
évolutive / Support
FORMATION
Accompagnement au changement
Formation intra et inter entreprises
INGÉNIERIE
Conception / Développement /
Paramétrage
DES SERVICES DE
GRANDE QUALITÉ
POUR UNE
COUVERTURE À 360°
DE VOS PROJETS

6
BESOIN RÉCURENT
DEPUIS + DE 7 ANS
JUIN 2015

Rationalisation des investissements :
Les stratégies de l’industrialisation

8
RATIONALISATION DES INVESTISSEMENTS :
Réponse(s) à des besoins hétérogènes
Un outil unique pour plusieurs sites ?
Construire une usine à sites
JUIN 2015
LES STRATÉGIES DE L’INDUSTRIALISATION

9
RÉPONSE À DES BESOINS HÉTÉROGÈNES
Archétypes
 Site institutionnel
 Blog
 Forum
 Wiki
 Médiathèque
Dimensions
 E-Commerce
 Réseau Social
 Gamification
JUIN 2015
LES ARCHÉTYPES DU WEB

Objectifs
•Être présent sur le web
•Donner des
informations sur sa
« marque »
Caractéristiques
•Information
hiérarchisée
•Navigation par
rubrique
•Plan du site
SITE INSTITUTIONNEL
JUIN 2015

Objectifs
•Fidéliser l'internaute
•Mettre en ligne de
l'actualité
Caractéristiques
•Pas de page
d'accueil
•Commentaires
•Navigation par date
•Navigation par tag
•Liens permanents
(Permalinks)
•Flux RSS
BLOG
JUIN 2015

Objectifs
•Discussions
communautaires
•Archivage des
discussions
Caractéristiques
•Catégorisation par
sujet
•Navigation délicate
pour les non-initiés
•Gestion des droits
•Moteur de recherche
•Système de sondage
FORUM
JUIN 2015

Objectifs
•Partager de
l'information
•Construction itérative
•Travail collaboratif
Caractéristiques
•Structure à plat
•Navigation par moteur
de recherche
•Navigation par mot
clés
•Contribution ouverte
WIKI
JUIN 2015

Objectifs
•Stocker une forte
volumétrie de contenu
•Trouver le bon
contenu
Caractéristiques
•Importance de la
taxonomie
•Navigation par
facettes
•Liste avec vignettes
MÉDIATHÈQUE
JUIN 2015

Objectifs
•Vendre en ligne
Caractéristiques
•Gestion de panier
•Tunnel de vente
•Gestion des
commandes
E-COMMERCE
JUIN 2015

Objectifs
•Entrer en relation
•Suivi d'activité
Caractéristiques
•Profil utilisateur riche
•Gestion des relations
entre utilisateurs
•Fil d'activités
RESEAU SOCIAL
JUIN 2015

Objectifs
•Apprendre
•Fidéliser
•Faciliter un usage
Caractéristiques
•Collectionner des
“badges”
•Gagner des points
•Intégrer un
mécanisme de
rétroaction
•Encourager les
échanges entre
joueurs
•Permettre la
personnalisation du
service
GAMIFICATION
JUIN 2015

Comment répondre
de façon optimum
à ces besoins hétérogènes ?

+ Des outils
adaptés et
performants
+ Des outils
évolutifs
- Des interfaces
hétérogènes
- Des coûts
multipliés
- Une complexité
technique
LA MEILLEURE DES SOLUTIONS POUR CHAQUE BESOIN
JUIN 2015
Blog
Blog
Blog
e-Commerce
Réseau
Social
Intranet
Wiki
Extranet
Extranet
Blog

+ Des interfaces
homogènes
+ Des coûts
rationalisés
- Un outil plus ou
moins adaptés
- Une contrainte
de conception
LA SOLUTION TOUT-TERRAIN
JUIN 2015
Blog
Blog
Blog
e-Commerce
Réseau
Social
Intranet
Wiki
Extranet
Extranet
Blog

+ Une interface
unique
+ Un coût
minimal (en
théorie)
+ Simplicité de
l’architecture
- Perte de
flexibilité
LA SOLUTION À TOUT FAIRE
JUIN 2015
Blog
e-Commerce
Réseau Social
Wiki
Intranet
Extranet
…

Il n’est pas
possible de tout
uniformiser
Cependant, un
investissement
fort sur une
solution utilisable
dans plusieurs
contextes est
pertinent
LA RÉALITÉ
JUIN 2015
Blog
Blog
Blog
e-Commerce
Réseau Social
ExtranetIntranet
Wiki
Blog

L’approche « Usine à sites »,
une approche industrielle de
l’investissement dans une solution
pour répondre à plusieurs besoins

CONSTRUIRE UNE USINE À SITES
LES STRATÉGIES
Scénario 1
La mutualisation est focalisé
sur les développements
Scénario 2
L’usine à sites, mérite
vraiment son nom lorsqu’on
atteint un fort niveau
d’automatisation
Scénario 3
Plus qu’une simple usine à
sites, on obtient ici un véritable
catalogue de services web
Scénario 4
On ne parle plus d’usine à
sites dans ce cas
Automatisationdesdéploiements
Scénario
3
Scénario
2
Scénario
1
Scénario
4
Degré de personnalisation d’un nouveau site

25
Déploiements de site semblables
 Degré zéro de l’usine à sites
 Mutualisation du code et des gabarits
 Pas de mutualisation des utilisateurs
 Pas de mutualisation des contenus
Réduction des coûts
 Réutilisation d’éléments techniques
 La mise en place du socle est peu coûteuse, même si le coût de déploiement reste
notable
Exemples
 Déploiements de sites filiales administrés de façon autonome
SCÉNARIO 1
JUIN 2015

INVESTIR SUR UNE
PRESTATION HAUT DE
GAMME QUI SERA UTILISÉE
PLUSIEURS FOIS
!

POUSSÉ À L’EXTRÊME ON
TEND VERS LE SCÉNARIO 4
EN MODE « CATALOGUE DE
COMPOSANT »
!

28
Déploiements automatisés de site semblables
 Mutualisation éventuelle des utilisateurs
 Mutualisation éventuelle des contenus
 Un socle techniquement avancé est mis en place
 Le coûts de déploiement sont théoriquement nuls
Exemples
 Déploiements de sites filiales administrés de façon centralisée
 Déploiements des sites des professeurs d’un établissement scolaire
SCÉNARIO 2
JUIN 2015

MUTUALISATION DES
UTILISATEURS
=
ANNUAIRE D’ENTREPRISE
!

MUTUALISATION DES
CONTENUS
=
CIRCUITS DE VALIDATION
+ PUSH DES MISES À JOUR
+ TRADUCTIONS
!

MUTUALISATION DES COÛTS
=
REFACTURATION INTERNE
!

RÉDUCTION DES COÛTS
=
SEUIL DE RENTABILITÉ
!

33
Déploiements automatisés de site fortement personnalisables
 Mutualisation éventuelle des utilisateurs
 Mutualisation éventuelle des contenus
 Constituions d’un catalogue de thèmes
 Constitutions d’un catalogue d’extensions
 Un socle techniquement avancé est mis en place
 Le coûts de déploiement sont théoriquement nuls, mis à part la création d’une
extension ou d’un thème devant répondre à un nouveau besoin
Exemples
 Déploiement d’une galaxie de sites devant répondre à des besoins variés
SCÉNARIO 3
JUIN 2015

Check-list des questions à se poser

35
LES QUESTIONS À SE POSER
Hébergement
 Performance uniforme
 Répartition de charge
Annuaire
 Par pays ou mondial ?
 Délégation d’administration
Maintenance
 Intérêt du 24/7
 Support éditeur
 Déploiement des évolutions
Conduite du changement
 Uniformiser plusieurs existants
 L’iso-fonctionnalité n’est pas une option
JUIN 2015
SUR LE PLAN INFRASTRUCTURE / PROJET

36
Rédaction de contenu
 Ce qui est produit en central
 Ce qui est produit localement
Workflow de validation
 Qui maîtrise la mise en ligne des contenus centraux
 Diffusion ou duplication
Workflow de traduction
 Qui traduit
 Qui valide la traduction
 Au-delà des textes
o Les médias
o L’architecture de l’information
JUIN 2015
SUR LE PLAN ÉDITORIAL

37
Référencement
 De bonnes pratiques génériques ne suffisent pas
 Identifier les référents locaux
Accessibilité
 Jurisprudence local
 Référentiels plus où moins utilisables
Multiculturalisme
 Vitesse de connexion
 Variété des terminaux
 Préférences logiciels
 Usages adaptés en fonctions des législations locales
JUIN 2015
SUR LE PLAN STRATÉGIE WEB

Et maintenant…
…. les outils !

39
LES OUTILS
Introduction
 Factsheet
 Smile & …
 Quelques projets
Concepts clés
 Tour de la solution
 Structure
o Page
o Contenu
 Contribution
 Autres concepts clés
Capacité Webfactory
 Approche multi-sites
 Créer un nouveau site
 Partage de contenu
 Partage d’utilisateurs
 Partage de code
 Exemples
Forces & Faiblesses
NOS AXES D’ANALYSE
JUIN 2015

41
DRUPAL
Historique
 Créé en 2001 par Dries Buytaert
o Fondateur de la société Acquia
 Socle PHP
 Un CMS riche par ses extensions communautaires
Les concepts du CMS
 Solution 100% communautaire
 Création du modèle de données en quelques clics
o Types de contenu, Contenus, Utilisateurs, Profils
 Fonctionnalités natives réduites pour n’ajouter que les extensions répondant au besoin
 Interaction facilitée avec les systèmes d’information
Roadmap de la solution
 Version majeure en cours: Drupal 7
 Version « beta » : Drupal 8
PRÉSENTATION
JUIN 2015

42
DRUPAL
Partenariat Smile/Acquia signé en 2010
 Accès privilégié à de nombreuses ressources de qualité
 Prise directe avec les dernières évolutions du produit
Des collaborateurs Smile présents au sein du conseil d’administration de
l’association Drupal France & Francophonie depuis 2013
Drupalcamp Paris
 Soutien logistique à l’organisation
 Sponsoring financier
 Animation de conférence
 Accueil dans nos locaux des
Drupaliens participants à la journée
de sprint de code
Sponsoring d’événements
 Drupal Meetups à Paris et Montpellier
 Drupalcamp Soleil 2014
 Drupal Deve Days 2015 à Montpellier
SMILE & DRUPAL
JUIN 2015

43
DRUPAL
Sauron
 Outil de monitoring de site Drupal
 https://www.drupal.org/project/sauron
Webfactory
 Un socle technique pour la mise en place d’usine à sites
 https://www.drupal.org/project/webfactory
Edit UI
 Extension permettant l’administration du site directement en front-office
 https://www.drupal.org/project/edit_ui
NOS CONTRIBUTIONS
Nous sommes très actifs au sein de la communauté
Nous reversons régulièrement plusieurs modules
JUIN 2015

44
A PROPOS DE DRUPAL
QUELQUES PROJETS SMILE
Smile compte aujourd’hui plus d’une centaine de développeurs Drupal
JUIN 2015

45
VISION CONTRIBUTEUR
Backoffice responsive & Edition simple de contenu
JUIN 2015

46
VISION CONTRIBUTEUR
Editez vos contenus directement en front-office
Le mode
« Quickedit » est
disponible sur
chaque contenu
JUIN 2015

47
VISION CONTRIBUTEUR
Glissez-Déposez vos blocks directement dans vos pages
Chaque région du
thème est
matérialisée
Liste des blocks
disponibles
JUIN 2015

48
DRUPAL
Un socle de code commun
 Partage des extensions
 Partage des fonctionnalités
 Maintenance centralisée
Une base de données par site
 Chaque site
o a son propre Backoffice
o active les extensions qu’il souhaite
o peut gérer ses utilisateurs et contenus en toute autonomie
 Facilite aussi la scalabilité horizontale
DRUPAL ET LE MULTI-SITES
JUIN 2015

49
DRUPAL
Central
Serveurs de bases
de données
Sites satellites
Partage de
contenus via
Web services
S
O
C
L
E
Socle
applicatif
commun
JUIN 2015

50
DRUPAL
Et le partage de contenu?
 Partage de contenus depuis un référentiel
 Modules Deploy pour Drupal 7
 Module Webfactory pour Drupal 8
Et la génération de modèles de site?
 Un modèle de site = un jeu d’extensions + un pre-paramétrage = un profil
d’installation
 Drush + Module Features pour Drupal 7 et 8
JUIN 2015

51
VISION CONTRIBUTEUR
Déclarez un site satellite et définissez ses « channels »
Les channels
permettent de
n’exposer que
certains contenus
JUIN 2015

52
VISION CONTRIBUTEUR
Depuis le satellite, récupérez/mettez à jour les contenus
L’état indique si le
contenu est
nouveau ou
qu’une mise à jour
est disponible
Il est possible de
« déconnecter » un
contenu du
référentiel
JUIN 2015

DRUPAL
 Une gestion de contenus simple et facilitée
 Un seul socle de code à maintenir
 Un bon compromis entre partage de
contenu et autonomie des sites
 Chaque fonctionnalité est « activable » par
site
 Un modèle multi-base taillé pour les usines à
sites à forte volumétrie
LES ATOUTS
 Manque une extension clé en main pour la
génération de modèle de site
 En cours avec le module Webfactory
 L’architecture multi-base complexe à
déployer
LES FAIBLESSES
Pas (encore) de module clé en main
FORCES & FAIBLESSES
JUIN 2015
Tous les ingrédients pour faire une usine à site

Liferay
Le portail open source

55
LIFERAY
Une entreprise en plein croissance
 50% de croissance annuelle depuis 3 ans
 1500 clients entreprise
o 140 en France
Dynamisme de la communauté
 39% de croissance l’année dernière
 100k membres
o 22k participants aux forums, en 17 langues
o 304 contributeurs au coeur de la solution (+31% Y2Y)
Toujours possédée par ses fondateurs
 La plus grosse société open source privée
JUIN 2015
LE PORTAIL OPEN SOURCE
0
100
200
300
400
500
Effectifs Liferay Inc.

56
LIFERAY
JUIN 2015
DANS LE MARCHÉ

57
CHOIX DE SOLUTION
Un partenariat de longue de date
 Smile, intégrateur depuis 2007
Partenaire Platinum
 Plus haut niveau de partenariat depuis 2011
 Evénements en commun pour développer la solution
o Symposium France
o Roadshow Smile & Liferay
o CMSDay
Expertise
 Certifiés 6.1 et 6.2
 Pôles à Lille, Nantes, Paris, Montpellier, Lyon, Marseille, Bruxelles, Genève …
SMILE ET LIFERAY
JUIN 2015

58
JUIN 2015
Un peu de théorie Liferay

59
PRINCIPES DE LA SOLUTION
JUIN 2015
APPLICATIONS ET SERVICES

60
JUIN 2015

61
LES GRANDES APPLICATIONS
Créer et administrer les
contenus directement dans le
portail
Support des fondamentaux
• Séparation du fond et de la forme
o Types de contenus
o Gabarits
• Gestion des droits
• Gestion de la publication
o Processus
o Publication programmée
o Publication distante
• Administration des pages
• Multi-site et internationalisation
JUIN 2015
GESTION DE CONTENUS

62
Centraliser et partager les
documents
Support des fondamentaux
• Gestion des accès
• Hiérarchie des documents
• Gestion des types de documents
o Gestion des métadonnées
• Versionning
• Check-in, check-out
• Processus de validation
• Prévisualisation
• « Dropbox-like »
JUIN 2015
GESTION DE DOCUMENTS

63
JUIN 2015
GESTION DES DOCUMENTS

64
Support de tous les modes de
travail
Espaces ad hoc
Applications dédiées
 Flux d’activité
 Forum
 Wiki
 Blog
 Calendrier
 Partages
 …
De centralisé à décentralisé
JUIN 2015
COLLABORATION

65
Renforcer les liens et valoriser les
échanges informels
Développés par Social Office
Mise en relation
 Recherche de contacts
 Relations bidirectionnelles
 Suivre / S’abonner / S’inscrire
Profils enrichis
 Parcours, projets, centres d’intérêts …
Communautés
Flux d’activité et échanges
 Wall
 Chat
JUIN 2015
RSE

66
JUIN 2015

67
Dans Liferay, un espace est simplement :
Un ensemble de page
Avec ses contenus
oDocuments
oArticles
Et ses applications
oAffichage de contenu
oBibliothèque de document
oForum, Wiki …
Avec toutes les interfaces natives pour
gérer :
JUIN 2015
GESTION DES ESPACES
{ pages }

68
JUIN 2015
GESTION DES ESPACES
Composition
Accès
Visibilité

69
JUIN 2015
GESTION DES ESPACES
Délégation
Industrialisation
Spécialisation

71
JUIN 2015
Séminaire Smlile - Web FactoryModèles de site

Création d’un nouveau site
Industrialisation
Accès &
Visibilité
Partage
Délégation

77
KLESIA
JUIN 2015
PERSONNALISATION
ET ENGAGEMENT
Plusieurs
populations
cibles

78
KLESIA
JUIN 2015
PERSONNALISATION
ET ENGAGEMENT
Personnalisation
par cible
Particulier

79
KLESIA
JUIN 2015
PERSONNALISATION
ET ENGAGEMENT
Personnalisation
par cible
Partenaires

80
KLESIA
JUIN 2015
PERSONNALISATION
ET ENGAGEMENT
Personnalisation
par cible
Entreprise

81
KLESIA
JUIN 2015
PERSONNALISATION
ET ENGAGEMENT
Personnalisation
par branche

SOGIPHAR
Un dashboard pour chaque pharmacie
MON GIPHAR
JUIN 2015

LIFERAY
 Un périmètre fonctionnel natif inégalé
 CMS,
 Document,
 Collaboration,
 Social
 Un gestion des sites puissante et souple
 Native
 Industrielle
 Partage …
 Une large communauté
 Une marketplace en plein essor
LES ATOUTS
Le portail open source de référence
 Un socle technique en mutation
 Sa force avec le focus sur les applications
peut le desservir dans des contextes purs
CMS.
 Coûts de licences
LES FAIBLESSES
Survivre dans la course à l’innovation
FORCES & FAIBLESSES
JUIN 2015

85
EZ PUBLISH
Historique
 CMS PHP Open Source - version 3.0 (2003) → version 5.4 (décembre 2014)
 Grande communauté
 Intégration de SolR (eZFind) et Symfony 2 (version 5.x)
Le concept d’eZ Publish
 Gestion de contenu arborescente (classe / objets / attributs / nœuds)
 Multi-Site / Multi-Langue
 Partage des contenus (Multi-positionnement / REST API)
RoadMap de la solution
 eZPublish 6 : Full Stack Symfony 2
 eZPlateform / eZStudio
PRÉSENTATION
JUIN 2015

86
EZ PUBLISH
Partenaire depuis près de 10 ans
Plus d’une centaine de projets réalisés
Un domaine d’expertise
 A travers les différentes agences
o Paris, Bordeaux, Lyon, Lille, Nantes, Montpellier, Casablanca
 Développeurs certifiés
SMILE & EZ PUBLISH
JUIN 2015

87
EZ PUBLISH
QUELQUES PROJETS SMILE
…
JUIN 2015

89
Siteaccess Frontoffice
JUIN 2015

90
Siteaccess Backoffice
JUIN 2015

91
EZ PUBLISH – LES CONCEPTS
COMMENT CRÉER MES CONTENUS ?
3 - Publication
Définir mes typologies de contenu (classe)
JUIN 2015

92
3 - Publication
Contribuer mes contenus (objet) dans l’arborescence (nœud)
JUIN 2015

93
Publier mes contenus
JUIN 2015

94
COMMENT TRADUIRE UN CONTENU ?
Sélectionner la langue
JUIN 2015

95
COMMENT TRADUIRE UN CONTENU ?
Traduire à partir d’une langue existante
JUIN 2015

97
EZ PUBLISH – WEBFACTORY
Gestion multi-site native (siteaccess)
Gestion multi-langue
Sous-arborescence
Multi-positionnement
Mécanisme d’héritage des designs
 Un design générique pour tous les sites
 Un design spécifique par site pour les surcharges
eZFlow : Dynamisation de page
JUIN 2015
LES OUTILS

98
Définition d’un nouveau siteaccess
 Configuration de la langue
 Personnalisation du design
o CSS / JS
o Images
o Template spécifique si besoin
 Définition de la sous-arborescence à utiliser
Nécessite la création de fichier de configuration
 Soit manuelle
 Soit via un script spécifique
JUIN 2015
CRÉATION D'UN NOUVEAU SITE

99
Médiathèque commune à tous les sites
Comptes utilisateurs partagés
 Possibilité de créer des groupes pour chaque site avec des droits spécifiques
Multi-positionnement des contenus
 Simplification de la contribution
Code source commun
 Possibilité d’activer ou désactiver des modules sur chaque site
 Templates de page partagés avec possibilité de surcharge
JUIN 2015
PARTAGE DE CONTENUS

eZ Publish
Cas d’utilisation

Contexte
• Nombreux ouvrages
• Moteur de recherche
complexe
Pourquoi eZ
• Partage de contenus
• Ajout de contenus
éditoriaux
Les limites
• Quantité d’attributs
• eZFind
CAS CLIENT:
GALLIMARD
JUIN 2015
EZ PUBLISH

EZ PUBLISH
 Des fonctions avancées de CMS
(catégorisation, contenus structurés,
multilinguisme, multi-positionnement)
 Un backoffice facile à prendre en main
 Une gestion des droits utilisateur très fine
 Une solution fortement extensible (Symfony)
 Une gestion multi-site native
 Des fonctionnalités de multi-positionnement
 Un module d’agencement de page
dynamique : eZFlow
 Une méthode de prévisualisation des
contenus par site et par device
LES ATOUTS
Une solution riche et extensible
 Un passage en version 5.x douloureux avec
une stabilisation progressive jusqu’à la 5.4
 Solution NoSQL toujours en attente
 Un coût de licence élevé pour une version
enterprise lorsque l’on a de nombreux sites
 Pas de solution native de « click and deploy »
pour l’ouverture d’un nouveau site. Nécessite
la mise en place de scripts spécifiques
 Pas de solution efficace de modification du
design via l’interface d’administration
(abandon du module eZDesign)
LES ENJEUX
Survivre dans la course à l’innovation
FORCE & FAIBLESSE
JUIN 2015

104
JAHIA
Historique
 Solution Franco-suisse créée en 2002
 Socle Java
 Positionnement initial hybride « portail –cms »
Les concept de Java
 Contribution graphique
 Souplesse d’intégration dans des architectures complexes
 Périmètre de gestion de contenu complet
Roadmap de la solution
 2014 : Digital Factory & Portal Factory
 2015 : eCommerce Factory
 2015 : Marketing Factory
PRÉSENTATION
JUIN 2015

105
JAHIA
Un partenariat historique depuis 2003
 Smile parmi les plus grands intégrateurs
 Aussi bien en expertise qu’en nombre de projets
De nombreux pôles d’expertise en Europe
 Paris, Nantes, Lille, Lyon, Montpellier, Genève, Bruxelles
Premier partenaire de l’année
Partenaire Gold et Premium
Intégration de développements Smile à la solution
 ESIGate
SMILE & JAHIA
+
JUIN 2015

106
A PROPOS DE JAHIA
QUELQUES PROJETS SMILE DEPUIS 2012
Nous avons réalisé plus d’une centaine de projets en Jahia
…
JUIN 2015

107
JUIN 2015
Un peu de théorie Jahia

108
VISION CONTRIBUTEUR
Prenons pour exemple le site ACME Space
JUIN 2015

109
JAHIA : COMMENT ÇA MARCHE ?
VISION CONTRIBUTEUR
Jahia a la particularité de proposer un back-office fondu dans le site
JUIN 2015

110
VISION CONTRIBUTEUR
La contribution peut se faire via l’Edit Mode.
Il permet de naviguer comme en Front-Office par les liens et le menu
Ou utiliser l’arborescence des pages à gauche
Les pages du site
JUIN 2015

111
VISION CONTRIBUTEUR
La modification des contenus se fait en cliquant simplement dessus.
Ici , le carrousel est
déplié pour
accéder facilement
à ses éléments
Un menu contextuel
est disponibles pour
tous les contenus
JUIN 2015

112
VISION CONTRIBUTEUR
Un fois cliqué, le formulaire d’édition apparait.
Suivant le niveau choisi pour le contributeur, les options sont plus ou
moins riches
JUIN 2015

113
VISION CONTRIBUTEUR
Pour créer de nouveaux contenus, vous glissez simplement des
composants dans les pages
JUIN 2015

114
VISION CONTRIBUTEUR
La gestion multisite est native
Changer de site
Changer de langue
JUIN 2015

115
VISION CONTRIBUTEUR
Tous les contenus sont accessibles depuis tous les cibles
JUIN 2015

116
JUIN 2015
Exemple Belambra :
Site FR
Site BE …
Site Mobile

Créations d’un
site
Gestion d’un site
Les limites
CAPTURES D’ECRAN
JUIN 2015
JAHIA
Gestion des projets web

Créations d’un
site
Gestion d’un site
Les limites
CAPTURES D’ECRAN
JUIN 2015
JAHIA
Création d’un nouveau site

Créations d’un
site
Gestion d’un site
Les limites
CAPTURES D’ECRAN
JUIN 2015
JAHIA
Création d’un nouveau site : choix des templates et des modules

Créations d’un
site
Gestion d’un site
Les limites
CAPTURES D’ECRAN
JUIN 2015
JAHIA
Ou activation des modules à posteriori

EUTELSAT
INTERNET
INTRANET
EXTRANET

EUROPCAR
PLATEFORME MONDE
1200 jours 2013 - 2014

JAHIA
 Interface graphique innovante, fondue dans
le site
 L’état de l’art de la gestion de contenus
 Périmètre complet
 « Tout est contenu »
 Une refonte technique achevée
 Le multisite au cœur de la solution
 Création de nouveaux en back-office
 A partir de templates
 Partages de contenus entre les sites
LES ATOUTS
L’industrialisation digitale faite solution
 Les aspects Réseaux Sociaux
 Créer de nouveaux types de contenus
 Mais le Studio est disponible
 Coûts de souscription au support face à des
solutions purement communautaire
 A comparer aux solutions propriétaires
 Notoriété
LES FAIBLESSES
Se faire connaître
FORCES & FAIBLESSES
JUIN 2015

TYPO3
Open Source Enterprise CMS & Framework

125
TYPO3
Historique
 CMS open source et sans cout de licence né en 1997
 100% communautaire
 1000 extensions
Les concepts
 Gestion par hiérarchie & taxonomie
 Abstraction du système de fichier
 Gestion complète du cycle de vie des contenus
Historique, versionning, workspace, workflows…
RoadMap
 Roadmap claire
Visibilité à plusieurs années
 Version Long Term Support (LTS)
 Facilité des montés de versions
PRÉSENTATION
 79 000 développeurs
 Plus de 500 000 installations
JUIN 2015

126
TYPO3
SMILE & TYPO3
Participation et organisation des
évènements de la communauté :
T3UNI FR, T3CON EU, Code Sprint
Des références significatives,
 plus d’une centaine
de sites réalisésPartenaire GOLD
Le seul en France !!
Banque de France, CNIL, RSI, Dassault
Systèmes, Danone, Société Générale, Eau de
Paris, SPIE, Carrefour, GDF SUEZ et bien
d’autres…
&Des collaborateurs
experts et certifiés
9 certifiés TYPO3 Integrator
JUIN 2015

127
TYPO3
Nos principales contributions
 10 extensions:
o Gestion de CDN
o Workflow
o Glossaire, FAQ
 Correctifs du noyaux
 Evénements
o Animations de conférences à l’université d’été TYPO3
o Relation avec la communauté lors des conférences européennes
o Organisation du premier Code Sprint français
 Sponsoring de l’association TYPO3
SMILE & TYPO3
&
JUIN 2015

129
TYPO3 – LES CONCEPTS
Multilingue
 Nombre illimité de langue en frontend et backend
 Backend traduit en 51 langues
 Gestion native UTF8
Multisite
 Nombre illimité de sites
 Partage de des contenus, utilisateurs & droits
 Partage du code PHP, templates et fonctionnalités
Multi cible
 Prévisualisation mobile
 Génération d’images responsives
 Flux Json/Xml/etc…
JUIN 2015
UN OUTIL, PLUSIEURS SITES

130
Gestion des contenus
 Drag & Drop, Copier&Coller des pages et contenus
 Droits d’accès et périodes de publication
 Gestion complètes du cycle de vie des contenus
o Historique
o Versioning
o Workspaces avec comparaisons
o Workflows de publication
 Extension
o Frontend/Inline editing
o Edition des images “Photoshop like”
JUIN 2015
CAPACITÉS D’ÉDITION

131Backend organisé en 3 panneaux
Outils / Arborescence / Espace de travail JUIN 2015

132
3 - Publication
Choix des types de contenus
Edition similaire aux outils bureautique JUIN 2015

133
TRADUCTIONS DES CONTENUS
Visualisation simultanées des différentes traductions
JUIN 2015

134
MANIPULATION D’IMAGES
Bibliothèque de documents et éditeur d’image natifs
JUIN 2015

136
TYPO3 – WEBFACTORY
Beaucoup de natif
 Multi site
 Multi langue
 Gestion arborescente avec héritage
Héritage, partage ou isolation
 TYPO3 s’adapte aux règles que nous lui définissons
 Cela concerne aussi bien:
o Charte graphique et design
o Pages, contenus, utilisateurs et documents
o Fonctionnalités et droits d’accès
JUIN 2015
LES OUTILS

137
PRINCIPE DE CRÉATION
Site
mère
JUIN 2015

138
Outil de création 3
Le nouveau site est prêt !
•Personnalisation des fonctionnalités et du design
•Intégration du contenu
1 2
Suivi de la création
PRINCIPE DE CRÉATION
JUIN 2015

TYPO3
WebFactory - Cas pratiques

Ikebana
GDF-SUEZ
Mise en place d’une
usine à sites TYPO3 pour
GDF Suez
Isolation complète entre
les différents sites
Back office dédié
par site
Application dédiée pour la
création d’un nouveau site
~ 50 sites
http://www.grtgaz.com/
http://www.elengy.com/
http://www.storengy.com/
http://www.dolcevitaclub.net/fr/
http://www.fosmax-lng.com

Growing in Danone
DANONE
Mise en place d’une
usine à sites TYPO3 pour
les Intranet Danone
Partage de contenus ,
templates et extensions
entre les différents sites
Utilisation des fonctions
natives de multisite et
multilinguisme
~ 20 sites

Plateforme monde
Création des sites par
copie
Partage de contenu
Thème unique
Backend unique
Accès restreint par pays
~ 20 sites
http://www.tahiti-tourisme.pf/
http://www.tahiti-tourisme.fr/
http://tahitinow.com.au/
http://www.tahiti-tourisme.co.uk/
TAHITI TOURISME

TYPO3
Synthèse – Forces et faiblesses

TYPO3
 Une solution adaptée aux exigences des
entreprises
 Gestion du cycle de vie des contenus
 API & Framework
 Modulaire, chaque brique peut être
étendue, adaptée ou crée de toute pièce.
 Des fonctions avancées de CMS:
catégorisation, contenus structurés, multilinguisme,
multi-device
 Gestion multi-site native
 Bâtis sur la mutualisation et le partage
 des contenus, utilisateurs & droits
 du code, templates et fonctionnalités
 Hautes performances et haute disponibilité
LES ATOUTS
 Rester innovant et à l’écoute des utilisateurs
de tous horizons
 Aller vers toujours plus de simplicité en
conservant les possibilités et la finesse de
configuration
 Ouverture aux solutions tierces
 Maintenir une solution robuste
 Solution native de « click and deploy »
puissante mais complexe obligeant à recourir
à la création d’assistants
 La création d’un nouveau design nécessite
une intervention d’intégration
LES FAIBLESSES
FORCES & FAIBLESSES

145
QUESTIONS
RÉPONSES
JUIN 2015

Seminaire webfactory - 2015

Contenu connexe

Tendances

En vedette

Similaire à Seminaire webfactory - 2015

Plus de Smile I.T is open

Seminaire webfactory - 2015