SVG (Scalable Vector Graphics) peut-il remplacer Flash ? [Débat]

[Orvinfait]

Scalable Vector Graphics qui, traduit de l'anglais, signifie « graphique vectoriel adaptable »[1] et est couramment abrégé par le sigle SVG, est un format de données conçu pour décrire des ensembles de graphiques vectoriels et basé sur XML. Ce format est spécifié par le World Wide Web Consortium.

Le SVG est très utilisé dans le monde de la cartographie et du téléphone portable.

Détails

Les coordonnées, dimensions et structures des objets vectoriels sont indiquées sous forme numérique dans le document XML. Un système spécifique de style (CSS ou XSL) permet d’indiquer les couleurs et les polices de caractères à utiliser.
Manipulation d’image SVG avec Inkscape.

Ce format gère quelques formes géométriques de base (rectangles, ellipses, etc.), mais aussi des chemins (paths), qui utilisent les courbes de Bézier et permettent ainsi d’obtenir presque n’importe quelle forme. Le remplissage peut se faire à l’aide de dégradés (gradients) de couleurs de motifs (pattern) qui sont des objets SVG quelconques, ou de filtres (appelés shaders en imagerie 3D). On peut également appliquer des motifs le long des chemins (markers) et utiliser les fonctions de remplissage. Le canal alpha, pour la transparence, est géré à tous les niveaux.

Comme dans tout document XML, les objets sont organisés sous forme d’arbre. Le format permet l’intégration d’animations, ou la manipulation des objets graphiques par programmation, notamment grâce à des scripts qui peuvent être intégrés dans le SVG.

Un des intérêts majeurs de SVG est qu’il peut être inclus dans d’autres documents XML, comme par exemple des documents XHTML ou des documents XML devant être traités par XSL-FO. Respectant la norme XML, une image SVG peut également être manipulée par l’intermédiaire du modèle Document Object Model (DOM).

SVG peut être visualisé nativement avec des navigateurs web modernes ou à l’aide d’un plug-in pour d’autres (voir : les navigateurs SVG).

Certains environnements graphiques l’utilisent pour la gestion et l’affichage d’icônes, et d’interface, comme X.org, GNOME, KDE ou certains téléphones portables.

Des logiciels graphiques permettent de modifier facilement chaque forme, par exemple en déplaçant des points, ou en changeant la couleur des traits, … Il en est de même pour le texte qui peut être modifié sans toucher aux formes, ce qui facilite grandement la modification de schémas.

Pour moi SVG est dès aujourd'hui utilisable puisque j'ai créé un jeu de cartes en réseau avec Ajax et SVG. Pour voir ce que cela donne : http://www.orvinfait.fr/svg/jeux/ten...ur_gagner.html

Le logiciel fonctionne avec Firefox 3, Opera et Internet Explorer avec le plugin d'Adobe. Je ne l'ai pas testé avec Safari mais il devrait fonctionner.

L'annonce qui devrait faire bouger les choses n'est peut-être pas mon jeu mais celle-ci :
Dreampark lance la nouvelle génération de logiciels médiateurs télévisuels SVG lors de l'IBC 2008
http://www.mobifrance.com/articles/p...?f=2021788.xml

L'article commence ainsi :
"Les graphiques vectoriels adaptables apportent des possibilités d'interface graphique sans précédent en qualité haute définition, sans compromis sur la vitesse ou la performance".

Cet article parait sur de nombreux sites exemple :
http://fr.biz.yahoo.com/29082008/175...suels-svg.html

Plus d'une personne va se dire: mais c'est donc possible en SVG ! Cela devrait changer l'image de ce langage.

Par SVG j'entends pas seulement la norme SVG mais SVG fonctionnant avec d'autres langages.

