Framework web

1. Alloy UI
Amadou Sadio Diallo – Malik Houni - Adrien
Guillard
11 juin 2013

2. 2
Présentation
•Faciliter la création d'une interface utilisateur.
•Créé par LIFERAY
•http://alloyui.com/
•Utilisé par :

3. 3
Outils similaires
•Kendo UI
•script.aculo.us
•Mocha UI

4. Description - 1
•HTML, CSS, Javascript
•Version 2.0
•S’appuie sur la librairie « Yahoo User
Interface » Version 3

5. 5
Description - 2
•Plus de 60 composants et outils
d'interface :
Gallerie d'images, calendrier, créateur de
diagramme/formulaire, pagination,
vérification de formulaire, etc ...

6. Utilisation
<script src="http://cdn.alloyui.com/2.0.0pr5/aui/aui-min.js">
</script>
YUI().use('aui-carousel',
function(Y) {
// code goes here
}
);

7. 7
Exemple : Compteur de
caractères
<input id="myInput" type="text" />
<span id="myCounter"></span>character(s)
remaining
YUI().use( 'aui-char-counter',
function(Y) {
new Y.CharCounter( {
counter: '#myCounter',
Input: '#myInput',
maxLength: 10
} );
}
);

8. Démonstration

9. Conclusion
•Avantages: Facilité d’utilisation, nombre de
composants, des tutoriaux sur chaque
composants, opensource.
•Inconvénients: Concurrence avec les
autres frameworks d’interface.