Support Cours Module Digital Skills Le Wagon

Télécharger au format pptx, pdf ou txt
Télécharger au format pptx, pdf ou txt
Vous êtes sur la page 1sur 111

Formation Digital Skills

1. Introduction au coding
2. Analyse de données
Dr. Hanen GRICHI
1
Introduction au Coding

2
1. Introduction au Coding
Introduction

• Comment charger une page Web?

Entrer un URL

Nous pouvons voir le


résultat: Une page
Web 3
1. Introduction au Coding
Introduction

Le navigateur qui permet


Le serveur qui permet de déployer le
de visualiser la page Web
site web et le mettre en ligne(GitHub)
(Google Chrome)

Sublime Text un outil qui permet d’éditer (écrire) les pages web
4
(codes sources)
1. Introduction au Coding
Introduction

• Création de votre première page Web

o Créer un nouveau dossier « my-profile » sur votre bureau

o Ouvrir le dans Sublime Text (juste on fait un drag and drop du


dossier dans l’interface du logiciel

5
1. Introduction au Coding
Introduction

• Création de votre première page Web

6
1. Introduction au Coding
Introduction

• Création de votre première page Web

o Ajouter des fichiers et des dossiers à votre projet:

o Ajoutez deux fichiers index.html et style.css au projet ainsi qu'un

dossier images.
o Ensuite, ouvrez le fichier index.html dans Google Chrome. Encore

une fois, faites simplement glisser et déposez le fichier dans la


fenêtre Chrome.
7
1. Introduction au Coding
Introduction

• Création de votre première page Web

8
1. Introduction au Coding
Introduction

• Création de votre première page Web

Vous pouvez écrire du code très simple dans le fichier index.html,


enregistrer votre fichier (Cmd + S ou Ctrl + S) puis actualiser votre
navigateur pour voir le résultat (Cmd + R ou Ctrl + R).

9
1. Introduction au Coding

A vous de travailler  !!!!!

10
1. Introduction au Coding
Les bases du langage HTML

• Une page Web= Structure (contenu) + Mise en page


HTML 5 CSS

• Syntaxe des éléments de base:


o <element> Contenu </element>
o <element attr="Valeur"> Contenu </element>

11
1. Introduction au Coding
Les bases du langage HTML

• Structure d’une page HTML

12
1. Introduction au Coding
Les bases du langage HTML

• Dans le <head>

Titre de la page

Information sur
la page

13
1. Introduction au Coding
Les bases du langage HTML

• Dans le <body>

Les titres
Titre principale
Sous Titre
Titre d’une section
Titre d’une sous section

14
1. Introduction au Coding
Les bases du langage HTML

• Dans le <body>

Les paragraphes

15
1. Introduction au Coding
Les bases du langage HTML

• Dans le <body>

La mise en page

<b> Texte en gras </b>

<i> Texte en italique </i>

<u> Texte souligné</u>


16
1. Introduction au Coding
Les bases du langage HTML

• Dans le <body>

Les listes (non ordonnées)

17
1. Introduction au Coding
Les bases du langage HTML

• Dans le <body>

Les listes (ordonnées)

18
1. Introduction au Coding
Les bases du langage HTML

• Dans le <body>

Les Images

19
1. Introduction au Coding
Les bases du langage HTML

• Dans le <body>

Les Liens

<a href="https://lewagon.com" target="_blank">Le


Wagon </a>
L’attribut target ="_blank“, ouvrir la lien dans un
nouvel onglet

20
1. Introduction au Coding
Réalisez votre premier Profil  !!!!!

21
1. Introduction au Coding
Les bases des feuilles de style CSS

• Les feuille de style en cascade CSS (Cascading Style Sheets)

o Permet de créer :
des présentations surprenantes,
des mises en pages très précises

En modifiant les balises existantes,


En créant de nouvelles balises dont les propriétés sont à votre choix.

22
1. Introduction au Coding
Les bases des feuilles de style CSS

• Les feuille de style en cascade CSS (Cascading Style Sheets)

►Permettent de générer la présentation d’une page HTML : séparer la


structure (HTML) de sa présentation (CSS)

►Ensemble de règles stylistiques applicables à un, ou plusieurs


documents HTML => gain de taille du fichier HTML

►Couleur de texte, image de fond, style de police, menu à gauche ou à


droite : c’est CSS qui va contrôler tout ça

23
1. Introduction au Coding
Les bases des feuilles de style CSS

• Lier une feuille de style

Lorsque vous écrivez votre design dans un fichier CSS (comme style.css),
n'oubliez pas de lier ce fichier CSS dans le <head> de votre document
HTML comme ceci:

<head> <link rel="stylesheet" href="style.css"> </head>

24
1. Introduction au Coding
Les bases des feuilles de style CSS

• La syntaxe de base

La syntaxe est composée de 3 éléments :


– Le sélecteur est l’élément sur lequel on applique les propriétés (balise
HTML, id, classe, etc.)
– La propriété est l’effet que l’on va vouloir donner (ex couleur de texte,
positionnement, couleur de fond, etc.)
– La valeur de la propriété CSS (rouge, 10px, etc.) couleur de fond, etc.)

