Skip to content

Commit

Permalink
deploy: 19c8ab7
Browse files Browse the repository at this point in the history
  • Loading branch information
@ciupava
ciupava committed Sep 2, 2024
1 parent 3485ee2 commit 4f7b34d
Show file tree
Hide file tree
Showing 4 changed files with 102 additions and 80 deletions.
93 changes: 54 additions & 39 deletions SoTM24/slides.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -348,29 +348,45 @@ <h1><i class="fa fa-map"></i> Introduction</h1>
<section id="section" class="slide level2" data-background-image="../images/Intro_sotm.png" data-background-size="1200px">
<h2><i class="fa fa-map"></i></h2>
</section>
<section id="section-1" class="slide level2" data-background-image="../images/fair_morewebpage.png" data-background-size="800px">
<section id="section-1" class="slide level2">
<h2><i class="fa fa-map"></i></h2>
<div class="columns">
<div class="column" style="width:5%;">

</div><div class="column" style="width:40%;">
<p><img data-src="../images/pic_kshitij_square.png"></p>
<p>Kshitij (Nepal)</p>
</div><div class="column" style="width:5%;">

</div><div class="column" style="width:40%;">
<p><img data-src="../images/pic_omran_square.png"></p>
<p>Omran (Germany)</p>
</div>
</div>
</section>
<section id="section-2" class="slide level2" data-background-image="../images/fair_morewebpage.png" data-background-size="800px">
<h2><i class="fa fa-map"></i></h2>
<p><i class="fa fa-compass"></i> fAIr</p>
<p><br><br><br><br> <br><br><br></p>
<p><a href="https://fair-dev.hotosm.org/">https://fair-dev.hotosm.org/</a></p>
</section>
<section id="section-2" class="slide level2" data-background-image="../images/fair_sample1.png" data-background-size="1200px">
<section id="section-3" class="slide level2" data-background-image="../images/fair_sample1.png" data-background-size="1200px">
<h2><i class="fa fa-map"></i></h2>
<p><i class="fas fa-lightbulb"></i> Reason for research</p>
</section>
<section id="section-3" class="slide level2" data-background-image="../images/fair_sample1_pred.png" data-background-size="1200px">
<section id="section-4" class="slide level2" data-background-image="../images/fair_sample1_pred.png" data-background-size="1200px">
<h2><i class="fa fa-map"></i></h2>
<p><i class="fas fa-lightbulb"></i></p>
</section>
<section id="section-4" class="slide level2" data-background-image="../images/fair_sample2.png" data-background-size="1200px" data-background-color="black">
<section id="section-5" class="slide level2" data-background-image="../images/fair_sample2.png" data-background-size="1200px" data-background-color="black">
<h2><i class="fa fa-map"></i></h2>
<p><i class="fas fa-lightbulb"></i></p>
</section>
<section id="section-5" class="slide level2" data-background-image="../images/fair_sample2_pred.png" data-background-size="1200px" data-background-color="black">
<section id="section-6" class="slide level2" data-background-image="../images/fair_sample2_pred.png" data-background-size="1200px" data-background-color="black">
<h2><i class="fa fa-map"></i></h2>
<p><i class="fas fa-lightbulb"></i></p>
</section>
<section id="section-6" class="slide level2" data-background-image="../images/fair_sample2_pred.png" data-background-size="1200px" data-background-color="black">
<section id="section-7" class="slide level2" data-background-image="../images/fair_sample2_pred.png" data-background-size="1200px" data-background-color="black">
<h2><i class="fa fa-map"></i></h2>
<p><i class="fas fa-lightbulb"></i> <br><br><br></p>
<p>How accurate is fAIr in detecting buildings</p>
Expand All @@ -381,14 +397,14 @@ <h2><i class="fa fa-map"></i></h2>
<h1><i class="fas fa-search"></i> Methods</h1>

