week 6 blog

Author: AshishRamesh

docs/_posts/21-07-25-Week 6.md

@@ -0,0 +1,88 @@
+---
+title: Week 6 - ROS 2 Follow Line GUI Updates and Vacuum Cleaner Implementation (July 14 ~ July 21)
+date: 2025-07-21
+categories: [Coding Period, Phase Two]
+tags: [robotics-academy, ros2, follow-line, vaccum-cleaner, coding-period, phase-two]
+---
+
+Hey everyone!  
+This week was quite productive as I continued to work on the **ROS 2-native port of the Follow Line and Vacuum Cleaner exercises** and made significant progress in implementing the necessary features for a smooth user experience.
+
+---
+
+### Objectives for the Week
+
+- [x] Update GUI to support publishing of images for the Web UI (Ros Native Follow Line)
+- [x] ROS 2 solution example (Subscriber based WebGUI)
+- [x] Getting started with vaccum cleaner exercise
+- [x] Vaccum Cleaner Solution ( without GUI implementation )
+- [x] Vaccum cleaner exercise Docs (Ros Native)
+
+---
+
+### What I Worked On
+
+This week, I focused on implementing the ROS 2-native solution for the Follow Line exercise and started work on the Vacuum Cleaner exercise. The main tasks included updating the GUI to support image publishing for the Web UI, creating a ROS 2 solution example, and with the Vacuum Cleaner exercise.
+
+#### Follow Line 
+
+The first ticket I worked on was fixing the race condition issue for the `/webgui_image` topic in the Follow Line exercise. I implemented a solution where the topic is created in the backend on exercise startup. This ensured that the topic existed when the GUI module was initialized. This way, the GUI module can automatically subscribe to the topic and display the images without requiring the user to manually call `showImage()`. 
+
+I'm happy to report that this solution is working well and the GUI now displays images as expected!
+
+---
+
+After working on the GUI module, I moved on to updating the ROS 2 solution example for the Follow Line exercise. This involved creating a new solution that uses the `/webgui_image` topic to publish images, allowing the GUI to automatically subscribe to the topic and display it in the Web UI. I also ensured that the solution is compatible with the ROS 2-native implementation and follows best practices for publishing and subscribing to topics.
+
+![Follow line exercise ROS Native implementation](assets/lib/week_5_fl.gif)  
+<sub><i>Follow line exercise ROS Native implementation (Using Subscriber based GUI)</i></sub>
+
+---
+
+#### Vacuum Cleaner Exercise
+
+I started working on the Vacuum Cleaner exercise, which is another important part of the ROS 2-native port. The first step was to create a basic solution that implements the core functionality of the exercise without the GUI. This involved setting up the necessary ROS 2 nodes, publishers, and subscribers to handle the vacuum cleaner's operations.
+
+I approached this by prototyping the laser and bumper topics to get and process data into a similar format as the HAL, but implemented by the user code in a ROS-native manner. I was able to successfully implement the basic functionality of the vacuum cleaner, allowing it to navigate and process the laser and bumper data effectively.
+
+![Vacuum cleaner exercise ROS Native implementation](assets/lib/week_6_vc.gif)  
+<sub><i>Vacuum cleaner exercise ROS Native implementation (Prototyping)</i></sub>
+
+---
+
+After this, I worked on and successfully implemented the complete ROS 2-native solution for the Vacuum Cleaner exercise. The solution involves the vacuum cleaner navigating through the environment by first exploring it in a spiral pattern and then moving based on that exploration. Here's a short video of the implementation in action:
+
+![Vacuum cleaner exercise ROS Native implementation](assets/lib/week_6_vc2.gif)  
+<sub><i>Vacuum cleaner exercise ROS Native implementation</i></sub>
+
+Although the implementation works as intended, I still need to work on the GUI integration for this exercise. This will be my focus in the coming week.
+
+I've also started working on the documentation for the Vacuum Cleaner exercise, ensuring it provides clear instructions for users to understand how to implement the exercise in a ROS 2-native manner. This includes details on the topics used, expected behaviors, and how to run the exercise. I am considering adding a section on how to get processed data from the topics similar to the HAL approach but with the ROS 2-native implementation. However, I need to discuss this with my mentors to finalize the approach.
+
+---
+
+### PRs & Issues Raised
+
+Here are the contributions made this week:
+
+**Issues**
+- [Update GUI to support publishing of images for the Web UI (Ros Native Follow Line)](https://github.com/JdeRobot/RoboticsAcademy/issues/3167)
+- [ROS 2 solution example (Subscriber based WebGUI)](https://github.com/JdeRobot/RoboticsAcademy-solutions/issues/102) (This is a private repo)
+- [Vaccum cleaner exercise Docs (Ros Native)](https://github.com/JdeRobot/RoboticsAcademy/issues/3156)
+
+**Pull Requests**
+- [GUI feature update for Ros native ( Follow line )](https://github.com/JdeRobot/RoboticsAcademy/pull/3168) 
+- [GUI feature update for follow line solution](https://github.com/JdeRobot/RoboticsAcademy-solutions/pull/103) (This is a private repo)
+- [Initial vacuum cleaner commit](https://github.com/JdeRobot/RoboticsAcademy/pull/3157)
+
+### Key Learnings & Outcomes
+- Resolved race condition issues with backend topic creation for reliable GUI communication
+- Enhanced understanding of ROS 2 publisher-subscriber patterns with web UI integration
+- Implemented vacuum cleaner navigation using spiral exploration and sensor data processing
+
+---
+
+Thanks for reading! I’m excited about the progress made this week and looking forward to tackling the challenges ahead. If you have any questions or feedback, feel free to reach out!
+
+Until next week —  
+_Ashish_

docs/_site/404.html

@@ -556,35 +556,35 @@ <h2 class="panel-heading">Recently Updated</h2>
 
 
         <li class="text-truncate lh-lg">
-          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-5/">Week 5 - Mid Term Evaluation & Phase Two Begins! (July 07 ~ July 14)</a>
+          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-6/">Week 6 - ROS 2 Follow Line GUI Updates and Vacuum Cleaner Implementation (July 14 ~ July 21)</a>
         </li>
 
 
 
 
         <li class="text-truncate lh-lg">
-          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-4/">Week 4 - Docs Updates & Frequency Control with Rate (June 30 ~ July 07)</a>
+          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-5/">Week 5 - Mid Term Evaluation & Phase Two Begins! (July 07 ~ July 14)</a>
         </li>
 
 
 
 
         <li class="text-truncate lh-lg">
-          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-3/">Week 3 - ROS 2 Frequency Control & Spin Once (June 17 ~ 23)</a>
+          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-4/">Week 4 - Docs Updates & Frequency Control with Rate (June 30 ~ July 07)</a>
         </li>
 
 
 
 
         <li class="text-truncate lh-lg">
-          <a href="/gsoc2025-Ashish_Ramesh/posts/week-2/">Week 2 - ROS 2 Spin Logic & Design Decisions (June 10 ~ 16)</a>
+          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-3/">Week 3 - ROS 2 Frequency Control & Spin Once (June 17 ~ 23)</a>
         </li>
 
 
 
 
         <li class="text-truncate lh-lg">
-          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-1/">Week 1 - Coding Period Begins! (June 2 ~ 9)</a>
+          <a href="/gsoc2025-Ashish_Ramesh/posts/week-2/">Week 2 - ROS 2 Spin Logic & Design Decisions (June 10 ~ 16)</a>
         </li>
 
     </ul>
@@ -804,6 +804,8 @@ <h2 class="panel-heading">Recently Updated</h2>
 
 
 
+      
+    
 
 
 
@@ -814,6 +816,8 @@ <h2 class="panel-heading">Recently Updated</h2>
 
 
 
+      
+    
 
 
 
@@ -838,6 +842,8 @@ <h2 class="panel-heading">Recently Updated</h2>
 
 
 
+      
+    
 
 
 
@@ -848,6 +854,8 @@ <h2 class="panel-heading">Recently Updated</h2>
 
 
 
+      
+    
 
 
 
@@ -1183,6 +1191,8 @@ <h2 class="panel-heading">Trending Tags</h2>
 
 
 
+      
+    
 
 
 
@@ -1193,6 +1203,8 @@ <h2 class="panel-heading">Trending Tags</h2>
 
 
 
+      
+    
 
 
 
@@ -1217,6 +1229,8 @@ <h2 class="panel-heading">Trending Tags</h2>
 
 
 
+      
+    
 
 
 
@@ -1227,6 +1241,8 @@ <h2 class="panel-heading">Trending Tags</h2>
 
 
 
+      
+    
 
 
 

docs/_site/about/index.html

@@ -38,12 +38,12 @@
 <meta property="og:url" content="http://localhost:4000/gsoc2025-Ashish_Ramesh/about/" />
 <meta property="og:site_name" content="Ashish Ramesh JdeRobot x GSoC 2025" />
 <meta property="og:type" content="article" />
-<meta property="article:published_time" content="2025-07-14T20:24:51+05:30" />
+<meta property="article:published_time" content="2025-07-21T18:36:36+05:30" />
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="About" />
 <meta name="twitter:site" content="@Ashish_Ramesh03" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"WebSite","dateModified":"2025-07-14T20:24:51+05:30","datePublished":"2025-07-14T20:24:51+05:30","description":"Weekly GSoC updates, ROS 2 development logs, and open source contributions with JdeRobot during Google Summer of Code 2025.","headline":"About","name":"Ashish Ramesh","sameAs":["https://github.com/AshishRamesh","https://www.linkedin.com/in/ashish-ramesh-7566ba245/"],"url":"http://localhost:4000/gsoc2025-Ashish_Ramesh/about/"}</script>
+{"@context":"https://schema.org","@type":"WebSite","dateModified":"2025-07-21T18:36:36+05:30","datePublished":"2025-07-21T18:36:36+05:30","description":"Weekly GSoC updates, ROS 2 development logs, and open source contributions with JdeRobot during Google Summer of Code 2025.","headline":"About","name":"Ashish Ramesh","sameAs":["https://github.com/AshishRamesh","https://www.linkedin.com/in/ashish-ramesh-7566ba245/"],"url":"http://localhost:4000/gsoc2025-Ashish_Ramesh/about/"}</script>
 <!-- End Jekyll SEO tag -->
 
 
@@ -562,35 +562,35 @@ <h2 class="panel-heading">Recently Updated</h2>
 
 
         <li class="text-truncate lh-lg">
-          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-5/">Week 5 - Mid Term Evaluation & Phase Two Begins! (July 07 ~ July 14)</a>
+          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-6/">Week 6 - ROS 2 Follow Line GUI Updates and Vacuum Cleaner Implementation (July 14 ~ July 21)</a>
         </li>
 
 
 
 
         <li class="text-truncate lh-lg">
-          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-4/">Week 4 - Docs Updates & Frequency Control with Rate (June 30 ~ July 07)</a>
+          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-5/">Week 5 - Mid Term Evaluation & Phase Two Begins! (July 07 ~ July 14)</a>
         </li>
 
 
 
 
         <li class="text-truncate lh-lg">
-          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-3/">Week 3 - ROS 2 Frequency Control & Spin Once (June 17 ~ 23)</a>
+          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-4/">Week 4 - Docs Updates & Frequency Control with Rate (June 30 ~ July 07)</a>
         </li>
 
 
 
 
         <li class="text-truncate lh-lg">
-          <a href="/gsoc2025-Ashish_Ramesh/posts/week-2/">Week 2 - ROS 2 Spin Logic & Design Decisions (June 10 ~ 16)</a>
+          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-3/">Week 3 - ROS 2 Frequency Control & Spin Once (June 17 ~ 23)</a>
         </li>
 
 
 
 
         <li class="text-truncate lh-lg">
-          <a href="/gsoc2025-Ashish_Ramesh/posts/Week-1/">Week 1 - Coding Period Begins! (June 2 ~ 9)</a>
+          <a href="/gsoc2025-Ashish_Ramesh/posts/week-2/">Week 2 - ROS 2 Spin Logic & Design Decisions (June 10 ~ 16)</a>
         </li>
 
     </ul>
@@ -810,6 +810,8 @@ <h2 class="panel-heading">Recently Updated</h2>
 
 
 
+      
+    
 
 
 
@@ -820,6 +822,8 @@ <h2 class="panel-heading">Recently Updated</h2>
 
 
 
+      
+    
 
 
 
@@ -844,6 +848,8 @@ <h2 class="panel-heading">Recently Updated</h2>
 
 
 
+      
+    
 
 
 
@@ -854,6 +860,8 @@ <h2 class="panel-heading">Recently Updated</h2>
 
 
 
+      
+    
 
 
 
@@ -1189,6 +1197,8 @@ <h2 class="panel-heading">Trending Tags</h2>
 
 
 
+      
+    
 
 
 
@@ -1199,6 +1209,8 @@ <h2 class="panel-heading">Trending Tags</h2>
 
 
 
+      
+    
 
 
 
@@ -1223,6 +1235,8 @@ <h2 class="panel-heading">Trending Tags</h2>
 
 
 
+      
+    
 
 
 
@@ -1233,6 +1247,8 @@ <h2 class="panel-heading">Trending Tags</h2>
 
 
 
+      
+