maalouf imad commited on
Commit
8182471
·
verified ·
1 Parent(s): f37c2eb

Update tp.html

Browse files
Files changed (1) hide show
  1. tp.html +32 -32
tp.html CHANGED
@@ -464,11 +464,11 @@
464
  </a>
465
  <div class="navbar-nav">
466
  <a href="index.html" class="nav-link">
467
- <span class="nav-icon">🏠</span>
468
  <span>Accueil</span>
469
  </a>
470
  <a href="cours.html" class="nav-link">
471
- <span class="nav-icon">📚</span>
472
  <span>Cours</span>
473
  </a>
474
  <a href="tp.html" class="nav-link active">
@@ -476,7 +476,7 @@
476
  <span>TPs</span>
477
  </a>
478
  <a href="feedback.html" class="nav-link">
479
- <span class="nav-icon">💬</span>
480
  <span>Contact</span>
481
  </a>
482
  </div>
@@ -497,9 +497,9 @@
497
  aucune installation requise.
498
  </p>
499
  <div class="tp-hero-badges">
500
- <span class="badge badge-primary">📊 6 Notebooks</span>
501
- <span class="badge badge-success">☁️ Google Colab</span>
502
- <span class="badge badge-secondary">📈 Datasets Kaggle</span>
503
  <span class="badge badge-accent">0 Installation</span>
504
  </div>
505
  </section>
@@ -514,7 +514,7 @@
514
  <div class="tp-header-content">
515
  <h2 class="tp-title">Survie sur le Titanic — Classification</h2>
516
  <div class="tp-meta">
517
- <span class="badge badge-primary">⏱️ 30 min</span>
518
  <span class="badge badge-secondary">Classification</span>
519
  <span class="badge badge-success">Scikit-learn</span>
520
  <span class="badge badge-accent">Pandas</span>
@@ -555,7 +555,7 @@
555
 
556
  <div class="tp-goals">
557
  <div class="tp-goal-box">
558
- <div class="tp-goal-label">🎯 Objectif</div>
559
  <p class="tp-goal-text">
560
  Construire un modèle de classification binaire pour prédire si un passager
561
  a survécu ou non au naufrage du Titanic.
@@ -570,7 +570,7 @@
570
  </div>
571
  </div>
572
 
573
- <h3 class="concepts-title">🧠 Concepts utilisés</h3>
574
  <div class="concepts-grid">
575
  <div class="concept-item">
576
  <div class="concept-name">Prétraitement</div>
@@ -598,7 +598,7 @@
598
  </div>
599
  </div>
600
 
601
- <h3 class="steps-title">📋 Étapes du TP</h3>
602
  <div class="steps-list">
603
  <div class="step-item">
604
  <div class="step-dot">1</div>
@@ -648,7 +648,7 @@
648
  <div class="tp-header-content">
649
  <h2 class="tp-title">Prix des Maisons — Régression Avancée</h2>
650
  <div class="tp-meta">
651
- <span class="badge badge-primary">⏱️ 45 min</span>
652
  <span class="badge badge-secondary">Régression</span>
653
  <span class="badge badge-success">XGBoost</span>
654
  <span class="badge badge-accent">Feature Engineering</span>
@@ -668,7 +668,7 @@
668
 
669
  <div class="tp-body">
670
  <div class="dataset-info">
671
- <div class="dataset-icon">🏠</div>
672
  <div class="dataset-content">
673
  <div class="dataset-name">Dataset : House Prices - Advanced Regression Techniques</div>
674
  <a href="https://www.kaggle.com/competitions/house-prices-advanced-regression-techniques" target="_blank" class="dataset-link">
@@ -689,7 +689,7 @@
689
 
690
  <div class="tp-goals">
691
  <div class="tp-goal-box">
692
- <div class="tp-goal-label">🎯 Objectif</div>
693
  <p class="tp-goal-text">
694
  Prédire le prix de vente des maisons avec le plus faible RMSE possible