</section>
<section id="section-7" class="slide level2" data-background-image="../images/MLmethod2.png" data-background-size="1300px">
<section id="section-8" class="slide level2" data-background-image="../images/MLmethod2.png" data-background-size="1300px">
<h2><i class="fas fa-search"></i></h2>
</section>
<section id="section-8" class="slide level2" data-background-image="../images/oam_morewebpage.png" data-background-size="800px" data-background-color="black">
<section id="section-9" class="slide level2" data-background-image="../images/oam_morewebpage.png" data-background-size="800px" data-background-color="black">
<h2><i class="fas fa-search"></i></h2>
<p><i class="far fa-images"></i> RGB from OAM <br><br><br><br><br><br> <br><br><br> <a href="https://openaerialmap.org/">Open Aerial Map</a></p>
</section>
<section id="section-9" class="slide level2" data-background-image="../images/labels_fair.png" data-background-size="1200px">
<section id="section-10" class="slide level2" data-background-image="../images/labels_fair.png" data-background-size="1200px">
<h2><i class="fas fa-search"></i></h2>
<p><i class="fas fa-home"></i> Labels from OSM <br><br><br><br><br><br> <br><br><br> <a href="https://fair-dev.hotosm.org/training-datasets">Preprocessing through fAIr website</a></p>
</section></section>
Expand Down Expand Up @@ -439,83 +455,83 @@ <h2><i class="fas fa-globe-africa"></i> Dataset</h2>
</table>
<!-- : {tbl-colwidths="[70,30]"} -->
</section>
<section id="section-10" class="slide level2" data-background-image="../images/world_map_citieslocations.png">
<section id="section-11" class="slide level2" data-background-image="../images/world_map_citieslocations.png">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fas fa-map-marker-alt"></i> Locations</p>
</section>
<section id="section-11" class="slide level2" data-background-image="../images/world_map_byurbantype.png">
<section id="section-12" class="slide level2" data-background-image="../images/world_map_byurbantype.png">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fas fa-list"></i> Degree of urbanity</p>
</section>
<section id="section-12" class="slide level2" data-background-image="../images/urban1.png" data-background-color="black">
<section id="section-13" class="slide level2" data-background-image="../images/urban1.png" data-background-color="black">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fa fa-university"></i> Rural</p>
<p><br> Desa Kulaba</p>
<p>[Indonesia]</p>
</section>
<section id="section-13" class="slide level2" data-background-image="../images/urban2.png">
<section id="section-14" class="slide level2" data-background-image="../images/urban2.png">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fa fa-university"></i> Peri-urban</p>
<p><br> Ggaba</p>
<p>[Uganda]</p>
</section>
<section id="section-14" class="slide level2" data-background-image="../images/urban4.png" data-background-color="black">
<section id="section-15" class="slide level2" data-background-image="../images/urban4.png" data-background-color="black">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fa fa-university"></i> Urban</p>
<p><br> Bogota</p>
<p>[Colombia]</p>
</section>
<section id="section-15" class="slide level2" data-background-image="../images/urban3.png" data-background-color="black">
<section id="section-16" class="slide level2" data-background-image="../images/urban3.png" data-background-color="black">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fa fa-university"></i> Refugee camp</p>
<p><br> Kakuma</p>
<p>[Kenya]</p>
</section>
<section id="section-16" class="slide level2" data-background-image="../images/world_map_bycovertype.png">
<section id="section-17" class="slide level2" data-background-image="../images/world_map_bycovertype.png">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fas fa-list"></i> Roof cover type</p>
</section>
<section id="section-17" class="slide level2" data-background-image="../images/cover1.png">
<section id="section-18" class="slide level2" data-background-image="../images/cover1.png">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fas fa-shapes"></i> Shingles</p>
<p><br> Silvania</p>
<p>[Brasil]</p>
</section>
<section id="section-18" class="slide level2" data-background-image="../images/cover2.png" data-background-color="black">
<section id="section-19" class="slide level2" data-background-image="../images/cover2.png" data-background-color="black">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fas fa-shapes"></i> Metal</p>
<p><br> Ngaoundere</p>
<p>[Cameroon]</p>
</section>
<section id="section-19" class="slide level2" data-background-image="../images/cover3.png">
<section id="section-20" class="slide level2" data-background-image="../images/cover3.png">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fas fa-shapes"></i> Cement</p>
<p><br> Melbourne</p>
<p>[Australia]</p>
</section>
<section id="section-20" class="slide level2" data-background-image="../images/cover4.png">
<section id="section-21" class="slide level2" data-background-image="../images/cover4.png">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fas fa-shapes"></i> Mixed</p>
<p><br> Kutupalong</p>
<p>[Bangladesh]</p>
</section>
<section id="section-21" class="slide level2" data-background-image="../images/world_map_bydensity.png">
<section id="section-22" class="slide level2" data-background-image="../images/world_map_bydensity.png">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fas fa-list"></i> Urban density</p>
</section>
<section id="section-22" class="slide level2" data-background-image="../images/density1.png" data-background-color="black">
<section id="section-23" class="slide level2" data-background-image="../images/density1.png" data-background-color="black">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fa fa-th"></i> Dense</p>
<p><br> Montevideo</p>
<p>[Uruguay]</p>
</section>
<section id="section-23" class="slide level2" data-background-image="../images/density3.png">
<section id="section-24" class="slide level2" data-background-image="../images/density3.png">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fa fa-th"></i> Sparse</p>
<p><br> Gornja Rijeka</p>
<p>[Croatia]</p>
</section>
<section id="section-24" class="slide level2" data-background-image="../images/density2.png">
<section id="section-25" class="slide level2" data-background-image="../images/density2.png">
<h2><i class="fas fa-globe-africa"></i></h2>
<p><i class="fa fa-th"></i> Grid</p>
<p><br> Quincy</p>
Expand All @@ -526,23 +542,23 @@ <h2><i class="fas fa-globe-africa"></i></h2>
<h1><i class="fas fa-server"></i> ML engine</h1>
<!-- # <i class="fas fa-graduation-cap"></i> Semantic segmentation -->
</section>
<section id="section-25" class="slide level2" data-background-image="../images/ramp_morewebpage.png" data-background-size="800px" data-background-color="black">
<section id="section-26" class="slide level2" data-background-image="../images/ramp_morewebpage.png" data-background-size="800px" data-background-color="black">
<h2><i class="fa fa-server"></i></h2>
<p><br><br><br><br><br><br> <br><br><br></p>
<p><a href="https://rampml.global/">https://rampml.global/</a></p>
</section>
<section id="section-26" class="slide level2" data-background-image="../images/ramp_effunet_morewebpage2.png" data-background-size="600px">
<section id="section-27" class="slide level2" data-background-image="../images/ramp_effunet_morewebpage2.png" data-background-size="600px">
<h2><i class="fas fa-server"></i></h2>
<p><br><br><br><br><br><br> <br><br><br><br></p>
<p><a href="https://rampml.global/ramp-model-card/">2020 paper by Baheti et al.</a></p>
</section>
<section id="section-27" class="slide level2" data-background-image="../images/metrics3.png" data-background-size="1200px">
<section id="section-28" class="slide level2" data-background-image="../images/metrics2.png" data-background-size="1200px">
<h2><i class="fas fa-chart-bar"></i></h2>
<p><i class="fas fa-chart-line"></i> Metrics</p>
<p><br><br><br><br><br><br> <br><br><br><br></p>
<p>Source: <a href="Metric%20reloaded,%20Reinke%20et%20al.">https://metrics-reloaded.dkfz.de/metric-library</a></p>
</section>
<section id="section-28" class="slide level2" data-background-image="../images/metrics2.png" data-background-size="1200px">
<section id="section-29" class="slide level2" data-background-image="../images/metrics3.png" data-background-size="1200px">
<h2><i class="fas fa-chart-bar"></i></h2>
<p><i class="fas fa-chart-line"></i> Metrics</p>
<p><br><br><br><br><br><br> <br><br><br><br></p>
Expand All @@ -553,7 +569,7 @@ <h2><i class="fas fa-chart-bar"></i></h2>
<h1><i class="fa fa-chart-bar"></i> Results</h1>

