SlideShare une entreprise Scribd logo
Utilisation du module
eZ Flow
sur le site www.kaliop.fr
Mars 2012
Sophie Imbach
Responsable du pôle projet
2
 eZ Flow pour quoi ?
– Votre site contient un volume de contenu conséquent
à valoriser ?
– Vous souhaitez hiérarchiser des blocs d’accès rapide ?
– Vous souhaitez faire remonter automatiquement des
contenus dans ces blocs ?
– Vous souhaitez paramétrer le type d’affichage dans
chaque bloc ?
2
3
Les questions à se poser lors de la conception
3
Positionnement
1 colonne 2 colonnes
Mise à jours
3 prochains
automatique 3 derniers
affichage
carrousel
liste résumée
Type de contenu
actualités
eZ Flow
Bloc XML
Au hasard
manuelle
articles
Publications
évènements
En premier En bas
4
Wireframe
Cette étape permet de fixer
plusieurs principes :
– Utilisation d’une grille :
chaque bloc est positionné
dans une colonne
– Factorisation des type
d’affichage :
chaque bloc utilisera un mode
d’affichage sélectionné dans un
catalogue prédéfini
5
Factorisation des types de bloc
Il faut dissocier le « type de bloc » et le « type d’affichage » :
– Type de bloc :
– Carrousel
– Bloc libre
– Liste automatique d’articles
– Type d’affichage :
– Listing sur 1 colonne (juste le titre de la page)
– Listing sur 2 colonnes
– Résumé (titre / vignette / texte)
– Etc…
6
Exemple
• Type de bloc :
• liste automatique
article
• Type d’affichage :
• résumée
Le titre et la couleur
du bloc sont
libres
Chaque dernier article
est remontée
automatiquement
Il est possible de
restreindre aux N
derniers articles
7
Positionnement des blocs
Sous le tire de la page
Chaque bloc peut être positionné dans différentes zones :
Sous le texte
sur 1 colonne
sur 2 colonnes
Sous le menu
8
Exemple
Affichage de blocs sous le menu et sous le texte de la page
Sous le texte
sur 1 colonne
sur 2 colonnes
Sous le menu
9
Comment ça marche dans le back office ?
Exemple : afficher les témoignages dans la colonne de gauche
10
Comment ça marche dans le back office ?
Etape 1
choisir la zone « gauche bas »
Etape 2
choisir le type de bloc
Etape 3
Donner un titre à son bloc
Etape 7 :
ordonner les témoignages
(drag& drop)
Etape 4
choisir l’affichage
Etape 6
Sélectionner les témoignages
111104.99.13.68.60 - www.kaliop.com – www.twitter.com/kaliop 04/08/2010
Comment ça marche dans le back office ?
Une fois tous les blocs crées, il est possible :
de les ordonner dans chaque zone
Et de les supprimer
12
Les choix de l’affichage
Exemple : les différents types d’affichage d’une actualité
sur le site Kaliop
Sur 2 colonnes
Grande vignette au dessus Titre à coté de la vignette Titre au dessus de la vignette
13
Une multitude d’options possibles

Contenu connexe

Plus de Kaliop-slide

E z conference 2016 : The Next Generation of Innovative Applications: Powere...
E z conference 2016  : The Next Generation of Innovative Applications: Powere...E z conference 2016  : The Next Generation of Innovative Applications: Powere...
E z conference 2016 : The Next Generation of Innovative Applications: Powere...
Kaliop-slide
 
L'agilité au service de l'innovation
L'agilité au service de l'innovationL'agilité au service de l'innovation
L'agilité au service de l'innovation
Kaliop-slide
 
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
Kaliop-slide
 
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
Kaliop-slide
 
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
Kaliop-slide
 
Web performances : Is It not the right time to (re)consider CMS ?
Web performances : Is It not the right time to (re)consider CMS ?Web performances : Is It not the right time to (re)consider CMS ?
Web performances : Is It not the right time to (re)consider CMS ?
Kaliop-slide
 
L’amélioration continue de votre environnement de travail et de votre entrepr...
L’amélioration continue de votre environnement de travail et de votre entrepr...L’amélioration continue de votre environnement de travail et de votre entrepr...
L’amélioration continue de votre environnement de travail et de votre entrepr...
Kaliop-slide
 