25
1. Introduction au Coding
Les bases des feuilles de style CSS

• Notion de parent et d'ancêtre

► div est parent de h1 p, h2, p

► Le 2ème p est parent de a, strong et em.

► div est ancêtre de a, strong et em (et de h1, p h2 et p)

26
1. Introduction au Coding
Les bases des feuilles de style CSS

• Sélecteur de hiérarchie

► Pour sélectionner le a descendant de p, nous allons pouvoir écrire :

► p a { … } (notez l’espace entre le p et le a)

27
1. Introduction au Coding
Les bases des feuilles de style CSS

• Sélecteur de groupe

► Pour sélectionner plusieurs éléments et leur appliquer la même


valeur, on les sépare par une virgule.

h1,h2 {color: red}


 Va donner la couleur rouge a tous les h1 ou h2

28
1. Introduction au Coding
Les bases des feuilles de style CSS

• Diverses propriétés et valeurs

Propriété Description Propriété Description

background-image Image de fond letter-spacing Espacement des lettres


border-color Couleur de la bordure line-height Hauteur de ligne
color Couleur du texte margin-? (?= left, position des marges
right, top ou bottom)
font-family Police de caractère
text-align Alignement du texte
font-size Taille de la police
text-decoration décorations d'un mot
font-style Style de la police
text-indent Retrait de la première ligne
font-weight Epaisseur des text-transform Casse du texte
caractères

29
1. Introduction au Coding
Les bases des feuilles de style CSS

• Concevoir les polices et les couleurs

Utiliser l’extension de Google Chrome pour détecter, à partir


des sites web existant:

o Les couleurs: ColorZilla


o Les polices: Fonts Ninja

30
1. Introduction au Coding
Ajouter des règles CSS simples pour concevoir les
polices et les couleurs de votre page de profil
 !!!!!

31
1. Introduction au Coding

Les structures avec DIV

Dans la plupart des pages Web, différents contenus sont


regroupés dans différentes sections <div>
div signifie div-ision, car c'est un moyen de diviser le contenu de
votre page en différentes sections.

32
1. Introduction au Coding
Les structures avec DIV

Propriétés CSS

Voici les propriétés CSS courantes sur <div>.

Marge Extérieur
o Largeur,
Marge Intérieur
o Hauteur,
o Marge intérieur
o Marge extérieur Hauteur

Largeur
33
1. Introduction au Coding
Les structures avec DIV

CSS Margin

Astuce: Si la propriété margin a quatre valeurs:

marge: 25px 50px 75px 100px;

Fait comme si
• margin-top est 25px (la marge supérieure)

• margin-right est 50px (la marge de droite)

• margin-bottom est 75px (la marge inférieure)

• margin-left est 100px (la marge de gauche) 34


1. Introduction au Coding
Les structures avec DIV

CSS Margin

Astuce: Si la propriété margin a deux valeurs:

marge: 25px 50px ;

Fait comme si les marges supérieure et inférieure sont 25px


les marges droite et gauche sont 50px

35
1. Introduction au Coding
Les structures avec DIV

CSS Padding

