DOSSIER TECHNIQUE. mickaelchanrion.com. à l attention des Gobelins, l école de l image

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "DOSSIER TECHNIQUE. mickaelchanrion.com. à l attention des Gobelins, l école de l image"

Transcription

1 DOSSIER TECHNIQUE à l attention des Gobelins, l école de l image mickaelchanrion.com

2 SOMMAIRE Yoann Buchet M u l t i s e r v i c e s LIVRE D'OR POUR UN SITE PAGE 4 - Conception et réalisation d'un livre d'or dans un site web pour un professionnel du multiservices. Design - Intégration - Développement Réalisé 2014 THÈME WORDPRESS PAGE - Création d'un thème adapté au CMS Wordpress. Intégration - Développement Réalisé en 201 PAPYFOOT GESTION D'UTILISATEURS PAGE 8 - Conception et réalisation d'un système de gestion d'utilisateurs et du contenu. Intégration - Développement Réalisé en dossier technique - mickael chanrion

3 SITE PERSONNEL PAGE Un site web adapté à tous les supports pour présenter mon activité et mes réalisations. Design - Intégration - Développement Réalisé en 2014 HISTOIRE INTERACTIVE PAGE 12-1 Une application web pour lire et découvrir une histoire avec plusieurs dénouements possibles. Design - Intégration - Développement Storytelling make your own story Réalisé en 201 L'ensemble de projets présentés dans ce dossier technique ont été réalisés dans le cadre de mes études, à titre personnel ou professionnel. Vous pouvez trouver d'autres réalisations sur mon portfolio : mickaelchanrion.com mickael chanrion - dossier technique

4 YOANN BUCHET Livre d'or pour un site Yoann Buchet est un auto entrepreneur spécialisé dans le multiservices. Il fut également mon premier client réel. Il m a confié la mission de réaliser un site web pour présenter son activité, l'ensemble des services qu'il propose à des potentiels clients. Le site s'adressant à une clientèle de 0 à ans, celui-ci devait se montrer épuré, ergonomique et simple d'utilisation. Cette mission étant mon premier projet professionnel et dans un soucis de maîtriser les bases en matière de développement Front-End et Back-End, j ai choisi de réaliser ce site from scratch. La fonctionnalité la plus intéressante à développer dans ce projet a été le livre d or. Yoann Buchet souhaitait avoir un livre d'or sur son site Internet pour que les anciens clients puissent laisser un commentaire sur les prestations effectuées. Ce qui permettait également aux potentiels clients et visiteurs de se faire une meilleure idée de la qualité de ses services. 4 dossier technique - mickael chanrion

5 HTML, CSS, jquery, PHP, SQL Projet professionnel 2014 Le livre d or écrit en PHP fait appel à une base de données pour afficher l'ensemble des avis laissés par les utilisateurs. L'ajout d'un avis se fait grâce à un formulaire <?php $bdd = new PDO($mysql, $login, $password); $res = $bdd->query('select * FROM livreor WHERE valid="1" ORDER BY date DESC;'); while($data = $res->fetch(pdo::fetch_obj)){ echo "<h1 class='titre'>témoignage de ".$data->nom."</h1>"; echo "<article class='message'>"; echo "<p>".$data->message."</p>"; echo "<p class='date'>envoyé le ".strftime('%d %B %Y', strtotime($data->date))."</p>"; echo "</article>"; ;?> Une fois connecté à la base de données, l'ensemble des informations sont récoltées et retournées dans une boucle pour écrire tous les commentaires en HTML. Bien entendu, après avoir reçu une notification par , un modérateur peut se rendre sur un espace d'administration nécessitant une authentification. Il peut alors gérer l'ensemble des commentaires. Pour être affiché, un avis doit être validé au préalable : mickael chanrion - dossier technique

6 BALIBALI Thème wordpress Balibali est un court projet universitaire qui nous a initié à la création d un thème Wordpress. Après avoir choisi un site déjà existant, mon travail était de le reproduire entièrement tout à gardant à l esprit la principale contrainte : avoir un site entièrement personnalisable avec le système d administration du CMS. J ai choisi de reproduire le site vitrine d une entreprise Slovaque vendant des meubles. Pour réaliser cet exercice, j ai commencé par étudier la composition du site réel pour savoir comment l adapter à un système Wordpress. Ce site est composé d une page d accueil, d une page à propos, d une page meubles et d une page de contact. C'est dans la page "meubles" que résidait la principale difficulté dans la réalisation du thème. La page meubles présente tous les différents types de meubles que l entreprise propose. Sur cette page, un type de meuble est composé de son nom, d'une image pour l'illustrer, ainsi que d'un lien. Celui-ci amène le visiteur vers la présentation de l'ensemble des meubles répondant à ce type de catégorie. dossier technique - mickael chanrion

7 HTML, Less, jquery, Wordpress Projet scolaire 201 Afin de créer différents posts Wordpress de type "meuble" et de les classer, un custom post type "meuble" ainsi que la taxonomie "meubletype" ont été créé. Avec cette approche, la page meubles de type "archives" devait alors lister les différents terms de la taxinomie avec un lien amenant vers une liste de meubles // Structure HTML supprimée afin d'améliorer la lisibilité <?php get_header (); $terms = get_terms('meubletype', array('hide_empty' => true));?> foreach ($terms as $term) { $args = array( 'post_type' => 'meuble', 'posts_per_page' => 1, 'tax_query' => array( array( 'taxonomy' => 'meubletype', 'field' => 'slug', 'terms' => $term->slug, ) ) ); $my_query = new WP_Query($args); while ($my_query->have_posts()) { $my_query->the_post(); echo '<h2>'.$term->name.'</h2>'; // titre echo '<a href="'.get_term_link($term).'>en savoir plus</a>'; // lien vers la catégorie the_post_thumbnail (); // image get_footer(); La documentation, en particulier le Template Hierarchy m a permis de déterminer quels fichiers étaient adaptés pour obtenir le résultat attendu. La boucle de Wordpress a été utilisé pour afficher l ensemble des posts créés. Ce projet m a permis de comprendre l approche différente mais intéressante de ce puissant CMS. Dans un futur proche, je compte utiliser Wordpress pour réaliser des sites à titre personnel ou professionnel. La création de thème sera également fortement envisagée. mickael chanrion - dossier technique

