Developpez.com

Le Club des Développeurs et IT Pro

IBM lance Maqetta : un éditeur HTML5 et JavaScript

Open-source pour Web et mobiles et l'offre à la fondation Dojo

Le 2011-04-19 13:55:54, par Idelways, Expert éminent sénior
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 ?
  Discussion forum
10 commentaires
  • 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
    le 19/04/2011 à 16:56
  • Wormus
    Membre actif
    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.
    le 19/04/2011 à 14:38
  • Ludo.G
    Membre confirmé
    Interessant, je testerai ca, reste à voir la nature des limitations avec Internet Explorer
    le 19/04/2011 à 15:01
  • noOneIsInnocent
    Membre éprouvé
    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
    le 19/04/2011 à 15:07
  • Wormus
    Membre actif
    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.
    le 19/04/2011 à 17:36
  • nathieb
    Membre expérimenté
    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
    le 20/04/2011 à 10:09
  • sami_c
    Membre averti
    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
    le 20/04/2011 à 10:17
  • sami_c
    Membre averti
    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 !!
    le 20/04/2011 à 10:24
  • Neko
    Membre chevronné
    The browser you are using is not supported. Please use Firefox 4, Chrome 5, Safari 5 or greater.
    Super, pas de support d'Opera...
    le 20/04/2011 à 11:16
  • poringkiller
    Membre du Club
    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
    le 21/04/2011 à 11:30
  Poster une réponse