CSS a des propriétés pour spécifier le remplissage de chaque côté d’un


élément:
padding-top
padding-right
padding-bottom
padding-left

Toutes les propriétés de remplissage peuvent avoir les valeurs suivantes:


length - spécifie un remplissage en px, pt, cm, etc.
% - spécifie un remplissage en% de la largeur de l'élément conteneur

36
1. Introduction au Coding
Identifiant id

Vous pouvez nommer un élément HTML unique avec un identifiant.


Exemple:

Ensuite, vous pouvez sélectionner cet élément unique avec le sélecteur


d'identifiant dans le CSS

37
1. Introduction au Coding
Sélecteur de classe

De même, vous pouvez nommer plusieurs éléments HTML que vous souhaitez
concevoir à l'aide d'une classe.
Exemple:

Ensuite, vous pouvez sélectionner tous ces éléments avec le sélecteur de classe
dans le CSS

38
1. Introduction au Coding
Let’s Finish your Profile  !!!!!
Dans ce défi, vous allez améliorer la structure de votre profil HTML avec <div> puis jouerez
avec les propriétés CSS sur ces divisions (marge / padding / width / background-color / box-
shadow / border) pour les rendre plus lisses 😎 . À la fin de ce défi, votre profil devrait
ressembler à ceci:

39
1. Introduction au Coding
Let’s Finish your Profile  !!!!!
Tout d'abord, dessinez le div
Avant d'écrire un code HTML, un bon concepteur Web commence toujours par dessiner la
structure <div> de la page sur une feuille de papier. Pour notre profil, cette structure
ressemble à ceci:

40
1. Introduction au Coding
Let’s Finish your Profile  !!!!!

Ensuite, codez le HTML 💻


Nous avons fait la partie la plus
difficile, qui est de dessiner la
structure div, il ne nous reste plus
qu'à l'implémenter dans l'index.html

41
1. Introduction au Coding
Construire un conteneur réactif

Si vous souhaitez une


conception réactive, vous
pouvez ajouter des
requêtes multimédias dans PC
le CSS. Ils créent des
conditions dans votre code
CSS. Cela vous permet de
définir des règles CSS qui
ne s'appliqueront que si la Tablette
fenêtre est plus petite
qu'une largeur donnée. Par
exemple, si vous voulez un
conteneur réactif, vous
pouvez le créer comme
Smart Phone
ceci:
42
1. Introduction au Coding
Soumettez votre profil, enfin!

• Il est temps de publier votre site Web


• Utilisons GitHub pour publier votre site Web.
• Nous allons utiliser qu'une seule fonctionnalité de GitHub: le
service de publication. Mais gardez à l'esprit que GitHub est
bien plus que cela!

43
1. Introduction au Coding
Soumettez votre profil, enfin!

•Commençant par créer un compte sur Github

44
1. Introduction au Coding
Soumettez votre profil, enfin!

• Utilisez l'adresse e-mail de votre établissement. ✅


•Concernant l'abonnement: le plan gratuit est déjà très bon, gardons-le gratuit. 🕊

45
1. Introduction au Coding
Soumettez votre profil, enfin!
•Toutes nos félicitations! Vous êtes prêt à créer votre tout premier référentiel sur
GitHub.
•Appelons ce référentiel mon profil lors du choix d'un nom du dossier:

46
1. Introduction au Coding
Soumettez votre profil, enfin!
•Gardons l'option Public cochée. Vous ne souhaitez pas rendre ce dépôt privé, sinon
vous ne pourrez pas le publier en ligne! Pas besoin d'initialiser ce référentiel avec un
README, laissez-le vide et cliquez sur 👉 Create repository

47
1. Introduction au Coding
Soumettez votre profil, enfin!
•Bien joué! Maintenant que vous avez créé un référentiel sur Github pour votre profil,
vous devez y mettre votre code! Très facile:
•Cliquez simplement sur télécharger un fichier existant dans le menu.

48
1. Introduction au Coding
Soumettez votre profil, enfin!