695
  en utilisant 79 features explicatives.
@@ -704,7 +704,7 @@
704
  </div>
705
  </div>
706
 
707
- <h3 class="concepts-title">🧠 Concepts utilisés</h3>
708
  <div class="concepts-grid">
709
  <div class="concept-item">
710
  <div class="concept-name">Outlier Detection</div>
@@ -732,7 +732,7 @@
732
  </div>
733
  </div>
734
 
735
- <h3 class="steps-title">📋 Étapes du TP</h3>
736
  <div class="steps-list">
737
  <div class="step-item">
738
  <div class="step-dot">1</div>
@@ -782,7 +782,7 @@
782
  <div class="tp-header-content">
783
  <h2 class="tp-title">Classification Iris — Introduction au ML</h2>
784
  <div class="tp-meta">
785
- <span class="badge badge-primary">⏱�� 20 min</span>
786
  <span class="badge badge-secondary">Classification</span>
787
  <span class="badge badge-success">Débutant</span>
788
  <span class="badge badge-accent">Visualisation</span>
@@ -802,7 +802,7 @@
802
 
803
  <div class="tp-body">
804
  <div class="dataset-info">
805
- <div class="dataset-icon">🌸</div>
806
  <div class="dataset-content">
807
  <div class="dataset-name">Dataset : Iris Flower Classification</div>
808
  <a href="https://www.kaggle.com/datasets/uciml/iris" target="_blank" class="dataset-link">
@@ -823,7 +823,7 @@
823
 
824
  <div class="tp-goals">
825
  <div class="tp-goal-box">
826
- <div class="tp-goal-label">🎯 Objectif</div>
827
  <p class="tp-goal-text">
828
  Classifier les iris en 3 espèces (Setosa, Versicolor, Virginica)
829
  à partir de 4 features numériques.
@@ -837,7 +837,7 @@
837
  </div>
838
  </div>
839
 
840
- <h3 class="concepts-title">🧠 Concepts utilisés</h3>
841
  <div class="concepts-grid">
842
  <div class="concept-item">
843
  <div class="concept-name">KNN</div>
@@ -865,7 +865,7 @@
865
  </div>
866
  </div>
867
 
868
- <h3 class="steps-title">📋 Étapes du TP</h3>
869
  <div class="steps-list">
870
  <div class="step-item">
871
  <div class="step-dot">1</div>
@@ -915,7 +915,7 @@
915
  <div class="tp-header-content">
916
  <h2 class="tp-title">Consommation Énergétique — Séries Temporelles</h2>
917
  <div class="tp-meta">
918
- <span class="badge badge-primary">⏱️ 40 min</span>
919
  <span class="badge badge-secondary">Time Series</span>
920
  <span class="badge badge-success">LSTM</span>
921
  <span class="badge badge-accent">TensorFlow</span>
@@ -956,7 +956,7 @@
956
 
957
  <div class="tp-goals">
958
  <div class="tp-goal-box">
959
- <div class="tp-goal-label">🎯 Objectif</div>
960
  <p class="tp-goal-text">
961
  Prédire la consommation énergétique horaire de bâtiments
962
  à partir de données météo et historiques.
@@ -971,7 +971,7 @@
971
  </div>
972
  </div>
973
 
974
- <h3 class="concepts-title">🧠 Concepts utilisés</h3>
975
  <div class="concepts-grid">
976
  <div class="concept-item">
977
  <div class="concept-name">Time Series</div>
@@ -999,7 +999,7 @@
999
  </div>
1000
  </div>
1001
 
1002
- <h3 class="steps-title">📋 Étapes du TP</h3>
1003
  <div class="steps-list">
1004
  <div class="step-item">
1005
  <div class="step-dot">1</div>
@@ -1049,7 +1049,7 @@
1049
  <div class="tp-header-content">
1050
  <h2 class="tp-title">Reconnaissance de Chiffres — Deep Learning</h2>
1051
  <div class="tp-meta">