8 PAPYFOOT Site avec système d'administration Papyfoot est un projet universitaire entièrement réalisé avec le langage PHP orienté objet. Il affiche des équipes de foot et les matchs qu'ils se disputent. Après une authentification, un administrateur peut ajouter, modifier, supprimer des équipes et des matchs. Il a également la possibilité de supprimer ou modifier les droits d un autre utilisateur. En arrivant sur le site, un internaute peut se créer un compte. Il pourra alors suivre ses équipes favorites et voir uniquement les matchs de ses équipes, modifier son pseudo et son mot de passe de façon sécurisée. Le système de compte fonctionne avec des variables de session PHP. Avant d afficher une page, l application vérifie l état de la session de l'utilisateur et de ses droits. L ensemble des données sont récupérées depuis une base de données. La base de données est composée de 4 entitées. "Utilisateur" permet de stocker l'ensemble des utilisateur et administrateurs. Si un utilisateur suit une équipe, l'information est enregistrée dans "Utilisateur_suit_ équipe". L'ensemble des matchs et des équipes sont enregistrées dans leur entité respective. 8 dossier technique - mickael chanrion

9 PHP Data Object (form scratch), SQL Projet scolaire //Connexion d'un utilisateur <?php session_start(); if (isset($_get['logout'])) { $_SESSION['connect'] = 0; header('location: index.php');?> if (isset($_get['login'])) { $data = 0; if (isset($_post['password']) AND isset($_post['login'])) { $password = $_POST['password']; $login = $_POST['login']; $req = $bdd->prepare( 'SELECT count(*) FROM utilisateur WHERE login=? AND password=?;' ); $req->execute(array($login, sha1($password))); $data = $req->fetch(); if ($data[0] == 1){ $_SESSION['connect'] = 1; $_SESSION['login'] = $login; $res = $bdd->query( 'SELECT pseudo, level FROM utilisateur WHERE login="'.$login.'"'); $data = $res->fetch(pdo::fetch_obj); $_SESSION['pseudo'] = $data->pseudo; $_SESSION['level'] = $data->level; header('location: index.php'); else { include('login-error.php'); if ($_SESSION['connect'] == 0) { include('login-form.php'); // Accès à l'espace d'administration <?php if (isset($_get['admin']) and $_SESSION['level'] == 0 and $_SESSION['connect'] == 1) { include('admin-content.php'); else { include('login-form.php');?> Lorsque l'utilisateur se connecte via le formulaire de connexion, le script ci dessu s'execute et vérifie la correspondance du login/password. Si c'est le cas, les information de l'utilisateur sont enregistrée dans une variable de session. Si un administrateur souhaite accéder à son espace, le script de gauche vérifie ses droits grâce à la variable "level" avant de lui donner un accès. mickael chanrion - dossier technique

10 PORTFOLIO Site personnel Afin d obtenir de la visibilité sur Internet et de pouvoir présenter mon activité ainsi que mes réalisations, j ai créé mon portfolio. Ce dernier est un site one page composé d un header, et des sections services, réalisations, à propos et contact. Face au nombre important d internautes utilisant un mobile, j ai choisi une approche mobile first pour que mon contenu unique soit disponible quel que soit le contexte d usage. Pour répondre à cette problématique du mobile first, j ai choisi d utiliser la grille du framework Twitter Bootstrap offrant un développement du Front-End rapide. J ai apporté une attention particulière à l expérience utilisateur en optimisant le contenu pour réduire le temps de chargement au minimum, et obtenir une navigation fluide et ergonomique. Les balises du langage HTML ont été utilisées pour apporter de la sémantique dans la structure HTML et ainsi, améliorer mes chances d'être bien classé en terme de référencement. 10 dossier technique - mickael chanrion Le formulaire de contact fonctionne de façon asynchrone. Il permet alors d envoyer un mail et d en notifier à l utilisateur, l échec ou la réussite, sans recharger la page. L Ajax permet ainsi de ne pas perdre l internaute dans sa navigation.

