Maqetta est un projet développé par la fondation Dojo. Il permet de construire des interfaces HTML5 en WYSIWIG via votre navigateur. Le projet a été initié en avril 2011. Le projet est encore jeune mais une version intitulée « Preview 4″ est disponible au moment où je rédige ce billet.

Vous pouvez tester cette version directement sur le site ou télécharger l’archive pour la tester tranquillement en local (la démo en ligne n’était pas très véloce) ici (j’ai préféré cette solution personnellement).

Une fois l’archive téléchargé, vous devez lancer le script : maqetta.server.unix.sh, ensuite, il suffit de lancer son navigateur préféré et de se connecter à l’adresse suivante : http://localhost:50000/maqetta/. On vous demandera de créer un compte en renseignant votre login, email et mot de passe et après connexion vous verrez l’écran suivant apparaître :



L’interface se présente de la façon suivante :

• en haut à gauche, l’accès aux différents widgets (Widgets), que l’on place par glisser/déposer
  
  
  
  
• en haut à droite, l’accès aux propriétés (Properties) de la page comme les évènements, la disposition…
  
  
  
  
• en bas à droite (Outline), la liste de tous les objets de notre page
  
  
  
  
• enfin, en bas à gauche, la liste des fichiers de notre projet
  
  
  
  

Le projet est hébergé sur GitHub. Vous trouverez également sur le dépôt en question le wiki du projet, la gestion des bugs. Ne pas oublier également de consulter la documentation qui est livrée dans l’archive que l’on vient de télécharger et qui se consulte via cette url : http://localhost:50000/maqetta/app/docs/index.html ou directement en ligne en cliquant sur Documentation. Préférez la version locale, toujours en raison des lenteurs du site. Cette documentation est très bien construite et comporte plusieurs catégories dont une très intéressante : Tutorials qui vous permettra de mettre le pied à l’étrier pour l’utilisation du logiciel :



Il ne vous reste plus qu’à vous y mettre

Bonne maquettisation !