Images Poc structure + improve transition nb

Author: sbracaloni

talks/pyData/img/mlv_convert/script.png

@@ -20,18 +20,26 @@ <h4>... are terrible! </h4>
         </div>
     </div>
     <aside class="notes">
+        @SDG Great part
         They are even used by Netflix!
+
+        @SBI terrible part
+            - before ML though it was just a tool for demo
     </aside>
 </section>
 <section>
     <p>Copy-pasting </p>
     <aside class="notes">
+        @SDG
         End of the joke
     </aside>
 </section>
 
 <section>
     <p>Converting Jupyter Notebooks to <span class="emph"> scripts </span></p>
+    <aside class="notes">
+        @SDG or @SBI
+    </aside>
 </section>
 
 <section>
@@ -53,10 +61,10 @@ <h4>... are terrible! </h4>
                 </ul>
             </div>
             <div class="fragment"><span class="emph">No effect cells</span></div>
-
         </div>
     </div>
     <aside class="notes">
+        @SDG
         This is a notebook
         - IO params
         - a mode
@@ -71,55 +79,24 @@ <h5><span class="emph">nbconvert</span></h5>
     <img src="./img/nb_convert/script.png"/>
 
     <aside class="notes">
-        This is a notebook
-        - IO params
-        - a mode
-        - some no effect cells
+        @SBI
     </aside>
 </section>
 <!-- ------------------------- NB convert BEGIN-->
-<section data-transition="slide fade-out">
-    <div class="two-halves">
-        <div class="big-half">
-            <img src="./img/nb_convert/formated_script.png"/>
-        </div>
-    </div>
-
-    <aside class="notes">
-        Same script but formatted
-        - not configurable
-    </aside>
-</section>
-<section data-transition="slide fade-out">
-    <div class="two-halves">
-        <div class="big-half">
-            <img src="./img/nb_convert/formated_script_not_conf.png"/>
-        </div>
-        <ul class="small-half">
-            <li class="fragment"><span class="emph">Not configurable</span></li>
-        </ul>
-    </div>
-
-    <aside class="notes">
-        Same script but formatted
-        - not configurable
-    </aside>
-</section>
-<section data-transition="slide fade-out">
+<section>
     <div class="two-halves">
         <div class="big-half">
-            <img src="./img/nb_convert/formated_script_no_effect.png"/>
+            <img class="fragment current-visible" data-fragment-index="2" src="./img/nb_convert/formated_script_not_conf.png">
+            <img class="fragment current-visible" data-fragment-index="3" src="./img/nb_convert/formated_script_no_effect.png">
         </div>
         <ul class="small-half">
-            <li><span class="emph">Not configurable</span></li>
-            <li class="fragment"><span class="emph">Remaining no effect cells</span></li>
+            <li class="fragment" data-fragment-index="2" >Not configurable</li>
+            <li class="fragment" data-fragment-index="3" >Remaining no effect cells</li>
         </ul>
     </div>
 
     <aside class="notes">
-        Same script but formatted
-        - not effect cells
-        -
+        @SBI
     </aside>
 </section>
 <!-- ------------------------- NB convert END-->
@@ -146,12 +123,15 @@ <h5><span class="emph">MLV-tools: ipynb_to_python</span></h5><br/>
 <section>
     <div class="two-halves">
         <div class="big-half">
-            <img src="./img/mlv_convert/script.png"/>
+            <img class="fragment current-visible" data-fragment-index="1" src="./img/mlv_convert/script1.png">
+            <img class="fragment current-visible" data-fragment-index="2" src="./img/mlv_convert/script2.png">
+            <img class="fragment current-visible" data-fragment-index="3" src="./img/mlv_convert/script3.png">
+            <img class="fragment current-visible" data-fragment-index="4" src="./img/mlv_convert/script4.png">
         </div>
-        <ul class="small-half">
-            <li class="fragment"><span class="emph">Configurable</span></li>
-            <li class="fragment"><span class="emph">No more no effect cells</span></li>
-            <li class="fragment"><span class="emph">Executable as a command</span></li>
+        <ul class="small-half" data-fragment-index="1">
+            <li class="fragment" data-fragment-index="2">Function with parameters</li>
+            <li class="fragment" data-fragment-index="3">No more no effect cells</li>
+            <li class="fragment" data-fragment-index="4">Executable as a command</li>
         </ul>
     </div>
 
@@ -162,37 +142,15 @@ <h5><span class="emph">MLV-tools: ipynb_to_python</span></h5><br/>
     </aside>
 </section>
 <section>
-    <p><pre><code>
-/tmp$ ./extract_dataset.py -h
-usage: extract_dataset.py [-h] --subset SUBSET --data-in DATA_IN --output-path
-                          OUTPUT_PATH
-
-Command for script mlvtools_extract_dataset
-
-optional arguments:
-  -h, --help            show this help message and exit
-  --subset SUBSET       Subset of data to load {'train', 'test'}
-  --data-in DATA_IN     File directory path
-  --output-path OUTPUT_PATH
-                        Output file path
-            </code></pre></p>
-
-    <aside class="notes">
-        Same script but formatted
-        - not effect cells
-        -
-    </aside>
-</section>
-<section>OR</section>
-<section>
-    <img src="./img/mlv_convert/cmd.png">
-
-    <aside class="notes">
-    </aside>
-</section>
-<section>
-    <img src="./img/mlv_convert/cmd_param.png">
-
+    <pre><code>
+"""
+:param str subset: Subset of data to load {'train', 'test'}
+:param str data_in: File directory path
+:param str output_path: Output file path
+"""
+    </code></pre>
+    <img class="fragment current-visible" data-fragment-index="2" src="./img/mlv_convert/cmd.png">
+    <img class="fragment current-visible" data-fragment-index="3" src="./img/mlv_convert/cmd_param.png">
     <aside class="notes">
     </aside>
 </section>