Avec SVG il est possible de créer ses propres polices de caractères. (mais cela n'est pas encore géré par Firefox mais par Opera et peut-être Safari)

SVG a été intégré dans le test acid3.

SVG est indexable

SVG est comme le HTML une technologie du W3C alors que Flash est aujourd'hui la propriété exclusive d'Adobe.

SVG 1.2 a des balises audio et video non encore disponibles dans les navigateurs actuels. Audio existe avec le plugin d'Adobe mais ce plugin est en cours d'abandon. Par contre il est possible d'ajouter la balise video de html5 dans un document SVG comme le montre l'exemple suivant : http://pecita.fr/ (en utilisant Firefox 3.1)

L'auteur de cet exemple en parle ici
http://www.svgfr.org/forum/?action=v...3&topic=910#17
Le site http://pecita.fr/ est en SVG.
Firefox 2 gérait SVG très lentement ce qui me faisait conseiller Opera. Ce n'est plus le cas avec Firefox 3

[kedare]

Le jour ou il y aura un interpreteur commun, SVG Aura de l'avenir, mais pour le moment, non

[Thierry Chappuis]

J'attends de voir comment ça évolue. Flash est tout de même devenu un standard de fait et j'ai l'impression malgré tout que SVG n'est pas encore très bien supporté de la part des navigateurs.

Thierry

[Orvinfait]

Envoyé par kedare

Le jour ou il y aura un interpreteur commun, SVG Aura de l'avenir, mais pour le moment, non

??? Que veux-tu dire, SVG est un standard. Soit le navigateur est conforme au standard et il lit parfaitement un document soit il n'est pas conforme au standard et il peut y avoir des problèmes.

Aujourd'hui il est possible de mesurer cette conformité avec le test acid3

J'ai créé un programme contenant plusieurs milliers de lignes qui fonctionnent sur différents navigateurs donc le code est interprété de la même manière par les différents navigateurs.

[kedare]

Oui enfin c'est comme le xhtml, faut adapter un peut pour que ca marche partout (ou pas)

[Orvinfait]

Envoyé par kedare

Oui enfin c'est comme le xhtml, faut adapter un peut pour que ca marche partout (ou pas)

Bonjour,
Je pense que tu tombes là dans un piège tendu par certains. XHTML est normalisé. Si un navigateur ne lit pas correctement un code normalisé ce n'est pas XHTML qui est le problème mais le navigateur.
Certaines entreprises essayent d'imposer des méthodes propriétaires pour en tirer profit. Les suivre dans cette voie c'est s'exposer tôt ou tard à devoir payer d'une manière ou d'une autre les méthodes propriétaires. Les revenus des droits des méthodes propriétaires ne tombent pas du ciel même si beaucoup pensent qu'en utilisant des plugins gratuits que cela ne leur coûte rien indirectement.
En ce qui concerne SVG un grand nombre des premiers programmes faits pour le plugin d'ADOBE ne passent pas sous Firefox. Pourquoi? Tout simplement parce que, dans la plupart des cas ces programmes utilisent des instructions qui ne sont pas standards.
Au début je suis tombé dans le piège. C'est vrai qu'il y avait alors peu d'informations sur SVG et je soupçonne certains d'en avoir profiter pour en donner des mauvaises car une fois le code normalisé il fonctionne aussi bien avec Firefox qu'avec Internet Explorer et le plugin d'Adobe. Je n'apprécie pas de me faire ainsi piéger. (Il est à noter que Firefox n'intègre pas encore complètement SVG)
Je viens d'essayer mon jeu de tarot à 4 en SVG avec Google Chrome et il fonctionne. Le programme SVG contient quand même plus de 2500 lignes.
Après avoir acquis la technologie Flash Adobe va abandonner son plugin SVG. Internet 8 n'accepte pas de balise SVG en standard. Je sais que certains attendent la bonne volonté de Microsoft pour utiliser le SVG. Est-il bon de se laisser imposer des choix techniques par une entreprise?
Il est vrai qu'une majorité d'internautes utilisent encore le navigateur Internet Explorer. Doit-on être fataliste et accepter ce que l'on veut nous imposer? Je sais si l'on veut qu'un site soit vu par un maximum de personnes, aujourd'hui, on a pas le choix mais pour certaines pages ou application il est possible d'orienter les internautes vers d'autres navigateurs.
Le nouveau navigateur de Google pourrait contribuer à faire changer les choses.
SVG fonctionne avec Javascript. Pour concurrencer Flash certains navigateurs manquaient de rapidité. Google a fait un effort sur la rapidité de Javascript. SVG et Flash partagent un même principe l'animation est faite grâce à un langage script. Actionscript est d'ailleurs basé sur du Javascript standard. Passer de Flash à SVG pourrait donc ne pas être trop problématique.