Ezobject wrapper workshop
Ezobject wrapper workshopEzobject wrapper workshop
Ezobject wrapper workshop
Kaliop-slide
 
Comment créer, optimiser et monétiser vos contenus ?
Comment créer, optimiser et monétiser vos contenus ?Comment créer, optimiser et monétiser vos contenus ?
Comment créer, optimiser et monétiser vos contenus ?
Kaliop-slide
 
Web performance optimization
Web performance optimizationWeb performance optimization
Web performance optimization
Kaliop-slide
 
How to deploy & optimize eZ Publish (2014)
How to deploy & optimize eZ Publish (2014)How to deploy & optimize eZ Publish (2014)
How to deploy & optimize eZ Publish (2014)
Kaliop-slide
 
eZ Publish vs Drupal - technical battle
eZ Publish vs Drupal - technical battleeZ Publish vs Drupal - technical battle
eZ Publish vs Drupal - technical battle
Kaliop-slide
 
Demystifying eZ Publish 5.x for eZ Publish 4.0 developers
Demystifying eZ Publish 5.x for eZ Publish 4.0 developersDemystifying eZ Publish 5.x for eZ Publish 4.0 developers
Demystifying eZ Publish 5.x for eZ Publish 4.0 developers
Kaliop-slide
 
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ PublishWebinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Kaliop-slide
 
Bien choisir sa solution e-commerce
Bien choisir sa solution e-commerceBien choisir sa solution e-commerce
Bien choisir sa solution e-commerce
Kaliop-slide
 
Webinar : ezpublish pour vos projets e-tourisme
Webinar : ezpublish pour vos projets e-tourismeWebinar : ezpublish pour vos projets e-tourisme
Webinar : ezpublish pour vos projets e-tourisme
Kaliop-slide
 
How to deploy & optimize eZ Publish
How to deploy & optimize eZ PublishHow to deploy & optimize eZ Publish
How to deploy & optimize eZ Publish
Kaliop-slide
 
Optimisez vos flux commerciaux avec la marketing automation
Optimisez vos flux commerciaux avec la marketing automationOptimisez vos flux commerciaux avec la marketing automation
Optimisez vos flux commerciaux avec la marketing automation
Kaliop-slide
 
Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Tour de Contrôle (Kaliop E-Commerce Dataflow System)Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Kaliop-slide
 
LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS...
LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS...LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS...
LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS...
Kaliop-slide
 

Plus de Kaliop-slide (20)

E z conference 2016 : The Next Generation of Innovative Applications: Powere...
E z conference 2016  : The Next Generation of Innovative Applications: Powere...E z conference 2016  : The Next Generation of Innovative Applications: Powere...
E z conference 2016 : The Next Generation of Innovative Applications: Powere...
 
L'agilité au service de l'innovation
L'agilité au service de l'innovationL'agilité au service de l'innovation
L'agilité au service de l'innovation
 
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
 
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
 
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
 
Web performances : Is It not the right time to (re)consider CMS ?
Web performances : Is It not the right time to (re)consider CMS ?Web performances : Is It not the right time to (re)consider CMS ?
Web performances : Is It not the right time to (re)consider CMS ?
 
L’amélioration continue de votre environnement de travail et de votre entrepr...
L’amélioration continue de votre environnement de travail et de votre entrepr...L’amélioration continue de votre environnement de travail et de votre entrepr...
L’amélioration continue de votre environnement de travail et de votre entrepr...
 
Ezobject wrapper workshop
Ezobject wrapper workshopEzobject wrapper workshop
Ezobject wrapper workshop
 
Comment créer, optimiser et monétiser vos contenus ?
Comment créer, optimiser et monétiser vos contenus ?Comment créer, optimiser et monétiser vos contenus ?
Comment créer, optimiser et monétiser vos contenus ?
 
Web performance optimization
Web performance optimizationWeb performance optimization
Web performance optimization
 
How to deploy & optimize eZ Publish (2014)
How to deploy & optimize eZ Publish (2014)How to deploy & optimize eZ Publish (2014)
How to deploy & optimize eZ Publish (2014)
 
eZ Publish vs Drupal - technical battle
eZ Publish vs Drupal - technical battleeZ Publish vs Drupal - technical battle
eZ Publish vs Drupal - technical battle
 
