Retour à la liste des ateliers
Retour à la thématique
Retour au programme
Retour à la liste des thématiques

• Animateur(s) : François Agneray (LAM, Marseille), Chrystel Moreau (LAM, Marseille)
• Date : 1^er juillet
• Heure : agenda
• Salle :

• Autre(s) Thématique(s) :

• Débutant, intermédiaire, Avancé

• HTML
• JavaScript
• Notions jQuery ou avoir suivi l’atelier T7.AP04

• Développeur d’applications web
• Nombre maximum de personne : 30

L'atelier présentera des plugins jQuery de visualisation de données sous forme de tableau (plugin DataTable) ou de graphiques (plugin jqPlot) ainsi que le chargement de données depuis un serveur (NodeJS) provenant de deux types de bases de données (une base de données relationnelle : PostgreSQL et une base de données NoSQL : MongoDB).

Le TP permettra d'apprendre à réaliser une interface web interactive d’accès et de visualisation de données (statiques ou dynamiques). Seule la partie côté client sera réalisée durant le TP (HTML, jQuery, AJAX), les scripts côté serveur seront fournis.

Présentation des différents composants de l’atelier (plugins jQuery DataTable & jqPlot, NodeJS, et les SGBD PostgreSQL & MongoDB)

TP de mise en oeuvre d’une interface simple :

• Affichage de données statiques provenant d’une table HTML
• Affichage de données dynamiques provenant d’un fichier JSON
• Affichage de données dynamiques provenant d’une base PostgreSQL & manipulation du plugin jQuery DataTable
• Affichage de données dynamiques provenant d’une base PostgreSQL & manipulation du plugin jQuery jqPlot
• Affichage de données dynamiques provenant d’une base PostgreSQL et MongoDB & manipulation de formulaire
• Design final avec l’ajout d’une couche Bootstrap

Une VM VirtualBox est disponible : http://cesam.lam.fr/t7a01/t7a01_mint.ova, elle met à disposition :

• un serveur web NodeJS,
• deux serveurs de bases de données (un PostgreSQL et un MongoDB),
• un environnement de développement intégré (NetBeans),
• un navigateur,
• les scripts côté serveur
• les bibliothèques nécessaires à la réalisation de l'atelier.

Le login et mot de passe de la VM vous seront communiqués lors de l'atelier.

• http://cesam.lam.fr/t7a01/jdev2015_presentation.pdf