A+

[Orvinfait]

Le créateur du web regrette l'absence de SVG dans IE :

Le créateur du web regrette l'absence de SVG dans IE
Publiée par Guillaume le Jeudi 11 Septembre 2008
L'inventeur du World Wide Web, Tim Berners-Lee s'interroge sur une éventuelle prise en charge du format SVG dans Internet Explorer.

Le format graphique SVG, Scalable Vector Graphique, permet de représenter une forme géométrique en interprétant les données d'un code XML. SVG est notamment utilisé pour les cartes géographiques. A la différence de l'image matricielle, l'image vectorielle peut être agrandie à l'infini. La plupart des navigateurs web embarque directement le support natif du format SVG. Berners-Lee déclare : « Si vous observez les navigateurs, vous vous rendrez compte que la plupart d'entre eux supporte le SVG [...] Je vous laisse deviner celui qui a traîné dans la prise en charge de ce format ».

Contrairement à Mozilla Firefox ou Safari sur Intel ou Opéra, Internet Explorer requiert le téléchargement d'un plug-in développé par Adobe avant de pouvoir visualiser une image dans ce type de format vectoriel. Cependant, après avoir annoncé le rachat de Macromedia en avril 2005, Adobe entend remplacer ce plugin par la technologie concurrente de Flash et la compagnie a annoncé que le développement de son plugin SVG viendra à échéance le 1er janvier 2009.

Microsoft avait intégré VML (Vector Markup Language), un autre format de graphique vectoriel mais en 2001, le consortium W3C en charge de réguler les standards du web et présidé par le même Berners-Lee a recommandé le format SVG. AP recueille les propos d'un porte-parole de Microsoft : « Cela fait longtemps que nous réfléchissons sur la prise en charge du format SVG. Nous recevons une forte demande de la part des développeurs web pour le support de ce format et nous savons que cette requête est prioritaire ».

Pourtant, interrogé par The Register à ce sujet Chris Wilson, architecte de la plate-forme IE avait déclaré en mars dernier : « Nous devons d'abord choisir quelle technologie nous devrons prendre en charge. Il nous faut d'abord achever un travail avant de passer à quelque chose d'autre et risquer de tout bâcler; une erreur que nous avons déjà commise dans le passé. ». Internet Explorer 8 dont la bêta 2 est sortie le 27 août dernier, ne devrait donc pas répondre aux demandes des développeurs web.

Après l'échéance du 1er janvier prochain, que fera Microsoft? La technologie de Silverlight pourrait-elle tracer un nouveau chemin? Source

mais comme c'est un article d' Associated Press (AP) d’après Peter Svensson
11/09/2008 12h30 cette information est parue sur plusieurs sites en français, en anglais...

[nicorama]

Sûr que si IE ne lit pas le SVG...
J'ai un peu le même soucis avec MathML. Flash a l'avantage d'avoit un plug-in dispo sur au moins 90% des PC grand public.

[Orvinfait]

Bonjour,

Sur Internet les choses ne sont pas immuables Yahoo a dominé, Netscape a dominé et aujourd'hui qu'en est-il?

Pour ma part j'essaye de faire avancer les choses.

J'ai créé un logiciel gratuit et en ligne permettant d'écouter le texte de son choix en anglais. Il permet de tester sa prononciation sur le texte de son choix grâce à la reconnaissance vocale. Celle-ci donne un niveau de reconnaissance ce qui permet d'améliorer sa prononciation.

Le logiciel vocal que j'utilise a été conçu par IBM et intégré dans le navigateur Opera. Il n'est utilisable qu'avec les ordinateurs fonctionnant avec windows 2000 ou windows XP et bien sûr avec le navigateur Opera que chacun peut charger gratuitement ici : http://www.opera.com/download/

Mon logiciel : http://www.orvinfait.fr/n/voice/appr...l_anglais.html

Il me semble que ce logiciel est un bon outil pour apprendre à parler l'anglais.

Tu me parles de MathML et que tu partages mon soucis. Mais tu partages autre-chose. Il y a une certaine volonté de proposer des outils utilisables par ceux qui souhaitent apprendre. Je dis certaine car je ne suis pas sûr que tu voudras aller jusqu'au bout avec MathML. A mon avis ce serait dommage.

