Google Web Designer, un avenir qui fait peur

En ce moment je ne bosse plus vraiment dans l’illustration et le dessin animé hélas, mais plutôt dans le webdesign, l’intégration et le marketing (bannières et autres landing page).

Dans ma boite nous produisons des bannières par paquet de cent en flash et en gif. Bref nous maitrisons quand même un peu le sujet.

Soudain, mon boss me demande une bannière html5…

gné

Bon heuuuu…. Pourquoi pas !

Déjà pourquoi une bannière en html 5 ?

Un peu d’histoire

Il était une fois un pomme un peu croquée qui se mit à lancer un nouveau produit vraiment sympa, basé sur un iTéléphone tactile. Wouooooo !

MAIS cette petite pomme ne voulait pas que n’importe qui puisse créer des applications sur son produit trop facilement.

[quote]C’est mon produit ! Donc faite comme je dis et pis c’est tout ![/quote]

Alors la petite pomme ferma son système et déclara : Non Non Flash c’est trop hasbeen et dangereux, faut utiliser autre chose de bien mieux. Wesh !

Et oui, la petite pomme avait peur de ne pas gagner assez d’argent et décida d’obliger les gens comme moi à se former sur de nouveaux logiciels en ayant l’obligation de payer… pour développer.

Du coup la petite pomme, pour justifier sa mauvaise foi et sa cupidité, commença un travail de sape contre flash.

Méchante petite pomme !

viktor-hertz-4

Nous autres, pros du milieu, regardions un peu amusés, un peu surpris et même un peu dégoûtés, ce lobbying contre un système très implanté, que nous connaissions bien et qui permettait de créer de nombreuses choses comme des jeux, des applications, des bannières, des dessin-animés, etc. Le tout dans un logiciel qui a bien évolué dans le temps et qui a su se raffiner efficacement.

Bien sur il est possible d’argumenter sur la sécurité de flash… ouuuu de windows… ouuuuu des browsers…. ouuuuu de java… bref informatique=problèmes de sécurité ! Mais j’y reviendrai.

A ce stade, cher lecteur, tu peux te dire que cet article risque d’être un peu long et tu as raison !

jevois

Continuons !

Récemment, certains navigateurs ont décidé que non non non flash c’est trop pas bien et on va le désactiver de base… Na !

oshit2

 Hmmm ! Ça sent la fin… Pas pratique pour nos bannières cette histoire !

Bon ben va falloir passer à d’autres choses, car quand même… les gens qui ont décidé de buter flash DOIVENT avoir un truc pour remplacer ? Non ? Hein ???? Aller….

C’est là qu’intervient le mot magique : HTML5.

Le html5 remplacera flash, permet d’animer, de faire des trucs de ouf, super transverse tout devices, démarre ta moto rouillée, redresse les pénis et te fais sentir bon le chèvrefeuille.

11196307_10206528554643408_6980447577804196497_n

Muuuué pourquoi pas ?

Donc allons y !

Étape numéro uno : aller sur le site de monsieur google et voir les contraintes pour faire des banos Html5.

googlecontraintesLà je commence à sentir un léger picotement au niveau du vécu en lisant :

[quote]Seules les annonces HTML5 créées avec Google Web Designer sont acceptées.[/quote]

Je ne dirais pas que j’aime particulièrement les produits google, mais j’aime bien l’esprit en général de cette entreprise. M’enfin là, obliger de passer par un logiciel propriétaire pour faire du html ???? Google logiciel, google font, google pub…

Du code c’est du code… non ?

Peut être que leur truc est super bien pensé ? Peut être qu’ils ont finement développé le logiciel pour nous autres ? Peut être…

Attaquons donc GOOGLE WEB DESIGNER of the death.

Juste un petit aparté pour dire que j’ai toujours eu un questionnement profond sur les principes d’ergonomie chez google.

Voila à quoi ça ressemble :

capture001

Là, déjà, ça fait pas quatre secondes que tu as lancé le machin que tu te poses une première question :

[quote]Mais à quoi vont bien pouvoir me servir mes trois écrans ?[/quote]

Car il faut savoir que dans le domaine, nous avons tendance à avoir deux écrans et que le triple écrans se démocratise de plus en plus pour les pros.

Moi j’ai trois écrans au boulot et à la maison.

Par exemple quand je dessine sous photoshop ça donne ça : dessintoshop

 Le paquet de fenêtres est reparti sur les trois écrans ET C’EST BIEN PRATIQUE !!!

J’irai même jusqu’à dire que sous After Effect, un quatrième écran ne serait pas de trop.

MAAAIS avec Google web Designer, tu ne peux pas repartir les fenêtres… ce qui donne :

capturebureaugwd

Pauvre n’est ce pas ?

Tu es donc obligé de scroller comme un débile dans la microzone de droite. (Flèche rouge)

capture002
pourquoiiii

Bon ! Passons… après tout c’est une béta !

Sur ma capture, j’ai donc ouvert un fichier exemple livré avec le programme. Soit : Bannière 300 X 50.

Pas le truc de foufou hein, juste une bannière avec un logo et un bouton.

Fébrilement, cliquons sur Aperçus pour voir ce que ça donne, car oui dans le programme on ne peut pas dire que cela soit bien clair…

Surprise, c’est Chrome qui se lance… Petit canaillou de google qui lance son propre navigateur. De bonne guerre.

capture003bisBon ben c’est bien une bannière… y a pas a dire.

Oui mais voila, y a comme un soucis… Moi j’utilise Firefox pour diverses raisons.

myfavorite

Je récupère l’url dans chrome et la colle dans firefox.

