added Mobile-Swarm-Navigation

_projects/10_project.md

@@ -0,0 +1,81 @@
+---
+layout: page
+title: project 7
+description: with background image
+img: assets/img/4.jpg
+importance: 1
+category: work
+related_publications: true
+---
+
+Every project has a beautiful feature showcase page.
+It's easy to include images in a flexible 3-column grid format.
+Make your photos 1/3, 2/3, or full width.
+
+To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+    ---
+    layout: page
+    title: project
+    description: a project with a background image
+    img: /assets/img/12.jpg
+    ---
+
+<div class="row">
+    <div class="col-sm mt-3 mt-md-0">
+        {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+    </div>
+    <div class="col-sm mt-3 mt-md-0">
+        {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+    </div>
+    <div class="col-sm mt-3 mt-md-0">
+        {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+    </div>
+</div>
+<div class="caption">
+    Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+</div>
+<div class="row">
+    <div class="col-sm mt-3 mt-md-0">
+        {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+    </div>
+</div>
+<div class="caption">
+    This image can also have a caption. It's like magic.
+</div>
+
+You can also put regular text between your rows of images, even citations {% cite einstein1950meaning %}.
+Say you wanted to write a bit about your project before you posted the rest of the images.
+You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images.
+
+<div class="row justify-content-sm-center">
+    <div class="col-sm-8 mt-3 mt-md-0">
+        {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+    </div>
+    <div class="col-sm-4 mt-3 mt-md-0">
+        {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+    </div>
+</div>
+<div class="caption">
+    You can also have artistically styled 2/3 + 1/3 images, like these.
+</div>
+
+The code is simple.
+Just wrap your images with `<div class="col-sm">` and place them inside `<div class="row">` (read more about the <a href="https://getbootstrap.com/docs/4.4/layout/grid/">Bootstrap Grid</a> system).
+To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
+Here's the code for the last row of images above:
+
+{% raw %}
+
+```html
+<div class="row justify-content-sm-center">
+  <div class="col-sm-8 mt-3 mt-md-0">
+    {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+  </div>
+  <div class="col-sm-4 mt-3 mt-md-0">
+    {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+  </div>
+</div>
+```
+
+{% endraw %}

_projects/1_project.md

@@ -3,7 +3,7 @@ layout: page
 title: Autonomous Driving B3RB-buggy
 description: Advanced Autonomous Driving System for NXP-AIM'24
 img: assets/img/b3rb_buggy.jpg
-importance: 1
+importance: 2
 category: robotics
 related_publications: true
 ---

_projects/2_project.md

@@ -3,7 +3,7 @@ layout: page
 title: Hologlyph Bots  
 description: Swarm Holonomic Robots for Autonomous drawing
 img: assets/img/hologlyph_swarm.png  
-importance: 2 
+importance: 3
 category: robotics  
 ---
 

_projects/3_project.md

@@ -3,7 +3,7 @@ layout: page
 title: Embedded Toy Detection  
 description: Real-time toy detection for mobile robots using advanced object detection models  
 img: assets/img/toy_det_image.png
-importance: 3  
+importance: 4 
 category: ml_research     
 ---
 

_projects/4_project.md

@@ -3,7 +3,7 @@ layout: page
 title: Warehouse Drone  
 description: Navigation and Control Systems  
 img: assets/img/wd_sim_drone.png  
-importance: 4
+importance: 5
 category: robotics  
 ---
 

_projects/5_project.md

@@ -3,7 +3,7 @@ layout: page
 title: Data Augmentation using DCGANs  
 description: Research on dataset augmentation through generative adversarial networks  
 img: assets/img/sample_generated_image.png  
-importance: 5 
+importance: 6
 category: ml_research
 ---   
 

_projects/6_project.md

@@ -1,80 +1,83 @@
 ---
 layout: page
-title: project 6
-description: a project with no image
-img:
-importance: 6
-category: ml_research_
+title: Mobile-Swarm-Navigation
+description: Multi-Robot Autonoumous Semantic Exploration and Navigation
+img: assets/video/3_final.gif
+importance: 1
+category: robotics
 ---
+### <a href="https://github.com/Loki-Silvres/Mobile-Swarm-Navigation">[Code]</a>
 
-Every project has a beautiful feature showcase page.
-It's easy to include images in a flexible 3-column grid format.
-Make your photos 1/3, 2/3, or full width.
+The Autonomous Swarm Navigation System leverages advanced AI and robotics frameworks to enable coordinated multi-robot mapping, task allocation, and semantic exploration of dynamic environments. This project was developed to showcase innovative swarm robotics solutions for real-world applications.
+
+<div class="row">
+   <div class="col-sm mt-6 mt-md-0">
+       {% include figure.liquid loading="eager" path="assets/video/Multi_explore_merge.gif" title="Autonomous Mapping" class="img-fluid rounded z-depth-1" %}
+   </div> 
+   <div class="col-sm mt-6 mt-md-0"> 
+       {% include figure.liquid loading="eager" path="assets/img/Object_map.png" title="Stereo Depth Sensing" class="img-fluid rounded z-depth-1" %}
+   </div>
+</div>
+<div class="caption">
+   Robots performing mapping and depth sensing for semantic understanding of the environment.
+</div>
 
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
 
-    ---
-    layout: page 
-    title: project
-    description: a project with a background image
-    img: /assets/img/12.jpg
-    ---
+## System Overview
+
+The system employs a Central Nervous System (powered by a Large Language Model) to:
+- Process textual commands.
+- Coordinate robot tasks through a scheduler.
+- Manage dynamic state updates for swarm efficiency.
 
 <div class="row">
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
+   <div class="col-sm mt-6 mt-md-0">
+       {% include figure.liquid loading="eager" path="assets/video/Environments.gif" title="Swarm Navigation" class="img-fluid rounded z-depth-1" %}
+   </div>
+   <div class="col-sm mt-6 mt-md-0">
+       {% include figure.liquid loading="eager" path="assets/img/Waffle.png" title="Robot" class="img-fluid rounded z-depth-1" %}
+   </div>  
 </div>
-<div class="caption">
-    Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+<div class="caption"> 
+   Left: Environments used. Right: Robot used.
 </div>
+
+Unit robots autonomously execute tasks such as:
+
+- **SLAM**: Simultaneous Localization and Mapping.
+- **Stereo Depth Sensing**: For spatial perception.
+- **Instance Segmentation**: To generate a object map of the environment and add them to a shared dynamic database.
+
+These capabilities enable seamless task navigation, manipulation, and exploration within dynamic environments.
+
 <div class="row">
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
+   <div class="col-sm mt-6 mt-md-0">
+       {% include figure.liquid loading="eager" path="assets/video/Swarm_Navigation.gif" title="Swarm Navigation" class="img-fluid rounded z-depth-1" %}
+   </div>
 </div>
 <div class="caption">
-    This image can also have a caption. It's like magic.
+   Dynamic goal assignment and planning in a swarm of robots.
 </div>
 
-You can also put regular text between your rows of images.
-Say you wanted to write a little bit about your project before you posted the rest of the images.
-You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images.
-
-<div class="row justify-content-sm-center">
-    <div class="col-sm-8 mt-3 mt-md-0">
-        {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-    <div class="col-sm-4 mt-3 mt-md-0">
-        {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
+### Highlights:
+- Real-time map generation and semantic updates.
+
+<div class="row">
+   <div class="col-sm mt-6 mt-md-0">
+       {% include figure.liquid loading="eager" path="assets/video/Dynamic_database.gif" title="Swarm Navigation" class="img-fluid rounded z-depth-1" %}
+   </div>
 </div>
 <div class="caption">
-    You can also have artistically styled 2/3 + 1/3 images, like these.
+   Dynamic Semantic Mapping.
 </div>
 
-The code is simple.
-Just wrap your images with `<div class="col-sm">` and place them inside `<div class="row">` (read more about the <a href="https://getbootstrap.com/docs/4.4/layout/grid/">Bootstrap Grid</a> system).
-To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
-Here's the code for the last row of images above:
-
-{% raw %}
-
-```html
-<div class="row justify-content-sm-center">
-  <div class="col-sm-8 mt-3 mt-md-0">
-    {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-  </div>
-  <div class="col-sm-4 mt-3 mt-md-0">
-    {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-  </div>
-</div>
-```
+- Coordinated task allocation with minimal redundancy.
+- Efficient coverage of unknown environments through collaborative exploration.
+
+## Future Work
+
+- **Integration with Robotic Arms**: Increase of Task Space with added manipulation tasks.
+- **Simultaneous Exploration and Navigation**: Merging of the 2 phases of Exploration and Navigation.
+
+---
 
-{% endraw %}