PATRICK JOUBERT

Conception, création et réalisation de sites internet depuis 2004.

Châtellerault, Paris ou ailleurs.

 
Colloque du Labex "Passés dans le présent"
replier |x|
Technos

php, xml, css

2015

Colloque du Labex "Passés dans le présent"

Réalisation technique du mini-sitre du colloque "Les patrimoines en recherche d'avenir" organisé par le Labex "Les passes dans le présent" (http://www.passes-present.eu)

En savoir +

Nous n'avions que peu de jours pour la réalisation ce mini-site présentant les différentes informations du colloque organisé par le Labex "Les passes dans le présent" (http://www.passes-present.eu)

Design graphique pris en charge par Veronica Holguin (http://www.miloeil.net/)

replier |x|
 
ASCEA
replier |x|
Technos

Drupal, css & less, jquery & co

2015

ASCEA

Conception et réalisation technique du site internet de l'association avec gestion des membres, importation d'albums photos, actualités, etc...

En savoir +

Réalisation du site de "L'association Sportive du CEA Grand Rué".

Au menu des fonctionnalités développées :

• Une page d'accueil personnalisable;

• Des actualités;

• Intégration d'albums photos en provenance de Flickr

• Création d'un espace pour chaque section sportive

• Gestion des membres et mise en place de tableaux de bord pour le suivi des cotisations et de  statistiques de répartition

 

Le design du site a été réalisé par Jean François Long-Delourme aka http://www.peterpank.com/

replier |x|
 
CELLF
replier |x|
Technos

Drupal, jquery, less, css, html

Vagrant, git,

2014

CELLF

Commanditaire :Sorbonne

Conception fonctionnelle et réalisation technique du site du CELLF de l'Université Paris Sorbonne et du CNRS

• Drupal, jquery, javascript, less, css, html, Vagrant, git

En savoir +

Objectifs du projet

Ce projet de refonte refonte du site du CELLF, que j'avais déjà réalisé en 2007, comportait plusieurs objectifs :

  • Reprise et migration des données existantes pour les intégrer dans la nouvelle architecture Drupal
  • Ajout d'un laboratoire supplémentaire, le CELLF 19-21
  • Ajout de nouvelles fonctionnalités pour chacun des laboratoires et pour le Centre
    • agenda,calendriers
    • actualités
    • Pages d'accueil des laboratoires modulaires
    • Mise en valeur des contenus des programmes de recherche
  • Design complètement repensé et plus actuel

 Séquencement

Ce projet de 6 mois a été découpé en 4 phases principales (et classiques d'un projet)

  1. Conception d'une "maquette fonctionnelle" dont la vocation est de lister toutes les fonctionnalités présentes sur l'intégralité des futures pages et d'élaborer un story board de la navigation
  2. Conception de la maquette graphique : recherche des pistes graphiques puis application de ces recherches au cas concret des pages déterminées par la maquette fonctionnelle
  3. Développement des fonctionnalités :
    • Création de modules drupal adhoc
    • Templates sur mesure
  4. Intégration html du design

Suivi

 Pour assurer le suivi des remarques, améliorations et anomalies, un outil de suivi dédié a été développé. En centralisant toutes les remarques, il permet :

  • d'avoir une vision globale des différents chantiers ouverts, en cours et résolus (tant du point de vue du développement que de celui du client);
  • d'éviter de nombreux mails et donc facilite le suivi du projet pour le client;
  • Un nombre conséquents de remarques concernant l'utilisation du logiciel, cet outil constitue une base de connaissance à laquelle le client peut se référer.

La formation à l'utiilisation du back office s'est faite par la réalisation de tutoriels vidéos qui abordent progressivement les différents aspects de la gestion éditoriale de ce site.

 

Liste des technos utilisées :

Drupal : http://www.drupal.org

Jquery : http://jquery.com/

Less : http://lesscss.org/

Vagrant : http://www.vagrantup.com/ (intégration VMware)

Git : http://git-scm.com/

 

Crédits

Veronica Holguin (Miloeil) a concu et réalisé le design

Projet effectué dans le cadre du collectif Surletoit

replier |x|
 
Obvil
replier |x|
Technos

Drupal, less & css, jquery & co

2014

Obvil

Laboratoire d’excellence (label Labex) de "La Sorbonne Paris 4"

Réalisation technique du site et petite couche d'intégration html pour les différents corpus

En savoir +

Réalisation du site qui comporte :

- Un espace de présentation des différents projets du Labex;

- Une gestion des actualités générales du Labex et de chaque projet

- Un partie "Carnets de recherche" ;

- Et d'autres choses (bibliothque, partenaires et institutionnels, etc....)

 

En plus de ce travail, une couche d'intégration html a été appliquée sur les gabarits de présentation des différents corpus.

Un exemple est visible ici  http://obvil.paris-sorbonne.fr/corpus/moliere/moliere_amants-magnifiques-livret/

 

La conception et le design ont été réalisés par Mikaël Cixous (http://www.mikaelcixous.net)

replier |x|
 
"Les Passés dans le Présent"
replier |x|
Technos

Drupal, php, less, css, html, javascript, jquery,

2013

"Les Passés dans le Présent"

Conception et réalisation du site du Labex "Les Passés dans le Présent" pour l'Université de Paris X Nanterre

 • Drupal, php, less, css, html, javascript, jquery,

En savoir +

Conception et réalisation du site du Labex "Les Passés dans le Présent" pour l'Université de Paris X Nanterre :

  • Développements de modules Drupal;
  • Création de thème;
  • Site Bilingue

Projet mené à bien avec les collègues du Collectif Sur le toit

Identité visuelle créée par l'Endroit

 

La présentation du Labex :

Le Labex Les passés dans le présent : histoire, patrimoine, mémoire / Pasts in Present porte sur la présence du passé dans la société contemporaine. Il s’attache plus spécifiquement à comprendre les médiations de l’histoire à l’ère du numérique, les politiques mémorielles, les appropriations sociales du passé en amont et en aval des politiques patrimoniales.


Porté par l’Université Paris Ouest Nanterre La Défense, en association avec le CNRS, il fédère sur le campus de Nanterre la Maison Archéologie et Ethnologie, René-Ginouvès (MAE), les laboratoires Archéologies et sciences de l’antiquité (ArScAn), Préhistoire et technologie, Laboratoire d’ethnologie et de sociologie comparative (LESC), Institut des sciences sociales du politique (ISP), Modèles, Dynamiques, Corpus (Modyco), l’équipe de recherche Histoire des Arts et Représentations (HAR), ainsi que la Bibliothèque de documentation internationale contemporaine (BDIC).

Trois institutions patrimoniales majeures sont également partenaires : la Bibliothèque nationale de France (BnF), le Musée d’Archéologie nationale (MAN), à Saint-Germain-en-Laye, le Musée du Quai Branly (MQB).

replier |x|
 
Revue scientifique du Conservatoire National de Musique de Paris
replier |x|
Technos

lodel, php, jquery, html, css,

2013

Revue scientifique du Conservatoire National de Musique de Paris

Commanditaire :Smart Agence

Conception et réalisation du site de la Revue scientifique du Conservatoire National de Musique de Paris.

• Lodel, php, jquery, html, css

En savoir +

Conception et réalisation du site de la Revue scientifique du Conservatoire National de Musique de Paris.

 

Au delà du développement des fonctionnalités et de l'intégration l'une des problèmatiques a été de résoudre l'inclusion des images (souvent des extraits de partition) au sein des blocs de texte. Lodel, cms dédié à la publication sociologique, n'est pas nativement "équipé" avec cette possibilité.

J'ai donc créé le code ad hoc --> un  exemple ici

 

Site réalisé pour le compte de Smart Agence

replier |x|
 
La Planète Revisitée (2012)
replier |x|
Technos

cakephp, php, jquery, html, css,

2012

La Planète Revisitée (2012)

Commanditaire :Muséum Histoire Naturelle de Paris

Réalisation des fonctionnalités de la nouvelle page d'accueil du site La planète Revisitée du Muséum National d'Histoire Naturelle de Paris

• Framework Cakephp - Intégration html, css, jquery,javascript

 

En savoir +

Réalisation des fonctionnalités de la nouvelle page d'accueil du site La planète Revisitée du Muséum National d'Histoire Naturelle de Paris.

Ceci est la suite du projet déjà réalisé en 2010

Site réalisé dans le cadre du collectif Surletoit.

• Framework Cakephp - Intégration html, css, jquery,javascript

replier |x|
 
Centre de Recherches Historiques
replier |x|
Technos

Lodel, xhtml, jquery

2011

Centre de Recherches Historiques

Commanditaire :EHESS

Réalisation et intégration avec Lodel du site du Centre de Recherches Historiques de l'EHESS.

En savoir +

Réalisation et intégration avec Lodel du site du Centre de Recherches Historiques de l'EHESS.

replier |x|
 
Les Allumés du Jazz (v3)
replier |x|
Technos

cakephp, jquery, prototype, scriptaculous, ajax,xhtml, css

2011

Les Allumés du Jazz (v3)

Réalisation de la nouvelle version du site des Allumés du Jazz.
Pour cette version l'accent a été mis sur la création de nouvelles fonctionnalités éditoriales et l'amélioration de la boutique en ligne.

• Conception fonctionnelle

• Framework Cakephp - Intégration html, css, jquery,javascript

En savoir +

Réalisation de la nouvelle version du site des Allumés du Jazz.
Pour cette version l'accent a été mis sur la création de nouvelles fonctionnalités éditoriales :
• plus d'articles de fonds ;
• plus de news ;
• un nouveau design ;
• une nouvelle boutique en ligne ;
• et de nouvelles fonctionnalités pour faciliter l'écoute et la découverte de la cinquantaine de labels qui constituent cette association.

Tout ceci a été réalisé avec le framework cakephp.

Projet mené à bien avec les collègues du Collectif Sur le toit

replier |x|
 
Dvd-rom Planète Terre
replier |x|
Technos

Director, Lingo, Flash, Action script,

Logic Audio, Audacity, Reaktor, Kontakt

2010

Dvd-rom Planète Terre

Commanditaire :ANR

Dvd-rom de vulgarisation scientifique (géosciences) réalisé dans le cadre de l'année internationale de la planète Terre.

• Développement : director, lingo, flash, action script

• Sound Design.

En savoir +

Dvd-rom de vulgarisation scientifique (géosciences) réalisé dans le cadre de l'année internationale de la planète Terre

Dans le cadre de ce DVD j'ai programmé l'interface en Lingo et l'intégration des différents médias et pages.

L'autre facette de ce travail a consisté à réaliser ,en collaboration avec soundakt, l'illustration sonore des différents écrans

Bref.... ce dvd, dont la réalisation a pris plusieurs mois a été une vraie source de plaisir tant au niveau de la programmation (enfin une fois le travail terminé parce que la phase de debuggage n'est jamais une partie de plaisir) que pour la partie musicale .

Ce DVD a été fabriqué et conçu avec mes collègues du collectif Sur Le Toit

replier |x|