Pro­cess­Wire : le CMS open source pour des sites Web uniques

Pro­cess­Wire est un framework de gestion de contenu (CMF) et un système de gestion de contenu gratuit (CMS). Le backend est propre et structuré pour une ma­ni­pu­la­tion facile. Cet outil vous donne toute la liberté dont vous avez besoin pour concevoir votre site Web. Il n'est pas aussi bien connu que le géant CMS WordPress ou ses con­cur­rents Joomla, Drupal et TYPO3, mais ce léger logiciel se distingue de la con­cur­rence par certains avantages. C'est pourquoi il vaut la peine d'exa­mi­ner de plus près Pro­cess­Wire.

Sous le nom de Dictator CMS, le CMS était déjà en dé­ve­lop­pe­ment actif en 2003. En 2007, Ryan Cramer a fi­na­le­ment sorti le logiciel sous le nom de Pro­cess­Wire 1.0. Cependant, Dictator CMS et Pro­cess­Wire 1.0 n'étaient pas encore open source, bien que des efforts aient été faits dans cette direction. Seule la version 2.0 a fi­na­le­ment été publiée sous la Mozilla Public License 2.0 en 2010. Selon la com­mu­nauté, la version 2.3 était un jalon spécial pour les dé­ve­lop­peurs, car il s'agis­sait de la première version sur laquelle la com­mu­nauté avait travaillé ensemble sur le logiciel de base. La version 3.0 (2016) est la dernière version majeure. Grâce à la com­mu­nauté active, des packs de lo­ca­li­sa­tion sont également dis­po­nibles pour plusieurs langues, dont l'al­le­mand, le français, l'es­pag­nol et l'italien.

Le backend Pro­cess­Wire est bien structuré, l'in­ter­face uti­li­sa­teur est ex­trê­me­ment con­vi­viale. Vous cons­trui­sez les pages Web avec Pro­cess­Wire à partir d'élé­ments in­di­vi­duels, les zones. Vous dé­ter­mi­nez la fonction d'un champ et vous le placez dans la page. Pour définir la structure de la page, vous créez un modèle avec Pro­cess­Wire. Vous y placez les champs selon vos souhaits. Si vous affectez des pages à un modèle, votre site Web affiche toutes ces pages selon la structure que vous avez spécifiée.

Puisque chaque partie de votre site Web est assignée à une page Web, le CMS travaille avec des pages cachées. Ceux-ci sont soit toujours cachés et sont utilisés, par exemple, comme stockage de contenu pour d'autres pages, soit ils con­trô­lent la na­vi­ga­tion. Une autre pos­si­bi­lité : la page apparaît lorsque les uti­li­sa­teurs in­te­ra­gis­sent avec le site Web d'une manière ou d'une autre. Par exemple, le message d'erreur 404 est chargé lorsque vous saisissez une URL invalide.

L'in­ter­face de pro­gram­ma­tion stable (API pour Ap­pli­ca­tion Pro­gram­ming Interface) fait la fierté du CMF. En raison de la structure modulaire de Pro­cess­Wire, le système nécessite des in­ter­faces internes via les­quelles les uti­li­sa­teurs peuvent trouver, modifier ou créer de nouvelles données. Vous utilisez des variables d'in­ter­face et des sé­lec­teurs pour traiter ces données. Dans le script, vous pouvez con­ca­té­ner les commandes né­ces­saires et les placer sur une seule ligne. En plus des modules intégrés, l'API permet également l'échange de données fluides avec des plug-ins tiers.

Les pages men­tion­nées ci-dessus sont composées de champs (fields). Celles-ci ont aussi une ca­rac­té­ris­tique spéciale. Con­trai­re­ment à WordPress, par exemple, il n'y a pas un seul grand champ de saisie pour saisir tout le contenu d'une page. Vous pouvez per­son­na­li­ser tous les champs en fonction de vos besoins. Ensuite, combinez plusieurs champs sur la page, qu'il s'agisse de simples champs de texte ou de vidéos. Vous affectez ces zones aux Templates Pro­cess­Wire. Qu'il s'agisse d'un simple fichier HTML ou d'une ap­pli­ca­tion PHP complexe, les fichiers modèles peuvent être placés dans le CMS en quelques étapes par glisser-déposer. La plupart des dé­ve­lop­peurs utilisent des modèles avec des balises PHP pour afficher du contenu dynamique.