talks/pyData/img/mlv_convert/script1.png

@@ -140,31 +140,28 @@ <h4>From ML experiments to production: </h4>
 				<h3> Versioning and Reproducibility </br> with MLV-tools</h3>
 				<p><i> <small> Stéphanie Bracaloni and Sarah Diot-Girard</small></i></p>
 				<aside class="notes">
-
+					@SDG
 				</aside>
 			</section>
 			<section>
 				<h3>About Us</h3>
 				<div class="two-halves">
-					<div class="half">
+					<div class="half" style="text-align: left">
 						<b>Sarah Diot-Girard</b> </br>
 						Data Scientist since 2012 </br>
 						Interested in DataOps and ethics</br>
 						<img class="icon" src="./img/GitHub-logo.png"/ alt="PeopleDoc logo" style="width: 1em"> @SgdJlbl
 					</div>
-					<div class="half">
+					<div class="half" style="text-align: right">
 						<b>Stéphanie Bracaloni</b> </br>
-						Software Engineer [...]</br>
+						Software Engineer since 2013</br>
+						Automation and code Quality</br>
 						<img class="icon" src="./img/GitHub-logo.png"/ alt="PeopleDoc logo" style="width: 1em"> @sbracaloni
 					</div>
 				</div>
 				<img class="plain" src="./img/logo.png"/ alt="PeopleDoc logo" style="width: 4em">
 				<aside class="notes">
-					- Sarah : [petit resumé] + Accroche sur les technos => J'utilise des jupyter notebook
-					et j'ai besoin de ...pouvoir reproduire facilement, garder de la souplesse, ...
-					- Stephanie: [petit résumé] + Accroche Automatisation, Livaison, Tests
-					J'ai besoin de... un truc qui se lance facilement, qui se package, qui soit reproductible
-					sur n'importe quel environnement
+					@SDG + @SBI
 				</aside>
 			</section>
 			<section>
@@ -178,6 +175,7 @@ <h3>About Us</h3>
 				<section>
 					Monday morning, 9am
 					<aside class="notes">
+						@SDG
 						It's Monday morning, 9am.
 						You're an happy DS. Friday night, you finally made  a breakthrough in your research project.
 						 you sent that to your boss.
@@ -186,21 +184,28 @@ <h3>About Us</h3>
 				<section>
 					This is a picture of a nice graph with POC results.
 					<aside class="notes">
+						@SDG
 						You sent the results to your boss.
 						She loves it. She want it in production asap.
 					</aside>
 				</section>
 				<section>
 					Monday morning, 10am
 					<aside class="notes">
+						@SDG  (@SBI => "It's me")
 						It's Monday morning, 10am.
 						You are asking your SE coworker for help. You showed her your POC and now she looks like she's gonna faint
 						and she wants to kill you AT THE SAME TIME!
 					</aside>
 				</section>
 				<section>
-					<img src="./img/poc_worst.jpg"/>
+					<div>
+						<img class="fragment current-visible preload" src="./img/poc_worst1.png">
+						<img class="fragment current-visible" src="./img/poc_worst2.png">
+						<img class="fragment current-visible" src="./img/poc_worst3.png">
+					</div>
 					<aside class="notes">
+						@SDG
 						- git repo with format not really compatible with git versioning
 						- hardcoded stuff (path, user, ...)
 						- hardcoded hyperparameters
@@ -209,24 +214,46 @@ <h3>About Us</h3>
 				<section>
 					Two weeks later
 					<aside class="notes">
+						@SDG
 						Two weeks later.
 						It's  Monday morning, 9am.
 						You have worked hard to clean up the POC. It's a bit better but...
 					</aside>
 				</section>
 				<section>
-					<img src="./img/poc_ml.jpg"/>
+					<div>
+						<img class="fragment current-visible preload" src="./img/poc_ml1.png">
+						<img class="fragment current-visible" src="./img/poc_ml2.png">
+						<img class="fragment current-visible" src="./img/poc_ml3.png">
+						<img class="fragment current-visible" src="./img/poc_ml4.png">
+					</div>
 					<aside class="notes">
+						@SDG
 						Two weeks later.
 						It's  Monday morning, 9am.
 						You have worked hard to clean up the POC. It's a bit better but...
 					</aside>
 				</section>
 				<section>
-					<img src="./img/poc_dev.jpg"/>
+					<div>
+						<img class="fragment current-visible preload" src="./img/poc_dev1.png">
+						<img class="fragment current-visible" src="./img/poc_dev2.png">
+						<img class="fragment current-visible" src="./img/poc_dev3.png">
+						<img class="fragment current-visible" src="./img/poc_dev4.png">
+					</div>
 					<aside class="notes">
-						It's Monday morning, 10am.
-						Your coworker is trying to explain what you need to change so that she can bring your POC into production.
+						@SBI
+						Ok, If I well undstd POC => PROD
+						So we need to:
+						 	- remove Jup Nb
+						    - structure a python module
+						    - add tests
+							- create a CI
+						    - [Most of all] REMOVE DATA
+						=> long time we know how to structure CODE PRJ => tests auto and quality checks
+						and GIT perfect for versioning
+
+						@SDG=> Yes, but you reached a point here! It is not just a CODE PRJ
 					</aside>
 				</section>
 			</section>
@@ -236,6 +263,7 @@ <h3>POC vs PROD</h3>
 					<h4 class="fragment fade-up"> vs Data Scientist </h4>
 					<h4 class="fragment fade-up"> vs Software Engineer </h4>
 					<aside class="notes">
+						@SDG
 						This is the story of
 					</aside>
 				</section>