Rapport des modifications techniques effectuées

Dimension: px
Commencer à balayer dès la page:

Download "Rapport des modifications techniques effectuées"

Transcription

1 Club Alpin Français Nantes-Atlantique Rapport des modifications techniques effectuées BERROU Quentin BRUNED Boris QUEVA Caroline 11

2 I CMS choisi : Nous avons choisi d utiliser Joomla! de par sa communauté et son adéquation avec les besoins du client (fonctionnalités et plateforme personnalisable). II Module principal : Le module principal que nous avons utilisé est Flexicontent D après le cahier des charges que nous sommes fixés avec le client, le site devait comporter une base de données contenant des fiches d ascensions. Via l interface de Flexicontent nous avons créé un type de contenu ascension. Nous lui avons affecté des champs de bases de Joomla (titre, description) et des champs personnalisés (voie, altitude ) créés via Flexicontent. A chaque type de contenu est associé un template. Pour afficher les champs personnalisés nous avons dû créer notre propre template (cf fonctionnalités ajoutées). Voici les champs de la base de données : Champs Flexicontent - Date de l ascension - Altitude du sommet - Voie - Participants - Activités - Photo prise au sommet + commentaire - Photo lors de l ascension + commentaire - Géo localisation (google map) Champs Joomla de base - Titre : nom du sommet - Description : récit de l ascension 2

3 III Fonctionnalités ajoutées : a) Template ascension Nous avons créé un template ascension pour afficher les contenus de type ascension. En effet, en travaillant sur le template par défaut de Flexicontent les champs créés (date, activités ) ont pu être affichés. Le template default a été modifié sur deux aspects : - la vue item (fiche ascension) - la vue catégorie 1. Vue item Modification du fichier «item.xml» afin de définir les zones d affichage (entête, description ) <?xml version="1.0" encoding="utf-8"?> <metadata> <author>boris Bruned</author> <website>www.cafnantes75.fr</website> <license>gplv2</license> <version>1.1</version> <release>4 avril </release> <description>template pour afficher les ascensions</description> <params addpath="/administrator/components/com_flexicontent/elements"> </params> <fieldgroups> <group>entete</group> <group>sommet_photo</group> <group>photo</group> <group>description</group> <group>gmap</group> </fieldgroups> <cssitem> <file>css/item.css</file> </cssitem> <jsitem> </jsitem> 3

4 </metadata> Ci-dessous une vue du template choisi pour l affichage d une ascension : Dans le fichier «item.php» on affiche directement les champs liés à une ascension. // on définit ici le nom du template $tmpl = $this->tmpl;?> <!--<div id="flexicontent" class="flexicontent item<?php/* echo $this->item->id; */?> type<?php echo $this->item->type_id;?>"--> <!-- BOF buttons --> <p class="buttons"> <?php echo flexicontent_html::pdfbutton( $this->item, $this->params );?> <?php echo flexicontent_html::mailbutton( 'items', $this->params, null, $this->item->slug );?> <?php echo flexicontent_html::printbutton( $this->print_link, $this->params );?> <?php echo flexicontent_html::editbutton( $this->item, $this->params );?> 4

5 </p> <!-- EOF buttons --> <div class="ascension_contenu"> <div class="entete"> </span> <h1 class="componentheading1"> <span class="ordre"> <span class="titre"> <?php echo $this->escape($this->item->ordering);?> <?php echo mb_strtoupper($this->fields['title']->display)." (".$this- >fields['altitude']->display.")"?> </h1> <h2> </span> </span><br/> <span class="date">le <?php echo $this->fields['date_ascension']->display;?> <span class="participants">participants : <?php echo $this->fields['participants']- >display;?></span><br/> <span class="activite"> Activités : <?php echo $this->fields['activite']->display;?></span><br/> <span class="voie"><span class="voie1">voie :</span><span class="par">par</span><?php echo " ".$this->fields['voie']->display;?> </span> 5 </h2> <!-- BOF image --> <div class="sommet_photo">

6 <?php echo $this->fields['sommet_photo']->display;?> <div class="commentaire_sommet"> <?php echo $this->fields['commentaire_sommet']->display;?> <!-- EOF image --> <!-- BOF image --> <div class="photo"> <?php echo $this->fields['photo']->display;?> <div class="commentaire_sommet"> <?php echo $this->fields['commentaire_photo']->display;?> <div class="commentaire"> <!-- EOF image --> <div class="description"> <?php echo $this->fields['text']->display;?> <div class="gmap"> <h2 class="localisation"> Localisation </h2> <div class="carte"> <?php echo $this->fields['localisation']->display;?> 6