Pour ma part je vais au bout de ma logique. Je pense que SVG remplacera Flash et en plus il me semble que SVG ouvre des possibilités que Flash ne permet pas. J'en ai déjà cité quelques-unes.

Mon discours peut te paraître brouillon quel lien y a-t-il entre le logiciel vocal que j'ai utilisé, MathML et SVG?

Eh bien! tous les trois sont du XML. Ils peuvent fonctionner ensemble au sein d'une même application. Quand je dis ensemble ce n'est pas de manières juxtaposées mais de manières qui peuvent être liées. On multiplie ainsi les possibilités et donc les usages.

Il me semble que ma question est très importante. Quand je parle de SVG, peut-être devrais-je dire l'ensemble des techniques XML? Cependant on associe SVG comme un concurrent de Flash mais pas XML alors que SVG est du XML, c'est à dire un langage extensible.

Si j'ai raison il manquera rapidement de programmeurs pour SVG et les autres langages XML. Il faut bien sûr qu'un navigateur permette cela mais Opera permet déjà cela et je pense que d'autres vont suivre.

Quelques exemples d'applications :

SVG + la voix (norme voice) permet la création de jeux ou d'animations commandées par la voix ou que l'on fait parler.

SVG offre la possibilité de créer des polices de caractères. Cela peut être utile pour MathML. Et il est possible de mêler SVG , MathML, Javascript pour faire des animations ce qui me semble apporter un plus pour la pédagogie. Il est bien sûr possible d'y introduire aussi Voice ou de la vidéo.

A+

[Richard Trigaux]

merci de cette intéressante discussion.

Avant que SVG fonctionne et puisse réellement "remplacer" flash, il manque quelques fonctions de base (celles qui ont fait le succès de flash):

-le son
-la vidéo
-la barre de téléchargement qui démarre l'animation quand le téléchargement est terminé.

Ces fonctions de base indispensables sont utilisées par la grande majorité des applications flash (autre que les bannières publicitaires): jeux, vidéos flash, sites tels que deezer, youtube, etc.

La balise audio ne semble pas encore fonctionner, et je n'ai pas idée de comment faire une barre de téléchargement.

Pour le moment SVG est un rêve, et, vu les tergiversations sur l'implémentation d'un SVG complet et 100% conforme à la norme, je commence à me demander sérieusement si les fabriquants de navigateurs (Opera, Firefox, Safari) ne se seraient pas entendus pour préserver le monopole d'Adobe, en nous laissant nous amuser avec un SVG incomplet, inutilisable pour la plupart des applications.

[Orvinfait]

Ces objections sont fondées et je pense qu'elles ont motivé Google à sortir le navigateur Chrome. Je sais bien qu'en ce qui concerne SVG la base de Chrome a été prise ailleurs. Pour l'instant il n'y a donc pas d'avancée majeure au niveau des navigateurs mais l'objectif de Google Chrome est de faire avancer les navigateurs. J'explique cela dans mon dossier : http://www.orvinfait.fr/chrome_les_o...de_google.html


Ces inconvénients n'empêchent pas Google de faire avancer SVG. SVG est utilisé par Google dans plusieurs services populaires ce qui prouve qu'aujourd'hui SVG est utilisable. En utilisant SVG Google produit un phénomène boule de neige que je décris à : http://www.orvinfait.fr/chrome_svg_e..._de_neige.html


C'est à dire que l'usage par Google entraîne l'usage de SVG par d'autres. L'offre SVG va monter. Ce n'est plus du rêve c'est de la réalité. Ce phénomène boule de neige va balayer Flash, Silverlight... Dans quelques années ils n'existeront plus. Bien sûr il va y avoir des évolutions.


Il est vrai que Microsoft avec Internet Explorer essaye de bloquer SVG. La nouvelle version d'Internet Explorer ne le supporte toujours pas. Microsoft a cru empêcher le développement de SVG en créant un langage similaire mais propriétaire: VML. Conclusion avec Google Maps ou Google Docs par exemple Google propose suivant le navigateur du SVG ou du VML mais pas du Flash. Beaucoup de personnes utilisent donc SVG sans le savoir.