Faites glisser et déposez les fichiers style.css, index.html et le dossier images. Veillez
à le faire de la même manière que ci-dessous Vous ne devez pas glisser-déposer le
dossier my-profile mais les fichiers et les dossiers qui se trouvent à l'intérieur 😌

49
1. Introduction au Coding
Soumettez votre profil, enfin!

Activez le paramètre magique: « setting »


Il est temps d'activer un paramètre de référentiel Github qui mettra automatiquement
votre site Web en ligne

50
1. Introduction au Coding
Soumettez votre profil, enfin!

Faites défiler jusqu'à la section Github Pages des paramètres et enregistrez la branche
principale. C'est tout ce que vous devez faire, normalement Github générera l'URL
automatique de votre site Web et vous la donnera comme ci-dessous

Il ne vous reste plus qu'à


attendre quelques minutes et
vous devriez voir votre page de
profil en direct sur cette URL
Github automatique    51 .
1. Introduction au Coding
bibliothèque de composants d'interface utilisateur en CSS.

Le but est de créer une bibliothèque d’objets réutilisable, pour ce la, nous
réorganisons le fichier style.css en un ensemble de fichiers. Notant que chaque
fichier définit le style d’un objet qui sera utilisé après.
L’ensemble des fichiers seront organisé comme suit:

Pour définir les images

Pour définir les bannières

Pour définir les boutons

Un fichier qui fait appel au autres fichiers (regroupement) 52


1. Introduction au Coding
bibliothèque de composants d'interface utilisateur en CSS.

Dans le fichier style.css nous importons les autres fichiers de style.

53
1. Introduction au Coding
bibliothèque de composants d'interface utilisateur en CSS.

Dans le fichier de code HTML nous devons définir des conteneurs en utilisant la
balise <div>

Les classes Les conteneurs

54
1. Introduction au Coding
bibliothèque de composants d'interface utilisateur en CSS.

Ensuite, il est très facile d'écrire le code HTML, il vous suffit de traduire vos dessins
en HTML:

55
1. Introduction au Coding
Coder une carte avec flexbox

Une carte est un nouveau composant d'interface utilisateur.

56
1. Introduction au Coding
Coder une carte avec flexbox

Commençons avec une seule carte !!!!


Avant de mettre plusieurs cartes dans une grille, commencez par concevoir une
seule carte et dessinez sa structure HTML:

57
1. Introduction au Coding
Coder une carte avec flexbox

Passons au codage de la carte dans le fichier HTML

58
1. Introduction au Coding
Coder une carte avec flexbox

Finalement, passant à définir le style de la carte


par des propriétés CSS.

59
1. Introduction au Coding

Nous pouvons changer le


nom de domaine  !!!!!
Mais c’est pas gratuit 

60
Analyse de données

61
2. Analyse de données
Base de données (BD)
Un ensemble de données structurées et inter-corrélées, enregistrées avec le
minimum de redondance et pouvant être traitées par une ou plusieurs
applications, de façon optimale. La BD contient également la description de ses
données.

Système de gestion de base de données (SGBD)

Logiciel permettant de couvrir les besoins:


-définir une représentation des informations apte à stocker, interroger et manipuler
(insérer, supprimer, mettre à jour) de grandes quantités de données.
-Exemples : Oracle(1979), PostgreSQL, (1985), SQL server (1989), Access (1992),
MySQL (1995),
62
2. Analyse de données
Objectifs du SGBD

• Garantir la qualité des données enregistrées


• Garantir la cohérence des données
• Permettre à plusieurs utilisateurs d’accéder aux données simultanément
• Protéger les données en cas d’incident
• Contrôler l’accès aux données confidentielles,
• Offrir de bonnes performances d’accès
• Etc.

63
2. Analyse de données
Architecture du SGBD

Interface Interface d’accès


utilisateur physique

SGBD BD

Stockage / accès aux données


Analyse/vérification des requêtes
Optimisation des performances
Convivialité de l'interface
Puissance des langages

64
2. Analyse de données
Cycle de vie d’une base de données
Personne Schéma conceptuel
Voiture
Personne conduit Voiture

Monde réel
Concepteur Table Personne
Table Voiture
Table Conduit
BD …
Voiture
Personne
Ford KA
Dupont
Durant
Peugeot Schéma logique
106
Utilisateurs Rochat Toyota
… yaris

