Convertissez vos formulaires ! - Liferay France Symposium 2020

1. Convertissez
vos formulaires
en Liferay Forms !
Sébastien Le Marchand
Consultant Technique freelance

2. Sébastien Le Marchand
13 ans d’expérience sur Liferay (depuis la version 4.3 en 2007)
Co-organisateur du meetup Liferay France User Group
@slemarchand linkedin.com/in/slemarchand
Consultant Technique freelance

3. Liferay au coeur de chaque projet
Formations officielles Liferay
Une équipe accomplie qui vous
accompagne vers l’autonomie
www.nysis.com
Conseil Expertise Formation

4. Agenda
(Re-)découvrir les Liferay Forms
Le besoin : convertir
Reverse-engineering sur les Forms
La solution construite
Prochaines évolutions
Forms : comment décider ?

5. (Re-)découvrir les Liferay Forms

6. LIFERAY FORMS : QU’EST-CE QUE C’EST ?
Inspiré de Google Forms
Couvre toutes ses fonctionnalités
Truffé de fonctionnalités supplémentaires
Types de champs indédits, règles d’affichage et de validation etc.
Intégré dans Liferay
Embarqué par défaut dans Liferay DXP
Extensible
Points d’extension OSGi

7. Donnez la main
aux profils
non-techniques
Pourquoi Forms plutôt qu’une portlet custom ?
Réduire les délais Réduire les coûts
€

8. Une histoire de formulaires
7.2 7.3
7.0 7.1
6.2
6.1
Liferay Forms
Liferay Web Form
L’âge de la maturité
Disponible à part sur le Marketplace en EE

9. Définir un formulaire
01

10. Les utilisateurs remplissent le formulaire
02

11. Exploiter les résultats
03

12. Types de champs avancés

13. Et bien plus encore...
▪ Règles sur les champs
▪ Champs répétables
▪ Structure visuelle flexible
▪ Pages
▪ Dimension des champs
▪ Positionnement des champs (lignes et colonnes)
▪ Groupes de champs
▪ Page de succès personnalisable

14. Extensible via développement
https://help.liferay.com/hc/en-us/articles/360029030711-Introduction-to-Liferay-Forms
StorageAdapter DDMFormFieldType
DDMFormFieldTypeSettings
DDMFormFieldTemplateContextContributor
DDMFormFieldValueValidator
Backend de stockage
personnalisé
Type de champ
personnalisé
Règle de validation
personnalisée
+ Service override
+ MVC Command override

15. SONDAGE
Votre usage des Liferay Forms
Dans quelle mesure votre entreprise utilise-t-elle les Liferay Forms ?
❏ Il n’est pas prévu de les utiliser
❏ Il est prévu de les utiliser dans le futur
❏ Ils sont actuellement utilisés
❏ Ils ont été utilisés par le passé mais abandonnés depuis

16. Le besoin : convertir

17. Comment faire
bénéficier des
avantages des
Liferay Forms
un grand nombre de
formulaires “legacy” ?

18. Use Case #1

19. Migration Liferay 6.1 → 7.2
Un existant Web From conséquent
▪ 47 formulaires
▪ 40 champs sur le plus gros formulaire
▪ 6 champs par formulaire en moyenne
Web Form plus disponible en 7.2
Web Form : notre contexte historique

20. Use Case #2
... ...

21. Migration autres technologies → Liferay 7.2
Un portail Liferay est souvent l’opportunité de consolider
toutes les petites applications oubliées du S.I. !
Toute techno est envisageable :
▪ PHP
▪ CGI / Perl
▪ ColdFusion
▪ JSP
▪ ASP
▪ ...
Technologies tierces : une infinité de contextes !

23. Reverse engineering sur les Forms

25. Côté serveur ...
...

26. serializedFormBuilderContext :
+ de 4 000 lignes de JSON

28. La solution construite

31. CONSEIL GENERAL
Pensez à encapsuler et adapter les API
natives Liferay qui ne sont pas adaptées à
votre contexte projet.

32. nysis-ddm-form-generator
Liferay
nysis-web-form-converter
Web Form Portlets
DDM Form Instances
DDM Form Portlets
Use Case #1
UPGRADE PROCESS
API SIMPLIFIEE