7 <!--/div--> A chaque champ est associée une classe pour la mise en page en CSS ainsi que pour la sélection des champs lors de l impression. Enfin on modifie le fichier item.css afin d obtenir un joli affichage. div.ascension_contenu{ width:900px; overflow:hidden; /*entete*/ div.entete{ width:670px; height:150px; background-color:rgb(1,254,241); border-left:3px solid rgb(0,128,0); /* couleur du cadre */ border-right:3px solid rgb(0,128,0); border-bottom:3px solid rgb(0,128,0); border-top:3px solid rgb(0,128,0); overflow:hidden; box-shadow: 8px 8px 12px #aaa; -moz-box-shadow: 8px 8px 12px #aaa;.entete:hover{ background-color:rgb(128,255,255); 7

8 span.titre{ font-size:1.3em; color:rgb(0,0,255); text-shadow: 2px 2px 4px #999; span.ordre{ font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size:1.9em; padding-left:10px; color:rgb(0,128,0); text-shadow: 2px 2px 4px #999; span.par{ display:none; /*photo au sommet + commentaire*/ div.sommet_photo{ width:650px; height:490px; padding-left:20px; padding-top:20px; overflow:hidden; box-shadow: 8px 8px 12px #aaa; -moz-box-shadow: 8px 8px 12px #aaa; div.commentaire_sommet{ padding-left:60px; font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color:rgb(0,0,255); font-weight:bold; text-shadow: 2px 2px 4px #999; /*deuxième photo + commentaire*/ 8

9 div.photo{ width:500px; height:660px; padding-top:60px; overflow:hidden; div.commentaire_photo{ padding-left:20px; font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color:rgb(0,0,255); font-weight:bold; text-shadow: 2px 2px 4px #999; div.description{ float:left; position: absolute; top: 1000px; width:310px; height:680px; padding-left:500px; text-align:justify; font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size: 1.4em; overflow:hidden; /*affichage google map*/ div.gmap{ overflow:hidden; h2.localisation{ padding-left:15px; background-color:rgb(1,254,241); border-left:3px solid rgb(0,128,0); /* couleur du cadre */ border-right:3px solid rgb(0,128,0); 9

10 border-bottom:3px solid rgb(0,128,0); border-top:3px solid rgb(0,128,0); width:125px; height:25px; box-shadow: 8px 8px 12px #aaa; -moz-box-shadow: 8px 8px 12px #aaa;.localisation:hover{ background-color:rgb(128,255,255); div.carte{ padding-left:100px; box-shadow: 8px 8px 12px #aaa; 2. Vue catégorie Trier le tableau de catégorie Un fichier «sortable.js» a été ajouté dans le dossier suivant : root/www/joomla15/components/com_flexicontent/assets/js/ Dans ce fichier, a été modifiée la variable : var image_path = "http://www.cafnantes75.fr/joomla15/images/stories/"; Dans le template Default, le fichier category_items.php a été modifié à la ligne 33 : <script type="text/javascript" src="<?php echo JURI::base().'components/com_flexicontent/assets/js'.DS?>sortable.js"> </script> et à la ligne 90 : <table class="sortable flexitable" id="flexitable" 2.2 Personnaliser le tableau de catégorie Le template Default2 a été créé pour la vue catégorie, il se base sur le principe du template Default mais avec quelques modifications. Ce template a ensuite été fusionné avec le template Ascensions en vue catégorie afin de donner de la cohérence à la structure du site. Voici les modifications effectuées :

11 Dans category.xml: <params addpath="/administrator/components/com_flexicontent/elements"> <param name="lead_cut_text" type="text" size="4" default="100" label="flexi_cut_intro" description="flexi_cut_intro_desc" /> </params> <fieldgroups> <group>colonne1</group> <group>colonne2</group> <group>colonne3</group> <group>colonne4</group> <group>colonne5</group> <group>colonne6</group> </fieldgroups> Dans category_item.php : <table id="flexitable" class="sortable flexitable" width="100%" border="0" cellspacing="0" cellpadding="0" summary="<?php echo $this->category->name;?>"> <thead> <tr> <th>sommet</th> <th>date</th> <th>voie</th> </tr> </thead> <tbody> <?php foreach ($this->items as $item) :?> <tr class="ligne<?php echo $class;?>" > <!-- BOF item title --> <td scope="row" class="table-titles"> <?php if ($this->params->get('link_titles', 0)) :?> <a href="<?php echo= JRoute::_(FlexicontentHelperRoute::getItemRoute($item->slug, $this->category->slug));?>"><?php echo $this->escape($item->title);?></a> <?php else : echo $this->escape($item->title); endif;?> </td> <!-- BOF item title --> 11 <td class="colonne1" > <!-- BOF colonne1 cell --> <?php if (isset($item->positions['colonne1'])) :?> <?php foreach ($item->positions['colonne1'] as $field) :?> <?php echo $field->display? $field->display : '';?> <?php endforeach;?> <?php endif;?> <!-- EOF colonne1 cell --> </td>

12 //idem pour les colonnes 2,3,4,5 //La colonne 6 comportant la description, elle doit être limitée en nombre de caractères <td class="colonne6" > <!-- BOF colonne6 cell --> <?php if (isset($item->positions['colonne6'])) :?> <?php if ($this->params->get('lead_strip_html', 1)) : echo flexicontent_html::striptagsandcut( $item->introtext, $this->params- >get('lead_cut_text', 100) ); else : echo $item->introtext; endif;?> <?php foreach ($item->positions['colonne6'] as $field) :?> <?php //echo $field->display? $field->display : '';?> <?php endforeach;?> <?php endif;?> <!-- EOF colonne6 cell --> </td> </tr> <?php endforeach;?> </tbody> </table> Ensuite il était nécessaire de changer le CSS du tableau. 12

13 Dans category.css : td.table-titles { width: 300px; text-align: center; font-weight: bold; background-color: silver; color: black; td.colonne2, td.colonne4 { text-decoration: none; vertical-align: middle; text-align: center; font-weight: bold; background-color: silver; color: black; width: 300px; td.colonne1, td.colonne3, td.colonne5 { text-decoration: none; vertical-align: middle; text-align: center; background-color: rgb(51,1,182); color: white; font-weight: bold; width: 500px; td.colonne6 { text-decoration: none; vertical-align: middle; font-weight: bold; background-color: silver; color: black; width: 500px; 13

14 b) Mise en pdf via PDF Creator Nous avons optés par une mise en pdf via l imprimante puisque aucune extension faisant du pdf n est compatible avec Flexicontent. En effet les champs personnalisés crées sous Flexicontent ne sont pas affichés lors de la mise en pdf du contenu. Ainsi nous avons réalisés une mise en page différente lors de l impression dans le template du site Ja-purity en rajoutant à au fichier «component.php» dans templates/ja_purity cette ligne : <link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/<?php echo $this->template;?>/css/print.css" type="text/css" media="print" /> Un fichier print.css a été créé pour effectuer une mise en page différente de «item.css». c) Modification du compteur d articles Nous avons dû légèrement modifier le module mod_stats de Joomla afin qu il affiche le nombre d ascensions effectuées. Ce module recense par défaut le nombre total d articles. Nous avons donc décrémenté ce compteur de 3 unités (page d accueil, tutoriel et localisation des ascensions) afin que le nombre d article affiché corresponde aux seules ascensions renseignées par les membres : Dans helper.php Ligne 67: $items = $db->loadresult()-3; Par ailleurs, le terme Contenu a été remplacé par Ascensions effectuées pour plus de cohérence. Dans helper.php Ligne 83: $rows[$i]->title = JText::_( 'Ascensions effectuées' ); d) Ajout de la Google Map générale Afin de mettre en place la carte des ascensions que l on trouve dans le menu à gauche, un fichier kml a été écrit. Pour le moment ce fichier doit être rempli manuellement, il est de la forme : <?xml version="1.0" encoding="utf-8"?> <kml xmlns="http://www.google.com/earth/kml/2"> <Document> <name>kml_gmap.kml</name> <Placemark> <name>petit Vignemale</name> <Point> <coordinates>-0.133, 42.77</coordinates> </Point> </Document> </kml> 14

15 Nous avons tenté d écrire une fonction php qui permettrait la création de ce fichier automatiquement après la saisie d une ascension. Cependant les tests effectués ne fonctionnaient pas et nous n avons pas réussi à trouver l erreur. La fonction php est la suivante : <?php $serveur = 'mysql51-33.bdb'; $login = 'cafnantejoom'; $passwd = 'bigpollux75'; $database = 'cafnantejoom'; $query = 'SELECT A1.value, A2.title FROM jos_flexicontent_fields_item_relations A1, jos_content A2 WHERE A1.field_id=23 AND A1.item_id=A2.id'; $racine = "kml"; $element = "Placemark"; function sql2kml($serveur, $login, $passwd, $database, $query, $racine, $element) // Connexion et requête à la base de données $db = mysql_connect($serveur, $login, $passwd) or die("could not connect"); mysql_select_db($database) or die("could not select database"); $result = mysql_query($query, $db); // Création d'un nouveau document KML $doc = domxml_new_doc('1.0'); $root = $doc->create_element($racine); $root = $doc->append_child($root); $attribute = $doc->create_attribute(xmlns,"http://www.google.com/earth/kml/2"); //Attribut?! $attribute = $root->append_child($attribute); //Création des balises <Document> et <name> $occ = $doc->create_element("document"); $occ = $root->append_child($occ); $occ2 = $doc->create_element("name"); $occ2 = $occ->append_child($occ2); $value = $doc->create_text_node(utf8_encode('kml_map.kml')); $value = $occ2->append_child($value); { //Creation des marqueurs while($row = mysql_fetch_assoc($result)) $occ2 = $doc->create_element($element); $occ2 = $occ->append_child($occ2); foreach ($row as $fieldname => $fieldvalue) { if ($fieldname == 'title'): $child = $doc->create_element('name'); $child = $occ2->append_child($child); $value = $doc->create_text_node(utf8_encode($fieldvalue)); $value = $child->append_child($value); else: if ($fieldname == 'value'): $occ3 = $doc->create_element('point'); $occ3 = $occ2->append_child($occ3);?> $child = $doc->create_element('coordinates'); $child = $occ3->append_child($child); $value = $doc->create_text_node(utf8_encode($fieldvalue)); $value = $child->append_child($value); $doc->dump_file("http://www.cafnantes75.fr/templates/ja_purity/gmap/kml_map.kml", false, true); 15

16 e) Newsletter Nous avons installé le module Vemod News Mailer afin de mettre en place une newsletter bihebdomadaire recensant les dernières ascensions enregistrées. Le module étant en langue anglaise, il a fallu traduire une bonne partie des termes apparaissant dans la newsletter, mais surtout adapter le template des différents types d s : inscription/désinscription/newsletter, en version HTML et en version texte. Ce changements ont été effectués dans les fichiers suivants: config.vemod_news_mailer.php pour le template fr-fr.com_vemod_news_mailer.ini pour la traduction Il s agit principalement de manipuler des balises HTML basiques, nous ne détaillerons donc pas les modifications apportées ici. f) Design du site Afin de coller à la charte graphique du site actuel du CAF Nantes Atlantique, nous avons modifié le CSS du template Joomla. Pour l essentiel, on a utilisé comme couleur de fond du bandeau le bleu du logo du CAF Nantes Atlantique, et on a adapté les différentes tailles de bannière, logo, bandeau Dans template.css Ligne 924: background: #165ca2; Ligne 927: height: 200px; Ligne 932: height: 200px; Ligne 936: width: 770px; Ligne 939: height: 200px; Ligne 957: width: 284px; Ligne 960: height: 200px; Ligne 1338: background: #165ca2; 16

Manuel d utilisation de la personnalisation avancée des pages web

Manuel d utilisation de la personnalisation avancée des pages web Manuel d utilisation de la personnalisation avancée des pages web Version 1.B Payline PROPRIETAIRE Page 1/15 Version du modèle : DocStd_50 Page des évolutions Le tableau ci-dessous liste les dernières

Plus en détail

MODIFICATIONS ET CREATIONS OSCOMMERCE POUR ICI RELAIS

MODIFICATIONS ET CREATIONS OSCOMMERCE POUR ICI RELAIS MODIFICATIONS ET CREATIONS OSCOMMERCE POUR ICI RELAIS Objectif : Le but de ce document est d expliquer les fonctions de chaque nouveau fichier propre au module de livraison ICI relais. Il reprend également

Plus en détail

Personnaliser vos écrans

Personnaliser vos écrans Personnaliser vos écrans Sommaire 1 Présentation 2 Mécanisme 3 Création du custom 3.1 Note 4 Création du dossier contenant les images personnalisées 4.1 Note 5 Création du dossier contenant le fichier

Plus en détail

Les feuilles de Style HTML : CSS

Les feuilles de Style HTML : CSS Les feuilles de Style HTML : CSS Tarek Melliti Laboratoire IBISC (Informatique Biologie Intégrative et Systèmes Complexes) tarek.melliti@ibisc.univ-evry.fr Plan du cours Séances 1 : Introduction à l informatique

Plus en détail

CSS. CSS : propriétés. Texte : text-align, text-decoration, text-indent, font-weight, font-family, font-style, font-size

CSS. CSS : propriétés. Texte : text-align, text-decoration, text-indent, font-weight, font-family, font-style, font-size CSS s de propriétés en CSS Manuele Kirsch Pinheiro Manuele.Kirsch-Pinheiro@univ-paris1.fr Remerciements Mes sincères remerciements aux collègues de l IUT Nancy Charlemagne pour leur aide lors de mon passage

Plus en détail

Programmation Tablette. Dominique Rossin Cours 1 - HTML / CSS

Programmation Tablette. Dominique Rossin Cours 1 - HTML / CSS Programmation Tablette Dominique Rossin Cours 1 - HTML / CSS Objectifs Comprendre le fonctionnement d une application Web Comprendre le fonctionnement d une application Smartphone Programmer et déployer

Plus en détail

Introduction à la Simulation

Introduction à la Simulation ou comment créer votre premier jeu vidéo Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Aspect visuel souhaité Aspect visuel souhaité Code source de la page HTML Feuille

Plus en détail

Objectifs. Programmation Tablette. Journée type. Organisation. Dominique Rossin Cours 1 - HTML / CSS

Objectifs. Programmation Tablette. Journée type. Organisation. Dominique Rossin Cours 1 - HTML / CSS Objectifs Programmation Tablette Dominique Rossin Cours 1 - HTML / CSS Comprendre le fonctionnement d une application Web Comprendre le fonctionnement d une application Smartphone Programmer et déployer

Plus en détail

FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS

FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS CODE COMPLET ET COMMENTÉ DE L INTERFACE TABLE DES MATIÈRES 1.

Plus en détail

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014 1 Le langage JavaScript TD N 3 Module IntegWEB MMI 1 2013/2014 Jeu les tables de multiplication 2 Code HTML 3 apprendre les tables de multiplication

Plus en détail

<link rel = stylesheet  type = text / css  href = monstyle. css  /> Programmation Web AGRAL-3 et MTX-3, 2012-13 SÃl ance TP N o 5 Mars 2013 Objectifs Langage CSS Interactions HTML/CSS Manipulation [Où mettre ses fichiers? ] Pour ce TP vous allez mettre votre fichier HTML

Plus en détail

Arbres Mathématiques Informatique et Navigateurs Internet

Arbres Mathématiques Informatique et Navigateurs Internet Arbres Mathématiques Informatique et Navigateurs Internet Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Arbres Expressions Mathématiques Structure arborescente de l expression

Plus en détail

5. Donnez et expliquez 2 arguments justifiant la détection de capacités côté client plutôt que côté serveur, en utilisant l User Agent.

5. Donnez et expliquez 2 arguments justifiant la détection de capacités côté client plutôt que côté serveur, en utilisant l User Agent. Questions de cours LPSIL 2012/2013 1 1. Pour chaque type de site listé ci-dessous, indiquez la ou les approches d adaptation à utiliser parmi les 3 approches vues en cours (1 point) : - Site ayant 2 parties

Plus en détail

Créer un modèle pour Joomla 1.5

Créer un modèle pour Joomla 1.5 Créer un modèle pour Joomla 1.5 Dans le dossier templates de Joomla, créer un nouveau dossier au nom du modèle (lettres-chiffres-tirets, éviter caractères accentués et spéciaux) Dans ce dossier template/nom_du_modèle,

Plus en détail

Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver

Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver Les bonnes pratiques du concepteur web moderne requièrent l usage des CSS pour la réalisation des mises en page. Les mises

Plus en détail

Joomla 3.1.1 1 Weber Yvan 11.08.13

Joomla 3.1.1 1 Weber Yvan 11.08.13 1 2 Table des matières 1 Introduction...3 2 Supprimer le bandeau...6 3 Insérer le nouveau bandeau...12 4 Déplacer le bandeau contre le haut...15 3 1 Introduction 1 Dans ce tutoriel, a été installé sans

Plus en détail

Conception de sites Web

Conception de sites Web Actualité du cours Conception de sites Web L1 bidisciplinaire IDEA Année 2015-2016 Jérôme Darmont http://eric.univ-lyon2.fr/~jdarmont/?page_id=440 http://eric.univ-lyon2.fr/~jdarmont/?feed=rss2 https://twitter.com/darmont_lyon2

Plus en détail

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML PROGRAMMATION HTML Baccalauréat S -Spécialité ISN 4.3 : Langages de programmation : langage HTML Objectifs L'élève doit être capable o de créer une page WEB en langage HTML o d'analyser une page WEB en

Plus en détail

Interfaçage avec une base de données

Interfaçage avec une base de données Interfaçage avec une base de données Principe PHP propose de nombreux outils permettant de travailler avec la plupart des SGBD Oracle, Sybase, Microsoft SQL Server, PostgreSQL ou encore MySQL Php fournit

Plus en détail

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. 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

Plus en détail

Université de Toulouse II - Formation Continue. Diplôme Universitaire. Technologies de l Information Et de la Communication Option Animateur Web

Université de Toulouse II - Formation Continue. Diplôme Universitaire. Technologies de l Information Et de la Communication Option Animateur Web Université de Toulouse II - Formation Continue Diplôme Universitaire Technologies de l Information Et de la Communication Option Animateur Web Annexes Auteur : Céline MASCLEF 21 rue du dix avril 31500

Plus en détail

Stockage du fichier FITS dans une table MySQL Nous utiliserons des types de données spéciaux, qui sont les BLOBS (binary large objects).

Stockage du fichier FITS dans une table MySQL Nous utiliserons des types de données spéciaux, qui sont les BLOBS (binary large objects). Stockage des fichiers FITS du téléscope MISOLFA dans une base de donnée MySQL avec PHP Auteur : Erwan Simon CNRS UMR 6202 O.C.A Département Cassiopée Le 24/05/2009, Le but de ce document est de donner

Plus en détail

Cours HTML pour débutant

Cours HTML pour débutant Cours HTML pour débutant Guilhem PAROUX 09-10 Mai 2007 I. FONCTIONNEMENT CLIENT-SERVEUR... 3 II. STRUCTURE D UN SITE WEB... 4 III. LE LOGICIEL NVU... 4 IV. METTRE EN LIGNE AVEC LE CLIENT FTP "FILEZILLA"...

Plus en détail

Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite

Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite 1 INSCRIPTION À UN SITE On suppose que l'inscription à un site offre de nombreux avantages. Pour s'inscrire à ce site il faut saisir :

Plus en détail

Publication (avancée) de données spatiales dans Internet

Publication (avancée) de données spatiales dans Internet Publication (avancée) de données spatiales dans Internet GMT-20859 & SCG-66408 HTML & CSS Thierry Badard & Frédéric Hubert Université Laval, Dép. des sciences géomatiques Québec, Canada {Thierry.Badard;

Plus en détail

Cours CSS/JavaScript

Cours CSS/JavaScript Cours /JavaScript E.Coquery emmanuel.coquery@liris.cnrs.fr Cascading Style Sheets Principe : séparation du style et de la structure HTML Structure paragraphes, tableaux, liens,... Style polices de caractères,

Plus en détail

Tutoriel d utilisation

Tutoriel d utilisation Tutoriel d utilisation JCE est l éditeur le plus complet pour Joomla! JCE est capable de gérer les mise en page comme un éditeur de type Word ou Open Office. Il permet d insérer des images et médias de

Plus en détail

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr Cours HTML/PHP E.Coquery emmanuel.coquery@liris.cnrs.fr Pages Web Pages Web statiques Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis son navigateur. Adresse tapée, clic

Plus en détail

Présentation et explications

Présentation et explications Présentation et explications 1 SOMMAIRE I) Introduction... 3 II) Installation... 3 1) Localement... 3 2) Chez un hébergeur... 4 Installation automatique... 4 Installation manuelle... 4 III) Interface de

Plus en détail

M2202 Algorithmique TD 5 : Une bannière animée interactive

M2202 Algorithmique TD 5 : Une bannière animée interactive M2202 Algorithmique TD 5 : Une bannière animée interactive Nous verrons dans ce TD comment : enchainer une suite d'images en fondu dans une bannière ; afficher une image spécifique de cette bannière par

Plus en détail

Exercices et corrections. Licence QCI - module O21

Exercices et corrections. Licence QCI - module O21 Exercices et corrections Licence QCI - module O21 Exercice 1 Ecrivez le squelette d une page avec les caractéristiques suivantes - encodage : utf-8 - titre de la page : première page XHTML - auteur : vous

Plus en détail

COPIE. Webmaster pour la société Eco-Action-Plus. Création du site web vitrine et produits communicants annexes. SARL Eco-Action-Plus

COPIE. Webmaster pour la société Eco-Action-Plus. Création du site web vitrine et produits communicants annexes. SARL Eco-Action-Plus Département UFR Sciences et Techniques Webmaster pour la société Eco-Action-Plus SARL Eco-Action-Plus Création du site web vitrine et produits communicants annexes Pen Ar Valy 29200 Milizac Maître de stage

Plus en détail

Black Bear CMS www.bbcms.fr mars 2012 Copyright 2012 Olivier Blais. Guide de développement

Black Bear CMS www.bbcms.fr mars 2012 Copyright 2012 Olivier Blais. Guide de développement Black Bear CMS www.bbcms.fr mars 2012 Copyright 2012 Olivier Blais Guide de développement Sommaire Variables templates... 3 Script code... 5 Classes... 6 Fonctions... 7 Variables d applications... 9 Validator

Plus en détail

Rapport de Conception

Rapport de Conception Rapport de Conception Métier : Développement Membres du groupe Granier Maxime Imbert Jérémy Lansac Ludovic Tionohoue Yann Axone Métiers consultés IHM Contenu cispmptut_rapportdeconception_developpement_20110111

Plus en détail

Tp1 Ema EMACS Développement Web

Tp1 Ema EMACS Développement Web Tp1 Ema EMACS Développement Web 1/ Description de l application : Notre première application Web a pour objectif de gérer une liste de todo (truc à faire) : Diagramme de classe simplifié : Application

Plus en détail

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2 LIRMM Université Montpellier 2 May 13, 2009 Quelques clés de compréhension Asynchronous JavaScript And XML (adossé à JavaScript comme à XML) 2005, J.Garret, popularité accrue au travers de quelques applications

Plus en détail

Formation HTML / CSS. ar dionoea

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

Plus en détail

CAMPUS SUPINFO DE NICE STAGE A TEMPS PLEIN MAUFFRAY 127811 PROMOTION B1

CAMPUS SUPINFO DE NICE STAGE A TEMPS PLEIN MAUFFRAY 127811 PROMOTION B1 CAMPUS SUPINFO DE NICE STAGE A TEMPS PLEIN MAUFFRAY 127811 PROMOTION B1 RAPPORT DE STAGE Rapport de stage Mauffray thomas Page 1 Version : 1.0 Sommaire I. Introduction... 3 I.1. Objet du document... 3

Plus en détail

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion... Table des matières Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...7 Bibliographie : http://fr.wikipedia.org/wiki/asynchronous_javascript_and_xml

Plus en détail

Master Class OL3 Documentation

Master Class OL3 Documentation Master Class OL3 Documentation Version 2.0 Éric Lemoine, Camptocamp 10 April 2014 Table des matières 1 Exercices élémentaires 3 1.1 Exercice élémentaire 1.......................................... 4 1.2

Plus en détail

TP JAVASCRIPT OMI4 jquery et ses Plungins

TP JAVASCRIPT OMI4 jquery et ses Plungins TP JAVASCRIPT OMI4 jquery et ses Plungins Objectifs de ce TP : découvrir quelques exemples d utilisation de la bibliothèque jquery et également quelques plugins. Exercice 1 : gestion d un bouton rollover

Plus en détail

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript AJAX Ajax 1 AJAX Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript Utilise: HTML pour le marquage XML pour représenter les résultats

Plus en détail

MAGICA THEME PRESTASHOP RESPONSIVE. Compatible avec toutes les versions PRESTASHOP 1.6

MAGICA THEME PRESTASHOP RESPONSIVE. Compatible avec toutes les versions PRESTASHOP 1.6 MAGICA THEME PRESTASHOP RESPONSIVE MAGICA a été réalisé par PRESTA-THEME Compatible avec toutes les versions PRESTASHOP 1.6 MAGICA est facilement installable depuis votre back-office PRESTASHOP et compatible

Plus en détail

Programmation Web TP2 CSS i

Programmation Web TP2 CSS i Programmation Web TP2 CSS i Objectifs : Construction d'une page web : comprendre et utiliser un fichier CSS ; définir la structure d'une page web ; Consignes et Pré-requis Lire attentivement cet énoncé

Plus en détail

PHP et XML. Traitements de XML

PHP et XML. Traitements de XML PHP et XML XML et PHP 1 Traitements de XML Deux approches pour manipuler des documents XML: Approche DOM: Utilise un analyseur (Parser) qui transforme le document XML en structure d'arbre. Il faut parcourir

Plus en détail

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document Examen d'informatique module INF112 1ère session 2003-2004 sans calculatrice, sans document Le barème est indicatif Sauf indiqué contraire, dans les questions à choix multiples, il peut (ou non) y avoir

Plus en détail

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration statiques LIF4 - Initiation aux Bases de données : E.Coquery emmanuel.coquery@liris.cnrs.fr http ://liris.cnrs.fr/ ecoquery Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis

Plus en détail

L objectif de cette étape est de se familiariser avec la création de site web sous VS 2012.

L objectif de cette étape est de se familiariser avec la création de site web sous VS 2012. L objectif de ce tutoriel est de créer un site web statique avec Visual Studio. Le site sera composé d une page HTML, une feuille de style CSS et d un fichier Javascript. Etape 1 Lancer Visual Studio L

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

Conception de sites web. Feuille de styles CSS

Conception de sites web. Feuille de styles CSS Conception de sites web Feuille de styles CSS M i s e e n p a g e : s o l u t i o n «v i e i l l e é c o l e» Mise en page par et par Long Vite illisible Peu souple Difficile à modifier

Plus en détail

Java EE - Cours 7. Cours de 2 e année ingénieur Spécialisation «Génie Informatique»

Java EE - Cours 7. Cours de 2 e année ingénieur Spécialisation «Génie Informatique» Java EE - Cours 7 Cours de 2 e année ingénieur Spécialisation «Génie Informatique» Rappels 2 Feuilles de Styles : CSS Lorsque l on réalise un site Web, il faut dissocier la partie forme de la partie fond.

Plus en détail

COMPTE RENDU M. Mouad EL MERCHICHI CRJJ GB. Ceci est un résumé du travail effectué dans les TP concernant les scriptlets et le modèle MVC.

COMPTE RENDU M. Mouad EL MERCHICHI CRJJ GB. Ceci est un résumé du travail effectué dans les TP concernant les scriptlets et le modèle MVC. COMPTE RENDU M. Mouad EL MERCHICHI CRJJ GB Ceci est un résumé du travail effectué dans les TP concernant les scriptlets et le modèle MVC. Page 0 Sommaire Introduction... 2 TP I : Scriptlets et Actions...

Plus en détail

LOG4420 Conception de sites web dynamiques et transactionnels. Contrôle périodique. Automne 2009. 28 octobre 2009

LOG4420 Conception de sites web dynamiques et transactionnels. Contrôle périodique. Automne 2009. 28 octobre 2009 LOG4420 Conception de sites web dynamiques et transactionnels Contrôle périodique Automne 2009 28 octobre 2009 Directives : Durée de l examen : 2h30 ; Le questionnaire comporte 5 questions sur 8 pages

Plus en détail

Plateforme Systempay v1.24 Personnalisation avancée de la page paiement. Version 1.2a

Plateforme Systempay v1.24 Personnalisation avancée de la page paiement. Version 1.2a Plateforme Systempay v1.24 Personnalisation avancée de la page paiement Version 1.2a Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa Nom Date/Visa Nom Date/Visa Lyra-Network

Plus en détail

Site de la spécialité ISN du lycée Louis Marchal

Site de la spécialité ISN du lycée Louis Marchal 1 sur 10 07/01/2014 17:46 Site de la spécialité ISN du lycée Louis Marchal Licence Creative Commons Attribution - Pas d Utilisation Commerciale - Partage dans les Mêmes Conditions 3.0 France. Ecrire des

Plus en détail

Création d un site Internet (partie 2 )

Création d un site Internet (partie 2 ) Création d un site Internet (partie 2 ) Objectif : Apprendre les bases des langages XHTML et CSS pour réaliser un site CV Site ressource : http://jleu10.free.fr Adresse mail : jleu10@free.fr Jean-Louis

Plus en détail

Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3

Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3 Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3 9 Les règles de styles Il est nécessaire de bien connaître les règles de styles mais, pour un usage performant de Dreamweaver, il est aussi utile de bien

Plus en détail

Actualité du cours. Programmation Web. Plan du cours. Un peu d'histoire. Éléments, balises et attributs. Versions successives de HTML

Actualité du cours. Programmation Web. Plan du cours. Un peu d'histoire. Éléments, balises et attributs. Versions successives de HTML Actualité du cours L3 IDS Année 2015-2016 Jérôme Darmont?page_id=445?feed=rss2 2 https://twitter.com/darmont_lyon2 hashtag #webids Plan du cours Rappel : Langage HTML Éléments de design Web Rappel : Feuilles

Plus en détail

CIM120. Http:// (Creation Web) Page 1

CIM120. Http:// (Creation Web) Page 1 CIM120 Http:// (Creation Web) Page 1 Organisation du module CIM120 Evaluation: 1 eval sur table 1 eval des TP Page 2 Le Web: un peu d'histoire D'Arpanet à Internet... http://fr.wikipedia.org/wiki/histoire_d'internet

Plus en détail

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe JOOMLA 1.5 avancé SUPPORT DE COURS + annexe SOMMAIRE 1. LA GESTION DES MODULES... Page 2 2. MODIFICATION DE SON TEMPLATE... Page 6 3. LA CREATION DE DIAPORAMA... Page 9 4. LA CREATION DE SONDAGE... Page

Plus en détail

E5SL : PRODUCTION ET FOURNITURE DE SERVICES. Durée : 4 heures Coefficient : 5 CAS SUPMASTER. Éléments de correction

E5SL : PRODUCTION ET FOURNITURE DE SERVICES. Durée : 4 heures Coefficient : 5 CAS SUPMASTER. Éléments de correction BTS SERVICES AUX ORGANISATIONS SESSION E5SL : PRODUCTION ET FOURNITURE DE SERVICES Durée : 4 heures Coefficient : 5 CAS SUPMASTER Éléments de correction Ce corrigé comporte 8 pages numérotées de 1/8 à

Plus en détail

Chap. 3 LES TABLEAUX EN HTML

Chap. 3 LES TABLEAUX EN HTML LES TABLEAUX EN HTML Les principales balises concernant les tableaux : , , , et La fusion (verticale ou horizontale) des cellules Définition des sections dans un tableau :

Plus en détail

PHP 5. simplexml. A. Belaïd 1

PHP 5. simplexml. A. Belaïd 1 PHP 5 simplexml A. Belaïd 1 Introduction Dans les versions précédentes de PHP, il n y avait aucun outil permettant de manipuler simplement des fichiers XML Dans PHP 5, on trouve un mode, appelé, SimpleXML

Plus en détail

IceCube.Net. Explicatif technique. Version 1.0

IceCube.Net. Explicatif technique. Version 1.0 IceCube.Net Explicatif technique Version 1.0 Structure IceCube.Net IceCube.Net est structurée de la même manière que des serveurs de type Solaris/Unix soit l arborescence suivante : ROOT _bin _htdocs _scripts

Plus en détail

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015 Programmation Web IMAC 2015-2016 TD 1 : HTML 30 septembre 2015 Objectif: Ce TD a pour but d aborder les premières notions du langage HTML. Il est important de noter que le HTML n est pas un langage de

Plus en détail

TP JAVASCRIPT IntegWeb SERIE 3 Suite MMI 2014-2015

TP JAVASCRIPT IntegWeb SERIE 3 Suite MMI 2014-2015 TP JAVASCRIPT IntegWeb SERIE 3 Suite MMI 2014-2015 GESTION D UN FORMULAIRE DE CONTACT Objectif : Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL

Plus en détail

Chapitre 3 : Le langage HTML Fascicule TIC Page 33

Chapitre 3 : Le langage HTML Fascicule TIC Page 33 33 I. Introduction Les pages Web visualisées dans un navigateur Internet sont écrites avec un langage nommé HTML (HyperText Markup Language). C est un langage de description de contenu et de structure.

Plus en détail

STRUCTURE D UNE PAGE HTML/CSS

STRUCTURE D UNE PAGE HTML/CSS STRUCTURE D UNE PAGE HTML/CSS C01 1. STRUCTURE Le langage Html est composé de balises ou (tags) qui permettent de structurer le texte, de le mettre en forme et d insérer des images. Ces instructions sont

Plus en détail

Introduction à PHP. PHP et SGBD : un exemple avec Mysql. 1 er mai 2015. IUT de Fontainebleau. Introduction Mysql API mysqli Requêtes préparées

Introduction à PHP. PHP et SGBD : un exemple avec Mysql. 1 er mai 2015. IUT de Fontainebleau. Introduction Mysql API mysqli Requêtes préparées PHP et SGBD : un exemple avec IUT de Fontainebleau 1 er mai 2015 Sommaire 1 Introduction 2 3 4 Sommaire 1 Introduction 2 3 4 Problématique Sites dynamiques "Informations dynamiques". Comment la gérer,

Plus en détail

MANUEL D UTILISATION Site Web Cinémathèque de Grenoble

MANUEL D UTILISATION Site Web Cinémathèque de Grenoble MANUEL D UTILISATION Site Web Cinémathèque de Grenoble Interface Joomla! 1.5.9 PROJET TUTORE 2008 2009 ETUDIANT :GUILLAUME GOUILLOUX PROFESSEUR TUTEUR : FRANCK VEDEL Table des matières : Principes de Base...

Plus en détail

Technologie Internet

Technologie Internet G. Hunault Angers, janvier 2005 Maitrise Mass Technologie Internet Remarque : tous les fichiers cités sont disponibles sur le web à l URL http://www.info.univ-angers.fr/pub/gh/internet/ti2005.zip Une copie

Plus en détail

Une rapide introduction à HTML / CGI

Une rapide introduction à HTML / CGI Une rapide introduction à HTML / CGI Patrick Fuchs Université Paris 7 Equipe de Bioinformatique Génomique et Moléculaire PLAN 1. Généralités 2. Les Bases d HTML 3. Outils HTML avancés 4. HTML dynamique

Plus en détail

Séance d Exercices Dirigés HTML, CGI et PHP

Séance d Exercices Dirigés HTML, CGI et PHP Séance d Exercices Dirigés HTML, CGI et PHP Exercice 1 : Formulaire et script CGI Soit le formulaire suivant rempli par un utilisateur : 1 ) Construire la page HTML qui présente ce formulaire Une réponse

Plus en détail

Langage (X)HTML Damien Nouvel

Langage (X)HTML Damien Nouvel Langage (X)HTML Plan Quelques statistiques du web Architecture client / serveur Langage XML Mise en forme HTML Structure d'un document HTML 2 / 36 Plan Quelques statistiques du web Architecture client

Plus en détail

INTRODUCTION. méta-langage

INTRODUCTION. méta-langage INTRODUCTION renault twingo Bic 1999 etc.. XML : extensible

Plus en détail

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En pratique Pour réaliser ce TD vous avez besoin de :. Un navigateur web. Un client FTP ou une invite de commande Unix. Un éditeur de texte Pour le TD nous

Plus en détail

Développement d applications multiplateforme avec EnyoJS

Développement d applications multiplateforme avec EnyoJS Développement d applications multiplateforme avec EnyoJS EnyoJS est un cadre de développement qui permet de créer des applications pour n importe quelle plateforme : ordinateur, tablette/smartphone Android,

Plus en détail

Eléments du langage. Eléments du langage PHP. Variables. Variables

Eléments du langage. Eléments du langage PHP. Variables. Variables Eléments du langage Eléments du langage PHP Séparation des instructions Comme en C, C++, Perl, les instructions doivent être séparées par un point virgule. Les commentaires // Ceci est un commentaire sur

Plus en détail

Union sociale pour l'habitat

Union sociale pour l'habitat Union sociale pour l'habitat Guide Utilisateur - Organisme, - : 04 72 76 02 30 - : 04 72 76 02 39 SAS PHENIX ENGINEERING 352 200 844 RCS LYON SAS au capital de 637.648 PHENIX ENGINEERING Union sociale

Plus en détail

Conception et création de pages web. Gérald Collaud Centre NTE, Université de Fribourg

Conception et création de pages web. Gérald Collaud Centre NTE, Université de Fribourg Conception et création de pages web Gérald Collaud Centre NTE, Université de Fribourg Ecole Normale, 23 août 2000 Programme! Quelques notions importantes! Comment créer des pages web! Aller plus loin!

Plus en détail

Programmation WEB. HTML et Javascript

Programmation WEB. HTML et Javascript Programmation Web : HTML et Javascript Michaël Krajecki Université de Reims Champagne-Ardenne Département de Mathématiques et Informatique Moulin de la Housse - BP 1039 51687 Reims Cedex 2. Tél. : 03 26

Plus en détail

TD 3 : Intégration HTML

TD 3 : Intégration HTML Programmation Web IMAC 2015-2016 TD 3 : Intégration HTML 14 octobre 2015 Objectif: Ce TD a pour but de se servir des concepts appris dans les TDs précédents pour intégrer entièrement une maquette de site

Plus en détail

LE LANGAGE XML. I. Généralités. Historique

LE LANGAGE XML. I. Généralités. Historique I. Généralités Historique LE LANGAGE XML Année Langage Description 1950 Hypertexte Premiers développements théoriques par Ted Nelson. 1969 Generalized Markup Language Développement du GML par IBM. 1986

Plus en détail

Références HTML et CSS

Références HTML et CSS Références HTML et CSS Balises HTML 1. Les balises bloc Titre hiérarchique à Affiche en caractères gras le titre contenu dans la balise. La balise correspond aux titres de niveau 1. La taille

Plus en détail

Module GiftOnOrder. Manuel client v3.0

Module GiftOnOrder. Manuel client v3.0 Manuel client v3.0 Olivier BONNINGUES 11/04/2011 PREAMBULE Nous vous remercions de la confiance que vous avez accordée à Oleacorner en achetant ce module. Nous avons fait notre maximum pour rentre ce module

Plus en détail

Tp1 Ema EMACS Développement Web

Tp1 Ema EMACS Développement Web Tp1 Ema EMACS Développement Web 1/ Description de l application : Notre première application Web a pour objectif de gérer une liste de todo (truc à faire) : Diagramme de classe simplifié : Application

Plus en détail

Tice -Seconde-Page Web 2015-2016

Tice -Seconde-Page Web 2015-2016 Ouvrez une page web, cliquer doit sur la souris et faite afficher le code source de la page. Quelqu un a écrit ce code pour faire afficher cette page. Nous allons nous aussi écrire du code pour faire afficher

Plus en détail

Internet statique et dynamique XML. Programmation de sites web statiques et dynamiques. extended Markup Language (XML) Jean CARTIER MASTER INI

Internet statique et dynamique XML. Programmation de sites web statiques et dynamiques. extended Markup Language (XML) Jean CARTIER MASTER INI Programmation de sites web statiques et dynamiques extended Markup Language () Jean CARTIER MASTER INI jcartier@laposte.net 1 extented Markup Language () Le HTML est un langage très bien adapté à la diffusion

Plus en détail

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM V1.0 TUTORIEL JCE - EDITEUR Le nouvel outil pour vos articles... Pour les plus anciens d entre vous, vous avez connu la transmission des

Plus en détail

Formulaire de contact avec Xtreme Web Designer

Formulaire de contact avec Xtreme Web Designer Formulaire de contact avec Xtreme Web Designer Pour faire un formulaire avec Xtreme Web Designer, j'utilise 5 pages, vous n'êtes pas obligé, en effet 2 pages peuvent suffir mais c'est moins jolie. Donc

Plus en détail

Framework Symfony. (Une introduction) Nicolas de Rugy-Altherre Sylvain Perifel Cristina Sirangelo. L3 Université Paris Diderot

Framework Symfony. (Une introduction) Nicolas de Rugy-Altherre Sylvain Perifel Cristina Sirangelo. L3 Université Paris Diderot Framework Symfony (Une introduction) Nicolas de Rugy-Altherre Sylvain Perifel Cristina Sirangelo L3 Université Paris Diderot Introduction Symfony : framework côté serveur basé sur PHP Intérêts : structuration

Plus en détail

MANUEL D UTILISATION DE LA BASE DE DONNEES DES EXIGENCES REGLEMENTAIRES

MANUEL D UTILISATION DE LA BASE DE DONNEES DES EXIGENCES REGLEMENTAIRES Manuel d utilisation de la base de données des exigences réglementaires Version Page 1 sur 37 MANUEL D UTILISATION DE LA BASE DE DONNEES DES EXIGENCES Diffusion Clients abonnés à la base de données des

Plus en détail

Qu'est-ce que Mysql?

Qu'est-ce que Mysql? Mysql avec php Qu'est-ce que Mysql? Annie Danzart Annie.Danzart@enst.fr http://www.infres.enst.fr/~danzart/mysql/ Qu est-ce que Mysql? Aperçu Langage Le serveur La base de données Interfaces d accès Fonctions

Plus en détail

Responsive Web Design (RWD)

Responsive Web Design (RWD) Responsive Web Design (RWD) CSS 3 et présentation avancée 1 Qu est ce que le responsive? Démo : Chrome + guardian.com 2 Qu est ce que le responsive? 3 Pourquoi? Explosion de la variété des supports source

Plus en détail

Hack.lu PIGS [500pts]

Hack.lu PIGS [500pts] Hack.lu PIGS [500pts] Pirates International Gold Shipping Write-up par sh4ka - 30/10/2010 Contact: andre DOT moulu AT sh4ka DOT fr Ce document décrit la méthode que j ai utilisé pour résoudre l épreuve

Plus en détail

XSL Langage de transformation de XML. Approfondissements

XSL Langage de transformation de XML. Approfondissements XSL Langage de transformation de XML Approfondissements http://www.zvon.org/xxl/xsltreference/output/index.html Retour sur les modèles (template) Une feuille de style peut contenir plusieurs modèles Chaque

Plus en détail

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Gestion des images Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Ce chapitre vous montre comment ajouter et afficher des images dans un site Web

Plus en détail

Travaux pratiques de M2105 Web dynamique

Travaux pratiques de M2105 Web dynamique Travaux pratiques de M2105 Web dynamique L objectif des séances de TP du module M2105 est de créer un mini site web d annuaire permettant à différents utilisateurs de gérer leurs contacts. Les informations

Plus en détail

Les bases d Excel. I L interface d Excel CHAPITRE I OBJECTIFS MOTS CLÉS

Les bases d Excel. I L interface d Excel CHAPITRE I OBJECTIFS MOTS CLÉS CHAPITRE I Les bases d Excel OBJECTIFS Découvrir l interface d Excel Mettre en forme un tableau Sélectionner et recopier des cellules Imprimer des documents Excel MOTS CLÉS Nouvelle Interface Mettre en

Plus en détail