Le fonc­tion­ne­ment des Templates avec Pro­cess­Wire peut être expliqué comme suit : Si les uti­li­sa­teurs chargent une page, le CMS appelle le modèle affecté à la page. Il assigne des variables API au modèle et l'exécute ensuite en tant que script PHP.

Le programme de base comprend déjà quelques plug-ins stables. Il existe des modules pour :

• Ad­min­Themes
• Spam­Blo­cker d‘Akismet pour la colonne de com­men­taires
• Field­ty­pe­Plug-ins (Checkbox, Images, options de sélection, titre de pages, etc.)
• Pa­ra­mètres de dossiers
• Images
• Champs d’Input (boutons, email, nom, sélection, zone de texte, etc.)
• jQuery
• Langues
• Hooks
• Markups
• Pages
• Processus (éditer des pages, droits, champs, etc.)
• Sessions
• Système
• Formatage de texte

Vous pouvez per­son­na­li­ser la mé­tho­do­lo­gie à l'aide de crochets (hooks). Au lieu de changer le code source, connectez-vous à un plugin ou à un thème à un point spé­ci­fique du code. Des modules sup­plé­men­taires peuvent être trouvés dans le ré­per­toire Plug-in. Les membres de la com­mu­nauté té­lé­char­gent de nouveaux modules open source. Vous pouvez utiliser de tels modules sans aucun problème : il s'agit notamment de Form Builder, un outil qui facilite la création de for­mu­laires, et de ProFields, qui peut traiter plus de données dans moins de champs.

La mémoire Cache vaut aussi la peine d'être men­tion­née. Dans les versions pro­fes­sion­nelles gratuites et payantes (le prix de vente de ProCache est en­tiè­re­ment utilisé pour le dé­ve­lop­pe­ment), le cache est un outil pratique qui accélère le char­ge­ment des pages.

Exigences minimales

• Un serveur Web basé sur Unix ou Windows
• Apache (éven­tuel­le­ment un équi­valent comme NGINX ou IIS si un rem­pla­ce­ment pour .htaccess, par exemple web.config pour IIS, est dis­po­nible).
• mod-rewrite doit être activé dans Apache
• Apache doit supporter .htaccess.
• PHP à partir de la version 5.3.8 avec support des bases de données PDO
• Bi­blio­thèque GD-2 Bundle pour PHP

Meilleur cas :

• La dernière version stable PHP
• Des balises courtes sont activées pour PHP
• Support des chaînes de ca­rac­tères multi-octets compilées avec PHP (--enable-mbstring)

Les deux outils sont apparus pour la première fois en 2003. WordPress est le géant CMS avec une part de marché de 60% (en janvier 2018), leader mondial des systèmes de gestion de contenu. En revanche, les chiffres d'uti­li­sa­tion de Pro­cess­Wire sont de l'ordre de quatre chiffres, ce qui signifie une part de marché in­fé­rieure à 0,1 %. Une grande dif­fé­rence entre les deux outils est que WordPress est très facile à installer et à utiliser et ne nécessite aucune con­nais­sance en HTML ou PHP.

C'est un peu comme avec la musique. Vous n'avez pas besoin de beaucoup de talent ou de temps pour une chanson pop générique. L'ar­ran­ge­ment est créé selon un modèle et de l’auto-Tune. La musique est aussi souvent jouée à la radio, car elle présente une faible com­plexité. Une musique plus complexe offre gé­né­ra­le­ment plus de variété, mais vous avez aussi besoin de plus de com­pé­tences pour composer.

Pro­cess­Wire possède certaines ca­rac­té­ris­tiques qui fa­ci­li­tent la vie des con­cep­teurs et des dé­ve­lop­peurs de sites Web : comme le char­ge­ment de fichiers par glisser-déposer. L'ins­tal­la­tion prend re­la­ti­ve­ment peu de temps. Mais la liberté de concevoir n'importe quel site Web selon vos propres idées nécessite également une con­nais­sance préalable des langages de pro­gram­ma­tion. Le groupe cible de Pro­cess­Wire est donc différent de celui de WordPress. Le leader du marché fait de la publicité avec une ins­tal­la­tion et une ins­tal­la­tion en moins de 5 minutes. Les thèmes et les modèles existants four­nis­sent un cadre. Ainsi, même les débutants peuvent créer un blog res­pec­table en peu de temps.