Demystifying eZ Publish 5.x for eZ Publish 4.0 developers
Demystifying eZ Publish 5.x for eZ Publish 4.0 developersDemystifying eZ Publish 5.x for eZ Publish 4.0 developers
Demystifying eZ Publish 5.x for eZ Publish 4.0 developers
 
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ PublishWebinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
 
Bien choisir sa solution e-commerce
Bien choisir sa solution e-commerceBien choisir sa solution e-commerce
Bien choisir sa solution e-commerce
 
Webinar : ezpublish pour vos projets e-tourisme
Webinar : ezpublish pour vos projets e-tourismeWebinar : ezpublish pour vos projets e-tourisme
Webinar : ezpublish pour vos projets e-tourisme
 
How to deploy & optimize eZ Publish
How to deploy & optimize eZ PublishHow to deploy & optimize eZ Publish
How to deploy & optimize eZ Publish
 
Optimisez vos flux commerciaux avec la marketing automation
Optimisez vos flux commerciaux avec la marketing automationOptimisez vos flux commerciaux avec la marketing automation
Optimisez vos flux commerciaux avec la marketing automation
 
Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Tour de Contrôle (Kaliop E-Commerce Dataflow System)Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Tour de Contrôle (Kaliop E-Commerce Dataflow System)
 
LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS...
LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS...LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS...
LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS...
 

Utilisation d’eZ Flow sur le site www.kaliop.fr

  • 1. Utilisation du module eZ Flow sur le site www.kaliop.fr Mars 2012 Sophie Imbach Responsable du pôle projet
  • 2. 2  eZ Flow pour quoi ? – Votre site contient un volume de contenu conséquent à valoriser ? – Vous souhaitez hiérarchiser des blocs d’accès rapide ? – Vous souhaitez faire remonter automatiquement des contenus dans ces blocs ? – Vous souhaitez paramétrer le type d’affichage dans chaque bloc ? 2
  • 3. 3 Les questions à se poser lors de la conception 3 Positionnement 1 colonne 2 colonnes Mise à jours 3 prochains automatique 3 derniers affichage carrousel liste résumée Type de contenu actualités eZ Flow Bloc XML Au hasard manuelle articles Publications évènements En premier En bas
  • 4. 4 Wireframe Cette étape permet de fixer plusieurs principes : – Utilisation d’une grille : chaque bloc est positionné dans une colonne – Factorisation des type d’affichage : chaque bloc utilisera un mode d’affichage sélectionné dans un catalogue prédéfini
  • 5. 5 Factorisation des types de bloc Il faut dissocier le « type de bloc » et le « type d’affichage » : – Type de bloc : – Carrousel – Bloc libre – Liste automatique d’articles – Type d’affichage : – Listing sur 1 colonne (juste le titre de la page) – Listing sur 2 colonnes – Résumé (titre / vignette / texte) – Etc…
  • 6. 6 Exemple • Type de bloc : • liste automatique article • Type d’affichage : • résumée Le titre et la couleur du bloc sont libres Chaque dernier article est remontée automatiquement Il est possible de restreindre aux N derniers articles
  • 7. 7 Positionnement des blocs Sous le tire de la page Chaque bloc peut être positionné dans différentes zones : Sous le texte sur 1 colonne sur 2 colonnes Sous le menu
  • 8. 8 Exemple Affichage de blocs sous le menu et sous le texte de la page Sous le texte sur 1 colonne sur 2 colonnes Sous le menu
  • 9. 9 Comment ça marche dans le back office ? Exemple : afficher les témoignages dans la colonne de gauche
  • 10. 10 Comment ça marche dans le back office ? Etape 1 choisir la zone « gauche bas » Etape 2 choisir le type de bloc Etape 3 Donner un titre à son bloc Etape 7 : ordonner les témoignages (drag& drop) Etape 4 choisir l’affichage Etape 6 Sélectionner les témoignages
  • 11. 111104.99.13.68.60 - www.kaliop.com – www.twitter.com/kaliop 04/08/2010 Comment ça marche dans le back office ? Une fois tous les blocs crées, il est possible : de les ordonner dans chaque zone Et de les supprimer
  • 12. 12 Les choix de l’affichage Exemple : les différents types d’affichage d’une actualité sur le site Kaliop Sur 2 colonnes Grande vignette au dessus Titre à coté de la vignette Titre au dessus de la vignette