Discussion :

[Patrick Ruiz]

Inutile de coder votre page web vous-mêmes, dessinez là et notre intelligence artificielle fera le reste
Dit Microsoft aux développeurs

Microsoft a quelque chose dans sa gibecière à l’intention des intervenants de la chaîne de création des sites web. La firme de Redmond lance Sketch2Code – un outil de conversion des prototypes d’interfaces graphiques en code.

Le géant de la Tech explique que Sketch2Code s’inspire du flux de travail en vigueur dans l’univers du développement des sites web. Quelque part en début de chaîne, le prototyper monte (à la main) une maquette graphique par la suite transmise à un intégrateur. Ce dernier se charge de créer un équivalent sous forme de code HTML qu’un navigateur peut afficher. D’après la firme de Redmond, Sketch2Code permet d’accélérer ce processus.

Sketch2Code est disponible sous forme de service en ligne adossé à l’offre d’intelligence artificielle sur la plateforme Microsoft Azure. « Une fois que vous avez dessiné ces images sur un tableau blanc, vous pouvez prendre une photo en utilisant l'application web et elle se chargera d’envoyer cette information au service d’IA. Ce dernier se sert ensuite de ces contenus pour générer une base de code HTML suivie d’une application », explique l’entreprise.

La firme de Redmond a pensé aux développeurs intéressés par d’autres alternatives que le HTML. XAML fait partie des options proposées. Le géant de la Tech cible aussi un public désireux de s’appuyer sur ses connaissances en développement web pour les translater au développement UWP.

Balsamiq, UXPin, Webflow, etc. la liste des outils qui font dans la même filière est assez fournie, mais il semble que l’ingrédient additionnel de l’application de Microsoft soit l’intelligence artificielle. L’intérêt de l’application de cet ensemble de techniques à divers champs d’activité va croissant. Dans le cadre du développement web, la mouvance devrait faire surgir plus de qualiticiens du code. En effet, ce n’est qu’au fil des utilisations que l’IA donne de meilleurs résultats. Les développeurs au courant de cet état de choses devraient donc être plus regardants sur la qualité du travail de cette application de Microsoft musclée à l’intelligence artificielle.

Le géant de la Tech a posté une vidéo qui fait le tour sur les possibilités que l’outil offre aux développeurs.

Testez Sketch2Code ici ou rassemblez plus de détails sur l'application ici

Et vous ?

Qu’en pensez-vous ?

De quels outils vous servez-vous pour transformer vos prototypes d’interfaces en code ? Comment les comparez-vous à l'outil que le géant de la Tech propose ?
L’intelligence artificielle peut-elle apporter un plus au processus de transformation de prototypes d’interfaces en code ?

Voir aussi :

Jason Bradbury estime que c'est une perte de temps d'enseigner le codage aux enfants parce que « bientôt les ordinateurs vont coder pour eux »

Et si coder par la parole devenait possible ? Un ingénieur présente son système à la Conférence Python 2013

[ShigruM]

pour les dev
edit : oui évidement c'est une blague

[grunk]

pour les dev

Ca simplifie juste le prototypage , le truc qu'en général personne n'aime faire...
Les dév on encore de beau jour devant eux

[Edrixal]

pour les dev

Y'a tellement un monde entre créer une interface et la rendre un minimum dynamique ^^' Sans parler qu'après il faut pouvoir la lier à une bdd, la rendre évolutive ect...
Bref, j'me fait vraiment pas de soucis, c'est parfait pour faire des maquettes mais pas plus ^^

[Asmodan]

je vais tester avec un design très représentatif et au contenu pour adulte pour voir ce que cela donne

[sami_c]

ça suppose qu'on peut bien dessiner des mockups à main levé ... mais réellement est-ce toujours le cas ? On utilise des logiciels pour ça, aussi bien pour une intreface statique que dynamique !
Mais sinon ça reste un bon exemple pour montrer ce que faire leur IA, pas plus à mon avis...

[spyserver]

Très marketing tout ça, de la poudre de perlimpinpin

[solstyce39]

Bon ok j'ai abusé mais :

https://sketch2code.azurewebsites.ne...f-aac9e6c69f6d

[Vulcania]

[Matthieu76]