Le dé­ve­lop­peur du site Web attribue les Templates Pro­cess­Wire aux pages res­pec­tives. Vous devez pra­ti­que­ment fusionner vous-même le cadre du site Web avec les commandes. Pro­cess­Wire s'adresse donc aux con­cep­teurs de sites Web pro­fes­sion­nels ou aux pro­gram­meurs de loisir. Cependant, l'uti­li­sa­teur final du site Web fini n'a pas besoin de beaucoup de con­nais­sances préa­lables : Une fois que le cadre est en place, les mises à jour et l'ajout de nouvelles pages ne posent aucun problème, même pour les profanes de l'in­for­ma­tique. La fonction prête à l'emploi, avec laquelle plusieurs domaines localisés peuvent être créés pour un site Web, est par­ti­cu­liè­re­ment pratique. Grâce aux packages lin­guis­tiques, vous pouvez également tra­vail­ler en back-end dans la langue cible. Avec WordPress, l'in­té­gra­tion lin­guis­tique ne se déroule gé­né­ra­le­ment pas aussi bien.

Quiconque crée un site Web veut na­tu­rel­le­ment qu'il se trouve sur le Net. Pro­cess­Wire et WordPress vous aident à optimiser vos pages à cet égard. Le logiciel de base optimise les URL pour les robots des moteurs de recherche et les lecteurs, par exemple. L'ar­bo­res­cence de Pro­cess­Wire est très bien adaptée à la création de hié­rar­chies claires. Cependant, la pa­gi­na­tion peut être un problème. Les pages sans contenu qui ne font référence qu'à d'autres pages n'offrent rien aux robots et, dans le pire des cas, les envoient en boucle. C'est pourquoi les dé­ve­lop­peurs Pro­cess­Wire re­com­man­dent de préparer des pages d'erreur 404 pour d'éven­tuelles erreurs de charge. La mémoire cache (suf­fi­sante comme version de base pour les petits projets) augmente la vitesse de char­ge­ment. Avec WordPress, vous devez ajouter une extension à cette fin.

Dans la partie plugin de WordPress, vous trouverez de nombreux outils d'op­ti­mi­sa­tion. Yoast SEO, par exemple, offre les fonctions de ré­fé­ren­ce­ment les plus im­por­tantes dans un seul paquet. Il s'agit notamment de fonctions d'in­té­gra­tion des médias sociaux, d'op­ti­mi­sa­tion des mé­ta­don­nées et d'analyse des sites Web. Avec le plugin Google XML Sitemaps, vous créez un sitemap. Pro­cess­Wire met également à dis­po­si­tion un module à cet effet. L'ex­ten­sion MarkupSEO est une solution complète. Cet outil crée un onglet SEO dans la zone « Pages ». Vous y entrez le titre, les images de pré­vi­sua­li­sa­tion et d'autres mé­ta­don­nées. Dans la partie su­pé­rieure, vous voyez un Google-Preview parallèle à l'édition. ProFields : AutoLinks relie au­to­ma­ti­que­ment les mots-clés sé­lec­tion­nés à des URLs données. Avec le module Pro­cess­Wire Ac­ces­si­bi­lity Tools, vous augmentez l'ac­ces­si­bi­lité de votre site Web.

Comme nous l'avons déjà mentionné, avec Pro­cess­Wire, vous tra­vail­lez avec une structure ar­bo­res­cente presque in­fi­ni­ment ex­ten­sible. Pour le dé­ve­lop­pe­ment de votre site Web, vous disposez d'un logiciel solide et léger. Vous utilisez l'in­ter­face de pro­gram­ma­tion pour intégrer des modules qui semblent utiles pour votre projet. Certains sont déjà inclus dans le logiciel de base lors de l'ins­tal­la­tion. Les ap­pli­ca­tions com­mu­nau­taires sont également basées sur les logiciels libres et les dé­ve­lop­peurs prin­ci­paux les testent avant qu'ils ne soient mis à la dis­po­si­tion des uti­li­sa­teurs. Le programme est considéré comme un framework de gestion de contenu, puisque vous pouvez créer votre propre système de gestion de contenu personnel avec ce logiciel.