1052
- <span class="badge badge-primary">⏱️ 35 min</span>
1053
  <span class="badge badge-secondary">CNN</span>
1054
  <span class="badge badge-success">Computer Vision</span>
1055
  <span class="badge badge-accent">Keras</span>
@@ -1090,7 +1090,7 @@
1090
 
1091
  <div class="tp-goals">
1092
  <div class="tp-goal-box">
1093
- <div class="tp-goal-label">🎯 Objectif</div>
1094
  <p class="tp-goal-text">
1095
  Classifier les images de chiffres manuscrits (0-9)
1096
  avec un CNN et atteindre >99% d'accuracy.
@@ -1105,7 +1105,7 @@
1105
  </div>
1106
  </div>
1107
 
1108
- <h3 class="concepts-title">🧠 Concepts utilisés</h3>
1109
  <div class="concepts-grid">
1110
  <div class="concept-item">
1111
  <div class="concept-name">CNN</div>
@@ -1133,7 +1133,7 @@
1133
  </div>
1134
  </div>
1135
 
1136
- <h3 class="steps-title">📋 Étapes du TP</h3>
1137
  <div class="steps-list">
1138
  <div class="step-item">
1139
  <div class="step-dot">1</div>
@@ -1183,7 +1183,7 @@
1183
  <div class="tp-header-content">
1184
  <h2 class="tp-title">Analyse de Sentiment — NLP</h2>
1185
  <div class="tp-meta">
1186
- <span class="badge badge-primary">⏱️ 40 min</span>
1187
  <span class="badge badge-secondary">NLP</span>
1188
  <span class="badge badge-success">Embeddings</span>
1189
  <span class="badge badge-accent">Transformers</span>
@@ -1224,7 +1224,7 @@
1224
 
1225
  <div class="tp-goals">
1226
  <div class="tp-goal-box">
1227
- <div class="tp-goal-label">🎯 Objectif</div>
1228
  <p class="tp-goal-text">
1229
  Classifier les avis de films comme positifs ou négatifs
1230
  en utilisant des embeddings et un LSTM ou BERT.
@@ -1239,7 +1239,7 @@
1239
  </div>
1240
  </div>
1241
 
1242
- <h3 class="concepts-title">🧠 Concepts utilisés</h3>
1243
  <div class="concepts-grid">
1244
  <div class="concept-item">
1245
  <div class="concept-name">Tokenization</div>
@@ -1267,7 +1267,7 @@
1267
  </div>
1268
  </div>
1269
 
1270
- <h3 class="steps-title">📋 Étapes du TP</h3>
1271
  <div class="steps-list">
1272
  <div class="step-item">
1273
  <div class="step-dot">1</div>
 
464
  </a>
465
  <div class="navbar-nav">
466
  <a href="index.html" class="nav-link">
467
+ <span class="nav-icon"></span>
468
  <span>Accueil</span>
469
  </a>
470
  <a href="cours.html" class="nav-link">
471
+ <span class="nav-icon"></span>
472
  <span>Cours</span>
473
  </a>
474
  <a href="tp.html" class="nav-link active">
 
476
  <span>TPs</span>
477
  </a>
478
  <a href="feedback.html" class="nav-link">
479
+ <span class="nav-icon"></span>
480
  <span>Contact</span>
481
  </a>
482
  </div>
 
497
  aucune installation requise.
498
  </p>
499
  <div class="tp-hero-badges">
500
+ <span class="badge badge-primary"> 6 Notebooks</span>
501
+ <span class="badge badge-success"> Google Colab</span>
502
+ <span class="badge badge-secondary"> Datasets Kaggle</span>
503
  <span class="badge badge-accent">0 Installation</span>
504
  </div>
505
  </section>
 
514
  <div class="tp-header-content">
515
  <h2 class="tp-title">Survie sur le Titanic — Classification</h2>
516
  <div class="tp-meta">
