SlideShare une entreprise Scribd logo
PAR : OUADIE LAHDIOUI
TWITTER : @OUADIELAHDIOUI
04/04/2016
BBL : BROWN BAG LUNCH
Prismic : Un CMS sans tête en mode SaaS
AGENDA
 Architecture CMS monolithique
 Architecture CMS Sans tête
 CMS Sans tête (a.k.a headless CMS ou decoupled CMS) :
2
 Qu'est ce que vous pouvez faire avec ?
 Solutions
 Prismic.io
 Prismic.io API
 Prismic.io API Browser
ARCHITECTURE CMS MONOLITHIQUE (A.K.A TRADITIONAL CMS)
3
 Comment faire pour exploiter le contenu à partir :
Application desktop ? Application mobile native ?
ARCHITECTURE CMS SANS TÊTE (A.K.A HEADLESS OU DECOUPLED)
4
Application
desktop
Application
mobile native
Navigateur
Microsites
Wearables
Smart TV
Xbox
CMS SANS TÊTE (A.K.A HEADLESS OU DECOUPLED)
 Un backend basé sur une BD et géré traditionnellement via une interface graphique
 Un contenu accessible via des services web
 Un frontend totalement indépendant
5
CMS SANS TÊTE : QU'EST CE QUE VOUS POUVEZ FAIRE AVEC ?
6
CMS SANS TÊTE : SOLUTIONS
 WordPress sans tête : WP + plugin JSON API
 Drupal sans tête : Drupal + module pour des WS REST
7
Avantages
 API simple pour manipuler le contenu
 Même logiciel, workflow...pas besoin d'apprendre un
nouveau outil
 Réutiliser le code et le contenu existant
inconvénients  Extensions non officielles
 Conflit avec les nouvelles versions du CMS
 Fonctionnalités limitées
CMS SANS TÊTE : PRISMIC.IO
 Un CMS en mode SaaS (Software as a service) orienté données
 Il se focalise sur la valeur métier de la gestion de contenu et non pas sur l’affichage
 Crée par :
> Sadek Drobi : un des fondateurs de Play Framwork.
> Guillaume Bort : Un lead du projet Play
 Propose deux services en parallèle :
> une solution de gestion de contenu avec un back-office
> une API REST pour interagir, récupérer et mettre en forme les contenus
8
CMS SANS TÊTE : L’INTERFACE PRISMIC.IO
9
CMS SANS TÊTE : PRISMIC.IO API
10
 Télécharger le kit de développement :
 Définir la stratégie d’utilisation du kit :
 Let’s go :
CMS SANS TÊTE : PRISMIC.IO API BROWSER
11
12
Bon appétit
et merci pour votre attention

Contenu connexe

PPTX
Front end, une île qui mérite d'être visitée
Ouadie LAHDIOUI
 
PPTX
Hello AngularJS - Back to the future
Ouadie LAHDIOUI
 
PPTX
Real-Time applications avec la spécification Java (JSR 356) et le protocole W...
Ouadie LAHDIOUI
 
PPTX
Jquery Mobile vs Twitter Bootstrap
ODC Orange Developer Center
 
PPTX
EcmaScript
Dagbouj Hatem
 
PPT
Formation adobeflex
Cynapsys It Hotspot
 
PPTX
jQuery mobile vs Twitter bootstrap
ODC Orange Developer Center
 