HAHAAAAAAAAAAA !! Pas compatible !

Rien ne s’affiche. Dur !

Car OUI, google à réussit l’exploit de faire un code HTML non compatible avec tout les navigateurs… Très fort !

Certes c’est de la preview… mais c’est pareil sur le projet terminé. Au pire ça s’affiche pas et au mieux ça s’affiche n’importe comment. sur Firefox bien sur mais surtout c’est carrément tout cassé sur le navigateur de base d’un android.

J’ai comme des relents de pomme d’un coup…

facepalm5

Continuons…

Après pas mal de tests sur une bannière avec un petit jeu du genre : dégomme les trucs –> hop directions la landing page. Je peux vous dire que :

Tu ne peux pas redimensionner les groupes ! En résumé si tu fais une animation dans un groupe, le truc bien fait hein, quand tu as la langue qui sort pour bien te concentrer et si tu constate que tu as fait un peu grand sur la scène final, et bien TU NE PEUX PAS redimensionner tout le groupe !! Ça t’apprendras à savoir ce que tu fais !

Pire, si dans un moment de haine totale tu redimensionnes dans le groupe toute tes frames, cet abruti de logiciel ne redimensionne pas toujours le groupe et garde l’ancien format si vous avez des zones cliquables.

1358411968_7555590

Voyons maintenant coté Frames, car moi dans la vie ce que j’aime c’est animer !

La timeline ne permet déjà pas de voir les frames… Juste le temps ou en mode simple des frames assez étranges.

Gnaaaaaa ! Les animateurs (enfin disons les vieux de la vieille) savent bien qu’animer sur le temps est ULTRA pénible et assez peu précis. Cela dit, peut être que le html 5 ne diffuse pas en mode frame car selon les machines, le nombre de fps pourrait changer. Pas con comme réflexion !

Pis bon c’est WEB DESIGNER là et pas Toon Boon Studio l’intitulé.

Ok ! Je rage un peu mais bon… pourquoi pas.

Le système d’amortis de frame est déplorable tellement il n’est pas pratique.

Si vous voulez animer le fameux ballons qui saute… bon courage !

bencer-bouncing-ref

https://openclassrooms.com/forum/sujet/bencer-apprentissage-de-l-animation?page=1

Voyons maintenant côté comportement :

Hahaaaa si tu ajoutes un comportement dans la microzone pénible et que pour une raison X ou Y tu décides de la virer, SACHES que le comportement reste dans le code. Si tu décides donc de cleaner le code, c’est à tes risques et périls.

Voyons justement l’aspect code.

Dans l’exemple de la bannière de base ouverte au début de l’article, soit pour mémoire UN logo et UN bouton en css, le code final fait : 50 Ko !!!!!

nomdezeus

Pour rigoler un peu, j’ai ouvert le fichier dans mon éditeur habituel et là j’ai compris.

Y a du js inutile en pagaille, des scripts cheloux, des tonnes de code qui font pleurer de la bile de sang. C’est crade, c’est pas optimisé, et surtout c’est pas humainement lisible.

Si par malheur tu veux éditer du code propre dans une vrai éditeur et l’ouvrir dans GWD (oui marre de l’écrire complétement), voila ce que dit le logiciel :

capture004

Donc nous avons là un petit, léger, minuscule soucis de code propriétaire… Quelle est cette odeur de pomme ???

Pour finir, j’ai rapidement testé les fonctions de map (ben oui google s’accompagne bien du suffixe MAP), j’ai rien compris, pis ça marche pas, pis de toute façons tu peux pas le mettre dans des banos… alors on s’en tape.

J’ai quand même réussit après de longues heures, pas mal de cachets pour la tronche et avec force bave rageuse, à sortir la fameuse bannière demandée par mon boss. Bannière qui fut assez loin de ce que nous voulions faire à la base.

En résumé, ça sent la pomme

 Google nous propose donc un outil déplorable pour créer, un outil où on sent que les devs n’ont jamais ouvert un flash pour voir comment ça peut être pratique et ou toute notion de code propre relève de l’utopie profonde.

Mais là n’est pas vraiment le problème à mon sens car, soyons clair c’est une béta (qui dure…).

Non, le vrai problème est la très fâcheuse tendance à se renfermer sur soit même.

Que google adword oblige d’utiliser GWD est en soit un crachat gluant à la tronche de l’interopérabilité du html.

niarkniark

Il existe pas mal d’autres logiciels pour faire du html5 et même vos doigts boudinés peuvent en faire avec un simple notepad.

Google se dirige donc vers un univers qui sent bon la pomme et qui dit clairement :

Utilise GWD, utilise chrome. Le reste c’est trop de la merde, de toute façon c’est tellement de la merde qu’on va tout faire pour que tu UTILISES GWD ET CHROME C’EST TOUT ! T’AS COMPRIS BOUSEUX??

sipa_00652710_000003

Viens avec nous…

Et ça… ça passe pas !

L’avenir du web sent de plus en plus le caca faisandé à force d’espionnite aigue et de systèmes fermés.

Le marrant dans tout ça c’est qu’on critique flash sur la sécurité, mais quand on regarde le code html5 qui sort de cette bouse, on constate qu’il y du Js partout… et tout le monde sait bien que le JS c’est trop sécure tavu!!

Google Web Designer est un TRÈS mauvais logiciel pour faire du web, ou des bannières, ou juste un pauv’code html de base.

Bref nous sommes obligés d’en passer par là, mais le chemin est long et il pue un peu…

Crédit Constantine

David M

Août, 05, 2015

 

2

SHARE THIS