11 HTML, Less, jquery, Ajax, PHP, Bootstrap Projet personnel 201 Après le déploiement du site, j ai pu être satisfait du nombre de visites au regard des données présentes sur mon service d analyse d audiences Google Analytics. Afin de prolonger son succès, j ai décidé d ajouter du contenu qui pourrait encourager mon entourage à parler un peu plus de mon site, et donc accroître son trafic. Ce contenu était un Easter Egg. Il était donc caché et c était à l utilisateur de trouver la manipulation pour l afficher var passmodalex = "" $(document).keypress( function(e) { var keycode = e.keycode e.which; if (keycode == 100 && passmodalex == "") passmodalex = "d"; if (keycode == 111 && passmodalex == "d") passmodalex = passmodalex+"o"; if (keycode == 108 && passmodalex == "do") passmodalex = passmodalex+"l"; if (keycode == 112 && passmodalex == "dol") passmodalex = passmodalex+"p"; if (keycode == 104 && passmodalex == "dolp") passmodalex = passmodalex+"h"; if (keycode == 10 && passmodalex == "dolph") passmodalex = passmodalex+"i"; if (keycode == 110 && passmodalex == "dolphi") passmodalex = passmodalex+"n"; if (keycode!= 100 && keycode!= 111 && keycode!= 108 && keycode!= 112 && keycode!= 104 && keycode!= 10 && keycode!= 110) passmodalex = ""; if (passmodalex == "dolphin") { $("#modal-ex").addclass("in").attr("aria-hidden","false"); passmodalex = ""; ); $("#modal-ex.close-modal").click(function() { $("#modal-ex").removeclass("in").attr("aria-hidden", "true"); ); Cet algorithme écrit en Javascript, permet "d'écouter" les touches du clavier que l'utilisateur presse. Si cet utilisateur tappe le mot attendu, l'easter s'affiche dans un modal de Bootstrap. mickael chanrion - dossier technique 11

12 STORYTELLING Histoire interactive Storytelling est un projet né à la suite d un exercice fait en cours d Anglais, reprenant le principe des histoires interactives. En partant d une histoire commune, deux équipes devaient imaginer et rédiger une suite en épisode. Chaque équipe était alors ensuite divisée en deux pour rédiger une nouvelle fois la suite. Ainsi de suite jusqu à avoir cinq épisodes, soit fins possibles. L idée de créer une application web pour cet exercice est ensuite arrivée. Le concept de départ était de faire voyager le lecteur, de donner visuellement une importance à ses choix. Comment faire un site de storytelling ergonomique avec un système de fonctionnement transparent pour l utilisateur? Pour la partie Front-End, j ai choisi d utiliser un plugin jquery appelé Scroll Path. Il permet de changer le comportement du scroll d une page en traçant un trajet en canvas. Grace à ce plugin, je pouvais alors créer un trajet personnalisé entre différents blocs intégrant les différentes parties de l histoire interactive function init() { $.fn.scrollpath("getpath", { scrollspeed: 10, rotationspeed: pi / 100 ).moveto(100, 10, {name: "start").lineto(100, 1000, {name: "intro").lineto(100, 1400).arc(200, 1400, 00, pi, 0, true, {rotate: pi).lineto(100, 1000, {name: "part1").lineto(100, -00).arc(200, -00, 00, 0, -pi/2, true, {rotate: *pi/2).lineto(100, -100, {name: "part2").lineto(100, -100).arc(100, -00, 00, -pi/2, pi, true, {rotate: 2*pi).lineTo(00, -00, {rotate: *pi/2, name: "part").lineto(00, 1400, {rotate: *pi/2, name: "part4").lineto(00, 200).arc(100, 200, 00, pi, pi/2, true, {rotate: *pi/2).lineto(200, 100, {name: "part").lineto(00, 100).arc(00, 200, 00, pi/2, 0, true, {rotate: *pi/2).lineto(4100, 100, {name: "conclusion") $(".wrapper").scrollpath({drawpath: true, wraparound: false); Une balise canvas est utilisée pour dessiner le nouveau "scroll path". Il est possible de tracer des droites, des arcs de cercles et d'effectuer des rotations sur place. Vivez l'expérience sur mickaelchanrion.com/mmi-storytelling 12 dossier technique - mickael chanrion

13 Pour la partie Back-End, j ai dû gérer la contrainte d avoir un seul et unique chemin possible. Il fallait donc gérer dynamiquement le contenu des différents blocs. Il y avait également une contrainte naturelle à prendre en compte : Si le lecteur choisi une version dans une partie, son choix sera ensuite limité aux propositions qui en découlent pour la partie suivante. Pour répondre à ces contraintes, j ai choisi d utiliser le framework de Google, AngularJS qui m a permis d afficher dynamiquement le contenu de l application web. Explication du principe : L utilisateur vient de lire la partie 1, il doit maintenant faire un choix entre la proposition 1 ou la proposition 2 de la partie 2. Quand il aura lu la partie 2, il aura le choix entre deux propositions qui suivent logiquement la version qu il a précédemment choisi. Les autres propositions ne seront pas adaptées à l histoire et sont donc masquées. D'où la nécessité d'afficher dynamiquement tout le contenu avec AngularJS HTML, Less, jquery, AngularJS, ScrollPath.js Projet scolaire & personnel 201 angular.module('storytelling', []).controller('partctrl', ['$scope', function($scope) { //Initialisation $scope.part2state = 'start'; $scope.partstate = 'null'; $scope.part4state = 'null'; $scope.partstate = 'null'; $scope.conclusionstate = 'start'; //Part2 $scope.part2 = [ {id: 'v1', title: "Tailing", {id: 'v2', title: "The chase" ]; $scope.showpart2 = function(version) { $scope.part2state = version; $scope.part2fix = version + 'Fix'; $scope.partstate = version + 'Chosen'; //Même chose que la Part2 pour les Part à // Re-init $scope.restart = function () { $scope.part2state = 'start'; $scope.part2fix = 'null'; $scope.partstate = 'null'; $scope.partfix = 'null'; $scope.part4state = 'null'; $scope.part4fix = 'null'; $scope.partstate = 'null'; $scope.partfix = 'null'; ]); mickael chanrion - dossier technique 1

14 R e t r o u v e z - m o i s u r Github /Michkkael 00px /michkkael Youtube /Michkkael mickaelchanrion.com

Dossier Technique. Détail des modifications apportées à GRR. Détail des modifications apportées à GRR Le 17/07/2008. Page 1/10

Dossier Technique. Détail des modifications apportées à GRR. Détail des modifications apportées à GRR Le 17/07/2008. Page 1/10 Dossier Technique Page 1/10 Sommaire : 1. REPONSE TECHNIQUE A LA DEMANDE 3 1.1. Prise en compte de la dernière version de phpcas 3 1.2. Gestion de la connexion à GRR 3 1.2.1. Récupération des attributs

Plus en détail

Contexte PPE GSB CR. Analyse. Projet réalisé :

Contexte PPE GSB CR. Analyse. Projet réalisé : Contexte PPE GSB CR Le laboratoire est issu de la fusion entre le géant américain Galaxy et le conglomérat Swiss Bourdin. Cette fusion a eu pour but de moderniser l activité de visite médicale et de réaliser

Plus en détail

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013 Rapport de stage Création d un site web Stage du 20/01/2013 au 21/02/2013 Auteur : Antoine Luczak Tuteur professionnel : M. Tison Tuteur scolaire : Mme Girondon Année scolaire : 2013/2014 1 Table des matières

Plus en détail

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu Daniel Roch Optimiser son référencement WordPress Référencement naturel (SEO) Préface d Olivier Andrieu Groupe Eyrolles, 2013, ISBN : 978-2-212-13714-9 Table des matières AVANT-PROPOS... 1 Pourquoi ce

Plus en détail

STAGE2 STAGIAIRE / NIKOLAOS TSOLAKIS. 16/02/2015 : choix des outils nécessités pour l application : Didier Kolb, le maitre de stage

STAGE2 STAGIAIRE / NIKOLAOS TSOLAKIS. 16/02/2015 : choix des outils nécessités pour l application : Didier Kolb, le maitre de stage STAGE2 STAGIAIRE / NIKOLAOS TSOLAKIS 16/02/2015 : choix des outils nécessités pour l application : Didier Kolb, le maitre de stage m invite à faire une étude sur les outils qui seraient utilisés. Sites

Plus en détail

BOSTONI Sacha NGUYEN Linh. Rapport de projet : Annuaire des anciens élèves

BOSTONI Sacha NGUYEN Linh. Rapport de projet : Annuaire des anciens élèves BOSTONI Sacha NGUYEN Linh Rapport de projet : Annuaire des anciens élèves Tuteur : Mr Muller Mai 2007 SOMMAIRE Introduction 1/ Les utilisateurs du site 2/ Les fonctionnalités 3/ La réalisation Conclusion

Plus en détail

Nouveautés joomla 3 1/14

Nouveautés joomla 3 1/14 Nouveautés joomla 3 1/14 Table des matières 1 Responsive... 1 2 Bootstrap... 1 3 LESS CSS intégré... 1 4. JUI (pour les développeurs d'extensions)... 1 5. Le Mambo days vs le Génial UX... 2 6. 7 étapes

Plus en détail

MESVISITEURSPRO.COM. TUTO : Comment intégrer Google Analytics à mon site?

MESVISITEURSPRO.COM. TUTO : Comment intégrer Google Analytics à mon site? MESVISITEURSPRO.COM TUTO : Comment intégrer Google Analytics à mon site? Comment intégrer Google Analytics à mon site? Page Sommaire Bienvenue dans notre guide d'installation pour Google Analytics.

Plus en détail

TD2-1 : Application client-serveur V2.3.0

TD2-1 : Application client-serveur V2.3.0 TD2-1 : Application client-serveur V2.3.0 Cette œuvre est mise à disposition selon les termes de la licence Creative Commons Attribution Pas d'utilisation Commerciale Partage à l'identique 3.0 non transposé.

Plus en détail

SERVICE TECHNIQUE 01.77.48.89.83 support-boutique@fia-net.com. Module Sceau de Confiance pour Magento

SERVICE TECHNIQUE 01.77.48.89.83 support-boutique@fia-net.com. Module Sceau de Confiance pour Magento Module Sceau de Confiance pour Magento VERSION 1.1.X 16/05/2014 Table des matières 1. Installation du module... 2 1.1. Installation manuelle... 2 1.2. Installation automatique... 2 2. Paramétrage du module...

Plus en détail

BTS SIO. Session 2013 2015

BTS SIO. Session 2013 2015 BTS SIO Services Informatiques aux Organisations Session 2013 2015 Collé Maxime Année 2013-2014 Option : SLAM Activité professionnelle N 1 NATURE DE L'ACTIVITE : DÉVELOPPEMENT DE L APPLICATION WEB «GESTION

Plus en détail

Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe

Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe Simon Benjamin BTS SIO Rapport de stage : Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe Entreprises : 2014/2015-1 - - 2 - Remerciements Je tiens tout

Plus en détail

Rapport de Stage Christopher Chedeau 2 au 26 Juin 2009

Rapport de Stage Christopher Chedeau 2 au 26 Juin 2009 Rapport de Stage Christopher Chedeau 2 au 26 Juin 2009 «Web. De l intégration de pages statiques HTML à un CMS, à la dynamisation d un site grâce au Javascript et l utilisation de nouvelles technologies

Plus en détail

WordPress : Guide à l édition

WordPress : Guide à l édition WordPress : Guide à l édition WordPress : Guide à l édition... 1 Présentation... 2 1. Accès au site... 2 2. Le tableau de bord... 2 3. Editez les contenus... 4 Quelle est la différence entre les pages

Plus en détail

FRANCOISE Rémi BTS SIO 2012-2013 DECO FER FORGE FERRONNERIE. Lycée de la cci

FRANCOISE Rémi BTS SIO 2012-2013 DECO FER FORGE FERRONNERIE. Lycée de la cci BTS SIO Lycée de la cci FRANCOISE Rémi 2012-2013 DECO FER FORGE FERRONNERIE Nom du tuteur : FRANCOISE Emmanuel Qualité : CEO BTS SIO 2011/2012 Septembre 2012 TABLE DES MATIERES 1. INTRODUCTION ET PRESENTATION...

Plus en détail

TD3 : PHP «avancé» V2.4.0

TD3 : PHP «avancé» V2.4.0 TD3 : PHP «avancé» V2.4.0 Cette œuvre est mise à disposition selon les termes de la licence Creative Commons Attribution Pas d'utilisation Commerciale Partage à l'identique 3.0 non transposé. Document

Plus en détail

Rapport de stage en Entreprise

Rapport de stage en Entreprise Rapport de stage en Entreprise Laurie GIRY Année 2014 Période du : 05/01/15 au 09/01/15 BTS SIO 2ème Année Société Atiliom, Chambly, France. Page 1 sur 39 Sommaire : 1. Implantation géographique...page

Plus en détail

INTEGRATEUR DEVELOPPEUR

INTEGRATEUR DEVELOPPEUR www.emweb.fr INTEGRATEUR DEVELOPPEUR FORMATION ELIGIBLE AU DIF/CIF DURÉE : 700 h de formation PRE REQUIS Avoir un esprit logique Etre motivé(e)! OBJECTIF A l issue de cette formation, vous serez capable

Plus en détail

3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures

3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures 3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures Objectif global : A l issue de la formation, les stagiaires doivent être opérationnels dans la création d un site internet

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

Plus en détail

Headers, cookies et sessions

Headers, cookies et sessions Headers, cookies et sessions Chargement de fichiers (upload) Entêtes HTTP et redirections Gestion des cookies et des sessions de connexions Authentification Validation des données Programmation avancée

Plus en détail

SYSTÈMES D INFORMATIONS

SYSTÈMES D INFORMATIONS SYSTÈMES D INFORMATIONS Développement Modx Les systèmes de gestion de contenu Les Content Management Système (CMS) servent à simplifier le développement de sites web ainsi que la mise à jour des contenus.

Plus en détail

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Site réalisé d Avril à Juin 2010, avec SPIP. Etienne Herencia Sommaire : Qu est ce que SPIP?... 3 Organisation d un site SPIP...

Plus en détail

FORMATION WEBMASTER AVANCEE :

FORMATION WEBMASTER AVANCEE : FORMATION WEBMASTER AVANCEE : OBJECTIF : 300 HEU RE S - 4 MOIS Apprendre à créer des sites internet par diverses méthodes en apprenant les bases des différents langages que constituent la création de site

Plus en détail

PHP & BD. PHP & Bases de données. Logiciels & matériels utilisés. Bases de données et Web

PHP & BD. PHP & Bases de données. Logiciels & matériels utilisés. Bases de données et Web PHP & Bases de données La quantité de données utilisée par certains sites web nécessite l'utilisation d'une base de données Il faut donc disposer d'un SGBD (mysql, postgresql, oracle, ) installé sur un

Plus en détail

Introduction Web. 1ère année, cours - 5/5. Marcel Bosc 2011-2012

Introduction Web. 1ère année, cours - 5/5. Marcel Bosc 2011-2012 Introduction Web 1ère année, cours - 5/5 Marcel Bosc 2011-2012 Département informatique IUT de Villetaneuse Université Paris-13 table des matières Types en PHP Classes et objets Organisation code PHP CMS

Plus en détail

Cookies de session ils vous permettent de sauvegarder vos préférences d utilisation et optimiser l expérience de navigation de l Utilisateur ;

Cookies de session ils vous permettent de sauvegarder vos préférences d utilisation et optimiser l expérience de navigation de l Utilisateur ; Ce site utilise des Cookies, émis également par des tiers, pour des raisons de fonctionnalité, pratiques et statistiques indiquées dans notre politique en matière de Cookies. Politique en matière de Cookies

Plus en détail

Bachelier en Informatique de gestion

Bachelier en Informatique de gestion Haute École Louvain en Hainaut www.helha.be Année académique 2015-2016 Bachelier en Informatique de gestion Catégorie Économique HELHa Mons - Campus 159 Chaussée de Binche 7000 MONS Tél : +32 (0) 65 40

Plus en détail

Programmation Web. Madalina Croitoru IUT Montpellier

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

Plus en détail

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web Le Web 1. Qu est-ce que le Web? 7 1.1 Côté serveur : HTTP, FTP, langages, SQL 7 1.2 Côté client : HTML, CSS, JavaScript 10 2. Les langages et leur utilité 10 2.1 HTML 10 2.2 CSS 13 2.3 JavaScript 16 2.4

Plus en détail

PROJET D INTEGRATION DE DEVELOPPEMENT

PROJET D INTEGRATION DE DEVELOPPEMENT MINISTERE DE LA COMMUNAUTE FRANCAISE ADMINISTRATION GENERALE DE L ENSEIGNEMENT ET DE LA RECHERCHE SCIENTIFIQUE ENSEIGNEMENT DE PROMOTION SOCIALE DE REGIME 1 DOSSIER PEDAGOGIQUE UNITE DE FORMATION PROJET

Plus en détail

Formation Découverte du Web

Formation Découverte du Web Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant

Plus en détail

Mettre en place sa plateforme de veille avec Netvibes

Mettre en place sa plateforme de veille avec Netvibes Mettre en place sa plateforme de veille avec Netvibes Karine Pasquier 6 mai 2011 HEG, Genève 1 Sommaire 1. Introduction... 3 1.1 Qu est-ce que c est... 3 1.2 A quoi ça sert pour la veille?... 3 1.3 Netvibes

Plus en détail

Anatomie de Twenty Twelve

Anatomie de Twenty Twelve 25 Anatomie de Twenty Twelve Architecture de base d un thème WordPress Avant de faire connaissance avec les fichiers qui composent Twenty Twelve, il est important de comprendre comment est conçu un thème

Plus en détail

Université Bordeaux Segalen Licence 3 MIASHS, semestre 6 (2014/2015)

Université Bordeaux Segalen Licence 3 MIASHS, semestre 6 (2014/2015) Université Bordeaux Segalen Licence 3 MIASHS, semestre 6 (2014/2015) Conception de Sites Web Dynamiques : TD 7 Inscription de membres - Variables de sessions - Formulaires pour insérer des images Version

Plus en détail

Les sites statiques et dynamiques : PHP et SQL

Les sites statiques et dynamiques : PHP et SQL Les sites statiques et dynamiques : PHP et SQL Introduction Dans cet exposé, nous traiterons dans un première partie, de la création de pages web statiques et dynamiques. La deuxième partie sera consacrée

Plus en détail

Webmaster / Webdesigner / Wordpress

Webmaster / Webdesigner / Wordpress Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un

Plus en détail

TD2 : PHP «avancé» V3.0.0

TD2 : PHP «avancé» V3.0.0 TD2 : «avancé» V3.0.0 Cette œuvre est mise à disposition selon les termes de la licence Creative Commons Attribution Pas d'utilisation Commerciale Partage à l'identique 3.0 non transposé. Document en ligne

Plus en détail

KUMARASAMY Sandirane Lemont Jérémy Fruitet Robin FOULARD Aymeric BTS 2 SLAM Compte-rendu PPE03 et PPE04

KUMARASAMY Sandirane Lemont Jérémy Fruitet Robin FOULARD Aymeric BTS 2 SLAM Compte-rendu PPE03 et PPE04 KUMARASAMY Sandirane Lemont Jérémy Fruitet Robin FOULARD Aymeric BTS 2 SLAM Compte-rendu PPE03 et PPE04 Environnement : Ce projet a été réalisé en deuxième année de BTS, il s'agit d'un travail de groupe

Plus en détail

Programme HTML5 / CSS3 Professionnel

Programme HTML5 / CSS3 Professionnel Programme HTML5 / CSS3 Professionnel Déclaration d'activité enregistrée sous le n 52 44 06789 44 auprès du Préfet de région des Pays de la Loire. Format du cours :Plate-forme d apprentissage numérique

Plus en détail

II. EXCEL/QUERY ET SQL

II. EXCEL/QUERY ET SQL I. AU TRAVAIL, SQL! 1. Qu est-ce que SQL?... 19 2. SQL est un indépendant... 19 3. Comment est structuré le SQL?... 20 4. Base, table et champ... 21 5. Quelle est la syntaxe générale des instructions SQL?...

Plus en détail

Installation locale de JOOMLA SEPIA

Installation locale de JOOMLA SEPIA FOAD TICE Installation locale de JOOMLA SEPIA Académie de Reims FRANÇOIS PALLUT Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales à l'identique : http://creativecommons.org/licenses/by-nc-sa/2.0/fr/

Plus en détail

Formation PHP/MySQL. Pierre PATTARD. Avril 2005

Formation PHP/MySQL. Pierre PATTARD. Avril 2005 Formation PHP/MySQL Pierre PATTARD Julien BENOIT Avril 2005 Le PHP Langage interprété, côté serveur pages interprétées par le serveur web pas de compilation, code éditable avec un bloc notes. aucune différences

Plus en détail

Plus De Cartouches 2013/2014

Plus De Cartouches 2013/2014 Plus De Cartouches 2013/2014 Page 1 SOMMAIRE INTRODUCTION ET PRESENTATION...3 MISSIONS...4 LE CONTEXTE DES MISSIONS...4 LES OBJECTIFS...4 LES CONTRAINTES...5 REALISATIONS...6 CHOIX EFFECTUÉS...6 RÉSULTATS...10

Plus en détail

Cet ouvrage a bénéficié des relectures attentives des zcorrecteurs.

Cet ouvrage a bénéficié des relectures attentives des zcorrecteurs. Cet ouvrage a bénéficié des relectures attentives des zcorrecteurs. Sauf mention contraire, le contenu de cet ouvrage est publié sous la licence : Creative Commons BY-NC-SA 2.0 La copie de cet ouvrage

Plus en détail

TP2 : PHP. Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP.

TP2 : PHP. Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP. TP2 : PHP Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP. 1 3

Plus en détail

Inf340 Systèmes d information. Deuxième site : approche MVC

Inf340 Systèmes d information. Deuxième site : approche MVC Inf340 Systèmes d information Deuxième site : approche MVC Objectifs Objectif : Reprendre le site précédent en utilisant le patron de conception Modèle Vue Contrôleur. Comprendre l apport d un framework

Plus en détail

CRÉATION D UN SITE INTERNET. Document de travail =================================== SOMMAIRE

CRÉATION D UN SITE INTERNET. Document de travail =================================== SOMMAIRE CONCEPTION RÉALISATION HÉBERGEMENT CRÉATION D UN SITE INTERNET Document de travail Aide à l établissement du cahier des charges. Ce document aborde les thèmes principaux de la mise en place d un site Internet

Plus en détail

Projet Covoiturage TP 5

Projet Covoiturage TP 5 Projet Covoiturage TP 5 Description du thème Ce TP est le cinquième d une série mettant en œuvre le développement mobile en utilisant la bibliothèque jquery Mobile. Propriétés Intitulé long Formation concernée

Plus en détail

Administration du site (Back Office)

Administration du site (Back Office) Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface

Plus en détail

Dossier de présentation - Site évènementiel autour du skateboard William Traoré - M2

Dossier de présentation - Site évènementiel autour du skateboard William Traoré - M2 Dossier de présentation - Site évènementiel autour du skateboard William Traoré - M2 Sommaire Concept Benchmark Technologie Architecture Concept Avant propos Concept Accroche Titre retenu Avant propos

Plus en détail

WordPress Développez avec PHP extensions, widgets et thèmes avancés (théorie, TP, ressources)

WordPress Développez avec PHP extensions, widgets et thèmes avancés (théorie, TP, ressources) Avant-propos 1. Introduction 17 2. À qui s adresse cet ouvrage? 18 3. Les pré-requis 18 4. Les objectifs du livre 19 Introduction à WordPress 1. Introduction 21 2. Qu'est-ce que WordPress? 21 2.1 La licence

Plus en détail

25 mars. Tutoriel sur Laravel. Préparé par : Lydiane Beaulne-Bélisle. Ceci est un tutorial qui montre comment débuter avec le Framework PHP Laravel.

25 mars. Tutoriel sur Laravel. Préparé par : Lydiane Beaulne-Bélisle. Ceci est un tutorial qui montre comment débuter avec le Framework PHP Laravel. 25 mars Tutoriel sur Laravel Préparé par : Lydiane Beaulne-Bélisle Ceci est un tutorial qui montre comment débuter avec le Framework PHP Laravel. Créé pour le cours de Projet de fin d étude Collège de

Plus en détail

Programmation Web. Sites dynamiques et bases de données. Mathieu Lacroix. I.U.T. de Villetaneuse. Année 2015-2016

Programmation Web. Sites dynamiques et bases de données. Mathieu Lacroix. I.U.T. de Villetaneuse. Année 2015-2016 Programmation Web Sites dynamiques et bases de données Mathieu Lacroix I.U.T. de Villetaneuse Année 2015-2016 E-mail : mathieu.lacroix@iutv.univ-paris13.fr Page Web : http: // www-lipn. univ-paris13. fr/

Plus en détail

Protéger un dossier avec un.htaccess

Protéger un dossier avec un.htaccess Page 1 of 6 Protéger un dossier avec un.htaccess Tutoriel 80 commentaires Lorsque vous réalisez votre site en PHP, vous êtes souvent amenés à créer une zone "Admin" où l'accès est limité... Et il vaut

Plus en détail

AWS avancé. Surveiller votre utilisation d EC2

AWS avancé. Surveiller votre utilisation d EC2 10 AWS avancé Dans ce chapitre, nous bâtirons sur les bases que nous avons apprises jusqu ici. Nous étudierons des sujets plus avancés tels que la surveillance de votre utilisation d AWS, l utilisation

Plus en détail

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et

Plus en détail

Documentation de conception

Documentation de conception Documentation de conception La présente documentation précise les choix de modélisation, détaille les fonctionnalités (en sus de la documentation utilisateur), documente la conception de la base de donnes

Plus en détail

Intégration des données

Intégration des données Intégration des données Projet Scan Mail Master 1 SIGLIS Intégration des Données ScanMail S.TALLARD La but de ce projet est d implémenter une application permettant de prévenir par l envoie de mails, une

Plus en détail

Site Web du DMI : explication de code

Site Web du DMI : explication de code Site Web du DMI : explication de code I. Présentation de l arborescence du site /Site_DMI_08/ Répertoire racine du site web. /Site_DMI_08/images/ Ce dossier comporte toutes les images utilisées dans le

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

Lille Lecture Jeunesse GUIDE UTILISATEUR

Lille Lecture Jeunesse GUIDE UTILISATEUR Lille Lecture Jeunesse GUIDE UTILISATEUR Sommaire Se créer un compte... 3 A quoi sert ce compte?... 3 Se connecter... 3 J'ai perdu mon mot de passe, comment je fais?... 4 Tableau de bord Wordpress... 5

Plus en détail

Création d'un Portail partagé sur l'offre de formation en région Languedoc-Roussillon

Création d'un Portail partagé sur l'offre de formation en région Languedoc-Roussillon Création d'un Portail partagé sur l'offre de formation en région Languedoc-Roussillon Retours des entretiens téléphoniques 1. Présentation du contexte : Atout Métiers LR Offre de formation L association

Plus en détail

Projet Covoiturage TP 4

Projet Covoiturage TP 4 Projet Covoiturage TP 4 Description du thème Ce TP est le quatrième d une série mettant en œuvre le développement mobile en utilisant la bibliothèque jquery Mobile. Propriétés Description Intitulé long

Plus en détail

APlayerFP! pour les nuls

APlayerFP! pour les nuls APlayerFP! pour les nuls Module audio de playlist pour Joomla! APlayerFP pour Joomla! 3 Ce document et l'illustration en couverture sont publiés sous la licence libre Creative Commons-BY-SA http://creativecommons.org/licenses/by-sa/2.0/fr/deed.fr

Plus en détail

Espace Numérique de Travail (ENT)

Espace Numérique de Travail (ENT) Espace Numérique de Travail (ENT) (http://ent.univcasa.ma) Qu est ce que c est l ENT? Définition et objectifs Services offerts et futurs Comment j utilise mon ENT? Accéder à mon espace ENT Obtenir mon

Plus en détail

Tutoriel pour l introduction à l animation en HTML5 et JavaScript

Tutoriel pour l introduction à l animation en HTML5 et JavaScript Tutoriel pour l introduction à l animation en HTML5 et JavaScript Frédéric Guégan Olivier Fauvel-Jaeger Giacomo Rombaut Table des matières 1. Introduction... 2 2. Création de l environnement... 2 3. Création

Plus en détail

Rapport individuel Génie logiciel

Rapport individuel Génie logiciel 2012 Rapport individuel Génie logiciel Dans ce rapport sera présenté l ensemble des activités effectuées au cours du projet de création de site de covoiturage «Etucovoiturage» (http://etucovoiturage.free.fr)

Plus en détail

Rapport de projet Concepteur Développeur Informatique

Rapport de projet Concepteur Développeur Informatique Linda CHIBOUT Rapport de projet Concepteur Développeur Informatique 1 Rapport de projet Sommaire Présentation Projet Étude du projet Diagrammes de cas d utilisation Diagrammes d activité Diagramme de classe

Plus en détail

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées? Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est

Plus en détail

Je communique par email

Je communique par email Je communique par email Support de formation des Médiathèques du Pays de Romans Site Internet : Twitter : MediaTechRomans Table des matières Mes cordonnées électroniques...3 Les emails...3 Comment ça marche...3

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

Améliorer sa visibilité avec Google My Business

Améliorer sa visibilité avec Google My Business Améliorer sa visibilité avec Google My Business On se présente! Au programme I. Contexte : Chiffres clés II. Google : moteur de recherche III. Google My Business IV. Intérêt pour vous V. A vous de jouer

Plus en détail

Intégrateur Web HTML5 CSS3

Intégrateur Web HTML5 CSS3 Intégrateur Web HTML5 CSS3 L objectif de la 3W Academy est de former des petits groupes d élèves à l intégration de sites internet ainsi qu à la création d applications web simples telles qu un blog ou

Plus en détail

Je vous invite à visiter mon portfolio pour avoir une meilleur compréhension de mes compétences et expériences à ce jour: http://jeremiemora.

Je vous invite à visiter mon portfolio pour avoir une meilleur compréhension de mes compétences et expériences à ce jour: http://jeremiemora. Jérémie Mora Développeur Web et mobile jeremie.mora@gmail.com Résumé Je vous invite à visiter mon portfolio pour avoir une meilleur compréhension de mes compétences et expériences à ce jour: http://jeremiemora.com/

Plus en détail

FERRAILLE Marine TS1 29/05/2015. Les deux autres membres du groupe : Projet ISN MONNIER Valentin MORONVAL Sasha COLBERT 4

FERRAILLE Marine TS1 29/05/2015. Les deux autres membres du groupe : Projet ISN MONNIER Valentin MORONVAL Sasha COLBERT 4 FERRAILLE Marine TS1 29/05/2015 Les deux autres membres du groupe : Projet ISN MONNIER Valentin MORONVAL Sasha COLBERT 4 SOMMAIRE I) Présentation du jeu -Règle du jeu -Page d accueil du site II) Analyse

Plus en détail

Persistance en Php. Note : les problèmes d accès concurrents, de sécurité et de login sont laissés de côté.

Persistance en Php. Note : les problèmes d accès concurrents, de sécurité et de login sont laissés de côté. Persistance en Php Objectif : faire un site pour gérer des articles par catégorie. Chaque catégorie a un nom, chaque catégorie est constitué d articles (titre, auteur, texte), un article est dans une seule

Plus en détail

Formation : WEbMaster

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

Plus en détail

Devenez un véritable développeur web en 3 mois!

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

Plus en détail

Website Express Créer un site professionnel avec Orange

Website Express Créer un site professionnel avec Orange Website Express Créer un site professionnel avec Orange mars 2015 Safiétou Ndao Ndiaye Sommaire Présentation... 3 Description du service... 3 Configuration requise... 4 Consignes... 4 Pour bien démarrer...

Plus en détail

TD1. Installation de Symfony 2 et Netbeans

TD1. Installation de Symfony 2 et Netbeans I - Introduction : TD1 Installation de Symfony 2 et Netbeans L objet de ce TP est d installer l environnement de travail. Nous commençons par définir des notions de base nécessaires pour comprendre la

Plus en détail

Facebook Création d'applications avec PHP et JavaScript - Version numérique

Facebook Création d'applications avec PHP et JavaScript - Version numérique Introduction. Avant-propos 1. Objectif 1 1. Pré-requis 2 1.3 Structure 2 1.4 Conventions 3 1.4.1 Règles 3 1.4.2 Code source 3 2. Historique 4 2.1 2003-200 : les origines 4 2.2 2005-2008 : l'envol 7 2.3

Plus en détail

Comment référencer votre site web avec des astuces inédits!

Comment référencer votre site web avec des astuces inédits! Comment référencer votre site web avec des astuces inédits! Author : soufiane Bonjour, Savez-vous comment faire pour positionner votre site web dans la première page de Google? Savez-vous qu'avec un référencement

Plus en détail

GED MARKETING. Page 1 sur 18

GED MARKETING. Page 1 sur 18 GED MARKETING I. Présentation du produit... 2 II. Page principale de l application... 3 L arbre... 3 Le menu... 4 La fenêtre de navigation... 4 III. La recherche de documents... 4 Rechercher tous les documents...

Plus en détail

Création d'utilisateurs Backend

Création d'utilisateurs Backend Création d'utilisateurs Backend Cette documentation explique comment créer des contributeurs qui pourront accéder à l'interface d'administration TYPO3.Ces utilisateurs ne pourront pas se connecter au site

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

Les outils du Web* : comment ça marche et à quoi ça sert?

Les outils du Web* : comment ça marche et à quoi ça sert? Sites Web Les outils du Web* : comment ça marche et à quoi ça sert? Sites marchands, e-commerce Forums Blogs Réseaux sociaux grand public : Facebook, Twitter Réseaux sociaux professionnels : Linkedin,

Plus en détail

Jérémie DATHÉE 19/03/2013. Rapport de projet tutoré : Conception d un logiciel sous Visual Basic Express 2010 :

Jérémie DATHÉE 19/03/2013. Rapport de projet tutoré : Conception d un logiciel sous Visual Basic Express 2010 : Jérémie DATHÉE 19/03/2013 B2 Rapport de projet tutoré : Conception d un logiciel sous Visual Basic Express 2010 : 1 2 Déroulement : Introduction ; page 4 I/ Présentation du projet : pages 4-5 Cahier des

Plus en détail

COURS 6 Adopter un style de programmation clair

COURS 6 Adopter un style de programmation clair COURS 6 Adopter un style de programmation clair Lorsque votre site prend de l'importance, le code devient vite illisible et incompréhensible si vous ne pensez pas à l'organiser. Mais comment organiser

Plus en détail

Workshop AUXILIUM Tunisie

Workshop AUXILIUM Tunisie Workshop AUXILIUM Tunisie Sujet: Création d'un site web dynamique en PHP Radio ENISo Responsables: CHABCHOUB Safouane ABBES Mohamed Date: 17 /10 /2012 AUXILIUM Tunisie- Octobre 2012 1 Règlement général

Plus en détail

Manuel d utilisation de l outil collaboratif

Manuel d utilisation de l outil collaboratif Manuel d utilisation de l outil collaboratif Réf OCPD-V2 Page 1 / 24 a mis en œuvre un outil collaboratif qui permet de partager des informations entre collaborateurs. Il permet à des utilisateurs travaillant

Plus en détail

CMS Panther. Guide de conception de Template. Herimihaona

CMS Panther. Guide de conception de Template. Herimihaona CMS Panther Guide de conception de Template Herimihaona But du document Il s agit d un guide rapide de conception du Template Panther. Back Office url : http://domaine.com/adminpanther Dans ce qui va suivre,

Plus en détail

À la découverte de jquery Mobile

À la découverte de jquery Mobile 1 À la découverte de jquery Mobile jquery Mobile est un ensemble de plug-ins et de widgets de jquery visant à déployer une API multiplates-formes capable de développer des applications Web mobiles. Au

Plus en détail

Dossier- Projet Informatique et science du numérique

Dossier- Projet Informatique et science du numérique Dossier- Projet Informatique et science du numérique Laetitia BIZOT avec la participation Eve ETIENNE Année 2014 Table des matières I. But du projet... 2 1. L enjeu du projet... 2 2. La problématique...

Plus en détail

Liste des éléments ayant été réalisés

Liste des éléments ayant été réalisés Liste des éléments ayant été réalisés 1) Mise en place plateforme technique a) Installation et configuration de Magento v1.7.2 b) Installation d un thème pour le BackOffice c) Configuration du BO avec

Plus en détail

TME 1 JAVASCRIPT (2 SEANCES)

TME 1 JAVASCRIPT (2 SEANCES) TME 1 JAVASCRIPT (2 SEANCES) 1. EXERCICES DE BASE Créez des fonctions javascript pour : - faire un jeu «plus petit plus grand» qui tire un nombre au hasard que l utilisateur doit trouver en entrant des

Plus en détail

INTRODUCTION CHAPITRE 1

INTRODUCTION CHAPITRE 1 CHAPITRE 1 INTRODUCTION Query, qu est-ce que c est?... 11 HTML, CSS, JavaScript, PHP : qui fait quoi?... 16 Un environnement de développement simple et gratuit... 19 Ce que vous allez apprendre... 20 9

Plus en détail

Compte rendu de PHP MySQL : création d un formulaire de base de données

Compte rendu de PHP MySQL : création d un formulaire de base de données REVILLION Joris Décembre 2009 3EI Compte rendu de PHP MySQL : création d un formulaire de base de données Objectifs : Le principal objectif de ce cours est de découvrir et de nous familiariser avec le

Plus en détail