Et pourquoi pas un outils pour faire du drag-and-drop de boutons, images et autres... Comme ça plus besoins de ce faire chier avec une IA et c'est encore plus rapide. Utiliser de l'IA pour ça c'est un peu comme "utiliser un bazooka pour tuer une fourmis".

[sami_c]

Bon ok j'ai abusé mais :

https://sketch2code.azurewebsites.ne...f-aac9e6c69f6d

LOL le résultat est très proche du mockup !! Bref si on ne sait pas ce qu'on doit dessiner cette IA et LA solution

[psychadelic]

Et pourquoi pas un outils pour faire du drag-and-drop de boutons, images et autres... Comme ça plus besoins de ce faire chier avec une IA et c'est encore plus rapide. Utiliser de l'IA pour ça c'est un peu comme "utiliser un bazooka pour tuer une fourmis".

Ca existe déjà, pour produire des pages Bootstrap 3, ils avaient des difficultées pour passer à Bootstrap 4, mais maintenant ça doit être réglé, faudra bien sur qu'ils recommancent tout quand Bootstrap sortira sa version 5.

Il y a aussi le fait que leur truc rammait un peu sur Bootstrap 3 , car il fonctionnait bien sur un bootstrap 3.1, en générant bien les bugs de la 3.1, et que BootStrap avaient finalement correctement corrigés dans la version 3.4 ( les 3.2 et 3.3 avaient ajoutés d'autres problèmes en corrigeant mal leur buggs précédents)


Sinon, j'aimerai bien voir à l’œuvre leur intelligence artificielle dans ce cas la :

[zaza576]

"cry" au lieu de "cvv".

Toi aussi tu vas "cry" quand tu sauras le prix pour ce produit :-(

Lol quoi pour leur OCR à deux balles (ou le dessinateur pue)

[Pierre Fauconnier]

Ils ont sorti FrontPage 365?

[esperanto]

Inutile de coder votre page web vous-mêmes, dessinez là et notre intelligence artificielle fera le reste

Ben c'est con je suis meilleur programmeur que designer
Quand on sait qu'en plus j'ai des clients capables de considérer le fonctionnel comme nul et non avenu pour un simple bouton "trop gros"...

Ceci dit ça pourrait avoir une utilité. Parfois j'arrive à faire comprendre au client qu'il vaudrait mieux confier la partie visuelle à un designer pour que je m'occupe du fonctionnel. Mais parfois, le designer rend sa copie au format jpeg...

[danielhagnoul]

Ils ont sorti FrontPage 365?

Ho ! Que de mauvais souvenirs !

[Pierre Fauconnier]

Ho ! Que de mauvais souvenirs !

Ah oui... en effet... Ca vomissait du html de la mort qui tue...

Amha, les petits jeunes du forum n'ont pas connu... (Ah, de mon temps...)

[devman1]

Ceci n'est que le début de la fin des développeurs web qui comme les autres auront contribués à faire tomber leur métier en participant au perfectionnement la machine qui leur damera bientôt le pion.

Microsoft cherche certainement à renflouer ses statistiques et perfectionner son outils grâces de tests concrets.

Dans quelques années ou dans un futur proche le produit Microsoft sera proposé à des clients en leur présentant l'économie qu'ils réaliseront en utilisant cet Outils mettant au chômage plusieurs millier de personnes. Mais ce qui est marrant c'est que des personnes se lèverons pour nous expliquer que le métier remplacé était ennuyant et blablabla....

En tout cas nous nous sommes pour label "Fabriqué par des Humains" un comme les "Made in France" parce que là le combat contre cette folie (tout automatiser) doit s'équilibrer.

[Refuznik]

Comme les autres souvenirs du code généré par FrontPage ou Dreamweaver à gerber.

Bon pour l'instant l'IA doit être encore en vacances, j'ai un super :

Service Unavailable

HTTP Error 503. The service is unavailable.

[iclo]

Il y a 13 ans, l'université où j'étais étudiant travaillait sur un prototype faisant exactement la même chose.
Dire que c'est inutile, non, ça peut donner un coup de pouce pour générer rapidement une maquette en html ou fournir une base de départ pour un développement complet.

La vraie question : qu'est-ce que ça coute et qu'elle est la fiabilité / qualité du code ? Je trouve que c'est sur ces critères que ça va se jouer: je doute qu'une boite investisse beaucoup pour s'offrir ce genre d'outil.