Middleman avec des clients

RUBY NORDApéro Ruby février 2016

RUBY NORD Apéro Ruby février 2016

Samuel Bourdon

@sambrdn


UTILISER MIDDLEMANAVEC DES CLIENTS

(qui veulent gérer leurs contenus…)


MIDDLEMANUN GENERATEUR DE SITE STATIQUE

???


Que dit le web sur le sujet ?


NONhttp://bit.ly/1PMCktV

The joy and pain of using a static site generator for private and client work

http://bit.ly/1O1YlPO

Static vs. CMS, what's the best

solution for clients?


NONLES CLIENTS VEULENT DES CMS• Edition facile • Publication instantanée • Des formulaires • Des sliders • Des commentaires

• Des plugins partout • Données dynamiques • Evolutions • Encore des plugins


OUISTATIC IS THE NEW DYNAMIC

http://bit.ly/1mqYBS7

VOX MEDIASite statique Middleman dont le contenu est géré par des éditeurs externes


OUISTATIC IS THE NEW DYNAMIC

HEALTHCARE.GOVSite gouvernemental US buildé avec Jekyll


http://HEALTHCARE.GOV



STATIC IS THE DYNAMICDes dizaines de services

pour « dynamiser » un site statique


LES AVANTAGEScôté développeur

• Rapidité de développement • Coût • Versionning aisé • Centralisation du code • Pas de jonglage avec les bases de données • Environnements séparés: dev / staging / production • Déploiement rapide • Stricte séparation du développement et de l'édition • Maintenance quasi nulle • Hébergement peu gourmand • Sécurité


LES INCONVENIENTScôté client

• Pas d'interface d'administration • Pas de mise à jour par les utilisateurs • Pas de publications immédiates • Pas de banque de plugins utilisables en un clic • Gestion des images non user friendly • Dépendance à un prestataire pour les mises à jours


CAS D’UTILISATION• Sites de news aux nombreuses publications • Sites aux structures complexes et modifiables • Sites avec gestion des utilisateurs* • Sites nécessitant des manipulations de BDD • Pas de services tiers répondant aux besoins

• Sites type vitrine / brochure • Sites institutionnels au contenu important • Sites de documentation • Le classique blog / portfolio • Site promotionnel produit / service • Landing pages • Sites évènementiels • Panneau d’affichage • Et nombre d’autres…


OK MAIS COMMENT ON GÈRE

LE CONTENU ?


L’EMAIL

• Un petit parfum du web des 90’s • Simple pour l’utilisateur • Viable pour les sites aux mises à jour peu féquentes


L’EMAILQUEL FORMAT DE FICHIERS ?

EXCEL

WORD

YAML / JSON

MARKDOWN

Des outils pour nous aiderMR Data Converter / convertcsv.com /

Des gems : csv2json / word-to-markdown

http://convertcsv.com


GOOGLE DRIVE

• Contenu éditable en ligne • Toujours simple pour les utilisateurs • Travail collaboratif possible • Versionning des fichiers • Partage d’images / documents


GOOGLE DRIVE gems spécifiques

Middle_drivegithub.com/zigomir/middle_drive

2

• Données dans des spreadsheets • Chaque feuille correspond à une page • Simple suite de clés / valeurs • $ middle_drive pour la synchro locale


GOOGLE DRIVE gems spécifiquesMiddleman-google-drive

https://github.com/voxmedia/middleman-google_drive

2

• Système utilisé par Vox Media • Système d’authentification • Multi-documents, multi-pages • Simple suite de clés / valeurs • Plain text / HTML / ArchieML • activate :google_drive

https://github.com/voxmedia/middleman-google_drive


GOOGLE DRIVE Mais aussi

Google Drive Rubyhttps://github.com/gimite/google-drive-ruby

https://github.com/landonmarder/google_drive_ruby

Sheestuhttps://sheetsu.com/

RESTful API pour Google Spreadsheet : GET / POSTPUT / PATCH / DELETE dans la current beta


PROSE.IOL’éditeur de GitHub


PROSE.IOL’éditeur de GitHub

• Sources sur GitHub • Versionning • Accès restreint des fichiers • Editeur Markdown • Prévisualisation • Charger des images • Edition des meta données • Commit on save • Build & Deploy

C’est plus simple d’apprendre un peu de Markdown que de cliquer partout dans un editeur…


CONTENTFULCms en mode SaaS

• Découpler totalement le contenu • Multi-utilisateurs • Flexibilité • User friendly • Gestion avancée des assets • Webhooks • Gem pour middleman • $ middleman contentful —rebuild • Free pour les petits projets


PRISMIC.IOCms en mode SaaS

• Similaire à Contenful • Création de CT en JSON • Différents types de contenus • Gem pour middleman • $ middleman prismic • Gem officielle : Ruby-kit • Free en mono-utilisateur


WORDPRESSCms as a back end

• Copier Contentful / Prismic • Ne garder que l’édition • Gestion des publications • Le client connait WP • Refonte d’un site existant • Management des assets • Gems : • middlemanWordpress-import • middleman-data-source


RUBY ON RAILSRoll your own solution

• Simple CRUD • Pages / posts / galeries • Fonctionnalités sur mesure • JSON pour tous • Gems pour l’admin • Hébergée sur heroku • App réutilisable

Une app par site


RUBY ON RAILSRoll your own solution

• Simple CRUD • Pages / posts / galeries • Fonctionnalités sur mesure • JSON pour tous • Gems pour l’admin • Hébergée sur heroku • App réutilisable

Une app par site

• Une app multi-sites • Collection de modules • Activables site par site • Ajout de nouveaux sites • Soyez créatifs :)

Une app pour les gouverner tous


D’AUTRES SOLUTIONS ?Oui ! il y en a encore…


Merci !

Software

Middleman avec des clients