background preloader

Web Design

Facebook Twitter

Création de job Talend. Le document suivant nous présente les étapes de création d'un job sous Talend Open Studio, il aura comme but de migrer les lignes d'une table d'une base de données Oracle vers des fichiers XML. Le schéma suivant représente ce scénario : Avant de parler de la création du job TOS on va tout d'abord présenter la source de données, qui n'est autre qu'une table dans une base de données Oracle qui a été créée dans le schéma « TEST » avec le script suivant : Puis des lignes ont été insérées dans cette table en utilisant ce script : Finalement on se retrouve avec le résultat suivant : Dans cette partie on va présenter le format de sortie de nos données, autrement dit du fichier XML résultant du job.

<? Les valeurs entre deux "_" représentent les parties qui vont changer suivant chaque ligne de la table. Après cette description des données d'entrée et du format de sortie, on va montrer les étapes de création de notre job TOS. La création du job TOS va se dérouler suivant les étapes : IV-A. IV-B. IV-C. Layers - Google Maps JavaScript API v3. Layers Overview Layers are objects on the map that consist of one or more separate items, but are manipulated as a single unit. Layers generally reflect collections of objects that you add on top of the map to designate a common association. The Maps API manages the presentation of objects within layers by rendering their constituent items into one object (typically a tile overlay) and displaying them as the map's viewport changes. Layers may also alter the presentation layer of the map itself, slightly altering the base tiles in a fashion consistent with the layer.

Note that most layers, by design, may not be accessed via their individual objects, but may only be manipulated as a unit. To add a layer to a map, you only need to call setMap(), passing it the map object on which to display the layer. The Maps API has several types of layers: KmlLayer objects render KML and GeoRSS elements into a Maps API V3 tile overlay. These layers are described below. KML and GeoRSS Layers Heatmap Layer. Google ajoute la météo à l'API de Google Maps et l'imagerie de la couche nuageuse. La météo était disponible sur Google Maps depuis l’année dernière pour les internautes.

Elle l’est à présent pour les développeurs. Google vient en effet d’ajouter deux classes (« WeatherLayer » et « CloudLayer ») à la librairie « weather » de l’API de son service de cartographie. La première classe ajoute le temps et les conditions climatiques aux cartes (et des prévisions pour un lieu donné). Ces informations peuvent être modifiées en fonction des besoins (degrés Celsius ou Fahrenheit, vitesse du vent en kilomètres ou en miles). Beau mais pas chaud à Paris La deuxième classe ajoute des images modélisant la couverture nuageuse. L'Ecosse, reine des nuages La documentation de cette librairie et de ces classes (très simples à utiliser) se trouvent sur cette page. Les informations météos sont fournies par le site américain « The Weather Channel » et l’imagerie des nuages par les Labs de l’US Navy.

Wind Map, la carte des vents US La météo a visiblement le vent en poupe chez Google. Source : Google. jQuery CDN - provided by (mt) Media Temple.

Facebook Design