65
2. Analyse de données
Définition d'une base de données relationnelle

• Une base de données relationnelle est composée de tables avec des


enregistrements sous forme de lignes et de champs sous forme de
colonnes. Les tables sont connectées ensemble via un système de clé
primaire - clé étrangère.

– Une clé primaire est essentiellement représentée par l'identifiant de champ d'une table.
– Une clé étrangère est une référence, dans une table donnée, à un enregistrement d'une
autre table.

66
2. Analyse de données
Définition d'une base de données relationnelle

• Relations One-to-Many 1: N (un-à-plusieurs)

• La relation 1: N décrit une relation parent-enfants entre 2 tables.

67
2. Analyse de données
Définition d'une base de données relationnelle

• Soit les tables: directors et movies, le réalisateur (de la table


directors) peut être considéré comme le parent et un film (table
movies).
• Un réalisateur a de nombreux films
• Un film appartient à un réalisateur
• En conséquence, les enfants apportent toujours l'ID parent comme
clé étrangère.

68
2. Analyse de données
Les Requêtes SQL

Organisation du langage SQL

Le langage SQL est constitué de quatre sous ensembles :

oLe langage de définition de schémas (Tables, Vues, Droits).

oLe langage de manipulation de données (sélections et mises à jour).

oLa spécification de modules (procédures).

oL'intégration aux langages de programmation (curseurs).


2. Analyse de données
Les Requêtes SQL

Opération sur une base de données

• Opérations de base
– select, insert, update, delete

• Opérations complémentaires
– définition et modification de schémas,
– définition de contraintes d'intégrité,
– définition de vues,
– accord des autorisations,
– gestion de transactions.
70
2. Analyse de données
Les Requêtes SQL

Les types SQL

Type Taille (Octets) Signification


Int 4 Valeur Entière
SmallInt 2 Valeur Entière
TinyInt 1 Valeur Entière
float 4/8 Valeur Décimale
Char (longueur) Fixe (max 255) Chaîne de caractères
VarChar (longueur) Var (max 255) Chaîne de caractères
Text Var (max 231-1) Chaîne de caractères
Image Var (max 231-1) Chaîne binaire
Bit 1 Valeur Binaire
Binary Fixe (max 255) Chaîne binaire
Varbinary Var (max 255) Chaîne binaire
Money 8 Valeur en $
DateTime 24 octets Nb Jours depuis 1/1/1900 + Heure
71
2. Analyse de données
Les Requêtes SQL

Projection

On veut garder que quelques champs de la totalité de la table

SELECT [Code_client], [Nom_client], [Prénom_client], [Ville_client]

FROM [Clients];
72
2. Analyse de données
Les Requêtes SQL

Projection

Sélectionner tous les champs de la table

SELECT *
FROM [VOYAGES];

73
2. Analyse de données
Les Requêtes SQL

Projection

Sélectionner quelques champs de la table en faisant un tri (dans le but d’ordonner le résultat)

SELECT [Code_client], [Nom_client], [Prénom_client], [Ville_client]


FROM [Clients]
ORDER BY [Nom_client];

74
2. Analyse de données
Les Requêtes SQL

Projection

Sélectionner quelques champs de la table en remplaçant les intitulés des champs par d’autre

SELECT [Nom_client] AS Noms, [Prénom_client] AS Prénoms,


[Adresse_rue_client] AS Adresses, [Ville_client] AS Villes
FROM [Clients]
ORDER BY [Ville_client] DESC;
75
2. Analyse de données
Les Requêtes SQL

Sélection

Sélectionner des champs de la table selon une condition

SELECT *
FROM [Clients]
WHERE [Ville_client]="PARIS"
ORDER BY [Nom_client];

76
2. Analyse de données
Les Requêtes SQL

Sélection

Sélectionner des champs de la table selon une condition

SELECT [Code_agence], [Nom_agence], [Adresse_agence], [CP_agence],


[Ville_agence]

FROM [Agences de voyage]

WHERE [CP_agence] LIKE "13*"