517
+ <span class="badge badge-primary"> 30 min</span>
518
  <span class="badge badge-secondary">Classification</span>
519
  <span class="badge badge-success">Scikit-learn</span>
520
  <span class="badge badge-accent">Pandas</span>
 
555
 
556
  <div class="tp-goals">
557
  <div class="tp-goal-box">
558
+ <div class="tp-goal-label"> Objectif</div>
559
  <p class="tp-goal-text">
560
  Construire un modèle de classification binaire pour prédire si un passager
561
  a survécu ou non au naufrage du Titanic.
 
570
  </div>
571
  </div>
572
 
573
+ <h3 class="concepts-title"> Concepts utilisés</h3>
574
  <div class="concepts-grid">
575
  <div class="concept-item">
576
  <div class="concept-name">Prétraitement</div>
 
598
  </div>
599
  </div>
600
 
601
+ <h3 class="steps-title"> Étapes du TP</h3>
602
  <div class="steps-list">
603
  <div class="step-item">
604
  <div class="step-dot">1</div>
 
648
  <div class="tp-header-content">
649
  <h2 class="tp-title">Prix des Maisons — Régression Avancée</h2>
650
  <div class="tp-meta">
651
+ <span class="badge badge-primary"> 45 min</span>
652
  <span class="badge badge-secondary">Régression</span>
653
  <span class="badge badge-success">XGBoost</span>
654
  <span class="badge badge-accent">Feature Engineering</span>
 
668
 
669
  <div class="tp-body">
670
  <div class="dataset-info">
671
+ <div class="dataset-icon"></div>
672
  <div class="dataset-content">
673
  <div class="dataset-name">Dataset : House Prices - Advanced Regression Techniques</div>
674
  <a href="https://www.kaggle.com/competitions/house-prices-advanced-regression-techniques" target="_blank" class="dataset-link">
 
689
 
690
  <div class="tp-goals">
691
  <div class="tp-goal-box">
692
+ <div class="tp-goal-label"> Objectif</div>
693
  <p class="tp-goal-text">
694
  Prédire le prix de vente des maisons avec le plus faible RMSE possible
695
  en utilisant 79 features explicatives.
 
704
  </div>
705
  </div>
706
 
707
+ <h3 class="concepts-title"> Concepts utilisés</h3>
708
  <div class="concepts-grid">
709
  <div class="concept-item">
710
  <div class="concept-name">Outlier Detection</div>
 
732
  </div>
733
  </div>
734
 
735
+ <h3 class="steps-title"> Étapes du TP</h3>
736
  <div class="steps-list">
737
  <div class="step-item">
738
  <div class="step-dot">1</div>
 
782
  <div class="tp-header-content">
783
  <h2 class="tp-title">Classification Iris — Introduction au ML</h2>
784
  <div class="tp-meta">
785
+ <span class="badge badge-primary"> 20 min</span>
786
  <span class="badge badge-secondary">Classification</span>
787
  <span class="badge badge-success">Débutant</span>
788
  <span class="badge badge-accent">Visualisation</span>
 
802
 
803
  <div class="tp-body">
804
  <div class="dataset-info">
805
+ <div class="dataset-icon"></div>
806
  <div class="dataset-content">
807
  <div class="dataset-name">Dataset : Iris Flower Classification</div>
808
  <a href="https://www.kaggle.com/datasets/uciml/iris" target="_blank" class="dataset-link">
 
823
 
824
  <div class="tp-goals">
825
  <div class="tp-goal-box">
826
+ <div class="tp-goal-label"> Objectif</div>
827
  <p class="tp-goal-text">
828
  Classifier les iris en 3 espèces (Setosa, Versicolor, Virginica)
829
  à partir de 4 features numériques.
 
837
  </div>
838
  </div>
839
 
840
+ <h3 class="concepts-title"> Concepts utilisés</h3>
841
  <div class="concepts-grid">
842
  <div class="concept-item">
843
  <div class="concept-name">KNN</div>
 
865
  </div>
