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

Le , 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 ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de Wormus Wormus - Membre actif https://www.developpez.com
le 19/04/2011 à 14:38
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.
Avatar de Ludo.G Ludo.G - Membre confirmé https://www.developpez.com
le 19/04/2011 à 15:01
Interessant, je testerai ca, reste à voir la nature des limitations avec Internet Explorer
Avatar de noOneIsInnocent noOneIsInnocent - Membre éprouvé https://www.developpez.com
le 19/04/2011 à 15:07
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
Avatar de - https://www.developpez.com
le 19/04/2011 à 16:56
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
Avatar de Wormus Wormus - Membre actif https://www.developpez.com
le 19/04/2011 à 17:36
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.
Avatar de nathieb nathieb - Membre expérimenté https://www.developpez.com
le 20/04/2011 à 10:09
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
Avatar de sami_c sami_c - Membre actif https://www.developpez.com
le 20/04/2011 à 10:17
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
Avatar de sami_c sami_c - Membre actif https://www.developpez.com
le 20/04/2011 à 10:24
Citation Envoyé par Wormus  Voir le message
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 !!
Avatar de Neko Neko - Membre chevronné https://www.developpez.com
le 20/04/2011 à 11:16
The browser you are using is not supported. Please use Firefox 4, Chrome 5, Safari 5 or greater.

Super, pas de support d'Opera...
Avatar de poringkiller poringkiller - Membre du Club https://www.developpez.com
le 21/04/2011 à 11:30
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
Offres d'emploi IT
Architecte sécurité des systèmes d'information embarqués H/F
Safran - Ile de France - 100 rue de Paris 91300 MASSY
Ingénieur développement fpga (traitement vidéo) H/F
Safran - Ile de France - 100 rue de Paris 91300 MASSY
Expert décisionnel business intelligence H/F
Safran - Ile de France - Évry (91090)

Voir plus d'offres Voir la carte des offres IT
Contacter le responsable de la rubrique Accueil