ORDER BY [CP_agence]; 77
2. Analyse de données
Les Requêtes SQL

Sélection

Sélectionner des champs de la table selon une condition

SELECT *

FROM [Clients]

WHERE [Ville_client]="AIX EN PROVENCE" OR [Ville_client]="MANOSQUE"

ORDER BY [Nom_client];

78
2. Analyse de données
Les Requêtes SQL

Sélection

Sélectionner des champs de la table selon une condition

SELECT [Nom_client], [CP_client]

FROM [CLIENTS]

WHERE [Code_client] IN(18,50);

79
2. Analyse de données
Les Requêtes SQL

Sélection

Sélectionner des champs de la table selon une condition

SELECT [Nom_voyage]

FROM [Voyages]

WHERE Not [Nom_voyage]="ZURICH"

ORDER BY [Nom_voyage];

80
2. Analyse de données
Les Requêtes SQL

Sélection

Sélectionner des champs de la table selon une condition

SELECT [Num_voyage], [Nom_voyage], [Date_départ], [Durée_voyage]


FROM Voyages
WHERE [Date_départ] Between #1/1/2004# And #12/31/2004#
AND [Durée_voyage]>=9
81
ORDER BY [Date_départ];
2. Analyse de données
Les Requêtes SQL

Calculs

Afficher le Prix du voyage le plus cher (afficher uniquement cette donnée)

SELECT MAX([Prix_voyage]) AS [Prix du voyage le plus cher]

FROM Voyages;

82
2. Analyse de données
Les Requêtes SQL

Calculs

Afficher le Prix du voyage le plus faible (afficher uniquement cette donnée)

SELECT Min([Prix_voyage]) AS [PRIX DU VOYAGE LE PLUS BAS]

FROM Voyages;

83
2. Analyse de données
Les Requêtes SQL

Calculs

Afficher le Nombre de clients (le résultat doit être stocké sous l’intitulé Nombre de clients
Net_Provence)

SELECT COUNT([Code_client]) AS [Nombre de clients Net_provence]


FROM Clients;

84
2. Analyse de données
Les Requêtes SQL

Calculs

Afficher le Prix moyen des voyages

SELECT AVG([Prix_voyage]) AS [PRIX MOYEN DES


VOYAGES NET_PROVENCE]

FROM [Voyages];

85
2. Analyse de données
Les Requêtes SQL

Jointure

Afficher le NB de places proposées par voyage et par agence

