Définir les Trackers n’a jamais été une tâche facile, et cela parce que les Trackers ne sont pas, comme un forum ou un blog, une fonctionnalité prête à l’emploi où l’on se contente de régler quelques paramètres et options. Les Trackers se rapprochent davantage de Microsoft Access ou d’Apple FileMaker Pro. Pour le dire le plus simplement possible : les Trackers sont une boîte à outils et un ensemble de composants conçus pour interagir directement avec les valeurs d’une base de données, en lecture comme en écriture. Ils peuvent être utilisés comme une fonctionnalité autonome ou intégrés à d’autres fonctionnalités de Tiki, comme les pages wiki. Cela peut paraître une définition assez abstraite – et c’est peut-être le cas – mais continuons, et plus tard je vous montrerai des exemples pour que vous puissiez vraiment comprendre ce qu’il est possible de faire avec les Trackers de Tiki.
Historiquement, l’un des atouts de Tiki a été sa capacité à combiner le meilleur de deux mondes : le wiki et la base de données. En utilisant les Trackers avec les pages wiki, Tiki a pu proposer un « wiki structuré ». Au fil de l’évolution d’Internet vers ce que nous connaissons aujourd’hui, cette simple idée de base s’est naturellement développée. De nombreuses améliorations et avancées technologiques réalisées par les développeurs de Tiki ont transformé les Trackers, intégrés à Tiki, en un véritable constructeur d’applications web. Les Trackers sont puissants et extrêmement flexibles, et pour vous aider à mieux les comprendre, je vais vous montrer comment ils fonctionnent.
Au passage, j’ai reçu beaucoup de messages et de questions au sujet d’un précédent Tiki Express Tutorial et de la façon dont j’ai intégré un site web conçu avec Bootstrap dans Tiki. On m’a demandé de continuer à faire cela, afin que les gens aient de meilleures idées sur la manière de concevoir leur propre Tiki. Cependant, je pense vraiment qu’il est préférable de montrer comment installer et configurer Tiki en utilisant l’installation par défaut. Ce serait très déroutant pour les débutants si je faisais tout sur un Tiki personnalisé. Donc, désolé pour les Tikiers qui l’avaient demandé, mais je vais utiliser l’installation standard par défaut…
Vous savez quoi ? Je vais faire un compromis : je montrerai le dernier chapitre de ce tutoriel sur un Tiki personnalisé, comme ça tout le monde sera content. 😉
Comment activer les Trackers
Je me connecte donc en tant qu’administrateur, je vais dans le menu Settings (Paramètres), qui ouvre la page des Control Panels (Panneaux de configuration), je règle mon filtre de préférences sur Advanced (Avancé), je clique sur le panneau Features (Fonctionnalités) et j’active la fonctionnalité Trackers. Si vous avez l’impression que j’ai fait tout cela un peu trop vite, je vous suggère de regarder le tutoriel que j’ai réalisé sur Astuces d’administration dans Tiki, où l’activation d’une fonctionnalité est expliquée en détail.
Le menu Trackers est maintenant disponible et, en premier lieu, créons notre premier tracker.
Comment créer votre premier Tracker
Pour créer notre premier tracker, nous devons aller sur la page principale des Trackers, accessible via l’élément de menu List trackers.
Nous cliquons sur le bouton Create (Créer), ce qui ouvre une fenêtre modale. D’abord, je définis un nom pour mon nouveau tracker. J’ajoute une description pour aider les utilisateurs à comprendre ce qu’ils sont censés faire, et je coche la case Description is wiki-parsed afin de pouvoir ajouter du balisage wiki. C’est suffisant pour cette démonstration, et je passerai rapidement en revue les autres options avec vous plus tard dans la vidéo.
De retour sur ma page Trackers, je vois le tracker que je viens de créer. Il est vide pour l’instant, et même « vierge », ce qui signifie qu’aucun champ n’a encore été défini. Pour ce faire, vous pouvez cliquer sur le menu Actions sous l’icône en forme de clé (qui propose également de nombreuses autres actions possibles), ou cliquer sur le nom du tracker. Comme je le disais, rien à voir pour le moment.
Je clique sur le bouton Fields pour créer mes premiers champs.
Je clique sur Add Field (Ajouter un champ) et la fenêtre modale *Add Field* s’ouvre.
Je saisis le Name (Nom) de mon champ et je laisse le type par défaut Text field.
Mon premier champ est défini ; ajoutons-en d’autres avec différents types de champs.
J’ajoute un Text area, et en le configurant, j’aimerais vous montrer que pour chaque type de champ vous disposez d’options spécifiques. Pour le Text area, je règle le champ pour qu’une barre d’outils s’affiche au-dessus.
J’ajoute un champ Date pour stocker une date de naissance. Je n’ai pas besoin de l’heure, donc seule la date suffira.
J’ajoute un champ Email,
un champ Radio buttons,
et un champ Country.
Comme vous pouvez le voir, par défaut il y a déjà suffisamment de types de champs pour créer un tracker complexe.
OK, c’est fait. Remplissons le premier item.
C’est fantastique ! En moins d’une minute, nous avons créé ce qui aurait pris une heure à un programmeur, et — tout aussi important — c’est intégré à Tiki, un framework de publication web. Cela signifie que c’est prêt à être utilisé. Avec quelques permissions correctement définies, cela peut déjà être un outil opérationnel pour votre entreprise ou votre organisation.
Comment créer une page pour collecter des informations pour un tracker
Nous avons maintenant un tracker prêt à stocker des informations, créons donc rapidement un formulaire sur une page wiki pour alimenter ce tracker.
Je crée une page wiki : My contact form.
J’ajoute un titre en utilisant un niveau de titre 3 : « Please fill the form below ».
Je vais dans l’aide des plugins, accessible en cliquant sur le bouton point d’interrogation de la barre d’outils.
Je filtre la liste des plugins avec le mot « tracker ». Dans la longue liste des plugins de tracker disponibles, je sélectionne Tracker et, comme vous pouvez le voir dans la description, c’est bien celui dont j’ai besoin.
Je remplis le champ Tracker ID en sélectionnant le bon tracker.
Je sélectionne les champs que je veux que l’utilisateur remplisse.
Je laisse tout le reste avec les valeurs par défaut, mais là encore, il y a beaucoup d’options et de possibilités pour vous permettre d’adapter exactement à vos besoins. En bas, j’ajoute un texte pour confirmer que les informations ont été enregistrées — ou mieux, un plugin remarksbox pour que ce soit plus joli :
De retour sur la page, faisons comme si j’étais un utilisateur qui doit remplir ce formulaire.
On enregistre… et tout est bon.
Allons voir dans le tracker maintenant, et je peux voir que mon item a bien été enregistré.
Passons en revue quelques autres types de champs.
Brève description des types de champs de base d’un tracker
Pour cela, et pour vous montrer une autre façon d’accéder aux champs de mon tracker, je retourne sur la page Trackers. Sur la même ligne que mon tracker, tout à droite, il y a une icône en forme de clé avec un menu Actions. Je sélectionne Fields, et de retour sur la page des champs je clique sur Add field. Voyons ensemble ce qui est disponible par défaut :
- Checkbox – permet de définir plusieurs cases à cocher pour une option multi-sélection.
- Country selector – nous l’avons déjà vu, rien de particulier à expliquer.
- Date and time – nous avons déjà vu ce champ.
- Date and time using a date picker – date et heure via un sélecteur de date.
- Dropdown – vous pouvez définir manuellement les options.
- Email – champ que nous avons également déjà vu.
- Files – interagit avec les File Galleries pour joindre des documents, comme des images, à un item.
- Header – un titre statique utilisant les tailles de titres HTML. Il peut aussi servir de bascule pour afficher ou masquer tous les champs qui suivent.
- Icon – permet d’ajouter une icône à un item.
- Item link – vous donne la possibilité de faire des liens croisés entre deux trackers différents, un peu comme une clé étrangère.
- Location – affiche une carte et un marqueur pour la localisation. Notez que pour utiliser ce champ, vous devez activer la fonctionnalité Maps, sinon rien ne s’affichera.
- Multiselect – permet de sélectionner plusieurs options dans un même champ.
- Numeric field – pour stocker des nombres, en particulier si vous avez besoin de les utiliser comme valeurs numériques pour des calculs.
- Page selector – pour sélectionner une page wiki ou en créer une, qui sera liée à cet item de tracker. Je dois dire que je ne me souviens pas avoir utilisé ce champ, car il existe aussi un champ Wiki page qui fait à peu près la même chose, comme nous le verrons un peu plus tard. C’est peut-être un champ « hérité ».
- Radio buttons – nous l’avons déjà utilisé et c’est assez évident.
- Static text – comme Header, mais sans mise en forme ni bascule.
- Text area – nous l’avons vu.
- Text field – celui-ci aussi.
- URL – pour saisir une URL et l’utiliser comme lien.
- User selector – pour lier ou associer un item à un utilisateur Tiki existant ou futur.
- Wiki page – pour saisir du contenu dans un tracker qui sera enregistré en tant que page wiki.
Comment activer les types de champs avancés d’un tracker
Ceux-ci sont disponibles par défaut, mais il en existe beaucoup d’autres, qui vous offriront un nombre incroyable d’outils pour créer vos formulaires, rapports ou applications.
Laissez-moi vous montrer comment les activer :
Settings → Control Panels, puis cliquez sur la tuile Trackers. Comme d’habitude, il y a beaucoup d’options, mais concentrons-nous sur les Field types, donc je clique sur le dernier onglet et une longue liste s’affiche :
- Articles
- Attachment
- Auto-Increment
- Category
- Computed Field
- Currency Field
- Dropdown selector with "Other" field
- Dynamic Items List
- Geographic Feature
- Group Selector
- In Group
- IP Selector
- Items List
- Kaltura Video
- Language
- LDAP
- Mathematical Calculation
- Rating
- Relations
- Tags
- User Groups
- User Preference
- User Subscription
- Webservice
Il y a beaucoup de choses ici. Vous pouvez voir une courte description en survolant les info-bulles d’aide avec la souris. Je vous laisserai en découvrir la plupart par vous-même, mais pas celle-ci :
La puissance des Trackers et le champ de calcul mathématique
Pour vous montrer rapidement un peu plus de possibilités, laissez-moi activer le champ Mathematical calculation et revenir à notre tracker.
Vous vous souvenez que nous avions une date de naissance que l’utilisateur est censé saisir. Mais que se passe-t-il si, au lieu d’afficher la date, nous avons besoin d’afficher l’âge de l’utilisateur ? Dans ce cas, l’utilisateur peut être quelqu’un qui s’inscrit à un service — par exemple médical, assurance, médication — où la personne qui utilise Tiki doit disposer immédiatement de cette information.
Calculons donc l’âge du contact saisi dans cet item de tracker. Nous allons utiliser la date de naissance qu’il a renseignée.
D’abord, nous prenons la date actuelle et nous soustrayons la date de naissance de l’utilisateur pour obtenir la différence.
Les ordinateurs et les programmes se basent sur un calendrier où tout commence le 1er janvier 1970.
Pour obtenir la bonne différence, nous divisons donc le résultat par le timestamp (en secondes) de cette année-là.
Nous arrondissons le résultat à 0 décimale, car nous ne voulons pas de fractions d’année pour l’âge.
Et enfin, nous ajoutons une chaîne de texte pour que ce soit plus joli.
On enregistre.
Ajoutons maintenant un nouvel item pour que le champ soit calculé.
Tada !
Nous pourrions aussi ajouter quelques conditions, au cas où j’ajouterais ce champ après que certains items ont déjà été créés, par exemple :
« L’âge n’a pas encore été calculé, veuillez le vérifier et l’enregistrer. »
Ou, si la date de naissance n’est pas un champ obligatoire et peut être vide, quelque chose comme :
« L’âge ne peut pas être calculé sans date de naissance. »
Ce n’est pas ultra simple, mais c’est loin d’être compliqué, et c’est très puissant. Vous disposez de nombreuses fonctions, la syntaxe est claire et, la plupart du temps, ce qui peut poser problème vient d’une erreur de logique ou d’une faute de frappe.
Veuillez vous référer à la documentation de Tiki à l’adresse suivante :
https://doc.tiki.org/Calculations(https://doc.tiki.org/Calculations)
Les options globales des Trackers
En cliquant sur l’onglet General, vous verrez une liste impressionnante d’options et de paramètres. À vous de les parcourir et d’expérimenter en fonction de vos besoins.
Les propriétés du tracker
D’autres options et paramètres par tracker sont disponibles dans la section Trackers :
- Features – principalement pour la fonctionnalité de commentaires. Les autres sont conservées pour des raisons historiques mais ont été mieux intégrées dans les Trackers.
- Display – options pour le tri et les informations des items de tracker. Il est courant d’utiliser le *Status*, activons-le donc.
- Section format – pour utiliser des modèles afin d’afficher un tracker. Personnellement, je ne l’utilise pas, car je préfère largement utiliser Plugin List et l’index unifié avec les Trackers pour une flexibilité maximale dans le design (je vous montrerai).
- Status – pour décider du statut des items lors de leur création ou modification, ce qui peut déclencher des actions en cascade.
- Notification – si quelqu’un doit être averti lorsqu’un changement est effectué dans le tracker, ou pour publier un flux RSS à partir de ce tracker.
- Permissions – un ensemble spécial de permissions réservé aux Trackers dans Tiki. C’est assez simple à comprendre en lisant les descriptions.
J’enregistre, et vous pouvez voir maintenant qu’il y a un statut pour chacun de mes items.
Très utile.
Comment afficher un catalogue dans une page wiki
Maintenant que nous comprenons mieux les Trackers, voyons comment nous pouvons les utiliser pour créer un catalogue en ligne pour une boutique ou autre chose de similaire.
Je vais sur un site web basé sur Bootstrap que j’ai créé pour cela.
Comme vous pouvez le voir, j’ai une zone pour les produits en vedette, des produits qui ont un ancien prix et un nouveau prix remisé. Ces items viennent directement d’un tracker et sont, en fait, des items de tracker.
Regardons d’abord le tracker.
Comme nous l’avons vu, je dois aller dans le menu Trackers qui, sur ce site, se trouve en bas.
Trackers → Products.
Ici, j’ai un tracker très simple composé de quatre champs :
Name, Picture (qui est un champ de type Files) et deux champs de type Currency.
Modifions un item.
Au lieu de *Simple Table*, appelons cet item « La table », et avec ce nouveau nom, il paraît bien plus attrayant et (bien sûr ❗ justifie son prix.
De retour sur ma page d’accueil, je peux voir que l’item a été mis à jour.
Tout cela est réalisé à l’aide de quelques composants fournis d’office avec Tiki.
Je sors un peu du cadre de ce tutoriel, mais je pense vraiment que cela vaut la peine de jeter un œil aux paramètres du plugin et aux modèles que j’ai utilisés. Modifions donc la page.
D’abord, il y a un Plugin List sur la page wiki et, comme vous pouvez déjà le voir, il ne nécessite pas beaucoup de saisie.
Il y a une pagination, car je ne veux afficher que 6 items ici.
Il y a quelques filtres :
- un pour afficher les items d’un tracker spécifique ;
- un pour n’afficher que les items dont le champ *old price* n’est pas vide.
Ensuite vient la syntaxe pour les champs et le format dans lequel nous voulons que les valeurs soient affichées.
Et, pour intégrer proprement la sortie de ce plugin dans mon design, j’ai utilisé une page wiki comme modèle Smarty.
Jetons un coup d’œil rapide, juste pour que vous ayez une idée :
syntaxe HTML, classes CSS et l’item avec son nom de référence d’objet.
En dessous, le code pour la fenêtre modale.
Là encore, pas énormément de travail pour un résultat excellent qui va vous simplifier la vie et aider vous — ou l’organisation pour laquelle vous travaillez — à économiser beaucoup d’argent.
C’est tout pour aujourd’hui avec cette vidéo XL.
Bien sûr, il y a encore beaucoup à dire sur les Trackers, les types de champs de tracker, les plugins de tracker, Plugin List ou les modèles Smarty.
Mais vous avez maintenant les bases, et j’ai déjà prévu des tutoriels plus avancés pour tous les trésors que vous pouvez trouver dans Tiki en lien avec les Trackers.
J’espère que vous avez apprécié ce Tiki Express Tutorial.
Pour m’aider à continuer à en produire, j’ai besoin de votre soutien !
Cliquez sur l’icône Like (J’aime) sous la vidéo et partagez-la partout où vous pensez qu’elle devrait l’être.
Je n’ai pas assez de temps pour travailler, faire les tutoriels et, en plus, m’assurer que chaque Tikier a la possibilité de les regarder. Alors, s’il vous plaît, aidez-moi à les rendre disponibles là où c’est nécessaire.
Si vous ne voulez pas manquer mon prochain tutoriel et souhaitez être notifié lorsque j’en publie un, il vous suffit de [https://www.youtube.com/channel/UCgM1YJeUCaszrTsuZub0Qpg?sub_confirmation=1|cliquer](https://www.youtube.com/channel/UCgM1YJeUCaszrTsuZub0Qpg?sub_confirmation=1|cliquer) sur le bouton d’abonnement ici].
Merci encore de votre visionnage, et que la puissance de Tiki soit avec vous !
Quelques autres liens intéressants :
https://tiki.org/Trackers
https://doc.tiki.org/Trackers
https://doc.tiki.org/Creating-a-Tracker
https://doc.tiki.org/Tracker-Field-Type
https://doc.tiki.org/Tracker-Admin
https://doc.tiki.org/PluginList
https://doc.tiki.org/Tutorial---Display-Tracker-Data-with-Plugin-List
https://doc.tiki.org/PluginList-advanced-output-control-block