WordPress est basé sur le logiciel b2, développé à l'origine comme logiciel de blogging. Vous pouvez également gérer des pages hié­rar­chiques et l'uti­li­ser comme un CMS. L'API a souvent été critiquée : con­trai­re­ment à Pro­cess­Wire, où les logiciels de base et les modules s'en­grè­nent, la grande com­mu­nauté WordPress ajoute cons­tam­ment des plugins (parfois dangereux et souvent sur­char­gés). En raison du che­vau­che­ment des res­pon­sa­bi­li­tés, les dif­fé­rents plugins peuvent se faire con­cur­rence. De plus, en raison de leur grand nombre, presque toutes les ap­pli­ca­tions peuvent être testées pour vérifier leur com­pa­ti­bi­lité. Dans le cas des mises à jour au­to­ma­ti­sées fré­quentes, cela conduit parfois à une nouvelle version de plugin limitant d'autres fonctions de votre site web sans que cela ne soit remarqué.

Autre par­ti­cu­la­rité du logiciel CMF Pro­cess­Wire : tous les com­po­sants visibles et in­vi­sibles des sites Web sont des pages. Vous disposez ensuite de plusieurs zones de données adaptées à la méthode de saisie. Dans Blog-CMS WordPress, vous tra­vail­lez dans un grand champ de saisie et ne disposez que de quelques champs de données pour la ca­té­go­ri­sa­tion.

WordPress est connu et populaire à l'échelle in­ter­na­tio­nale. Ceci, bien sûr, attire des hackers. CVE-Details a énuméré un total de 273 vul­né­ra­bi­li­tés dans les ap­pli­ca­tions WordPress jusqu’en mars 2018.

Bon nombre de ces failles étaient critiques. Le nombre de vul­né­ra­bi­li­tés signalées a même plus que doublé en 2017 par rapport à l’année pré­cé­dente. La méthode du Cross-Site-Scripting a permis de faire ap­pa­raître la liste des cy­be­rat­taques les plus courantes. WordPress travaille cons­tam­ment sur les mises à jour de sécurité, mais de nom­breuses pages utilisent une multitude de plug-ins qui né­ces­si­tent également des mises à jour. Cependant, de nombreux ad­mi­nis­tra­teurs de sites Web oublient que les plugins ont également besoin de recevoir des mises à jour ré­gu­lières. Les thèmes sur­char­gés ont souvent de sérieuses failles de sécurité.

Depuis, les modules com­mu­nau­taires sont testés avec plus d’in­sis­tance avant dé­ploie­ment, malgré une coo­pé­ra­tion open source. La bi­blio­thèque de plugins est donc plus petite mais aussi plus facile à gérer, et les plug-ins sont re­la­ti­ve­ment sûrs. Pro­cess­Wire travaille également en per­ma­nence sur les mises à jour de sécurité.

Courte in­tro­duc­tion à l’ins­tal­la­tion

Il existe plusieurs méthodes de té­lé­char­ge­ment, mais la plupart des uti­li­sa­teurs té­lé­char­gent le programme via GitHub. Si vous avez té­lé­chargé le fichier zip de cette façon, vous devez dé­com­pres­ser le fichier zip. Ensuite, té­lé­char­gez le paquet de fichiers sur un serveur et continuez l'ins­tal­la­tion Web. Le programme effectue un contrôle de com­pa­ti­bi­lité et vous informe si les con­di­tions de base ne sont pas remplies. Si ce n'est pas déjà fait, activez PHP dans le fichier .htaccess. Ensuite, entrez les in­for­ma­tions requises sur votre base de données dans la zone d'ad­mi­nis­tra­tion. Vous pouvez les trouver chez votre hébergeur. Par la suite, le FMC a besoin d'une adresse élec­tro­nique. Vous recevrez vos données d'accès et pourrez commencer im­mé­dia­te­ment.

Vous accédez ensuite au point de menu « Templates » via les réglages (Setup). Les modèles assurent un aspect uniforme des pages avec les mêmes tâches. Sé­lec­tion­nez « Add New Template ». Vous chargez les spé­ci­fi­ca­tions du modèle à partir d'un fichier PHP sur votre serveur ou vous les écrivez vous-même. Si un modèle existe déjà, comme le modèle de base des té­lé­char­ge­ments, dupliquez ce modèle pour un nouveau thème. Sé­lec­tion­nez un modèle dans le menu déroulant dans « Dupliquer les champs utilisés par un autre modèle » (Duplicate fields used by another template). Votre nouveau modèle contient toutes les zones du modèle original. Les champs existants sont conservés.