33. ▪ Automatisé de bout en bout
▪ Formulaires opérationnels sans retouche manuelle *
Conversion des Web Forms 6.x
* : Sauf si validation JS custom sur les web forms

34. Liferay 6.1 Liferay 7.2

35. Use Case #2
nysis-ddm-form-generator
Liferay
nysis-json-form-converter
DDM Form Instances
API SIMPLIFIEE
JSON
htmlform2json
SCRIPT NODE.JS
HTML Statique
Web crawler
Application Web

36. ▪ L’extraction HTML permet de limiter l'adhérence à la
technologie source
▪ Semi-automatique : définitions de formulaires à
compléter manuellement
▪ Le JSON pivot ouvre un maximum de possibilités
en amont de la chaîne
Chaîne de conversion Web Application → Forms
HTML Statique
JSON
Liferay Forms
Web App

37. SONDAGE
Votre contexte
Quels sont les conversions pertinentes dans vos contextes projet passés et à venir ?
❏ Conversion automatique depuis les Web Form 6.x
❏ Chaîne de conversion semi-automatique depuis n’importe quel techno web
❏ Conversion depuis du JSON pour bâtir votre propre chaîne de conversion
❏ Aucune

38. Essayez les convertisseurs
et partagez vos retours :
forms.nysis.com

39. Prochaines évolutions

40. Améliorations transverses
Les améliorations transverses dans la roadmap de nysis-ddm-form-generator :
▪ Support de types de champs supplémentaires
▪ Upload de fichier
▪ Numérique
▪ Date
▪ Support de la mise en forme du formulaire
▪ Séparation possible en pages
▪ Positionnement des champs dans la page
▪ Support des propriétés avancées sur les champs
▪ Placeholder
▪ Data provider
▪ ...
En gardant l’esprit de simplicité
→ nouvelles options en facultatif

41. Nouveaux convertisseurs envisagés
En amont de nysis-json-form-converter ou nysis-ddm-form-generator, de nouveaux
convertisseurs envisagés pourraient prendre en entrée :
▪ Code source JSF, Spring MVC ou JSP + Liferay tags pour augmenter la part
d’automatisme par rapport à une conversion depuis le HTML
▪ Des formulaires de fichiers PDF
▪ Des formulaires SaaS comme Google Forms ou Typeform
▪ Des outils de prototypage comme Axure ou Balsamiq
En fonction de vos attentes

42. SONDAGE
Nouveaux convertisseurs
Quels sont les nouveaux convertisseurs pertinents dans vos contextes projet passés
ou à venir ?
❏ Conversion depuis code source JSF, Spring MVC etc.
❏ Conversion depuis formulaires en PDF
❏ Conversion depuis une solution SaaS comme Google Forms ou Typeform
❏ Conversion depuis des outils de prototypage comme Axure ou Balsamiq

43. Forms : comment décider ?

44. Liferay Forms
Développement spécifique
“complet”

45. Critères favorables
▪ Délai de mise en ligne cours
▪ Besoin de faire souvent des
petites modifications
▪ Budget faible
▪ Pas de besoin immédiat d’extension
Forms : quelques critères à examiner
Critères défavorables
▪ Besoin de QA forte
▪ Besoin d’historiser les évolutions
▪ Complexité métier très forte
▪ Business-critical
▪ Enjeux juridiques ou financiers très forts
▪ Profils métiers ne souhaitent
pas prendre la main
Grille personnelle
subjective
Critères à pondérer et évaluer au regard du contexte projet :
toute la difficulté est là

46. Passez votre solution no-code/low-code en XXL
Forms
App
Builder

47. https://learn.liferay.com/dxp/7.x/en/developing-applications/developing-low-code-applications/app-builder-overview.html

48. Que retenir ?

49. Take away
Pensez aux Liferay Forms pour vos projets
Évaluez leur pertinence dans le contexte
Considérez les opportunités de conversion
Testez nos convertisseurs : forms.nysis.com

50. Merci !
Sébastien Le Marchand
contact@nysis.com
@slemarchand