SVG Design Tools MathML2SVG François DELESCLUSE Sylvain DEYRIS

Slides:



Advertisements
Présentations similaires
La création de pages web Lorsqu'on « navigue » sur l'Internet, les pages que nous visitons sont encore pour beaucoup en HTML. Comment fait-on pour les.
Advertisements

HTML Abda Anne Plan Présentation Structure Texte Listes Images Liens Tableaux Formulaires.
1 3.Langage XSL = XSLT + XSL-FO transformationFormatage.
Affichage interactif, bidimensionnel et incrémental de formules mathématiques Hanane Naciri et Laurence Rideau INRIA Sophia Antipolis CARI'2000.
Internet : serveurs Web
HTML5, CSS3, PHP5, Javascript, AJAX
AIDE A LA CREATION DE PAGES WEB POUR LES NON-VOYANTS
05/05/09Présentation du convertisseur de PDF Gemini Convertisseur de PDF Gemini Découvrez comment convertir un PDF en RTF pour Ms Word ou dans un autre.
XHTML EXtensible HyperText Markup Language. HTML et XML HTML (HyperText Markup Language) et XML (eXtensible Markup Language) sont deux spécifications.
SVG: Scalable Vector Graphics. Dialecte dXML pour la représentation de graphique vectoriel 2D Tracés de base en vectoriel (courbes, lignes, rectangles,…)
Domaines nominaux XSLT
créer un cadre de texte Zoomez à 100% (ce zoom vous sera utile…retenez le!). Clickez sur l'outil cadre de texte et créez depuis l'angle supérieur.
JOME, un Composant Logiciel pour le Télé-Enseignement des Mathématiques via le WEB, Compatible OpenMath et MathML Laurent DIRAT OVE / I3S-UNSA.
DOSSIER TICE 2006 MASSON Wendy 1 ère année sciences du langage
CERN – Organisation Européenne pour la Recherche Nucléaire Services dInformation Administrative Le projet DocLeg et léchange électronique de données personnelles.
Adamou Mahamane Sidi Maman Bachir
Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe.
2006/2007Denis Cabasson – Programmation Web Cours de programmation web ENSAE
Web traditionnel
XML eXtensible Markup Language
Bienvenue! Qui suis-je? Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif.
Introduction à la structuration des documents: les techniques M2: Gestion des connaissances.
Atelier « Créations de sites » : Les techniques de réalisation de sites EPN :...
1. 2 PLAN DE LA PRÉSENTATION - SECTION 1 : Code HTML - SECTION 2.1. : CSS (Méthode 1) - SECTION 2.2. : CSS (Méthode 2) - SECTION 3 : JavaScript - SECTION.
Initialisation des sites web Étapes importantes. La conversion de vos comptes Web nest pas terminée (après discussion avec les techniciens voici comment.
Jonathan Montois Cyrille Kriegel
Conversion de fichiers
XML Plan du cours Introduction au fichier XML
TracenPoche Insérer une figure TepWeb >.  Contenu de l'archive tepweb.zip Contenu de l'archive tepweb.zip  Quelques notions de html Quelques notions.
LES CLIENTS WEB RICHES Tuteur : Olivier CARON LEFEBVRE Benoit
Le langage XHTML 420-S4W-GG Programmation Web Client
Le langage du Web CSS et HTML
LANGAGE HTML Le HTML (Hyper Text Markup Langage) est un langage universel utilisé sur le World Wide Web. Le HTML permet de : * Publier des documents sur.
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
Images Matrice de points (pixels) Caractérisée par : Poids en octets
Design et intégration d’images et de graphiques
Nexeto.  Entreprise ◦ ADINFO ◦ Nexeto  Besoins ◦ Objectifs ◦ Outils/Moyens ◦ ATS ◦ Planning  Projet de stage ◦ Conception ◦ Réalisation  Bilan  Résultats.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Introduction à XML Yves Bekkers. Plan Introduction - structurer l’information Les langages à balises - un peu d’histoire XML - concepts de base Outils.
Principes, usages et conception
Composants graphiques en ACube Framework client riche SVG.
PLAN 1. Introduction 1.1. Sites de presse actuels 1.2. Objectif de notre site 2. Description du modèle 3. Outils utilisés 3.1. SVG 3.2. PHP et MySQL 4.
Groupe 4 Site Internet Du Chariot De Golf « Trolem »
Les outils graphiques Ce sont des programmes avec les quel on peut modifier ou créer differentes sorte d’images ou videos,sert a la création,manipuler.
Programmation Web : PHP
SI 28 - Écriture interactive & multimédia Dreamweaver Séance 1 Petit Clara & Palfart Julien Printemps2008 Printemps 2008.
INTERNET Le langage HTML
3.2 Dessiner des solides Mme DiMarco.
eXtensible Markup Language. Généralités sur le XML.
Introduction à MathML Par Katia Larrivée UQO Le 18 mars 2004.
Introduction à SVG Scalable Vector Graphic. Informations ● Plus d'informations ici (draft, tutoriaux, outils... ): –
Soit une plaque de dimension 80 X 40, les côtes sont données en cm
Création d’un site Web -Création « Graphique » de pages Création « Graphique » de pagesCréation « Graphique » de pages -Le graphisme Le graphismeLe graphisme.
Les outils graphiques logiciel de graphisme ou logiciel de retouche d'image.
Qu’est-ce qu’un outil graphique?
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
DREAMWEAVER Première séance Villaron Audrey – Shibly Tarek.
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver CS4 séance 1 Ahmed Aryan – Isma Teir.
Présentation Courtin maxime – GI05Automne Présentation | Rappel Photoshop | ImageReady | Utils Courtin Maxime – GI05 2 / 17 Automne 2004 Plan :
ELBENNA Souhaieb GSM04. 23/11/2004EBLENNA Souhaieb2 PLAN DE L ’ EXPOSE ● Pr é sentation de ImageReady. ● Cr é ation de Carte-Images. ●Cr é ation de tranches.
Conception de site web. Place du Web dans le monde  Entreprises  Commerce électronique  Réseaux sociaux  Les municipalités  Les partis politiques.
Présentation Excel Microsoft Excel est le tableur de la suite bureautique propriétaire « Office System ». Développé pour les plateformes Windows et Macintosh.
INITIATION A LA CREATION D’UNE PAGE WEB C-X. PROSPERINI A : COMMUNICATION ET SYNDICATS Afrique Francophone 20/04/2010.
Création de site web Langage & programmation.
Transcription de la présentation:

SVG Design Tools MathML2SVG François DELESCLUSE Sylvain DEYRIS Sébastien HOSY Frédéric PLANCHON Dominique BROEGLIN Stéphane LAVIROTTE Encadreurs

Des Maths sur le net, comment faire ? Des images Qualité d’affichage  Résolution  Document « lourd »  Statique 

Des Maths sur le net, comment faire ? Du texte + HTML Document « léger »  Qualité d’affichage  Statique 

Des Maths sur le net, comment faire ? Des applets Qualité d’affichage  Haute intéractivité  Format de données propriétaires  Logiciels fermés  Peu extensibles 

MathML ? Langage XML Normalisation du W3C (World Wide Web Consortium) Objectif : Être aux mathématiques ce que HTML est au texte sur internet

MathML ? Langage XML Normalisation du W3C (World Wide Web Consortium) Objectif : Être à l’affichage graphique ce que HTML est au texte sur internet

Convertir Comment faire ? Lib.xml MathML2SVG MathML SVG 1 2 3 Traitement MathML Calcul de affichage Créer SVG

Oui mais dans la boite 1 ? a + b apply plus ci <apply> <ci> a </ci> <ci> b </ci> </apply> Création d ’un arbre de balise MathML

Oui mais dans la boite 2 ? a + b plus <apply> <plus/> ci <apply> <plus/> <ci> a </ci> <ci> b </ci> </apply> Hauteur longueur Calcul récursif des dimensions des fils Le « plus » se calcul en fonction de ses fils

Génération récursive du code SVG Oui mais dans la boite 3 ? a + b Génération récursive du code SVG <g ... </g> Dessin de « a » <g ... </g> Dessin de « + » Dessin de « b »

Et pour la mise à jour ? ... ... ... Entite EntiteFactory TagDIVIDE EnsHSimple EnsTParent EnsSubSup EnsSequence TagPLUS TagMIMUS ... TagPARENT TagLN ... TagSUM TagPRODUCT

Le problème des parenthèses       ( )

Le problème de réduction de la taille de caractère Quelle diminution ? Quel placement ? Quelles limites ?

Le problème de réduction de la taille de caractère Diminution de 50% Placement au dessus du caractère de base. Taille limitée Pas de limite sur le nombre d’imbrication