</section>
<section id="section-29" class="slide level2">
<section id="section-30" class="slide level2">
<h2><i class="fas fa-chart-bar"></i></h2>
<p><i class="fas fa-hourglass-half"></i> Training</p>
<table>
Expand Down Expand Up @@ -587,19 +603,19 @@ <h2><i class="fas fa-chart-bar"></i></h2>
</tbody>
</table>
</section>
<section id="section-30" class="slide level2" data-background-image="../images/graph_sample.png" data-background-size="900px">
<section id="section-31" class="slide level2" data-background-image="../images/graph_sample.png" data-background-size="900px">
<h2><i class="fa fa-chart-bar"></i></h2>
</section>
<section id="section-31" class="slide level2" data-background-image="../images/graph_with_circle2.png" data-background-size="900px">
<section id="section-32" class="slide level2" data-background-image="../images/graph_with_circle2.png" data-background-size="900px">
<h2><i class="fa fa-chart-bar"></i></h2>
</section>
<section id="section-32" class="slide level2" data-background-image="../images/plot_map_density2.png" data-background-size="800px">
<section id="section-33" class="slide level2" data-background-image="../images/plot_map_density2.png" data-background-size="800px">
<h2><i class="fa fa-chart-bar"></i></h2>
<p><del><i class="fa fa-university"></i> Urbanity</del></p>
<p><del><i class="fas fa-shapes"></i> Roof type</del></p>
<p><i class="fa fa-th"></i> Density</p>
</section>
<section id="section-33" class="slide level2" data-background-image="../images/plot_box_all4.png" data-background-size="800px">
<section id="section-34" class="slide level2" data-background-image="../images/plot_box_all4.png" data-background-size="800px">
<h2><i class="fa fa-chart-bar"></i></h2>
<p><i class="fa fa-puzzle-piece"></i></p>
<p><del>Batch size</del></p>
Expand Down Expand Up @@ -652,19 +668,19 @@ <h2><i class="fas fa-hand-point-down"></i> Conclusions</h2>
</div>
</div>
</section>
<section id="section-34" class="slide level2" data-background-image="../images/banyuwangi_batch16.png" data-background-size="1100px">
<section id="section-35" class="slide level2" data-background-image="../images/banyuwangi_batch16.png" data-background-size="1100px">
<h2><i class="fas fa-hand-point-down"></i></h2>
<p><i class="fas fa-map-marked-alt"></i></p>
<p><br> Banyuwangi</p>
<p>[Indonesia]</p>
</section>
<section id="section-35" class="slide level2" data-background-image="../images/pallabi_batch16.png" data-background-size="1100px">
<section id="section-36" class="slide level2" data-background-image="../images/pallabi_batch16.png" data-background-size="1100px">
<h2><i class="fas fa-hand-point-down"></i></h2>
<p><i class="fas fa-map-marked-alt"></i></p>
<p><br> Pallaby, Dhaka</p>
<p>[Bangladesh]</p>
</section>
<section id="section-36" class="slide level2">
<section id="section-37" class="slide level2">
<h2><i class="fas fa-hand-point-down"></i></h2>
<p><i class="fas fa-rocket"></i> Future</p>
<p><br> <br></p>
Expand All @@ -673,9 +689,8 @@ <h2><i class="fas fa-hand-point-down"></i></h2>
</div>
</section></section>
<section id="thank-you" class="title-slide slide level1 center" data-background-image="../images/black_background.jpg" data-background-color="black">
<h1>THANK YOU</h1>
<p><br><br> <i class="fa fa-at"></i></p>
<p>GitHub repo <a href="https://github.com/ciupava/fAIr-utilities">https://github.com/ciupava/fAIr-utilities</a> <br> fAIr website <a href="https://fair-dev.hotosm.org/">https://fair-dev.hotosm.org/</a> <br> This presentation <i class="fas fa-angle-down"></i></p>
<h1><i class="fas fa-praying-hands"></i> THANK YOU</h1>
<p><br><br><br><br> <i class="fa fa-at"></i> <br> Code <a href="https://github.com/ciupava/fAIr-utilities">https://github.com/ciupava/fAIr-utilities</a> <br> fAIr website <a href="https://fair.hotosm.org/">https://fair.hotosm.org/</a> <br> This presentation <i class="fas fa-angle-down"></i></p>

<div class="footer footer-default">
<p>These slides at <a href="https://ciupava.github.io/talks/SoTM24/slides.html" class="uri">https://ciupava.github.io/talks/SoTM24/slides.html</a></p>
Expand Down
Binary file added images/pic_kshitij_square.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/pic_omran_square.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 4f7b34d

Please sign in to comment.