866
  </div>
867
 
868
+ <h3 class="steps-title">Étapes du TP</h3>
869
  <div class="steps-list">
870
  <div class="step-item">
871
  <div class="step-dot">1</div>
 
915
  <div class="tp-header-content">
916
  <h2 class="tp-title">Consommation Énergétique — Séries Temporelles</h2>
917
  <div class="tp-meta">
918
+ <span class="badge badge-primary"> 40 min</span>
919
  <span class="badge badge-secondary">Time Series</span>
920
  <span class="badge badge-success">LSTM</span>
921
  <span class="badge badge-accent">TensorFlow</span>
 
956
 
957
  <div class="tp-goals">
958
  <div class="tp-goal-box">
959
+ <div class="tp-goal-label"> Objectif</div>
960
  <p class="tp-goal-text">
961
  Prédire la consommation énergétique horaire de bâtiments
962
  à partir de données météo et historiques.
 
971
  </div>
972
  </div>
973
 
974
+ <h3 class="concepts-title"> Concepts utilisés</h3>
975
  <div class="concepts-grid">
976
  <div class="concept-item">
977
  <div class="concept-name">Time Series</div>
 
999
  </div>
1000
  </div>
1001
 
1002
+ <h3 class="steps-title"> Étapes du TP</h3>
1003
  <div class="steps-list">
1004
  <div class="step-item">
1005
  <div class="step-dot">1</div>
 
1049
  <div class="tp-header-content">
1050
  <h2 class="tp-title">Reconnaissance de Chiffres — Deep Learning</h2>
1051
  <div class="tp-meta">
1052
+ <span class="badge badge-primary"> 35 min</span>
1053
  <span class="badge badge-secondary">CNN</span>
1054
  <span class="badge badge-success">Computer Vision</span>
1055
  <span class="badge badge-accent">Keras</span>
 
1090
 
1091
  <div class="tp-goals">
1092
  <div class="tp-goal-box">
1093
+ <div class="tp-goal-label"> Objectif</div>
1094
  <p class="tp-goal-text">
1095
  Classifier les images de chiffres manuscrits (0-9)
1096
  avec un CNN et atteindre >99% d'accuracy.
 
1105
  </div>
1106
  </div>
1107
 
1108
+ <h3 class="concepts-title"> Concepts utilisés</h3>
1109
  <div class="concepts-grid">
1110
  <div class="concept-item">
1111
  <div class="concept-name">CNN</div>
 
1133
  </div>
1134
  </div>
1135
 
1136
+ <h3 class="steps-title"> Étapes du TP</h3>
1137
  <div class="steps-list">
1138
  <div class="step-item">
1139
  <div class="step-dot">1</div>
 
1183
  <div class="tp-header-content">
1184
  <h2 class="tp-title">Analyse de Sentiment — NLP</h2>
1185
  <div class="tp-meta">
1186
+ <span class="badge badge-primary"> 40 min</span>
1187
  <span class="badge badge-secondary">NLP</span>
1188
  <span class="badge badge-success">Embeddings</span>
1189
  <span class="badge badge-accent">Transformers</span>
 
1224
 
1225
  <div class="tp-goals">
1226
  <div class="tp-goal-box">
1227
+ <div class="tp-goal-label"> Objectif</div>
1228
  <p class="tp-goal-text">
1229
  Classifier les avis de films comme positifs ou négatifs
1230
  en utilisant des embeddings et un LSTM ou BERT.
 
1239
  </div>
1240
  </div>
1241
 
1242
+ <h3 class="concepts-title"> Concepts utilisés</h3>
1243
  <div class="concepts-grid">
1244
  <div class="concept-item">
1245
  <div class="concept-name">Tokenization</div>
 
1267
  </div>
1268
  </div>
1269
 
1270
+ <h3 class="steps-title"> Étapes du TP</h3>
1271
  <div class="steps-list">
1272
  <div class="step-item">
1273
  <div class="step-dot">1</div>