IBM lance Maqetta : un éditeur Web open-source pour l'HTML5 et JavaScript

[Idelways]

IBM lance Maqetta : un éditeur HTML5 et JavaScript open-source
Pour Web et mobiles et l'offre à la fondation Dojo



IBM vient de lancer un nouvel outil d'édition des interfaces en HTML5/JavaScript et de mettre le projet en open source sous l'égide de la fondation Dojo, à l'origine du Toolkit JavaScript éponyme.

Maqetta offre un éditeur visuel WYSIWYG basé-web de création d'interfaces utilisateurs en HTML5 pour les applications mobiles et de bureau.

L'outil propose des espaces de travail adaptés aux différents appareils et permet d'y déplacer par glisser-déposer les différents contrôles proposés, issus de plusieurs frameworks populaires comme Dojo, jQuery UI et Yahoo! UI.

Il permet aussi de créer ses propres Widgets en JavaScript et offre des capacités de mise en forme CSS avancées.

Très complet, Maqetta permet de définir entre autres des mécanismes d'organisations des interfaces en « états d'applications » pouvant interagir sans programmation.

Maqetta est avant tout un outil de prototypage (wireframing) qui permet de créer des maquettes de base qui semblent dessinées à la main et les partager avec ses collaborateurs.

Maqetta s'exécute directement sur les navigateurs modernes sans nécessiter l'installation d'un quelconque plug-in. Il n'est toutefois pas entièrement compatible avec Internet Explorer en raison des limitations des bibliothèques tierces.

Le code source de Maqetta peut être librement téléchargé et installé sur la machine du développeur.

Il est aussi disponible en mode SaaS sur cette page


Source : compte GitHub du projet

Et vous ?

Avez-vous essayé Maqetta ? Qu'en pensez-vous ?

[Wormus]

Avez-vous essayé Maqetta ? Qu'en pensez-vous ?

Pas encore mais ça m'a l'air intéressant, je testerais plus tard si j'ai le temps.

[Ludo.G]

Interessant, je testerai ca, reste à voir la nature des limitations avec Internet Explorer

[noOneIsInnocent]

Le téléchargement est en cours
par contre les liens pour la DOC et pour les tutoriels ne fonctionnent pas au moment où je les teste
on verra bien plus tard

[mekal]

en meme temp si c'est basé sur du html5 c'est normale que ce ne soit pas entièrement compatible avec IE

sinon sa parait intéressant je vais tester ca

[Wormus]

Bon bah ça commence mal, j'ai testé en utilisant leur essai en ligne avec Firefox et Chrome :

Je n'arrive pas à poser le moindre composant dans l'espace prévu pour (j'ai essayé de différentes façon mais rien à faire, ça veut pas et d'ailleurs j'ai essayé de faire du drag & drop ce qui n'a pas l'air d'être la solution mais j'ai vu avec horreur l'image de fond venir avec la souris ... (je vous conseille un return false à la fin de votre méthode mousedown les gars ))

Bon faut peut être que je télécharge tout ça pour que ça fonctionne mieux ?? j'attends d'autres retours mais là ça part mal.

[nathieb]

Bonjour,

J'ai essayé, mais j'arrive pas à le faire fonctionner, c'est agaçant et désolant, mais prometteur.
La doc est impossible à obtenir car l'URL contient le port du serveur d'appli en :5555, d'ou le pb.
J'ai essayé sur windows et linux même pb, j'ai un message d'erreur servlet parm 'maqetta.maxUsers' is null sic!
Par contre, il m'a demandé un compte d'inscription sous linux ...
et la fenêtre se charge, charge charge .......... et rien .... ?
si quelqu'un a la solution pour un fainéant, j'avoue je manque de temps
voila pour un bref tour d'horizon,

olivier

[sami_c]

s'exécute directement sur les navigateurs modernes ... pas entièrement compatible avec Internet Explorer

donc ça voudrait dire que IE n'est pas un navigateur moderne :p

[sami_c]

Envoyé par Wormus

Bon bah ça commence mal, j'ai testé en utilisant leur essai en ligne avec Firefox et Chrome :

Je n'arrive pas à poser le moindre composant dans l'espace prévu pour (j'ai essayé de différentes façon mais rien à faire, ça veut pas et d'ailleurs j'ai essayé de faire du drag & drop ce qui n'a pas l'air d'être la solution mais j'ai vu avec horreur l'image de fond venir avec la souris ... (je vous conseille un return false à la fin de votre méthode mousedown les gars ))

Bon faut peut être que je télécharge tout ça pour que ça fonctionne mieux ?? j'attends d'autres retours mais là ça part mal.

idem pour moi : sous ff4, rien ne fonctionne ! je ne peux insérer aucun widget !!

[Neko]

The browser you are using is not supported. Please use Firefox 4, Chrome 5, Safari 5 or greater.

Super, pas de support d'Opera...

[poringkiller]

Il faut le télécharger, lancer le serveur sur son ordinateur et ouvrir un navigateur supporté à l'URL http://localhost:50000/maqetta
L'éditeur marche très bien, la prise en mains est un peu particulière mais on devrait pouvoir s'y faire.
j'ai la très nette impression que l'on pourra y rajouter des modules tels que les éléments de jQueryUI (déjà présent sur le site de la démo non-fonctionnelle) voire jQuery Mobile à la liste des éléments utilisables, et pourquoi pas d'autres (créés par l'utilisateur?)

en tout cas il est vraiment pratique, et permet d'avoir un aperçu temps réel de l'affichage de son site sur différents supports (iphone ipad, android phone, etc ...)

un projet prometteur, facile à installer utiliser, basé sur les derniers standards, qui permet de produire du code qui les respecte aussi, je suivrais ce projet avec attention