Discussion :

[topolino]

Bonjour,

Je dois créer des composants web afin qu'ils soient utilisables par n'importe qui. A votre avis qu'est ce que cela implique ? quelles demarches, architectures... dois-je penser et prendre en compte.

J'ai toujours eu l'habitude de faire des sites mais jamais des composants.

Merci

[Kaamo]

Par "composant web", tu entends quoi ?

- Composant web côté serveur qui génère ensuite du HTML ? (Exemple ASP.NET où <asp:Button ... /> devient <input type='button' ... />, etc) : dans ce cas, il vaudra mieux poser la question dans le forum dédié
- Ou le tout frais "composant web" (trad : Web Component), nouvelle balise <template>, Shadow DOM, etc ?

[topolino]

Je pensais plus à du html5.

Le but est de proposer des composants utilisables avec n'importe quelle technologie.

[Kaamo]

Au sens HTML5, les Composants Web sont une façon d'isoler, d'encapsuler, de créer des éléments customisés afin qu'ils puissent être intégrés dans n'importe quelle page web tels qu'ils ont été définis par le concepteur. Sous entendu, sans subir les modifications de la page web qui les utilise (style, script, etc).

Un peu comme la balise <video>, en somme. Nous, développeurs, utilisons ce composant tel quel, il est fournit avec ses boutons (play, pause, etc), ses événements, etc mais nos styles/scripts n'impactent en rien l'élément. En gros, avec les Composants Web on sera en mesure de créer nos propres balises HTML et de "cacher" leur implémentation, à l'instar des balises video, canvas, etc etc.

Donc les Composants Web (HTML5), c'est :

• Templates : Définition d'un template ayant ses images, ses scripts, etc. Il est parsé mais n'est pas affiché à l'écran. Les scripts, images, etc ne sont pas exécutés. En gros, on l'instancie quand on en a besoin et tout est exécuté à ce moment.
• Shadow DOM : Pour "cacher" le DOM interne de ton composant. Ainsi, celui qui spécifie le composant l'implémente de A à Z. Celui qui l'utilise a juste à se soucier de l'intégrer à sa page sans risque d'impacter l'élément avec ses propres scripts et feuilles de style.
• Éléments customisés : C'est le mélange des deux ci-dessus. Tu définis un élément qui possède un template, dont l'implémentation est cachée, avec ses propres scripts, styles, etc.

Malheureusement, tout ceci est assez nouveau. C'est encore un brouillon W3C. Donc c'est compatible Chrome 25 préfixé et Opera mobile 14. Il y a quelques démo sur le fameux html5rocks.

Mais peut-être que j'ai mal saisie ton besoin ...

utilisables avec n'importe quelle technologie.

Je n'ai pas bien compris. N'importe quelle techno = n'importe quel navigateur ??

[topolino]

Je comprends de mieux en mieux.
Je veux que les composants soient utilisés par les differentes techno (asp.net, JSP, Php....) si c'est que du Javascript alors il ne devrait pas y avoir de soucis je suppose; et bien sure que cela fonctionne sur la plupat des navigateurs actuels.

As tu des tuto à me conseiller ?

[Kaamo]

Chaque langage serveur (ASP.NET, JSP, PHP, etc) a sa notion de composant web. Un composant ASP n'est pas la même chose qu'un composant JSP, etc, pourtant, le code HTML généré sera le même au final.

Ce que j'ai décrit ci-dessus est indépendant du langage serveur. C'est du pur html.

Suite à l'événement Google I/O 13 qui vient de se dérouler la semaine dernière, Google a présenté son nouveau web UI framework : Polymer.
Pour le moment c'est du pre-alpha, mais il fournit les polyfill qui vont bien pour d'ores et déjà jouer avec.
Je ne sais pas ce que ça vaut, n'ayant pas eu le temps de tester, mais ça m'a l'air prometteur.

A mon avis, la techno n'est pas encore assez mûre pour le moment, mais on voit où cela va nous mener dans les prochaines années.

A mon avis, tu cherches plutôt une solution côté serveur donc :
Java : Mise en oeuvre de composants Web via le framework Ellipse
.NET : Présentation des composants WebForms et WinForms

ou alors des Framework HTML5 ?
Sencha, jQuery UI, Dijit, YUI, LivePipe, etc etc la liste est très longue

[topolino]

Justement je ne veux pas de composant cote serveur. Mais composant doivent etre comme une llibrairie Javascript du type jquery UI.... mais ces composant se connecteront à notre platform pour jouer avec nos donnees.

Comment proteger tous ca ?