Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

Le , par Orvinfait

0PARTAGES

0  0 
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...p;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

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de Obligen
Membre régulier https://www.developpez.com
Le 11/05/2009 à 11:32
Franchement, avant que SVG ne commence son "balayage" de Flash et Silverlight, il lui manque l'ingrédient principal : l'IDE. C'est bien joli SVG, mais une équipe qui commence à toucher à FDT3 sous Eclipse pour Flash ou à Visual Studio 2008 ou Expression Blend/Design pour Silverlight n'aura plus aucune envie de retourner vers le blocnote pour faire du SVG allié au Javascript, les temps de développement sont monstrueusement différents.

Et qui va payer pour faire un EDI SVG ? Faut voir ce que donnent les standards libres la plupart du temps, pas grand chose...une communauté de devs c'est bien jolis, mais ca ne vaut pas une équipe complète dont c'est le boulot motivée par le pognon.

Et les exemples du genre http://debeissat.nicolas.free.fr/svg3d.php, c'est bien joli, mais ça prouve aussi qu'un mec qui s'y connait assez dans cette norme (ce qui reste rare) n'arrive finalement après moult efforts qu'à produire un résultat moche et qui rame. C'est quand même loin de motiver le public à adopter ce format, franchement.
1  0 
Avatar de kedare
Membre expérimenté https://www.developpez.com
Le 01/09/2008 à 2:13
Le jour ou il y aura un interpreteur commun, SVG Aura de l'avenir, mais pour le moment, non
0  0 
Avatar de Thierry Chappuis
Expert confirmé https://www.developpez.com
Le 01/09/2008 à 5:57
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
0  0 
Avatar de Orvinfait
Nouveau membre du Club https://www.developpez.com
Le 01/09/2008 à 11:48
Citation Envoyé par kedare Voir le message
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.
0  0 
Avatar de kedare
Membre expérimenté https://www.developpez.com
Le 02/09/2008 à 18:41
Oui enfin c'est comme le xhtml, faut adapter un peut pour que ca marche partout (ou pas)
0  0 
Avatar de Orvinfait
Nouveau membre du Club https://www.developpez.com
Le 03/09/2008 à 11:52
Citation Envoyé par kedare Voir le message
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+
0  0 
Avatar de Orvinfait
Nouveau membre du Club https://www.developpez.com
Le 11/09/2008 à 22:18
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...
0  0 
Avatar de nicorama
En attente de confirmation mail https://www.developpez.com
Le 21/09/2008 à 12:12
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.
0  0 
Avatar de Orvinfait
Nouveau membre du Club https://www.developpez.com
Le 25/09/2008 à 8:05
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+
0  0 
Avatar de Richard Trigaux
Membre à l'essai https://www.developpez.com
Le 16/02/2009 à 12:20
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.
0  0