HTML Glossary - First version

[aginesy]

Deux possibilités:

• Une version simple en "tableau" avec, pour chaque concept, le nom du concept, sa description et des liens pour naviguer vers les concepts avec lesquels il interagit.
• Une version plus complexe en "graphe" avec des bulles (patatoides) pour représenter chaque concept et des traits les reliant pour voir leurs interactions. Quand on clique sur une bulle, on peut voir sa description sur le côté et une liste rapide des interactions.

Dans un premier temps, nous nous concentrons sur l'affichage des concepts sans la partie recherche.

• Bonnes pratiques CSS : http://getbem.com/introduction/
• Figma: https://www.figma.com/file/eXURUQq5l7H104lUZM24bK/Web?node-id=0%3A1

Maquettes proposées pour la première itération:

[aginesy]

Recherches pour version graphe :

CSS

• creating-css-circles-connected-by-lines-to-middle-main-circle
• css-cricles-connected with arrows

ChartJS

• chartJS/bubble
• circlepack-chart

Moteurs de template

• Thymeleaf
• Apache FreeMarker
• top java template engines
• java template engines

---