Génération de graphismes vectoriels
|
|
|
- Raphael Fradette
- il y a 8 ans
- Total affichages :
Transcription
1 Génération de graphismes vectoriels avec Php visu-gen Génération de graphismes vectoriels avec Php Code: visu-gen Originaux url: url: Auteurs et version Daniel K. Schneider Version: 0.7 (modifié le 6/3/06) Prérequis Module technique précédent: xml-tech Module technique précédent: svg-intro Module technique précédent: php-intro Module technique précédent: php-html Module technique précédent: php-libs
2 Génération de graphismes vectoriels avec Php -. visu-gen-2 Module technique précédent: php-xml Module technique suppl.: svg-xslt (Alternative: Visualisation avec XSLT!) Abstract Petite introduction à la génération de graphismes vectoriels (SVG, VRML, etc.) avec PHP et/ou XSLT. Surtout une petite introduction à la visualisation de données. Attention: Comprendre les exemples nécessite certains prerequis (voir ci-dessus) A faire beaucoup... par exemple: lire un template SVG et le modifier avec PHP/DOM, un exemple X3D, Objectifs Introduire les techniques de base pour la visualisation
3 Génération de graphismes vectoriels avec Php - 1. Table des matières détaillée visu-gen-3 1. Table des matières détaillée 1. Table des matières détaillée 3 2. Introduction: contenus exotiques avec PHP Le Mimetype et les entêtes dans les fichiers 4 A.Définition du mime type 4 B.Les entêtes de vos fichiers 5 Exemple 2-1:Exemple complet avec SVG 5 C.XHTML avec d autres namespaces Principes de base de la visualisation 7 3. PHP-SVG avec des librairies SVG phphtmllib 8 Exemple 3-1:Exemple SVG-phpHtmlLib simple 9 Exemple 3-2:Exemple SVG-phpHtmlLib SVGXYLineGraph SVG Class de Killian 11 Exemple 3-3:Exemple d animation avec SVG class Alignement d éléments SVG en cercle Trigonométrie Alignement en cercle avec PHP 15 Exemple 4-1:Génération d éléments SVG autour d un cercle 15 Exemple 4-2:XML vers SVG et visualiser autour d un cercle Alignement en cercle avec XSLT et un brin de PhP 17 Exemple 4-3:Génération d éléments SVG autour d un cercle PHP VRML 18 Exemple 5-1:Simple exemple de génération VRML 18
4 Génération de graphismes vectoriels avec Php - 2. Introduction: contenus exotiques avec PHP visu-gen-4 2. Introduction: contenus exotiques avec PHP 2.1 Le Mimetype et les entêtes dans les fichiers Lorsque vous produisez d autres contenus que HTML avec PHP, il faut veiller à deux choses: 1. Votre serveur doit indiquer à votre client de quel type de fichier il s agit (indiquer le "Mime Type" 2. Votre fichier doit aussi contenir les autres déclarations nécessaires A. Définition du mime type Cette instruction qui modifie le message HTTP du serveur doit intervenir tout au début du fichier! (donc éviter tout echo, print, ou code en dehors de php avant) Exemple SVG header("content-type: image/svg+xml"); Exemple PNG Header("Content-type: image/png"); Exemple VRML Header("Content-type: model/vrml");
5 Génération de graphismes vectoriels avec Php - 2. Introduction: contenus exotiques avec PHP visu-gen-5 B. Les entêtes de vos fichiers Il s agit des lignes 2 (et 3,...) dans votre fichier. Exemple SVG print( <?xml version="1.0" encoding="iso "?>. "\n"); print( <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" " "\n"); Exemple VRML echo "#VRML V2.0 utf8"; Exemple 2-1: Exemple complet avec SVG url: url: <?php header("content-type: image/svg+xml"); print( <?xml version="1.0" encoding="iso "?>. "\n"); print( <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" " 2001/PR-SVG /DTD/svg10.dtd">. "\n"); echo "<svg xmlns=' print ( <rect x="50" y="50" rx="5" ry="5" width="200" height="100" style="fill:#ccccff;stroke:#000099"/>. "\n"); print( </svg>. "\n");?>
6 Génération de graphismes vectoriels avec Php - 2. Introduction: contenus exotiques avec PHP visu-gen-6 C. XHTML avec d autres namespaces Avec des naviateurs comme Firefox vous pouvez combiner du code XHTML et SVG plus Xlink (par exemple) Toutefois, pour que cela marche, le fichier doit être servi comme XML!... et de préférence en xhtml+xml n oubliez pas non plus d iniquer le namespace svg dans la balise <html> à chaque fois que vous insérez du SVG, indiquez aussi le namespace // header ("Content-type: application/xml"); header ("Content-type: application/xhtml+xml"); echo '<?xml version="1.0" encoding="iso "?>'; echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " echo '<html xmlns=" xmlns:svg=" echo "<p> ceci est du html </p>";... echo "<svg xmlns=' xmlns:xlink=' height='100' width='200' x='200' y='0'>"; <circle fill='#183952' r='10' /> echo "</svg>
7 Génération de graphismes vectoriels avec Php - 2. Introduction: contenus exotiques avec PHP visu-gen Principes de base de la visualisation Il est facile de générer des contenus encodés avec un format "texte" et dont les règles sont connues. Exemples: toutes les applications XML comme XHTML, SVG, RDF, RSS. Principe: on produit le contenu avec une instruction comme echo, print(), etc. Il existe des librairies écrites en PHP qu on peut trouver sur Internet et qui vous faciliteront le travail. Pour générer des formats binaires comme PNG ou Flash il faut installer des extensions spéciales à PHP et ensuite travailler avec l API fourni. Exemple: XLVI. Image Functions dans le manuel PHP: JPEG, PNG etc. Dans ce texte, on en parlera pas...
8 Génération de graphismes vectoriels avec Php - 3. PHP-SVG avec des librairies SVG visu-gen-8 3. PHP-SVG avec des librairies SVG Travailler avec une libraire améliore la flexibilité et le coût de maintenance de votre code. Si vous ne trouvez rien qui vous convient, faites la vôtre (au moins quelques fonctions utiles pour les opérations répétitives). 3.1 phphtmllib url: (site phphtmllib) url: (installation local à TECFA) url: (documentation à TECFA) phphtmllib est une très grande librairie à fonctions multiples Du manuel: phphtmllib is a set of PHP classes and library functions to build, debug, and render XML, HTML, XHTML, WAP/WML Documents, and SVG (Scalable Vector Graphics) images as well as complex html widgets for PHP 4.2 or better. Populaire, de grande qualité, "lourd", nécessite une certaine expertise pour interpréter le manuel
9 Génération de graphismes vectoriels avec Php - 3. PHP-SVG avec des librairies SVG visu-gen-9 Exemple 3-1: Exemple SVG-phpHtmlLib simple url: (phphtmllib-simple.*) $phphtmllib = $_SERVER["DOCUMENT_ROOT"]. "/lib/php/phphtmllib"; include_once("$phphtmllib/includes.inc"); include_once($phphtmllib."/widgets/svg/svgdocumentclass.inc"); //0. Create a page object with dimensions $svgpage = new SVGDocumentClass(800,600); //1. add a nice rectangle $rect = svg_rect(50,50,600,400,"none","black",3); //2. add polyline $line = "50, , , , , , , , , , , ,175"; $zoliline = svg_polyline($line,"none","blue","2"); //3. Add an ellipse $oeuf = svg_ellipse(300,300,200,100,"red","black","1"); //4. Add these objects to the page object $svgpage->add($rect); $svgpage->add($oeuf); $svgpage->add($zoliline); //5. render the whole thing print $svgpage->render();
10 Génération de graphismes vectoriels avec Php - 3. PHP-SVG avec des librairies SVG visu-gen-10 Exemple 3-2: Exemple SVG-phpHtmlLib SVGXYLineGraph url: (SVGXYLineGraph.*) Cet exemple utilise un widget pour faire des "line graphs" Pour la documentation voir la classe SVGXYLineGraph (y compris méthodes héritées)... $width = 500; $height = 500; $svgdoc = new SVGDocumentClass("100%","100%"); $graph = new SVGXYLineGraph("Popularity/usage/activity of TECFA s PHP examples", $width,$height); $graph->set_x_title("x-axis Year"); $graph->set_y_title("popularity"); //add three lines with different colors $graph->add_line("0,1,2.3,4.2,6,8", "1,2,2.7,0.3,6,1", "red"); $graph->add_line("0,1,4.1,6", "0,4,2,3", "blue"); $graph->add_line("0,1,2,3,4,5,7", "0,4,3,1,7,8,10", "black"); //add the line graph widget to the document. $svgdoc->add( $graph ); print $svgdoc->render();
11 Génération de graphismes vectoriels avec Php - 3. PHP-SVG avec des librairies SVG visu-gen SVG Class de Killian url: Cette classe semble etre très bien faite (avec un petit volume) Mais elle vient sans aucune documentation (il faut regarder le code) Exemple 3-3: Exemple d animation avec SVG class url: (svgclass-example.php) // *** Define the path to the SVG class dir. *** define("svg_class_base", "./ori/"); // Include the class files. require_once(svg_class_base."svg.php"); // Create an instance of SvgDocument. All other objects will be added to this // instance for printing. Also set the height and width of the viewport. $svg =& new SvgDocument("400", "400"); // Create an instance of SvgGroup. // Set the style, transforms for child objects. $g =& new SvgGroup("stroke:black", "translate( )"); // Add a parent to the g instance. $g->addparent($svg);
12 Génération de graphismes vectoriels avec Php - 3. PHP-SVG avec des librairies SVG visu-gen-12 // Create and animate a circle. $circle = new SvgCircle("0", "0", "100", "stroke-width:3", ""); $circle->addchild(new SvgAnimate("r", "XML", "0", "75", "", "3s", "freeze")); $circle->addchild(new SvgAnimate("fill", "CSS", "green", "red", "", "3s", "freeze")); // Once the circle is created move it right and down // DKS addition $circle->addchild(new SvgAnimate("cx", "XML", "", "200", "4s", "3s", "freeze")); $circle->addchild(new SvgAnimate("cy", "XML", "", "200", "4s", "3s", "freeze")); // Make the circle a child of g. $g->addchild($circle); // Create and animate some text. $text = new SvgText("0", "0", "SVG is cool", "font-size:20;text-anchor:middle;", ""); $text->addchild(new SvgAnimate("font-size", "auto", "0", "20", "", "3s", "freeze")); // Make the text a child of g. $g->addchild($text); // Send a message to the svg instance to start printing. $svg->printelement()
13 Génération de graphismes vectoriels avec Php - 4. Alignement d éléments SVG en cercle visu-gen Alignement d éléments SVG en cercle (chapitre à développer) 4.1 Trigonométrie Pour placer des éléments autour d un circle il faut faire un peu de trigonométrie radius = hypoténuse x = côté adjacent y = coté opposé sin(angle) = y/radius y = sin(angle * radius cos(angle) = x/radius x = cos(angle) * radius tan(angle) = y / x (ori_x, ori,y) angle x (x,y) y x=cos(angle) * radius y=sin (angle) * radius
14 Génération de graphismes vectoriels avec Php - 4. Alignement d éléments SVG en cercle visu-gen-14 Formules: Les angles sont exprimés en radians basé sur la constante Pi (3.142) En informatique on utilise les radians (au lieu des degrés) Une cercle = 360 degrés = 2 Pi, 180 degrés = Pi, 90 degrés = Pi/2 Formule: rad = deg / 180 * Pi Calculer la position x d un élément en connaissant l angle et le radius: Pour chaque élément à placer on incrémente l angle: i * angle Pour les dessins vectoriels, il faut ajouter la position du cercle (ori_x) Pour rendre la fomule plus flexible: on ajoute l angle de départ, on travaille avec un arc (partie d une circle), et on utilise (i div n) qui permet de faire un 2ème tour. x=ori_x + cos(arc / n_els * (i % n_els) + start_angle) * radius ori_x = coordonée x du circle arc = angle total de dessin, par ex. pour 10 éléments sur 360 dégrés: n_els = nombre d éléments angle = arc/n_els = Pi * 2 / 10 = / 10 = 0.63 i = numéro de l élément (i % n_els est égal à i dans ce contexte) start_angle = angle de départ sur le cercle (ou commencer à dessiner) Pour calculer la position y d un élément en connaissant l angle et le radius: y=ori-y + sin(arc / n_els * (i % n_els) + start_angle) * radius
15 Génération de graphismes vectoriels avec Php - 4. Alignement d éléments SVG en cercle visu-gen Alignement en cercle avec PHP Exemple 4-1: Génération d éléments SVG autour d un cercle url: (répertoire et source) url: elements-on-circle-with-php.php (placer des rectancles autour d un cercle) url: elements-on-arc-with-php.php (même chose, mais sur un arc arbitraire) (documentation à faire, voir le code source pour le moment) Note pour le code: En graphisme par ordinateur (SVG et autres), l origine (0,0) est en haut à gauche et y incrémente vers le bas, donc forcément le dessin commence à droite et vers le bas (au sens de la montre).
16 Génération de graphismes vectoriels avec Php - 4. Alignement d éléments SVG en cercle visu-gen-16 Exemple 4-2: XML vers SVG et visualiser autour d un cercle url: (répertoire et sources) url: elements-on-arc-with-simple-xml.php (lire des items RSS avec simple-xml) url: elements-on-arc-with-dom.php (lire des items RSS avec DOM) (documentation à faire, voir le code source pour le moment)
17 Génération de graphismes vectoriels avec Php - 4. Alignement d éléments SVG en cercle visu-gen Alignement en cercle avec XSLT et un brin de PhP Exemple 4-3: Génération d éléments SVG autour d un cercle url: (répertoire et source) url: elements-on-circle-with-xslt.php (placer des rectancles autour d un cercle) url: elements-on-circle-with-xslt.xsl (feuille de style) Fonctions trigonométriques en XSLT Il y en a pas (donc il faut soit les programmer avec JS, Java, ou en XSLT avec des tables etc., soit faire appel à PhP et donc faire le rendering en SVG du côté serveur) Pour que cela marche il faut enregister les fonctions php dans xslt: $proc = new XSLTProcessor; // This allows to access ALL php functions within XSLT $proc->registerphpfunctions(); Attention aux namespaces dans le fichier XSLT: <xsl:stylesheet version="1.0" xmlns:xsl=" xmlns:php=" xmlns:xlink=" (cf. aussi les transparents svg-xslt pour des détails!)
18 Génération de graphismes vectoriels avec Php - 5. PHP VRML visu-gen PHP VRML Exemple 5-1: Simple exemple de génération VRML planter 100 arbres sans se fatiguer url: voir: /guides/php/examples/vrml-temple/mixing/ <? Header("Content-type: model/vrml"); echo "#VRML V2.0 utf8";?> // ici on définit un protype pour arbre (code pas montré) PROTO Tree... Transform { translation children [ <? for ($i=0; $i<10; $i++) { for ($j=0; $j<10; $j++) { echo "Tree { translation $i 0 $j }"; } }?> ] }
.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15
.. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations
Gestion Électronique de Documents et XML. Master 2 TSM
Gestion Électronique de Documents et XML Master 2 TSM I n t r o d u c t i o n Les formats de données F o r m a t s d e d o n n é e Format de donnée : manière de représenter des informations dans un document
Les types de fichiers
Les types de fichiers Tristan Crolard, Sovanna Tan Septembre 2007, m.a.j. septembre 2014 1/41 Tristan Crolard, Sovanna Tan Les types de fichiers disponible sur http://lacl.fr/tan/l1/types_fichiers.pdf
XML par la pratique Bases indispensables, concepts et cas pratiques (3ième édition)
Présentation du langage XML 1. De SGML à XML 17 2. Les bases de XML 18 2.1 Rappel sur HTML 18 2.2 Votre premier document XML 19 2.3 Les avantages de XML 21 3. La syntaxe XML 21 3.1 La première ligne du
Formation : WEbMaster
Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins
Once the installation is complete, you can delete the temporary Zip files..
Sommaire Installation... 2 After the download... 2 From a CD... 2 Access codes... 2 DirectX Compatibility... 2 Using the program... 2 Structure... 4 Lier une structure à une autre... 4 Personnaliser une
Formation HTML / CSS. ar dionoea
Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations
Server-side XML. PAS FINI... mais ok pour un début. Originaux. Auteurs et version. Prérequis: Java de base, servlets, GUI et XML
Server-side XML xml-ser Server-side XML Code: xml-ser PAS FINI... mais ok pour un début Originaux url: http://tecfa.unige.ch/guides/tie/html/xml-ser/xml-ser.html url: http://tecfa.unige.ch/guides/tie/pdf/files/xml-ser.pdf
JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer!
JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer! 1 / Contexte L ordinateur La loi du nombre La numérisation = codage d une information en chiffres binaire : 0 1 («bit») 8 bits = 1 octet 1ko = 1024
Serveur d'application Client HTML/JS. Apache Thrift Bootcamp
Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/
WEB page builder and server for SCADA applications usable from a WEB navigator
Générateur de pages WEB et serveur pour supervision accessible à partir d un navigateur WEB WEB page builder and server for SCADA applications usable from a WEB navigator opyright 2007 IRAI Manual Manuel
Module : programmation site Web dynamique Naviguer entre les pages via site map
Module : programmation site Web dynamique Naviguer entre les pages via site map Soit le site web suivant qui est constitué de six pages web : On veut créer un menu constitué de trois nœuds principaux générale
HTML, CSS, JS et CGI. Elanore Elessar Dimar
HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML
Programmation Web. Madalina Croitoru IUT Montpellier
Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance
Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>
Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee
WebSSO, synchronisation et contrôle des accès via LDAP
31 mars, 1er et 2 avril 2009 WebSSO, synchronisation et contrôle des accès via LDAP Clément Oudot Thomas Chemineau Sommaire général Synchronisation d'identités WebSSO et contrôle des accès Démonstration
Programmation Internet Cours 4
Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web
NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur
FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique
Devenez un véritable développeur web en 3 mois!
Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web
Les outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
BIRT (Business Intelligence and Reporting Tools)
BIRT (Business Intelligence and Reporting Tools) Introduction Cette publication a pour objectif de présenter l outil de reporting BIRT, dans le cadre de l unité de valeur «Data Warehouse et Outils Décisionnels»
Atelier Webmaster de site pédagogique: portails communautaires [Version 1.0]
![Atelier Webmaster de site pédagogique: portails communautaires [Version 1.0]](/thumbs/22/1601088.jpg "Atelier Webmaster de site pédagogique: portails communautaires [Version 1.0]")
Programme - 1 Atelier Webmaster de site pédagogique: portails communautaires [Version 1.0] Attention: Il s'agit ici d'un fichier généré automatiquement depuis XML (procédure à perfectionner) Organisation:
VTP. LAN Switching and Wireless Chapitre 4
VTP LAN Switching and Wireless Chapitre 4 ITE I Chapter 6 2006 Cisco Systems, Inc. All rights reserved. Cisco Public 1 Pourquoi VTP? Le défi de la gestion VLAN La complexité de gestion des VLANs et des
TP3-2 CONSTRUISEZ VOTRE PREMIER SERVICE AZURE
TP3-2 CONSTRUISEZ VOTRE PREMIER SERVICE AZURE Table des matières TP3-2 Construisez votre premier service Azure... 1 Construisez votre premier service Azure... 2 Mise en place des outils de développement...
Tutoriel de formation SurveyMonkey
Tutoriel de formation SurveyMonkey SurveyMonkey est un service de sondage en ligne. SurveyMonkey vous permet de créer vos sondages rapidement et facilement. SurveyMonkey est disponible à l adresse suivante
RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
Soon_AdvancedCache. Module Magento SOON. Rédacteur. Relecture & validation technique. Historique des révisions
Module Magento SOON Soon_AdvancedCache Rédacteur Hervé G. Lead développeur Magento herve@agence-soon.fr AGENCE SOON 81 avenue du Bac 94210 LA VARENNE ST HILAIRE Tel : +33 (0)1 48 83 95 96 Fax : +33 (0)1
Master d Informatique Corrigé du partiel novembre 2010
Universités d Aix-Marseille I & II Technologies XML Master d Informatique Corrigé du partiel novembre 2010 Année 2010-11 Documents autorisés Exercice 1 : Documents XML et Applications XML (4 points) Georges,
MODULE Mailing - Newsletter
MODULE Mailing - Newsletter Version 1.00 Last update : 2013-04-18 Auteur : admin@hb50.fr hébergement discount : http://dreamhosting.fr A QUOI SERT CE MODULE? Vous allez pouvoir envoyer simplement des campagnes
les techniques d'extraction, les formulaires et intégration dans un site WEB
les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents
Thierry BOULANGER. par la pratique. Bases indispensables Concepts et cas pratiques XML. 3 ième édition. Nouvelle édition
XML par la pratique Bases indispensables Concepts et cas pratiques 3 ième édition Nouvelle édition Thierry BOULANGER Table des matières 1 Les éléments à télécharger sont disponibles à l'adresse suivante
WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES
WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,
WDpStats Procédure d installation
WDpStats Procédure d installation Table de matières WDpStats... 1 Procédure d installation... 1 Table de matières... 1 Résumé... 2 Réquisits... 2 Installation... 2 Difficultés... 6 Lancement... 7 wdpstats_install_oracle_fr.xml
Mesure d angles et trigonométrie
Thierry Ciblac Mesure d angles et trigonométrie Mesure de l angle de deux axes (ou de deux demi-droites) de même origine. - Mesures en degrés : Divisons un cercle en 360 parties égales définissant ainsi
LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation
ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier
1 / Introduction. 2 / Gestion des comptes cpanel. Guide débuter avec WHM. 2.1Créer un package. 2.2Créer un compte cpanel
Guide débuter avec WHM 1 / Introduction WHM signifie Web Host Manager (ou gestionnaire d'hébergement web). WHM va donc vous permettre de gérer des comptes d'hébergement pour vos clients. (création de compte,
Stockage du fichier dans une table mysql:
Stockage de fichiers dans des tables MYSQL avec PHP Rédacteur: Alain Messin CNRS UMS 2202 Admin06 30/06/2006 Le but de ce document est de donner les principes de manipulation de fichiers dans une table
Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s
Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN
DOM - Document Object Model
DOM - Document Object Model 1 But de DOM Interfacer les langages de programmation avec les documents XML en les associant avec un modèle orienté objet DOM permet aux programmes et scripts : d'accéder et
STID 2ème année : TP Web/PHP
STID 2ème année : TP Web/PHP Plan de travail et aide mémoire jean.arnaud@inria.fr Ce document est composé de cinq parties : Un aide mémoire sur les aspects pratiques de la création de sites Une introduction
PHP 5.4 Développez un site web dynamique et interactif
Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Table des matières Table des matières 1 Chapitre 1 Introduction 1. Objectif de l'ouvrage.............................................
INTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le
Démonstration de la mise en cache via HTML 5 sur iphone
Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
ECLIPSE ET PDT (Php development tools)
ECLIPSE ET PDT (Php development tools) Eclipse Eclipse est un IDE (Integrated Development Environment)).C estun projet de la Fondation Eclipse visant à développer tout un environnement de développement
HTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
Optimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
Classe ClInfoCGI. Fonctions membres principales. Gestion des erreurs
Utilisation des classes de PourCGI par Michel Michaud, version 2002-11-23 Les fichiers PourCGI.h et PourCGI.cpp rendent disponibles deux classes et une fonction libre qui permettent de faire facilement
La balise object incorporer du contenu en HTML valide strict
Qu'est ce que la balise object La balise object incorporer du contenu en HTML valide strict Beaucoup de monde insère des médias dans leur page web avec la balise non standard . Pourtant il existe
Formation Webmaster : Création de site Web Initiation + Approfondissement
Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation
Web Tier : déploiement de servlets
Web Tier : déploiement de servlets 1 / 35 Plan 1 Introduction 2 Servlet : Principe de fonctionnement 3 Création et développement sur un serveur JEE 4 Quelques méthodes de l API des servlets 5 Utilisation
Normes techniques 2011
Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique
Introduction aux concepts d ez Publish
Introduction aux concepts d ez Publish Tutoriel rédigé par Bergfrid Skaara. Traduit de l Anglais par Benjamin Lemoine Mercredi 30 Janvier 2008 Sommaire Concepts d ez Publish... 3 Système de Gestion de
4. SERVICES WEB REST 46
4. SERVICES WEB REST 46 REST REST acronyme de REpresentational State Transfert Concept introduit en 2000 dans la thèse de Roy FIELDING Est un style d architecture inspiré de l architecture WEB En 2010,
WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x
WysiUpStudio CMS professionnel pour la création et la maintenance évolutive de sites et applications Internet V. 6.x UNE SOLUTION DE GESTION DE CONTENUS D UNE SOUPLESSE INÉGALÉE POUR CRÉER, MAINTENIR ET
COMMENT PUBLIER SUR ARIANE?
COMMENT PUBLIER SUR ARIANE? Rédacteur : Dr Michel Arnould 1. SOMMAIRE 1.Sommaire...1 2.Connexion...1 3.Gestion des pages du wiki...1 Ajouter une nouvelle page...1 Supprimer, renommer, protéger une page...1
HMI target Visu / PLC HMI. Pour réaliser une interface homme machine avec PLC control
HMI target Visu / PLC HMI Pour réaliser une interface homme machine avec PLC control VERSION : 1.4 / PH DATE : 5 Novembre 2014 Sommaire Ce manuel explique de manière pratique les étapes successives pour
RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le
Vanilla : Virtual Box
Vanilla : Virtual Box Installation Guide for Virtual Box appliance Guide d'installation de l'application VirtualBox Vanilla Charles Martin et Patrick Beaucamp BPM Conseil Contact : charles.martin@bpm-conseil.com,
Vulgarisation Java EE Java EE, c est quoi?
Paris, le 1 Février 2012 Vulgarisation Java EE Java EE, c est quoi? Sommaire Qu est ce que Java? Types d applications Java Environnements Java Versions de Java Java EE, c est quoi finalement? Standards
AUTUMN/WINTER 2013-2014 PARIS COLLECTION
AUTUMN/WINTER 2013-2014 PARIS COLLECTION RED CARPET/Realistic Style Collection Automne-Hiver 2013-2014 Rynshu, avec cette nouvelle collection, veut permettre à chacun de se révéler par un style qui lui
Documentation CAS à destination des éditeurs
Documentation CAS à destination des éditeurs Sommaire Préambule... 1 Présentation de CAS...2 Intérêt... 2 Fonctionnement de base...2 Synoptique des échanges (1ère connexion)... 2 Synoptique des échanges
Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
Introduction à. Oracle Application Express
Introduction à Oracle Application Express Sommaire Qu est-ce que Oracle Application Express (APEX)? Vue d ensemble des fonctionnalités et des différents composants d Oracle APEX Démonstration de création
HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP
IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,
Optimiser les e-mails marketing Les points essentiels
Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement
Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles
Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles
Aspects techniques : guide d interfaçage SSO
COURDECO Aspects techniques : guide d interfaçage SSO Septembre 2011 Cette annexe présente succinctement le système d'authentification unique (SSO : single sign on, authentification unique) utilisé dans
Proxies,, Caches & CDNs
Proxies,, Caches & CDNs Anthony Busson Plan Exemple de page web simple Anatomie du téléchargement d une page web Problématique Définition : Proxy, Reverse Proxy Interception, Redirection Système de cache
Practice Direction. Class Proceedings
Effective Date: 2010/07/01 Number: PD - 5 Title: Practice Direction Class Proceedings Summary: This Practice Direction describes the procedure for requesting the assignment of a judge in a proceeding under
La notion de portail communautaire
La notion de portail communautaire portal-def La notion de portail communautaire Code: portal-def Originaux url: http://tecfa.unige.ch/guides/tie/html/portal-def/portal-def.html url: http://tecfa.unige.ch/guides/tie/pdf/files/portal-def.pdf
Université de Toulouse-Le Mirail janvier 2012 Département de Géographie-Aménagement-Environnement Laurent Jégou
Université de Toulouse-Le Mirail janvier 2012 Département de Géographie-Aménagement-Environnement Laurent Jégou M2 Sigma Module U50_B33 Le WebMapping côté client : les API et bibliothèques Javascript Positionnement
DOCUMENTATION - FRANCAIS... 2
DOCUMENTATION MODULE SHOPDECORATION MODULE PRESTASHOP CREE PAR PRESTACREA INDEX : DOCUMENTATION - FRANCAIS... 2 INSTALLATION... 2 Installation automatique... 2 Installation manuelle... 2 Résolution des
Tutoriel QSOS. Version 2.0-13/02/2013
Version 2.0-13/02/2013 1 Table des matières 1 Note de licence 4 2 Historique des modifications 4 3 Introduction 4 4 Gérer les templates 4 4.1 Généralités sur les templates.................... 4 4.2 Créer
RAPID 3.34 - Prenez le contrôle sur vos données
RAPID 3.34 - Prenez le contrôle sur vos données Parmi les fonctions les plus demandées par nos utilisateurs, la navigation au clavier et la possibilité de disposer de champs supplémentaires arrivent aux
Echosgraphik. Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet
Echosgraphik Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet Présentation I. Echosgraphik Protocoles de travail I. Développement du site II.
Travaux dirigés n 10
Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones
Stocker des données sur Amazon S3
4 Stocker des données sur Amazon S3 Dans ce chapitre, nous plongeons la tête la première dans Amazon S3, Simple Storage Service (service simple de stockage). Après un aperçu rapide des concepts de S3 les
MANUEL D INSTALLATION 2015. du module Chronopost pour. version 1.0.5
MANUEL D INSTALLATION 2015 du module Chronopost pour version 1.0.5 Objectif Ce document explique comment installer et utiliser le module Chronopost depuis votre site Magento. Périmètre Ce module permet
Petit guide d utilisation Prezi
Petit guide d utilisation Prezi Étape 1 : Rendez-vous à www.prezi.com. Étape 2 : De la page d accueil, cliquez sur Sign Up. Étape 3 : Après avoir cliqué sur Sign Up, cliquez sur Get dans le bas de la colonne
INTRODUCTION A JAVA. Fichier en langage machine Exécutable
INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du
INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
PHP et mysql. Code: php_mysql. Olivier Clavel - Daniel K. Schneider - Patrick Jermann - Vivian Synteta Version: 0.9 (modifié le 13/3/01 par VS)
PHP et mysql php_mysql PHP et mysql Code: php_mysql Originaux url: http://tecfa.unige.ch/guides/tie/html/php-mysql/php-mysql.html url: http://tecfa.unige.ch/guides/tie/pdf/files/php-mysql.pdf Auteurs et
creer votre site internet en html/css
3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour
valentin labelstar office Made-to-measure label design. Conception des étiquettes sur mesure. Quality. Tradition. Innovation DRUCKSYSTEME
valentin DRUCKSYSTEME labelstar office Made-to-measure label design. Conception des étiquettes sur mesure. Quality. Tradition. Innovation labelstar office individual. flexible. individuel. flexible > Simple
KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.
KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html
Informations générales. Technologies. css3-html5-php-ajax-j-query-mootools-action-script3
Pascal Gaudin Développeur WEB- php-mysql-javascript 04 67 56 81 51 06 69 39 20 54 al.gau@free.f Informations générales Titre Développeur php-mysql-javascript Ecole Brousse Mtpellier - Afpa Béziers Année
Quick Start Guide This guide is intended to get you started with Rational ClearCase or Rational ClearCase MultiSite.
Rational ClearCase or ClearCase MultiSite Version 7.0.1 Quick Start Guide This guide is intended to get you started with Rational ClearCase or Rational ClearCase MultiSite. Product Overview IBM Rational
Autour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech
Autour du web Une introduction technique Première partie : HTML Georges-André SILBER Centre de recherche en informatique MINES ParisTech silber@cri.ensmp.fr http://www.cri.ensmp.fr/people/silber/cours/2010/web
PEPSITE EST COMPATIBLE UNIQUEMENT SUR IE10+
1 Avertissements Ce document a pour but de fournir à tous les moyens pour bien débuter avec PEPSITE. Nous utiliserons donc volontairement un vocabulaire et une méthode de travail accessibles à un public
Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.
Création d une carte heuristique avec Freeplane Version : 1.1.3 Barre de menus Barre d outils Barre des touches de fonctions Espace de travail Barre d icônes Éditeur de notes Freeplane est un logiciel
Concepteur réalisateur graphique
FORMATIONS PRINT Concepteur réalisateur graphique Durée 142 jours (994h) Objectifs A la fin de cette formation, les participants auront acquis les connaissances leur permettant d être capable de : - avoir
Initiation à linfographie
Ce support de cours de l Agence universitaire de la Francophonie est distribué sous licence GNU FDL. Permission vous est donnée de copier, distribuer et/ou modifier ce document selon les termes de la Licence
Media queries : gérer différentes zones de visualisation
2 Media queries : gérer différentes zones de visualisation Comme nous l avons vu au chapitre précédent, les CSS3 sont constituées de modules. Media queries est simplement l un d eux. Ce module permet d