Je voudrais vous faire part d'une idée de conception WEB applicative autour des formulaires.
Je ne trouve pas beaucoup de modèle de conception orienté WEB/Ajax alors qu'avec la popularité des Framework Javascript comme JQuery, Dojo ou Prototype, les IHM deviennent plus malléables
L'idée serait d'avoir naturellement plusieurs couches:
- Formulaire HTML (IHM)
- Des structures (XML ou JSON, ...) décrivant:
- Structure de l'objet a éditer.
- Structure des évenements décrivant les interactions entre les champs (OnClick, OnChange, Hide, Show...).
- Structure de validation décrivant les règles de gestion (Champ obligatoire, Format, ...).
Ces structures seraient générées par un objet 'Transformer' ou 'Builder'- Les couches habituelles (Parties non traitées ici):
- Métier
- Persistence
Attaquons la partie dynamique...
Au chargement du formulaire, les différentes structures (objet, évènement et validation ) seraient analysées afin de propager les informations autour du formulaire HTML.
Chaque champ du formulaire est identifié parallèlement a la structure de l'objet, ex:
Les champs avec plusieurs valeurs (SELECT, RADIO, CHECKBOX) seraient aussi décrites dans la structure, ex:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 Formulaire HTML :'<input type="text" name="lastname" value="" id="lastname" >' Structure de l'objet (XML): '<lastname value="toto" >'
Au 'submit' du formulaire, le formulaire est validé par rapport a la structure de validation puis, en fonction du résultat, transmis au traitement ou au formulaire.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <eyes value="blue"> <choice id="BLUE" value="bleus" > <choice id="GREEN" value="verts" > </eyes>
Le but étant de séparer les parties de l'ihm (html, évènement, validation) et permettre une génération dynamique de formulaire.
J'aimerai savoir ce que vous en pensez, est-ce qu'il existe déjà ce type de modélisation autour du WEB ? Est-ce que ca n'a aucun sens ?
Toute critique est la bienvenue
Merci
Partager