Nouvelles

eTemplate est un moteur de rendu utilisĂ© dans les versions prĂ©cĂ©dentes d’EGroupware pour gĂ©nĂ©rer l’interface utilisateur de la plupart des applications. Il prend le contenu d’une application et d’un modèle et le rend sur le serveur sous forme de HTML. Lorsque l’utilisateur soumet ce formulaire HTML dans son navigateur, le moteur eTemplate le reçoit Ă  nouveau sur le serveur, valide l’entrĂ©e et la renvoie Ă  l’application.

Tout cela se faisait sur le serveur et la rĂ©action aux entrĂ©es de l’utilisateur nĂ©cessitait le plus souvent un aller-retour du serveur. Il n’y avait pas d’API pour manipuler un modèle dĂ©jĂ  rendu du cĂ´tĂ© du client ou du navigateur.

Tout cela change avec eTemplate2 dans la version 14.1 :
utilisent une API largement identique côté serveur, elles sont faciles à porter vers la version 14.1.
que l’API eT2 envoie le contenu sous forme de JSON (JavaScript Object Notation) incl. une url vers une description de modèle XML pour le navigateur
Le moteur eTemplate2 du navigateur charge le modèle et rend l’interface utilisateur (IU).
la partie de l’application cĂ´tĂ© client interagit directement avec eTemplate : par exemple, la partie de l’application cĂ´tĂ© client qui n’a pas d’accès Ă  l’Internet. afficher ou masquer un Ă©lĂ©ment d’interface utilisateur / widget ou modifier son apparence
eTemplate et l’application utilisent l’API EGroupware cĂ´tĂ© client, par exemple. pour interroger une prĂ©fĂ©rence d’utilisateur, un dĂ©tail de compte ou un titre de lien
si un nouveau modèle Ă  onglets est utilisĂ©, par exemple le modèle Pixelegg 14.1, l’API persiste sur le client et met en cache les donnĂ©es demandĂ©es au serveur.

Vous pourriez vous demander : tout cela est très thĂ©orique, qu’est-ce que j’en retire ? Je dĂ©crirai quelques nouveaux widgets, afin d’illustrer les grandes amĂ©liorations de la convivialitĂ© de la version 14.1 et les nouvelles possibilitĂ©s offertes :

Menus contextuels et barres d’outils
Les listes, les arbres en fait tous les Ă©lĂ©ments de l’interface utilisateur peuvent maintenant avoir un menu contextuel montrant quelles actions sont disponibles sur une ligne ou un Ă©lĂ©ment d’arbre. Cela remplace parfois un grand nombre d’icĂ´nes que nous avions auparavant dans les listes. Certaines applications, par exemple Le nouveau courrier utilise maintenant des barres d’outils pour montrer les actions disponibles. L’utilisateur peut rĂ©organiser ces icĂ´nes selon ses propres besoins et mĂŞme masquer celles qui sont moins utilisĂ©es dans une liste dĂ©roulante « plus… ».

Glisser et dĂ©poser Ă  l’intĂ©rieur d’EGroupware et vers et depuis votre bureau.
Les fichiers peuvent ĂŞtre tĂ©lĂ©chargĂ©s en les faisant glisser de votre bureau vers une fenĂŞtre d’Ă©dition d’une entrĂ©e, par exemple. un InfoLog ou un courrier composĂ©. Vous pouvez Ă©galement faire glisser un fichier sur une ligne d’une liste.

Le fichier peut ĂŞtre glissĂ© vers l’extĂ©rieur, par exemple. de l’application Filemanager sur votre bureau, si votre navigateur le supporte, actuellement seul Chrome le fait.

Téléchargement de fichiers
ne sont plus limitĂ©s par la limite de mĂ©moire de PHP, grâce Ă  notre support de l’API de fichier html5.

L’application Filemanager est dĂ©sormais un citoyen de première classe et les fichiers qui y sont stockĂ©s sont disponibles partout pour ĂŞtre attachĂ©s ou liĂ©s, alors que les versions prĂ©cĂ©dentes d’EGroupware nĂ©cessitaient de tĂ©lĂ©charger et de retĂ©lĂ©charger un tel fichier.

Les entrĂ©es d’EGroupware peuvent Ă©galement ĂŞtre liĂ©es en les faisant glisser sur une autre entrĂ©e.

DĂ©filement sans fin dans les listes
Avant EGroupware 14.1, toutes les applications Web devaient mettre en Ĺ“uvre un système de pagination pour leurs listes. L’application n’affichait qu’un nombre limitĂ© de lignes dans une liste et des flèches pour charger le jeu de lignes suivant ou prĂ©cĂ©dent. Les utilisateurs devaient toujours choisir entre une liste rapide et courte ou une liste longue et plus lente.

Les listes eTemplate2 affichent dĂ©sormais une barre de dĂ©filement pour l’ensemble de la liste et chargent d’autres entrĂ©es Ă  la demande lorsque vous faites dĂ©filer la liste vers le haut ou vers le bas.

Les listes eTemplate2 permettent dĂ©sormais de redimensionner leurs colonnes et de bĂ©nĂ©ficier d’une navigation au clavier. Ils permettent de sĂ©lectionner plusieurs lignes et d’exĂ©cuter des actions sur celles-ci.

Chargement des pièces de l’interface utilisateur Ă  la demande
eTemplate2 peut reporter le rendu et mĂŞme le chargement des Ă©lĂ©ments non visibles de l’interface utilisateur. Eg. un onglet d’historique ne charge pas son contenu avant qu’un utilisateur y apporte des modifications. Il utilise ensuite la liste dĂ©filante sans fin dĂ©crite ci-dessus pour afficher tout l’historique d’une entrĂ©e, mais ne charge que quelques lignes du serveur.

Les ensembles de modèles encadrĂ©s, comme le nouveau Pixelegg, ne chargent que l’application active, reportant le chargement de toutes les autres applications ouvertes jusqu’Ă  ce que l’utilisateur dĂ©cide de les regarder.

Ceci n’est qu’un extrait des nouveaux Ă©lĂ©ments d’interface utilisateur et des amĂ©liorations de la convivialitĂ© rendus disponibles par eTemplate2 et l’accent mis sur le rendu et l’interaction avec l’utilisateur sur le client-ka. cĂ´tĂ© navigateur.

Avec la version 14.1, nous nous sommes surtout concentrĂ©s sur le dĂ©veloppement du moteur eTemplate2 et sur le portage des applications vers celui-ci avec les fonctionnalitĂ©s qu’elles possĂ©daient dĂ©jĂ . Les prochaines versions verront une utilisation encore plus importante de ces nouvelles possibilitĂ©s et des rĂ©Ă©critures complètes d’applications comme nous l’avons fait dans la 14.1 avec mail et partiellement avec admin. Je les Ă©voquerai dans mes prochains articles.

Ralf Becker

Directeur du développement logiciel