Dans l'onglet « Access », vous dé­ter­mi­nez qui a accès aux pages de ce modèle. Il existe une multitude d'ap­pli­ca­tions possibles pour cela. Par exemple, il est possible de créer des pages de forum qui ne sont visibles que pour les uti­li­sa­teurs connectés. Vous pouvez également vouloir cons­truire une page que tous les visiteurs peuvent voir, mais dont le contenu ne peut être édité que par des mo­dé­ra­teurs. Dans « Family », vous dé­fi­nis­sez si le modèle autorise les sous-pages. Vous dé­fi­nis­sez également les modèles valables pour les pages enfants et parents. La pa­gi­na­tion et l'op­ti­mi­sa­tion du site Web grâce à des struc­tures de chemin d'accès claires vous aident via les pa­ra­mètres URL.

Le cache améliore les temps de char­ge­ment des pages Web complexes. Sous la catégorie « Advanced », vous trouverez des tags, des toggles et des icônes. Comme Pro­cess­Wire essaie de placer les outils là où vous en avez besoin, vous pouvez également copier les champs d'autres thèmes dans l'éditeur de modèles sous « Import ». Utilisez « Delete » pour supprimer un modèle.

Le credo de Pro­cess­Wire : tout est une page. Cela vous donne une vue d'en­semble de chaque élément dans votre ar­chi­tec­ture. Vous avez déjà défini des zones et créé des modèles. Vous avez donc la base né­ces­saire pour créer une page. Pour ce faire, retournez sur la page d'accueil « Pages » et cliquez sur « Add new ». Dans le menu déroulant, vous pouvez voir tous les modèles déjà créés. Sé­lec­tion­nez le thème désiré, par exemple « Skys­cra­pers », comme le montre l'image ci-dessous.

La nouvelle page sera cons­truite selon le modèle défini dans « Skys­cra­pers ». Dans la version de dé­mons­tra­tion, les relations entre la page et la famille sont déjà fixées. Pour le modèle « Skys­cra­pers », sé­lec­tion­nez une page mère dans les villes données (Cities). Ensuite, donnez à la page le titre de l'en-tête et un nom pour l'URL.

Sau­ve­gar­dez d'abord la page avec « Save ». Allez dans Pages > Villes > Al­bu­querque, sé­lec­tion­nez la page d'exemple (Al­bu­querque Petroleum Building) et cliquez sur « Edit ». Dans l'onglet Pa­ra­mètres, vous dé­fi­nis­sez les pro­prié­tés de la page. Le nom et le modèle sont déjà créés. La page mère dans l'exemple est Al­bu­querque. Ici, vous décidez du statut (caché, ver­rouillé ou non publié), des droits d'accès et du cache. Per­son­na­li­sez vos champs in­di­vi­duels dans la zone de contenu (ici : Skys­cra­per Info). Le modèle Skys­cra­per spécifie 12 champs :

• Title (Page Title)
• Height (Float)
• Floors (Integer)
• Year (Integer)
• Ar­chi­tects (Page)
• Body (Text Area)
• Map (Map Marker)
• Images (Images)
• Fieldset_Meta (Field­se­tO­pen)
• Free­ba­se­Guid (Text)
• Wi­ki­pe­diaID (Integer)
• Field­set­Meta-END

Rem­plis­sez les champs de texte et de nombre avec le contenu. Entrez les coor­don­nées de marquage sur la carte. Té­lé­char­gez les images dans le champ cor­res­pon­dant par glisser-déposer. Vous pouvez utiliser l'outil image pour modifier la taille et le format. Une fois que vous avez rempli tous les champs, sé­lec­tion­nez l'une des vues de pré­vi­sua­li­sa­tion dans l'onglet « View ». Tout a l'air bien ? Sau­ve­gar­dez ensuite la page sous « Save ». Avec ces premières étapes, vous cons­trui­sez un site Web simple et per­son­na­lisé. Pour plus de liberté de con­cep­tion, une meilleure ex­pé­rience uti­li­sa­teur et une zone d'ad­mi­nis­tra­tion optimisée, parcourez les modules open source.