Petite idée d’application de présentation ou formation

En lisant ce billet, j’ai commencé à réfléchir à une idée d’application qui pourrait répondre à la demande. De façon plus générale, il serait pratique d’avoir une application générique permettant de tester rapidement les différents frameworks JS. De même elle pourrait servir de base pour comprendre la syntaxe d’un framework JS.

Pour celle-ci je me suis inspiré du travail que je réalise actuellement et qui utilise Drupal et JQuery. Mon idée serait de réaliser une application de gestions de blocs ou de portlet sur une page découpé en région permettant de mettre en oeuvre les aspects suivants :

Drag and Drop

Les différents blocs doivent être déplaçables d’une région à l’autre. La sélection d’un bloc peut se faire par le biais d’une ancre. La zone d’arrivée est clairement identifiée par l’intermédiaire d’un surlignage. On peut visualiser le déplacement du bloc par le biais d’un helper.

Listes

Les blocs peuvent être ordonnés entre eux. On peut modifier la position d’un bloc dans une zone.

Boites de dialogue

La liste des blocs disponibles pour la page sont affichés au sein d’une boite non modale. Elle ne contient qu’une indication de nom. Un bloc supprimé sur la page revient automatiquement dans la boite.

Manipulation du DOM

Les blocs peuvent être supprimés de la page. Chaque bloc dispose d’une petite barre d’outil permettant de l’éditer, le supprimer ou le déplacer (cf. Ancre du Drag and Drop).

Gestion d’évènements

Le déplacement d’un bloc ne doit pas altérer son intégrité, cela veut dire qu’il doit conserver son aspect, sa boite d’outil et que ceux-ci doivent toujours être fonctionnels.

Ajax

Chaque changement de zone entraine une sauvegarde temporaire de l’aspect de la page, idem pour les ajouts et suppressions de blocs. Un ajout de bloc depuis la boite entraine une requête permettant d’afficher une prévisualisation du blocs.

Il s’agit d’une première application de travail. A partir de là on peut facilement étudier si le framework JS peut facilement répondre à ces différentes problématiques, de quelle manière et, surtout, en combien de lignes. Pour les novices, cette appli, si elle est bien codée et revue, permettra d’entrer plus facilement dans un nouveau framework. Je regrette souvent de ne pas trouver de documentation lisible et, surtout, utile.

Avis aux amateurs, il reste encore du travail. il faudrait construire une page HTML de base, mettre en place des frameworks JS et les pages PHP en face, mais déja que pensez vous de cette proposition ?