SVG et les langages complémentaires peuvent gérer son, vidéo, texte, animations... Pour animer SVG il faut utiliser Javascript ou mieux ECMAScript qui est l'équivalent à de Javascript mais en standard. Dans un document SVG on peut intégrer plusieurs dessins, du texte, des scripts, des objets externes, des images. Cependant SVG c'est de la 2D. Nous pouvons imaginer que dans un document SVG on intègre aussi de la 3D commandée à l'aide d'un script. Le script pouvant alors commander les différents éléments : texte, 2D, 3D, vidéo... Les différents éléments pouvant alors interagir ensemble.


Comme c'est bizarre, alors qu'il existe Flash, Silverlight... capables de gérer la 3D, Google lance son propre système 3D, open source et en plus il fonctionne à l'aide d'Ecmascript comme SVG. C'est vraiment bizarre... ou peut être que les concurrents vont avoir quelques soucis dans les années à venir.


Pour la 3D voir par exemple :
http://www.fredcavazza.net/2009/04/2...le-navigateur/

[tehcyse]

Je pense que SVG n'a aucune chance de percer dans le futur: la domination des Very Rich Internet Application sera une bataille entre les grands du web... Adobe, Microsoft, Google. SVG n'a plus aucun soutien alors que tous les concurrents s'améliorent grandement, même HTML5 semble avoir un coup de boost. La seul utilisation que je vois pour le SVG c'est son utilisation actuelle: un standard ouvert pour afficher des images vectorielles, comme le gif.

[nethebes]

Sans compter que VML revient à la charge ...et bien en plus!
http://www.svg-vml.net/

[Pitou5464]

je ne connais pas svg, mais je pense que processing ou processingjs risque de faire mal a flash tres rapidement.
www.processingjs.org
Si IE decide enfin de supporter le canvas element.
Je viens de finir un petit module sous expression engine pour faire une whiteboard. C'est a dire que tout le monde qui visite le site puisse dessiner ou ecrire sous le meme espace.
Malheuresement uniquement FF3 est supporte, principalement a cause des fonts.
www.kohure.com/index.php/canvas

[Traroth2]

Techniquement, c'est certain, SVG peut supplanter Flash. Et ça serait une très bonne chose, puisqu'à la différence de Flash, c'est un format ouvert. De plus, il repose sur XML et peut donc sans doute être indexé beaucoup plus facilement par les moteurs de recherche et interprété par les systèmes de synthèse vocale pour les sourds et malentendants. Bref, SVG corrige tous les défauts de Flash.

Seul problème : aucun navigateur n'implémente totalement la norme, même les navigateurs open-source comme Firefox.

Un exemple de site en SVG. Mais il faut IE avec le plug-in Adobe qui n'est plus maintenu depuis des lustres pour le faire fonctionner...

[nethebes]