Découverte des principaux moteurs de template en PHP. Les projets▲ PHP Base LibraryLe site officiel de la phplib est l'une des premières bibliothèques permettant d'utiliser un système de gabarits. L'idée de la phplib est d'utiliser des fichiers de gabarit (l'extension classique est ".ihtml") qui contiennent le code HTML utilisé. Ces gabarits sont de véritables patrons, ils définissent uniquement une structure ou des éléments de structure. C'est un moule qui ne comporte aucun élément de logique. phpBB2Site officiel de phpBB2 est un script de forum très populaire. Il y a de cela plusieurs années, le phpBB Group a effectué un très gros travail autour du template de la PHPLib afin de le rendre plus performant. Installation▲ Extraire le script offline/template.php de l'archive de la dernière version de phpBB2, puis le déplacer dans un répertoire accessible par les utilisateurs du serveur (mais situé hors de la racine du serveur Web).

Arborescence du projet : Héritage de la classe▲ Le constructeur attend uniquement le nom du fichier de gabarit. Blocs▲ Portée des variables en Javascript (Variable scope) Cacher des variables En javascript toutes les variables déclarées dans une fonction ne sont visibles que dans cette fonction. function maFonction() { var variableCachee = "une variable cachée"; } alert(variableCachee); var x = 0; (function() { var x = 1; alert(x); })(); alert(x); function maFonction() { var variableCachee = "une variable cachée";} alert(variableCachee); // Retourne une erreur car la variable est inaccessible à l'extérieur de la fonction. ///////////////////Autre exemple/////////////////// // Variable globalevar x = 0; (function() { // Variable privée var x = 1; alert(x); // Renvoi 1 alert(x); // Renvoie 0 En utilisant la technique de la fonction sans nom il est possible de "cacher" des variables pour qu'elles soient invisibles dans le reste du code javascript.

(function() { var varChache1 = 1; var varChache2 = 1; var varChache3 = 1; })(); alert(varChache1); // Variable "cachées" var varChache1 = 1; var varChache2 = 1; var varChache3 = 1; La variable this bouton.val("Chargement. jQuery: The Write Less, Do More, JavaScript Library. Le tag video dans HTML 5. La nouvelle révision du langage HTML apporte sont lot de nouvelles balises (voir le Wiki pour une liste exhaustive). Une de celles qui a fait couler le plus d'encre est la fonction permettant d'intégrer nativement des lecteurs vidéos dans les pages: <video>. Nous allons dans ce billet nous focaliser sur cette nouvelle balise et en détailler les options. Pour qu'un navigateur Web soit capable de lire directement une vidéo (c'est à dire un flux vidéo et audio), il faut qu'il possède les librairies de décodages (codecs) de ces flux.

Dans sa grande sagesse, le W3C (l'organisme qui spécifie le langage HTML) avait décidé de normaliser ces codecs en choisissant les formats libres Theroa et Vorbis. A l'heure actuelle, le navigateur Firefox est capable (dans sa version 3.5) de lire des vidéos utilisant le codec vidéo Theora et le format audio Vorbis. Si vous souhaitez intégrer des vidéos dans votre site Web, la première chose à prendre en compte est l'hébergement des fichiers sources. HTML, la mise en forme du texte - Eclairement. Remarque préalable Cette mise en forme du texte via du html est de nos jours déconseillé par les instances d’uniformisation du web. Il est recommandé de dissocier structure et style. Cependant pour ceux qui voudraient rapidement réaliser quelques pages uniquement en html voici quelques indications sur le style en html. Ces quelques notions pourront de plus vous être utiles pour améliorer une annonce ebay, rajouter quelques touches personnelles dans un article spip sans recourir à des plugins, etc.

Nous verrons par ailleurs des balises qui sont à la fois structurantes et générant un style particulier. La typographie appliquée à un mot ou à un ensemble de mots Il s’agira alors de mettre le ou les mots voulus entre certaines balises Le gras <b> Le texte à mettre en gras </b>le "b" de la balise renvoyant au terme anglais "bold" Le texte à mettre en gras L’italique <i> Le texte à mettre en italique </i>le "i" de la balise renvoyant à "italic" Le texte à mettre en italique Le souligné le télétype.

Caractères spéciaux HTML | CommentCaMarche. Mars 2018 Codage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour coder un caractère accentué, il suffit de saisir une combinaison précédée du caractère & et terminée par un point-virgule (;). Voici la liste représentations HTML des caractères ASCII de 128 à 255 : Codage des signes HTML propres Certains caractères ont une signification particulière en HTML, ayant une incidence forte sur le formatage de la page; il s'agit des caractères <, >, " et &<ital></ital>. Lorsque ces caractères sont utilisés dans un texte contenu dans une page web, il est donc impératif de les coder en HTML, au risque sinon de provoquer une erreur d'affichage dans le navigateur.

Special characters Caracteres especiales I caratteri speciali Os caracteres especiais Speciale tekens in HTML.

CSS

Introduction à l’HTML5. Cet article est destiné aux débutants en HTML5, et à tous ceux qui souhaitent en savoir un peu plus sur cette nouvelle technologie qui agite le web et le monde mobile. Si vous vous intéressez aux technologies du web, vous avez probablement déjà entendu parler de l’HTML5 aux cours des dernières années. Cette introduction va vous donner un premier aperçu de ce qui se cache derrière le terme HTML5, vous présentera le contexte dans lequel évolue cette technologie, et nous verrons un bon nombre de nouvelles fonctionnalités qu’il apporte.

Sommaire : L’HTML5 c’est quoi ? L’HTML5 n’est pas… Tout d’abord, je suis convaincu que parmi vous certains se disent : L’HTML5, c’est un nouveau langage ? Ou encore : Je débute, j’ai envie d’apprendre l’HTML5 directement, ça a l’air mieux que l’HTML d’avant. Voire : Pfff, moi qui venait d’apprendre l’HTML, je vais devoir tout réapprendre… Il est grand temps de clarifier les choses : L’HTML5 n’est pas un nouveau langage. L’HTML5 est… Le W3C et le WHATWG On y arrive !