SELECT [Nom_agence], [#num_voyage], [Nombr_de_place_proposées]

FROM [Agences de voyage], [Nombre de places proposées par agence]

WHERE [Agences de voyage].Code_agence=[Nombre de places proposées par


agence].[#code_agence];
86
2. Analyse de données
Les Requêtes SQL

Jointure

SELECT [Nom_client] AS [Nom du Client], [Prénom_client] AS Prénom,


[Date réservation] AS [Réservations de janvier]

FROM [Clients], [Réservations]

WHERE Clients.Code_client=Réservations.[#Code client] And [Date


réservation]>=#1/1/2003# And [Date réservation]<=#1/31/2003#; 87
2. Analyse de données
Les Requêtes SQL

Jointure
Total des places proposées par agence

SELECT [Nom_agence], SUM([Nombr_de_place_proposées]) AS [Total places


par agence]

FROM [Agences de voyage], [Nombre de places proposées par agence]

WHERE [Agences de voyage].Code_agence=[Nombre de places proposées par


agence].[#code_agence]

GROUP BY [Nom_agence]; 88
2. Analyse de données
Les Requêtes SQL

Création d’une table

Syntaxe :

CREATE TABLE nomTable (


Attribut Domaine [Contraintes ...],
...
Attribut Domaine [Contraintes ...],
[Contraintes ... ]
)

89
2. Analyse de données
Les Requêtes SQL

Création d’une table (exemple)

Créer la table Stock1(Pièce, NbP, Fournisseur)

CREATE TABLE Stock1 (


Pièce VARCHAR(20) NOT NULL,
NbP INT,
Fournisseur CHAR(20) NOT NULL,
PRIMARY KEY (Pièce, Fournisseur)
)

90
2. Analyse de données
Les Requêtes SQL

Mise a jours des tables

 INSERT
 Insertion de lignes dans une table
Via formulaire où via requêtes
 UPDATE
 Modification de lignes dans une table
 DELETE
 Modification de lignes dans une table

91
2. Analyse de données
Les Requêtes SQL

Insertion des données

• INSERT INTO <relation name> [( attribute [,attribute] … )]

{VALUES <value spec.> [, <value spec.>] …| <query spec.>}


• Exemples

INSERT INTO ETUDIANT (NE, NOM, PRENOM, VILLE, AGE) VALUES (112,
‘MARTIN’, ‘THOMAS’ , ‘VERSAILLES’, 20)

92
2. Analyse de données
Extraction des données
Application

Vous allez prendre en charger une base de données afin d’écrire vos requêtes SQL pour
répondre aux questions.

Dans cet exercice, vous allez charger la même base de données restaurants.sqlite afin
d'écrire vos premières requêtes SQL!

Dans ce but, vous devez suivre cette configuration rapide afin de: Téléchargez la base de
données restaurants.sqlite, Chargez cette base de données de restaurants dans SQL
Online.

Allons-y! 🙌 93
2. Analyse de données
Extraction des données
Application

Vous allez prendre en charger une base de données afin d’écrire vos requêtes SQL pour
répondre aux questions.

Dans cet exercice, vous allez charger la même base de données restaurants.sqlite afin
d'écrire vos premières requêtes SQL!

Dans ce but, vous devez suivre cette configuration rapide afin de: Téléchargez la base de
données restaurants.sqlite, Chargez cette base de données de restaurants dans SQL
Online.

Allons-y! 🙌 94
2. Analyse de données
Extraction des données
Application

• Setup
Télécharger la base de
données restaurants.sqlite.
(https://github.com/lewagon/sql
sprint/raw/master/restaurants.sqlite)

• SQL Online:
Go to SQL Online. (SQL Online IDE – for
Data Science (sqliteonline.com)

95
2. Analyse de données
Extraction des données
Application

• Cliquez sur File puis Open BD (pour ouvrir la base de données)

96
2. Analyse de données
Extraction des données
Application

• Parcourez vos répertoires pour trouver l'emplacement de la base de données


restaurants.sqlite. Cliquez ensuite sur Open pour charger la base de données.

97
2. Analyse de données
Extraction des données
Application

• Explorez la base de données restaurants.sqlite en effectuant des requêtes SQL


sur l'outil SQL Online: Ensuite, vous devez exécuter la requête pour obtenir les
résultats:

98
2. Analyse de données

A vous de Jouer  !!!!!

99
2. Analyse de données
Python un nouveau langage pour les données

Pourquoi Python et pas Excel?

oExcel est le logiciel d'analyse de données le plus utilisé au monde. Parce qu'il
est facile à utiliser et vous permet d'explorer et d'analyser rapidement les
données
oPython est très puissant et, une fois que vous l'avez appris, offre des
possibilités presque illimitées!

100
2. Analyse de données
Python un nouveau langage pour les données

Pourquoi Python et pas Excel?

1. Python fonctionne mieux avec le Big Data.

o Vous pouvez simplement charger tout votre ensemble de données dans une
variable. Cet ensemble de données peut être énorme et contient des millions
d’enregistrements (vous n’avez pas les mêmes limitations que dans Excel) mais tout
ce que vous voyez est cette variable simple qui est très facile à manipuler. Cela vous
permet d'effectuer de nombreuses opérations et manipulations puissantes sur vos
données sans vous perdre comme vous le feriez dans Excel. 101
2. Analyse de données
Python un nouveau langage pour les données

Pourquoi Python et pas Excel?

2. Python est plus rapide

o Les calculs lourds sont plus rapides en Python. En outre, Python propose un large
éventail de fonctions et de bibliothèques pour effectuer des opérations avancées par
rapport à Excel. Par exemple, il existe même des bibliothèques qui intègrent l'IA
(Intelligence Artificielle) et l'apprentissage automatique, permettant aux utilisateurs
de Python de créer des modèles prédictifs et de prévision dont les utilisateurs
d'Excel ne pouvaient que rêver!
102
2. Analyse de données
Python un nouveau langage pour les données

Pourquoi Python et pas Excel?

3. Python peut même être plus simple qu’Excel

o De nombreuses bibliothèques ou extensions de base de Python, y compris les


bibliothèques NumPy et Pandas, permettent d'effectuer des tâches avec quelques
lignes de code alors qu'il vous faudrait cliquer sur 3 menus et navigations différents
pour faire de même dans Excel.

103
2. Analyse de données
Python un nouveau langage pour les données

Pourquoi Python et pas Excel?

4. Python est open source et contient de nombreuses bibliothèques

o Python possède un grand nombre d'extensions et de bibliothèques, et bien que l'on


puisse affirmer qu'Excel en a également, Python est l'un des langages de
programmation les plus populaires et en croissance avec un nombre de
bibliothèques dépassant de loin celui d'Excel.

104
2. Analyse de données
Python un nouveau langage pour les données

Pourquoi Python et pas Excel?

5. Python a une communauté active, prête à vous aider 🤝

o Si vous êtes coincé dans Python, s'il y a un problème avec votre code ou si vous ne
savez pas comment faire quelque chose (par exemple comment générer un
graphique), il existe une communauté très active qui s'entraide et contribue
continuellement améliorer les connaissances collectives.
o Exemple 👉 Stack Overflow est l'une des plus grandes communautés en ligne où les
gens posent leurs questions et reçoivent des réponses de la communauté.
105
2. Analyse de données
Python un nouveau langage pour les données

Les concepts de base de Python

Types intégrés simple

oNumérique (int et float)


oTexte (str)
oBooléen (bool)

106
2. Analyse de données
Python un nouveau langage pour les données

Les concepts de base de Python

Les variables

oPour stocker et réutiliser des valeurs en mémoire, nous utilisons des variables, comme
ici pour stocker un nom de ville:

city = "Paris"

107
2. Analyse de données
Python un nouveau langage pour les données

Les concepts de base de Python

Les fonctions

o Les fonctions peuvent exécuter du code pour effectuer certaines opérations de base, ici
nous voulons connaître le nombre de caractères dans le mot "Paris":

len("Paris")
Vous pouvez trouver d'autres exemples de fonctions intégrées dans la documentation officielle de Python.

108
2. Analyse de données
Python un nouveau langage pour les données

Les concepts de base de Python

Les Objets

o Stocké dans des variables. Nous pouvons appeler des méthodes (~ fonctions) sur eux.
name = " boris "
name.capitalize()
Certaines méthodes peuvent être appelées avec des arguments, comme ici où nous
voulons tester si un nom se termine par la lettre «s»:
name.endswith(" s" )

109
2. Analyse de données
Analyse de données

o Les données peuvent être trouvées en ligne, sur Internet ou sur le serveur de votre
entreprise.
o Il peut s'agir d'une simple base de données relationnelle et vous y avez accès Il est
accessible à l'aide de services tels que Google BigQuery ou un autre fournisseur
d'entrepôt de données
o Vous pouvez simplement les extraire de n'importe quel site Web, c'est ce que nous
appelons le Web Scraping.
o Si vous souhaitez jouer avec des données, vous pouvez trouver des exemples d'ensemble
de données ici:
o Google Dataset Search(https://datasetsearch.research.google.com/)
110
o Kaggle (https://www.kaggle.com/)
2. Analyse de données
Analyse de données
La bibliothèque Pandas

o Pandas est la bibliothèque d'analyse de données la plus populaire en Python


o La façon la plus simple d'utiliser Pandas est de charger des données directement à partir
d'un fichier CSV situé sur votre ordinateur
o import pandas as dB
o a_dataframe = dB.read_csv(FILEPATH)

o Pour l’instalation de Pandas: https://pandas.pydata.org/


o Il faut par la suite suivre les étapes d’installation d’ Anaconda (la plateforme ou vous allez
utiliser Python
https://pandas.pydata.org/getting_started.html 111

Vous aimerez peut-être aussi

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy