I NTRODUCTION AUX BASES DE DONNÉES ET AU

DÉVELOPPEMENT WEB

romuald.thion@univ-lyon1.fr

Licence « Semestre Universitaire de Réorientation (S.U.R) »

Jeudi 9 mars 2017

Romuald T HION SUR-BDW: Intro BD & Web 1

Objectif du cours

Présenter l’architecture des applications web

Positionner les technologies et métiers dans l’informatique
Zoomer sur les bases de données

Ce cours suit un format libre : interrompez moi !

Romuald T HION SUR-BDW: Intro BD & Web 2

Objectif du cours

Présenter l’architecture des applications web

Positionner les technologies et métiers dans l’informatique
Zoomer sur les bases de données

Ce cours suit un format libre : interrompez moi !

Romuald T HION SUR-BDW: Intro BD & Web 2

Plan

1 Développement des applications web

2 Le tiers présentation : le navigateur web

3 Le tiers applicatif : le serveur web ou d’application

4 Le tiers de gestion des données : le SGBD

Romuald T HION SUR-BDW: Intro BD & Web 3

 Développement des applications web

1 Développement des applications web

2 Le tiers présentation : le navigateur web

3 Le tiers applicatif : le serveur web ou d’application

4 Le tiers de gestion des données : le SGBD

Romuald T HION SUR-BDW: Intro BD & Web 4

 Développement des applications web

L’architecture des applications web

Romuald T HION SUR-BDW: Intro BD & Web 5

 Développement des applications web

Technologies et languages

Blog: 14 technologies « à connaitres »

Présentation/client : frontend
HTML5, CSS3, javascript (JQuery, D3.js, lodash, Grunt) . . .

Application/serveur web : backend

Hôtes : apache, nginx, glassfish, tomcat, nodejs . . .
Langages : HTTP, Java, PHP, .Net, Ruby, js . . .

Base de données
SQL : Mysql, MariaDB, Oracle, Postgre, SQLite3 . . .
NoSQL : MongoDB, CouchDB, Cassandra, Redis

Romuald T HION SUR-BDW: Intro BD & Web 6

 Développement des applications web

Exemple de technologies

Quelques technologies utilisées en master informatique

Romuald T HION SUR-BDW: Intro BD & Web 7

 Développement des applications web

Beaucoup d’évolutions
Stacks
De LAMP à MEAN en passant par Java Server

Frameworks
Wikipedia : exemples de frameworks web

Exemple de problématique « moderne » : la scalabilité

Blog : Youporn veut pouvoir supporter 200 millions de visites par jour

Exemple de problématique « moderne » : responsive design

Romuald T HION SUR-BDW: Intro BD & Web 8

 Le tiers présentation : le navigateur web

1 Développement des applications web

2 Le tiers présentation : le navigateur web

3 Le tiers applicatif : le serveur web ou d’application

4 Le tiers de gestion des données : le SGBD

Romuald T HION SUR-BDW: Intro BD & Web 9

 Le tiers présentation : le navigateur web

Web developper tools

Une boîte à outils du développeur web

Romuald T HION SUR-BDW: Intro BD & Web 10

 Le tiers présentation : le navigateur web

Le langage javascript

https://developer.mozilla.org/en-US/docs/Web/JavaScript

JavaScript (JS) is a lightweight interpreted or JIT-compiled pro-

gramming language with first-class functions. While it is most
well-known as the scripting language for Web pages, many
non-browser environments also use it, such as node.js and
Apache CouchDB. JS is a prototype-based, multi-paradigm,
dynamic language, supporting object-oriented, imperative, and
declarative (e.g. functional programming) styles.

Romuald T HION SUR-BDW: Intro BD & Web 11

 Le tiers présentation : le navigateur web

Comptine pour adultes en javascript

// voir http://www.99-bottles-of-beer.net/
function bottles(beers){
let res = "";

for (let i = beers; i > 0; --i){

res += ‘${i} bottles of beer on the wall,
${i} bottles of beer. <br>‘;
res += ‘Take one down and pass it around,
${i-1} bottles of beer on the wall. <br><br>‘;
}

res += ‘No more bottles of beer on the wall,

no more bottles of beer. <br>‘;
res += ‘Go to the store and buy some more,
${beers} bottles of beer on the wall.‘;

return res;
}

Romuald T HION SUR-BDW: Intro BD & Web 12

 Le tiers applicatif : le serveur web ou d’application

1 Développement des applications web

2 Le tiers présentation : le navigateur web

3 Le tiers applicatif : le serveur web ou d’application

4 Le tiers de gestion des données : le SGBD

Romuald T HION SUR-BDW: Intro BD & Web 13

 Le tiers applicatif : le serveur web ou d’application

Le tiers applicatif : le serveur web ou d’application

Wikipedia : programming languages used in most popular websites

Romuald T HION SUR-BDW: Intro BD & Web 14

 Le tiers applicatif : le serveur web ou d’application

Le tiers applicatif : le serveur web ou d’application

Model-View-Controller

Which MVC Diagram is Correct?

Romuald T HION SUR-BDW: Intro BD & Web 15

 Le tiers applicatif : le serveur web ou d’application

Une framework Java : Spring

Romuald T HION SUR-BDW: Intro BD & Web 16

 Le tiers de gestion des données : le SGBD

1 Développement des applications web

2 Le tiers présentation : le navigateur web

3 Le tiers applicatif : le serveur web ou d’application

4 Le tiers de gestion des données : le SGBD

Romuald T HION SUR-BDW: Intro BD & Web 17

 Le tiers de gestion des données : le SGBD

Le tiers de gestion des données : le SGBD

Romuald T HION SUR-BDW: Intro BD & Web 18

 Le tiers de gestion des données : le SGBD

Différents modèles de données

Romuald T HION SUR-BDW: Intro BD & Web 19

 Le tiers de gestion des données : le SGBD

Modéliser en relationnel

Romuald T HION SUR-BDW: Intro BD & Web 20

 Le tiers de gestion des données : le SGBD

Big Data ?

Romuald T HION SUR-BDW: Intro BD & Web 21