Le vectoriel a toujours eu du mal à s'imposer auprès des développeurs.
VML (qui était déjà au top en 1998) a subit cette indifférence, et l'alternative SVG (pour essayer de satisfaire toutes les chapelles) n'a pas échappé à ce phénomène. Seul Macromedia (co-artisan de VML) a réussi à tirer son épingle du jeu après le rejet de ce format comme standard. En créant Flash, c'était se mettre en marge de la décision du W3C, et porter un regard négatif sur SVG en le refusant comme standard valable.
Le principe de la technologie VML a été en grande partie reprise dans Flash. Et aujourd'hui, Adobe (qui avait proposé PGML contre VML à l'époque), n'a pas craché sur Flash pour le récupérer.
Ce n'est pas seulement pour agacer le monde que Microsoft n'a jamais implémenté directement SVG. C'est que VML était un excellent format et qu'il n'avait aucune raison d'accepter un format inférieur.
Le défaut de Microsoft (comme d'habitude) c'est de tout faire passer par les dollars, et de manquer à la vulgarisation de ce format par des logiciels accessibles.
Je pense que SVG n'a aucune chance de s'imposer dans le futur.
Il génère des fichiers beaucoup trop lourds et complexes pour un résultat finalement très moyen.

[Orvinfait]

Envoyé par nethebes

Sans compter que VML revient à la charge ...et bien en plus!
http://www.svg-vml.net/

SVG est aujourd'hui utilisé par un grand nombre de personnes mais beaucoup l'ignorent. SVG progresse très vite.

Google utilise à la fois SVG et VML suivant les navigateurs:
voir:
http://www.goopilation.com/2009/03/g...un-mouton.html

mais c'est aussi le cas avec Google Maps et d'autres logiciels Google.

Les outils de Google étant de plus en plus utilisé, SVG est de plus en plus utilisé.

VML est un passage obligé à cause de Microsoft qui a le seul navigateur qui ne lit pas SVG. VML est un standard comme il existe du HTML standard mais sur ce standard Microsoft apporte des améliorations propriétaires ce qui fait que pour utiliser toutes les potentialités du VML de Microsoft à un moment donné il faut payer des royalties à Microsoft. Je ne vois pas Google se satisfaire de cette solution.

On parle peu de SVG mais il est assez utilisé sur les téléphones portables. A http://www.actu-cci.com/dossier/Dossier_71/2777/ il y a au point 19 un commentaire sur IKIVO. Cette société a eu 4 422 %
de croissance au cours des cinq dernières années.

Bien sûr en partant de rien il est possible d'avoir une telle croissance mais en 2005 IKIVO était déjà une société assez importante pour conclure un accord avec ADOBE
IKIVO annonce un accord marketing avec Adobe

http://www.communique-de-presse.com/...vec,Adobe.html


IKIVO continu à nouer des alliances pour se développer avec SVG :
http://fr.biz.yahoo.com/12022009/175...rience-de.html
IKIVO et NUNET s'allient pour enrichir l'expérience de TV mobile

http://fr.biz.yahoo.com/13022009/175...tegrer-la.html
IKIVO et Aplix s'associent en vue d'intégrer la technologie média enrichi à Java et mobile Ajax


Peut-on imaginer pouvoir passer du rich média SVG pour téléphone portable au rich média SVG pour PC?

Pour mémoire Google a lancé Android pour téléphone portable. Demain Android pourrait bien être vendu couramment avec des PC. Adieu les positions dominantes de Microsoft et d'Intel. Un autre Internet devient alors possible

Sur mon portail je parle :
-d'Ikivo à http://www.orvinfait.fr/internet_rev..._en_cours.html

-de la nouvelle génération de PC à http://www.orvinfait.fr/les_orvinfait_pc_g2_0.html

Envoyé par nethebes

Sans compter que VML revient à la charge ...et bien en plus!
http://www.svg-vml.net/

C'est intéressant.
personnellement, je programme en VML. Bon, c'est certains que je ne m'amuserais pas à contruire une application d'entreprise tout en VML.
Mais lorsqu'il s'agit de faire du 3D, notamment des histogrammes, c'est super efficace et bcp plus simple que le SVG.
L'avantage du VML est qu'il est supporté var IE. Or la plupart des PC d'entreprise sont sous Windows donc IE d'installé par défaut.

J'ai tenté malgré tout de me faire une classe de correspondance SVG/VML.
Pour les éléments de base (rect, ellipse...), c'est facile, mais quand on commence à aborder l'aspect 3D--> Dur dur.
En tout cas +++ pour le VML.

[nethebes]

Microsoft est ce qu'il est mais il me semble qu'il a été quand même le premier à interprêter SVG. ...avec un plugin certes mais d'une manière totalement complète. Alors que les autres navigateurs sont toujours à la traine aujourd'hui.
Maintenant c'est bien beau d'être utilisé par effet media et d'être fier de le citer. Mais tout le monde peut se tromper. Et le W3C n'est pas non plus souverain en matière de bon jugement. La question du départ étant de savoir si Flash, SVG ou VML ou pourquoi pas d'autres sont capables de se remplacer les uns aux autres, et ce avec des arguments de qualité.

Envoyé par nethebes

La question du départ étant de savoir si Flash, SVG ou VML ou pourquoi pas d'autres sont capables de se remplacer les uns aux autres, et ce avec des arguments de qualité.

A mon humble avis, on restera pendant longtemps sur un statut quo chacun restant sur ses positions.

On ne peut que vanter les avantages des uns et des autres mais cela ne change en rien les orientations des éditeurs...et des autres.