PPTX
Développer une application Chrome avec AngularJs (Google Développers Group Sa...
DEFO KUATE Landry
 
Front end, une île qui mérite d'être visitée
Ouadie LAHDIOUI
 
Hello AngularJS - Back to the future
Ouadie LAHDIOUI
 
Real-Time applications avec la spécification Java (JSR 356) et le protocole W...
Ouadie LAHDIOUI
 
Jquery Mobile vs Twitter Bootstrap
ODC Orange Developer Center
 
EcmaScript
Dagbouj Hatem
 
Formation adobeflex
Cynapsys It Hotspot
 
jQuery mobile vs Twitter bootstrap
ODC Orange Developer Center
 
Développer une application Chrome avec AngularJs (Google Développers Group Sa...
DEFO KUATE Landry
 

Tendances (20)

PPTX
Apache camel et les entreprise integration patterns
Ouadie LAHDIOUI
 
PDF
Asp.net Tutorials de L'application "Organizer"
Nazih Heni
 
PDF
M20486 formation-developper-des-applications-web-asp-net-mvc-4
CERTyou Formation
 
PPTX
Présentation de WCF
Romain Coste
 
PPTX
Initiation à ASP.NET 4.0
Jean-Baptiste Vigneron
 
PDF
Introduction à web assembly
Jérémy Buget
 
PPTX
ASP.NET MVC, Web API & KnockoutJS
Renaud Dumont
 
PPT
Asp.net Présentation de L'application "Organizer"
Nazih Heni
 
PDF
Introduction à ASP.NET
Abdelouahed Abdou
 
PPTX
Quoi de neuf dans ASP.NET 4.5
Microsoft
 
PPTX
Vue Introduction
Adrien Montagu
 
PPTX
jQuery vs AngularJS
Safwen Chibeni
 
PPTX
De A à Z : Choisir une architecture pour sa solution applicative
Microsoft
 
PPTX
Angular JS - Paterne Gaye-Guingnido
SOAT
 
PDF
Websico dp-fr-7a63
charlydeparis
 
PDF
Twitter Bootstrap par Antoine Guédès et Cédric Dussart
La FeWeb
 
PDF
Symfony et Sonata Project chez Canal+
ekino
 
PPTX
Comment créer des Chrome Apps ou Packaged Chrome Apps
Bruno Soufo
 
PPTX
Grails Un Framework Web Agile
Nabil Adouani
 
PPTX
ASP.NET from Zero to Hero
Cellenza
 
Apache camel et les entreprise integration patterns
Ouadie LAHDIOUI
 
Asp.net Tutorials de L'application "Organizer"
Nazih Heni
 
M20486 formation-developper-des-applications-web-asp-net-mvc-4
CERTyou Formation
 
Présentation de WCF
Romain Coste
 
Initiation à ASP.NET 4.0
Jean-Baptiste Vigneron
 
Introduction à web assembly
Jérémy Buget
 
ASP.NET MVC, Web API & KnockoutJS
Renaud Dumont
 
Asp.net Présentation de L'application "Organizer"
Nazih Heni
 
Introduction à ASP.NET
Abdelouahed Abdou
 
Quoi de neuf dans ASP.NET 4.5
Microsoft
 
Vue Introduction
Adrien Montagu
 
jQuery vs AngularJS
Safwen Chibeni
 
De A à Z : Choisir une architecture pour sa solution applicative
Microsoft
 
Angular JS - Paterne Gaye-Guingnido
SOAT
 
Websico dp-fr-7a63
charlydeparis
 
Twitter Bootstrap par Antoine Guédès et Cédric Dussart
La FeWeb
 
Symfony et Sonata Project chez Canal+
ekino
 
Comment créer des Chrome Apps ou Packaged Chrome Apps
Bruno Soufo
 
Grails Un Framework Web Agile
Nabil Adouani
 
ASP.NET from Zero to Hero
Cellenza
 
Publicité

En vedette (20)

PPTX
AngularJS
Ouadie LAHDIOUI
 
PPTX
REST : Modèle de maturité de Richardson, Pour évaluer la RESTitude de votre API
Ouadie LAHDIOUI
 
PPTX
AngularJS - Présentation (french)
Yacine Rezgui
 
PDF
Introduction au Framework AngularJs
RadhoueneRouached
 
PDF
comprendre angularJS en 10 minutes
David Bo
 
PDF
Debug like a doctor
Ouadie LAHDIOUI
 
PPT
Exploradores web
Weregarurumon
 
PPT
PresentacióN2
yishel
 
XLS
Proyecto dolca(1)
francy
 
PPTX
Skm c554e15043010170
UIMM Région Havraise
 
PDF
Derecho inte y otras disc
Elena Tapias
 
PPTX
Communauté onepoint - Stratégie IT & Architecture d'Entreprise
GroupeONEPOINT
 
PDF
My tools @ridehf
Seguros Bilbao
 
PPS
Amigo libro
IES Juan B Justo
 
PPTX
Preguntas de investigacion prof
jpvg
 
PDF
Inteligencia Comercial y Contratación Pública. De los datos... al conocimiento
Jose Luis Marín de la Iglesia
 
PDF
Concours "Dis-moi dix mots" - Lycée Français de Palma
cdilyceepalma
 
PPTX
Redes3
Erick
 
PPTX
Realidad Virtual, aumentada y videojuegos
Nelson
 
DOCX
Yves Doyon de Québec
Yves Doyon
 
AngularJS
Ouadie LAHDIOUI
 
REST : Modèle de maturité de Richardson, Pour évaluer la RESTitude de votre API
Ouadie LAHDIOUI
 
AngularJS - Présentation (french)
Yacine Rezgui
 
Introduction au Framework AngularJs
RadhoueneRouached
 
comprendre angularJS en 10 minutes
David Bo
 
Debug like a doctor
Ouadie LAHDIOUI
 
Exploradores web
Weregarurumon
 
PresentacióN2
yishel
 
Proyecto dolca(1)
francy
 
Skm c554e15043010170
UIMM Région Havraise
 
Derecho inte y otras disc
Elena Tapias
 
Communauté onepoint - Stratégie IT & Architecture d'Entreprise
GroupeONEPOINT
 
My tools @ridehf
Seguros Bilbao
 
Amigo libro
IES Juan B Justo
 
Preguntas de investigacion prof
jpvg
 
Inteligencia Comercial y Contratación Pública. De los datos... al conocimiento
Jose Luis Marín de la Iglesia
 
Concours "Dis-moi dix mots" - Lycée Français de Palma
cdilyceepalma
 
Redes3
Erick
 
Realidad Virtual, aumentada y videojuegos
Nelson
 
Yves Doyon de Québec
Yves Doyon
 
Publicité

Similaire à Prismic (20)

PPTX
CMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisite
Smile I.T is open
 
PPTX
Création de visuels personnalisés avec Power BI Visuals CLI
Denys Chamberland
 
PPTX
Création de visuels personnalisés avec Power BI Visuals CLI
Denys Chamberland
 
PDF
Flat File CMS - AgoraCMS 2014
Laurent Séguin
 
PPTX
Dev Better, dev faster et si le low code open source et l'ia redéfinissait le...
JulienCognet1
 
ODP
Cms Podcamp 2009
Gestion Websource inc.
 
PDF
Programmation Web developpement dynamique
YounesOuladSayad1
 
PDF
developpement web framework cms developpement brute
YounesOuladSayad1
 
PDF
GestionAIR
EscaleDigitale
 
PPT
content management system
Ibtissam Kably
 
PDF
Un site dynamique sans serveur (serverless), c’est possible ! par Virginie MA...
La Cuisine du Web
 
PDF
Comment bien choisir son cms e-commerce ?
Chris Gillard
 
ODP
présentation wordpress
monsieurpixel
 
PDF
Construire une PWA connectée à WordPress
Benjamin LUPU
 
PPTX
Symfony live Paris 2014 - Symfony2 sur Azure
Stéphane ESCANDELL
 
PPTX
Mobyview : Drupal Meetup, Paris, 17 Sep 2015
Alex Leroy Deval
 
PPTX
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Microsoft Technet France
 
PDF
LAWS - Crée un site dynamique en serverless c'est possible
Robin Mizreh
 
PPTX
No Code et SEO sont ils compatibles ? Philippe Yonnet Neper
Philippe YONNET
 
PDF
S29 valorisation de l'existant ibm i avec php
Gautier DUMAS
 
CMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisite
Smile I.T is open
 
Création de visuels personnalisés avec Power BI Visuals CLI
Denys Chamberland
 
Création de visuels personnalisés avec Power BI Visuals CLI
Denys Chamberland
 
Flat File CMS - AgoraCMS 2014
Laurent Séguin
 
Dev Better, dev faster et si le low code open source et l'ia redéfinissait le...
JulienCognet1
 
Cms Podcamp 2009
Gestion Websource inc.
 
Programmation Web developpement dynamique
YounesOuladSayad1
 
developpement web framework cms developpement brute
YounesOuladSayad1
 
GestionAIR
EscaleDigitale
 
content management system
Ibtissam Kably
 
Un site dynamique sans serveur (serverless), c’est possible ! par Virginie MA...
La Cuisine du Web
 
Comment bien choisir son cms e-commerce ?
Chris Gillard
 
présentation wordpress
monsieurpixel
 
Construire une PWA connectée à WordPress
Benjamin LUPU
 
Symfony live Paris 2014 - Symfony2 sur Azure
Stéphane ESCANDELL
 
Mobyview : Drupal Meetup, Paris, 17 Sep 2015
Alex Leroy Deval
 
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Microsoft Technet France
 
LAWS - Crée un site dynamique en serverless c'est possible
Robin Mizreh
 
No Code et SEO sont ils compatibles ? Philippe Yonnet Neper
Philippe YONNET
 
S29 valorisation de l'existant ibm i avec php
Gautier DUMAS
 

Prismic

  • 1. PAR : OUADIE LAHDIOUI TWITTER : @OUADIELAHDIOUI 04/04/2016 BBL : BROWN BAG LUNCH Prismic : Un CMS sans tête en mode SaaS
  • 2. AGENDA  Architecture CMS monolithique  Architecture CMS Sans tête  CMS Sans tête (a.k.a headless CMS ou decoupled CMS) : 2  Qu'est ce que vous pouvez faire avec ?  Solutions  Prismic.io  Prismic.io API  Prismic.io API Browser
  • 3. ARCHITECTURE CMS MONOLITHIQUE (A.K.A TRADITIONAL CMS) 3  Comment faire pour exploiter le contenu à partir : Application desktop ? Application mobile native ?
  • 4. ARCHITECTURE CMS SANS TÊTE (A.K.A HEADLESS OU DECOUPLED) 4 Application desktop Application mobile native Navigateur Microsites Wearables Smart TV Xbox
  • 5. CMS SANS TÊTE (A.K.A HEADLESS OU DECOUPLED)  Un backend basé sur une BD et géré traditionnellement via une interface graphique  Un contenu accessible via des services web  Un frontend totalement indépendant 5
  • 6. CMS SANS TÊTE : QU'EST CE QUE VOUS POUVEZ FAIRE AVEC ? 6
  • 7. CMS SANS TÊTE : SOLUTIONS  WordPress sans tête : WP + plugin JSON API  Drupal sans tête : Drupal + module pour des WS REST 7 Avantages  API simple pour manipuler le contenu  Même logiciel, workflow...pas besoin d'apprendre un nouveau outil  Réutiliser le code et le contenu existant inconvénients  Extensions non officielles  Conflit avec les nouvelles versions du CMS  Fonctionnalités limitées
  • 8. CMS SANS TÊTE : PRISMIC.IO  Un CMS en mode SaaS (Software as a service) orienté données  Il se focalise sur la valeur métier de la gestion de contenu et non pas sur l’affichage  Crée par : > Sadek Drobi : un des fondateurs de Play Framwork. > Guillaume Bort : Un lead du projet Play  Propose deux services en parallèle : > une solution de gestion de contenu avec un back-office > une API REST pour interagir, récupérer et mettre en forme les contenus 8
  • 9. CMS SANS TÊTE : L’INTERFACE PRISMIC.IO 9
  • 10. CMS SANS TÊTE : PRISMIC.IO API 10  Télécharger le kit de développement :  Définir la stratégie d’utilisation du kit :  Let’s go :
  • 11. CMS SANS TÊTE : PRISMIC.IO API BROWSER 11
  • 12. 12 Bon appétit et merci pour votre attention