Nouvelles démonstrations en HTML5
Concernant le HTML5, il a souvent été question de la balise vidéo qui offre la possiblité d’intégrer des vidéos et de se passer entre autres de Flash. Moins évoquée, la balise audio permet de faire également des choses assez intéressantes. David Humphrey de la fondation Mozilla a mis au point un lecteur audio, entièrement conçu en JavaScript et en HTML5, qui est capable d’appliquer en temps réel des filtres à de la musique.
Mieux encore, David Humphrey s’est également amusé à concevoir une animation 3D qui comme ce que proposent iTunes et bon nombre de lecteurs MP3 s’adapte à la musique.
Pour l’heure, toutes ces démonstrations fonctionnent à l’aide d’une version hackée de Firefox. À noter enfin cette animation de Spiderman assez impressionnante qui a été entièrement conçue en HTML5 et CSS3.
Mieux encore, David Humphrey s’est également amusé à concevoir une animation 3D qui comme ce que proposent iTunes et bon nombre de lecteurs MP3 s’adapte à la musique.
Pour l’heure, toutes ces démonstrations fonctionnent à l’aide d’une version hackée de Firefox. À noter enfin cette animation de Spiderman assez impressionnante qui a été entièrement conçue en HTML5 et CSS3.
@ tyler_d : supprimer une technologie de 10 ans par rien du tout, c'est pas ce que j'appelle une évolution.
pour l'anim de spiderman, honnêtement flash fait BEAUCOUP mieux que ça, et en plus, dans l'anim, j'avais les éléments au fur et à mesure, un œil, une tête, le corps qui apparaissaient au fur et à mesure.
bref, c'est pas bien du tout comme anim... c'est pas fait pour ça et on le voit sur cette démo...
@sunjohn : "tu m'auras montré que tu es prêt à me proposer quelque chose qui impacte sérieusement mon évolution technologique future parce que tu trouves ça plus simple à développer"
Ca c'est de la science-fiction. Je suis chef de projet et dans mon expérience mon client a besoin avant tout autre chose d'un résultat. Je peux donne un exemple pratique. Une application doit afficher dans une liste/grille des données statistiques. Quand on double clique sur une ligne, on doit voir une fenêtre popup avec les détails. Les colonnes sont redimensionnable et réordonnable par l'utilisateur. En cliquant sur une colonne on change l'ordre de tri. Il y a également un champ de recherche.
Simple non ?
En pratique il y a entre 5000 et 12000 lignes dans le tableau. Les performances sont importantes et il faut éviter de recharger la page à chaque clic.
Un développeur très expérimenté en javascript a testé plusieurs librairies AJAX et aucune n'était utilisable même sur Chrome. En Flex, le composant datagrid réalise cela en quelques lignes avec quelques avantages :
- Cela marche sur Firefox et Opera également.
- La base du code est programmée en moins de 2 heure, moins de 100 lignes et sans perdre 3 jours à trouver le bon framework.
- Le tri sur une colonne et la recherche se réalisent en un clin d'oeil (moins d'une seconde) alors qu'il fallait au moins 15 secondes en HTML
- Le chargement initial des données passe de +/- 20 secondes à 4 secondes en utilisant AMF3 supporté par Flash.
On avait toutes les compétences nécessaire dans l'équipe mais on n'avait tout simplement pas le choix. Et si le client m'avait dit que l'application était utilisée sur Mac seulement, j'aurais proposé de la faire en Cocoa, XCode qui est encore plus performant.
J'ai une petite question:
Javascript -> source visible par tous? Est-ce que je peux télécharger les sources de google docs?
Si non quel est le moyen de les cacher?
@cdou59
J'ai pris des cours Action Script 2, à l'époque. La principale chose qu'il en ressortait est qu'Action Script est +/- un dérivé de Javascript à la sauce Adobe (pour rendre leurs apps incontournables, surtout).
@Goldevil ça sert à faire du web maintenant cocoa ?? Ou tu veux dire que tu aurais fait un client lourd en objective c / cocoa ?
@Mabeille
He! He! Mais c'est pas parce qu'on utilise des outils qu'on n'espère pas en trouver d'autres, plus... moderne.
PS D'ailleurs, je n'ai pas encore eu le temps de "nettoyer" mes sites en vue d'une lecture sur iPad!!!! :x
@Almux oui l'as2 était une catastrophe en terme de développement, pas vraiment cohérent encore plus bordélique parfois que le JS. L'as3 est complétement orienté objet et évènementiel, et ca, ca change tout.
'fin bon le flash cay mal, l'as3 cay mal tout ca tout ca, on s'en reparlera quand tout le monde chialera parce que la moindre anim' pesera 5mo car le gus du coin savait pas faire ca en vectoriel et que le javascript il savait pas faire ... on verra !!
@Goldevil tu oublies aussi d'ajouter que le flash player existe sur les vieux navigateurs type IE6 qui reste toujours très présent en entreprise, je le constate tous les jours... Et IE6 ou IE7 ne supporteront jamais HTML 5
@Almux Action script 3 n'a pas grand chose à voir avec la version 2.
@ shenmue : nous sommes d'accord et personnellement ça m'enchanterait mais encore faut-il q'Apple veuille bien se lancer dans l'aventure. Elle en a les moyens, c'est sûr, et FCP l'a prouvé, entre autre. De plus, rien n'est perdu puisque, semble-t-il, la firme a décidé de privilégier son département mobiles et que SJ ne cesse de clamer les vertus de HTML 5... C'est comme cela qu'il répondra intelligemment à Adobe et remisera Flash au placard. La balle est sans son camp.
Flash existera encore quelques années, c'est sûr... Et il y aura toujours moyen de l'utiliser pour des cas spécifiques, comme il en a été fait mention ici.
Mais il y a trois ans, quasi personne n'entrevoyait la moindre solution d'esthétique web sans Flash. D'ailleurs, il commence à en aller de même à propos de windows... c'est dire!
C'est là que cela devient intéressant!
Le changement est possible!
D'ici peu, il y aura certainement des jolis applications qui feront du HTML5 en WYSYWIG à la volée... Et, je ne serais même pas étonné qu'il y en ait une d'Adobe (où que cela vienne intégré à une version de DreamWeaver!), dans la foulée! ;D
Certains commentaires me font penser que leurs auteurs n'ont aucune expérience en matière de développement ...
- IE7, IE6, IE5, (et bientôt IE 1 ???) ne seront jamais compatible HTML5 > on s'en tape, quand la première version stable de HTML5 sortira, tout le monde ou presque sera sous Seven, donc au minimum IE8 ;
- Flash est 300 trillions de fois plus puissant que HTML5, ça rame pas, etc ... > et alors ? Vous voulez que HTML5 réalise en quelques mois ce que Flash a aboutit en plusieurs années ? Laissez le temps à cette technologie de se développer ;
En bref, juger le HTML5 alors qu'il n'en est qu'à ses prémices, et le comparer à un langage aussi expérimenté et évolué que Flash, c'est juste n'importe quoi.
@ Goldevil : merci pour tes précisions.
je ne pense pas que le flash ou l'html soit plus puissant l'un que l'autre...
j'aime l'html et j'aime le flash, les 2 sont à usages différents, faire macgeneration en flash serait une pure utopie, idem, faire un portfolio d'un graphiste sera bien mieux avec flash...
les 2 sont complémentaires suivant le site que l'on désire montrer...
@Sebastiano : remplacer Flash par une techno qui n'est pas encore au point, je ne sais pas si c'est bien pour l'utilisateur... Si effectivement HTML 5 était au niveau de Flash, effectivement ca ne me dérangerait pas que Flash disparaisse mais comme tu le dis toi même "HTML5 alors qu'il n'en est qu'à ses prémices". En attendant que HTML 5 "murisse", ben les personnes auront un p'tit lego bleu (ou un équivalent).
Que Flash disparaisse, non évidemment, de toute façon Apple peut bien le refuser, il continuera sur d'autres plateformes ...
Ca, c'était pour le peuple, maintenant d'un point de vue personnel, le Flash ne me manquera pas plus que ça.
"hacker" signifie bien "modifier".
[b]@ Almux [05/05/2010 15:22]
Flash existera encore quelques années, c'est sûr... Et il y aura toujours moyen de l'utiliser pour des cas spécifiques, comme il en a été fait mention ici.
Mais il y a trois ans, quasi personne n'entrevoyait la moindre solution d'esthétique web sans Flash. D'ailleurs, il commence à en aller de même à propos de windows... c'est dire!
C'est là que cela devient intéressant!
Le changement est possible!
D'ici peu, il y aura certainement des jolis applications qui feront du HTML5 en WYSYWIG à la volée... Et, je ne serais même pas étonné qu'il y en ait une d'Adobe (où que cela vienne intégré à une version de DreamWeaver!), dans la foulée! ;D
@ sebastiano [05/05/2010 15:26]
- Flash est 300 trillions de fois plus puissant que HTML5, ça rame pas, etc ... > et alors ? Vous voulez que HTML5 réalise en quelques mois ce que Flash a aboutit en plusieurs années ? Laissez le temps à cette technologie de se développer ;
En bref, juger le HTML5 alors qu'il n'en est qu'à ses prémices, et le comparer à un langage aussi expérimenté et évolué que Flash, c'est juste n'importe quoi.[/b]
ben, vous le dites vous mêmes, le html 5 n'est pas prêt... donc... ??? on fait quoi alors ? on attend ???
:-)
@mediapress : Il est là le nivellement par le bas ;) Pas de bras, pas de chocolat...
Microsoft vient juste de sortir IE 9 preview 2... Ya du mieux ;)
http://ie.microsoft.com/testdrive/benchmarks/SunSpider/Default.html
http://ie.microsoft.com/testdrive/
@ Goldevil : J'ai fais exactement ce que tu décris en quelques heures avec du javascript et phptable y'a 3 ans pour un client.
Parfois, on croit avoir des compétences...
c bien beau de montrer le html 5 en video, ce serait moins débile de le montrer en vrai. j'ai regardé le truc spiderman euh mouaif...
tin c pour quand le vc8 comme standard en video et basta
[quote]@ Goldevil : J'ai fais exactement ce que tu décris en quelques heures avec du javascript et phptable y'a 3 ans pour un client.
Parfois, on croit avoir des compétences... [/quote]
Un Vrai Type : le type qui a tout fait, qui connait tout, à propos de tout. Et qui fais tous les métiers, aussi.
Il n'y a pas besoin de prévenir que ce n'est pas du Flash, ça se voit tout de suite.
… Et le prochain, il nous fait la même avec une main dans le dos ?
@Un Vrai Type :
Et c'était aussi rapide qu'en flash avec +5000 entrées ? j'aimerais voir ca. Tu as un lien ?
Sur mon Quad 6600 24 à 64% occupation processeur, une pointe d'1/4 de seconde a 84% ( c'est un Quad /4). Fluide, le balancement de Spiderman se fait sans aucun a-coup.
Ce n'est pas encore fantastique, un bon début seulement.
Ce n'est pas çà qui supprimera demain et après-demain les millions de sites en Flash, bien que je ne soie pas du tout partisan de son utilisation à tout va et pour n'importe quoi.
On pourrait l'utiliser à bon escient!
Mais bon c'est le client qui commande et pas Steve Jobs.
Pour aider les gens à se faire une idée réaliste des capacités du HTML5.
[url]http://www.craftymind.com/guimark2/[/url]
@sunjohn : je fais peut être erreur mais les 50000 entrées ne sont pas toutes chargées dans la grid. Seuls les éléments à afficher sont chargés. Et heureusement d'ailleurs
Question performances ( et bon sens ) il est stupide de charger les 50000 entrées d'un coup. Mais faut savoir que flash peut le faire, contrairement à JS qui abandonnera très vite !
Sunjohn, le test dit juste que flash utilise bien plus de ressources pour le texte par rapport aux navigateurs qui sont fait pour ça à la base.
Après, ta réponse, je pourrais te la retourner mille fois avec des exemples contraires de mac users critiquant flash (surtout en ce moment). Mais je ne suis pas là pour ça.
En postant ce lien vers ce test, bien fait, parce qu'il oblige les navigateurs et FlashPlayer à galérer, je voulais juste dire : utilisons les outils qu'on juge les mieux adaptés selon ce qu'on veux faire.
Utiliser HTML5 et le canvas dans certains cas pour remplacer du contenu Flash s'il est utilisé sans à-propos, je suis totalement d'accord. Mais le faire partout pour tout le contenu flash du web serait une erreur à mon avis, car pas du tout optimisé.
Pages