edic-nus · gssmay · Oct 27, 2024 · Oct 27, 2024 · Nov 1, 2024 · Nov 6, 2024
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.idea
diff --git a/README.md b/README.md
@@ -1,5 +1,8 @@
-# Basic template for iDP report
+# CDE4301 ASI-401 Swarm of Drones project
 
-## Tools used
+Welcome to the GitHub repository for our project! You may find our project site [here](https://cde-4301-asi-401.github.io/midterm-report/)
+
+## Acknowledgement for Tools used
 - Grid.js for generating table
 - Shoelace for custom web-components
+
diff --git a/assets/arena.jpg b/assets/arena.jpg
diff --git a/assets/blackranger.png b/assets/blackranger.png
diff --git a/assets/blueranger.png b/assets/blueranger.png
diff --git a/assets/matthew/arena.png b/assets/matthew/arena.png
diff --git a/assets/matthew/arenaWithPillarZone.png b/assets/matthew/arenaWithPillarZone.png
diff --git a/assets/matthew/hoveringTest.png b/assets/matthew/hoveringTest.png
diff --git a/assets/matthew/lineOfSightDoesNotPickUpPillar.png b/assets/matthew/lineOfSightDoesNotPickUpPillar.png
diff --git a/assets/matthew/matthew.png b/assets/matthew/matthew.png
diff --git a/assets/matthew/mockUp.png b/assets/matthew/mockUp.png
diff --git a/assets/matthew/newPillar.png b/assets/matthew/newPillar.png
diff --git a/assets/matthew/oldPillar.png b/assets/matthew/oldPillar.png
diff --git a/assets/matthew/studio1.png b/assets/matthew/studio1.png
diff --git a/assets/matthew/tlabComputerRoom.png b/assets/matthew/tlabComputerRoom.png
diff --git a/assets/matthew/zigZagFlightPath.png b/assets/matthew/zigZagFlightPath.png
diff --git a/assets/pinkranger.png b/assets/pinkranger.png
diff --git a/assets/redranger.png b/assets/redranger.png
diff --git a/assets/section-1/figure_1_10_specifications_of_danger_zones.png b/assets/section-1/figure_1_10_specifications_of_danger_zones.png
diff --git a/assets/section-1/figure_1_11_penalty_process_avoid_danger_zones.png b/assets/section-1/figure_1_11_penalty_process_avoid_danger_zones.png
diff --git a/assets/section-1/figure_1_12_specifications_of_navigation_aids.png b/assets/section-1/figure_1_12_specifications_of_navigation_aids.png
diff --git a/assets/section-1/figure_1_13_potential_navigation_aids.png b/assets/section-1/figure_1_13_potential_navigation_aids.png
diff --git a/assets/section-1/figure_1_14_specifications_of_pillar_obstacles.png b/assets/section-1/figure_1_14_specifications_of_pillar_obstacles.png
diff --git a/assets/section-1/figure_1_15_potential_pillar_obstacles.png b/assets/section-1/figure_1_15_potential_pillar_obstacles.png
diff --git a/assets/section-1/figure_1_1_indoorArena.png b/assets/section-1/figure_1_1_indoorArena.png
diff --git a/assets/section-1/figure_1_2_scoringTable.png b/assets/section-1/figure_1_2_scoringTable.png
diff --git a/assets/section-1/figure_1_3_SAFMC_2025_playing_field.png b/assets/section-1/figure_1_3_SAFMC_2025_playing_field.png
diff --git a/assets/section-1/figure_1_4_SAFMC_2025_dimensions_of_elements.png b/assets/section-1/figure_1_4_SAFMC_2025_dimensions_of_elements.png
diff --git a/assets/section-1/figure_1_5_known_search_area.png b/assets/section-1/figure_1_5_known_search_area.png
diff --git a/assets/section-1/figure_1_6_unknown_search_area.png b/assets/section-1/figure_1_6_unknown_search_area.png
diff --git a/assets/section-1/figure_1_7_pillar_area.png b/assets/section-1/figure_1_7_pillar_area.png
diff --git a/assets/section-1/figure_1_8_specifications_of_victim_markers.png b/assets/section-1/figure_1_8_specifications_of_victim_markers.png
diff --git a/assets/section-1/figure_1_9_scoring_process_rescue_victims.png b/assets/section-1/figure_1_9_scoring_process_rescue_victims.png
diff --git a/assets/section-10/figure_10_1_project_gantt_chart.png b/assets/section-10/figure_10_1_project_gantt_chart.png
diff --git a/assets/section-2/figure_2_1_1_basic_bitcraze_crazyflie_without_add_ons.png b/assets/section-2/figure_2_1_1_basic_bitcraze_crazyflie_without_add_ons.png
diff --git a/...1_2_1_expansion_decks_left_ai_deck_middle_flow_deck_right_multi_ranger_deck.png b/...1_2_1_expansion_decks_left_ai_deck_middle_flow_deck_right_multi_ranger_deck.png
diff --git a/...1_2_2_expansion_decks_left_ai_deck_middle_flow_deck_right_multi_ranger_deck.png b/...1_2_2_expansion_decks_left_ai_deck_middle_flow_deck_right_multi_ranger_deck.png
diff --git a/...1_2_3_expansion_decks_left_ai_deck_middle_flow_deck_right_multi_ranger_deck.png b/...1_2_3_expansion_decks_left_ai_deck_middle_flow_deck_right_multi_ranger_deck.png
diff --git a/...ion-2/figure_2_1_3_configuration_of_upgraded_crazyflie_with_expansion_decks.png b/...ion-2/figure_2_1_3_configuration_of_upgraded_crazyflie_with_expansion_decks.png
diff --git a/...e_2_1_4_upgraded_crazyflie_used_as_the_development_platform_in_this_project.png b/...e_2_1_4_upgraded_crazyflie_used_as_the_development_platform_in_this_project.png
diff --git a/assets/section-2/figure_2_2_1_ROS2_humble.png b/assets/section-2/figure_2_2_1_ROS2_humble.png
diff --git a/assets/section-4/figure 4_1_search_strat_differences.png b/assets/section-4/figure 4_1_search_strat_differences.png
diff --git a/assets/section-4/figure 4_2_map_using_multiranger.png b/assets/section-4/figure 4_2_map_using_multiranger.png
diff --git a/...gure_4_1_1_comparison_between_mapped_centralised_and_unmapped_decentralised.png b/...gure_4_1_1_comparison_between_mapped_centralised_and_unmapped_decentralised.png
diff --git a/assets/section-4/figure_4_1_1_illustration_of_MSBA.png b/assets/section-4/figure_4_1_1_illustration_of_MSBA.png
diff --git a/..._4_1_2_navigation_architecture_diagram_of_MSBA_Running_onboard_of_crazyflie.png b/..._4_1_2_navigation_architecture_diagram_of_MSBA_Running_onboard_of_crazyflie.png
diff --git a/...ction-4/figure_4_4_1_navigation_architecture_diagram_of_simulated_crazyflie.png b/...ction-4/figure_4_4_1_navigation_architecture_diagram_of_simulated_crazyflie.png
diff --git a/assets/section-4/figure_4_4_2_path_of_3_crazyflie_simulated_in_webots.png b/assets/section-4/figure_4_4_2_path_of_3_crazyflie_simulated_in_webots.png
diff --git a/assets/section-5/figure_5_1_components_on_ai_deck.png b/assets/section-5/figure_5_1_components_on_ai_deck.png
diff --git a/assets/section-5/figure_5_2_AprilTags_as_our_target_type.png b/assets/section-5/figure_5_2_AprilTags_as_our_target_type.png
diff --git a/...igure_5_3_camera_mount_at_0 °_45°_and_90°_with_respect_to_the_vertical_axis.png b/...igure_5_3_camera_mount_at_0 °_45°_and_90°_with_respect_to_the_vertical_axis.png
diff --git a/assets/section-5/figure_5_4_original_vs_updated_image_streaming_firmware.png b/assets/section-5/figure_5_4_original_vs_updated_image_streaming_firmware.png
diff --git a/assets/section-5/figure_5_5_victim_and_danger_zone_detection_chart.png b/assets/section-5/figure_5_5_victim_and_danger_zone_detection_chart.png
diff --git a/assets/section-5/figure_5_7_segmentation_of_playing_field.png b/assets/section-5/figure_5_7_segmentation_of_playing_field.png
diff --git a/assets/section-6/figure_6_5_1_zig_zag_flight_path.png b/assets/section-6/figure_6_5_1_zig_zag_flight_path.png
diff --git a/assets/section-8/figure_8_5_layout_of_run_1.png b/assets/section-8/figure_8_5_layout_of_run_1.png
diff --git a/assets/section-8/figure_8_7_successful_rescue_of_crazyflie.png b/assets/section-8/figure_8_7_successful_rescue_of_crazyflie.png
diff --git a/assets/section-8/figure_8_8_layout_of_run_2.png b/assets/section-8/figure_8_8_layout_of_run_2.png
diff --git a/assets/title_page/blackranger.png b/assets/title_page/blackranger.png
diff --git a/assets/title_page/blueranger.png b/assets/title_page/blueranger.png
diff --git a/assets/title_page/nus_logo.png b/assets/title_page/nus_logo.png
diff --git a/assets/title_page/pinkranger.png b/assets/title_page/pinkranger.png
diff --git a/assets/title_page/redranger.png b/assets/title_page/redranger.png
diff --git a/assets/title_page/shuhui.jpeg b/assets/title_page/shuhui.jpeg
diff --git a/assets/title_page/yanyew.jpg b/assets/title_page/yanyew.jpg
diff --git a/assets/yellowranger.png b/assets/yellowranger.png
diff --git a/components/comparision-safmc/comparison-safmc.js b/components/comparision-safmc/comparison-safmc.js
@@ -0,0 +1,52 @@
+new gridjs.Grid({
+  columns: ["", "SAFMC 2024", "SAFMC 2025"],
+  data: [
+    ["Field layout", "Unknown layout prior to Competition Day Mission. Disclosed layout on Competition Day Mission", "Unknown layout prior to Competition Day Mission. Disclosed layout for Known Search Area on Competition Day Mission. Undisclosed layout for Unknown Search Area on Competition Day Mission."],
+    ["Pillar Obstacle", "No Pillar Obstacles.", "8 Pillar Obstacles."],
+    ["Rescue Victim", "Maximum 4 Single-Rescue Victims Maximum 4 Double-Rescue Victims.", "Total 8 Victims (Includes Regular and Bonus Victims)."],
+    ["Danger Zone", "No Danger Zones.", "Maximum 4 Danger Zones."],
+    ["Navigation Aid", "Maximum 10 Navigation Aids within Search Area. Unlimited Navigation Aids within Start Area.", "Maximum 10 Navigation Aids within Known Search Area. Unlimited Navigation Aids within Start Area. No Navigation Aids allowed within Unknown Search Area."],
+  ],
+}).render(document.getElementById("comparison-safmc"));
+
+class TableComponent extends HTMLElement {
+  static get observedAttributes() {
+    return ["subtitle"];
+  }
+
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+
+  connectedCallback() {
+    this.render();
+  }
+
+  attributeChangedCallback(name, _, newValue) {
+    this[name] = newValue;
+  }
+
+  render() {
+    const div = document.createElement("div");
+    div.innerHTML = `
+    <slot></slot>
+    <sub>${this.subtitle}</sub>
+    <style>
+      :host {
+        display: block;
+        text-align: center;
+      }
+
+      sub {
+        font-size: 1rem;
+        font-style: italic;
+      }
+    </style>
+  `;
+
+    this.shadowRoot.appendChild(div);
+  }
+}
+
+customElements.define("comparison-safmc", TableComponent);
diff --git a/components/comparison-raw-jpeg/comparison-raw-jpeg.js b/components/comparison-raw-jpeg/comparison-raw-jpeg.js
@@ -0,0 +1,52 @@
+new gridjs.Grid({
+    columns: ["RAW file (Original)", "JPEG file (Improved)"],
+    data: [
+      ["Must be processed to become a viewable image.", "Ready to view immediately without additional processing."],
+      ["File size is 2 to 6 times larger than JPEG.", ""],
+      ["Higher quality than JPEG due to uncompressed data.", "Lossy format with lower quality than raw files due to compression.m"],
+      ["Visible lags", "Smoother stream"],
+    ],
+  }).render(document.getElementById("comparison-raw-jpeg"));
+
+  class TableComponent extends HTMLElement {
+    static get observedAttributes() {
+      return ["subtitle"];
+    }
+
+    constructor() {
+      super();
+      this.attachShadow({ mode: "open" });
+    }
+
+    connectedCallback() {
+      this.render();
+    }
+
+    attributeChangedCallback(name, _, newValue) {
+      this[name] = newValue;
+    }
+
+    render() {
+      const div = document.createElement("div");
+      div.innerHTML = `
+      <slot></slot>
+      <sub>${this.subtitle}</sub>
+      <style>
+        :host {
+          display: block;
+          text-align: center;
+        }
+
+        sub {
+          font-size: 1rem;
+          font-style: italic;
+        }
+      </style>
+    `;
+
+      this.shadowRoot.appendChild(div);
+    }
+  }
+
+  customElements.define("comparison-raw-jpeg", TableComponent);
+
diff --git a/components/drift-test/drift-test.js b/components/drift-test/drift-test.js
@@ -0,0 +1,54 @@
+new gridjs.Grid({
+    columns: ["Drone ID", "Suitable for use?", "x_inital (cm)", "x_final (cm)","∆x (cm)","y_inital (cm)","y_final (cm)", "∆y (cm)"],
+    data: [
+      ["CF19", "Yes", "0", "110.0", "10.0", "0", "9.5",  "9.5"],
+      ["CF17", "Yes", "0", "110.5", "10.5", "0", "7.5",  "7.5"],
+      ["CZ01", "Yes", "0", "115.0", "15.0", "0", "10.0", "10.0"],
+      ["CZ02", "Yes", "0", "123.2", "23.2", "0", "9.5",  "9.5"],
+      ["CZ03", "Yes", "0", "97.4" , "-2.6", "0", "14.5", "14.5"],
+      ["CF34", "Yes", "0", "81.6" , "19.4", "0", "4.0",  "4.0"],
+    ],
+  }).render(document.getElementById("drift-test"));
+
+  class TableComponent extends HTMLElement {
+    static get observedAttributes() {
+      return ["subtitle"];
+    }
+
+    constructor() {
+      super();
+      this.attachShadow({ mode: "open" });
+    }
+
+    connectedCallback() {
+      this.render();
+    }
+
+    attributeChangedCallback(name, _, newValue) {
+      this[name] = newValue;
+    }
+
+    render() {
+      const div = document.createElement("div");
+      div.innerHTML = `
+      <slot></slot>
+      <sub>${this.subtitle}</sub>
+      <style>
+        :host {
+          display: block;
+          text-align: center;
+        }
+
+        sub {
+          font-size: 1rem;
+          font-style: italic;
+        }
+      </style>
+    `;
+
+      this.shadowRoot.appendChild(div);
+    }
+  }
+
+  customElements.define("drift-test", TableComponent);
+
diff --git a/components/key-events/key-events.js b/components/key-events/key-events.js
@@ -0,0 +1,53 @@
+new gridjs.Grid({
+    columns: ["Week", "Date", "Key Events", "Location"],
+    data: [
+      ["4", "10-02-2025", "Test 1", "Utown Indoor Sports Hall"],
+      ["6", "23-02-2025", "Test 2 + Team Challenge Video Recording Video editing", "Utown Indoor Sports Hall"],
+      ["Recess", "24-02-2025", "Submission Deadline: Team  Challenge Video [28-02-2025]", ""],
+      ["7", "09-03-2025", "Test 3", "Utown Indoor Sports Hall"],
+      ["10", "23-03-2025", "[TBC] Competition Challenge and Competition Presentation", ""],
+ ],
+  }).render(document.getElementById("key-events"));
+
+  class TableComponent extends HTMLElement {
+    static get observedAttributes() {
+      return ["subtitle"];
+    }
+
+    constructor() {
+      super();
+      this.attachShadow({ mode: "open" });
+    }
+
+    connectedCallback() {
+      this.render();
+    }
+
+    attributeChangedCallback(name, _, newValue) {
+      this[name] = newValue;
+    }
+
+    render() {
+      const div = document.createElement("div");
+      div.innerHTML = `
+      <slot></slot>
+      <sub>${this.subtitle}</sub>
+      <style>
+        :host {
+          display: block;
+          text-align: center;
+        }
+
+        sub {
+          font-size: 1rem;
+          font-style: italic;
+        }
+      </style>
+    `;
+
+      this.shadowRoot.appendChild(div);
+    }
+  }
+
+  customElements.define("key-events", TableComponent);
+
diff --git a/components/msba-configuration/msba-configuration.js b/components/msba-configuration/msba-configuration.js
@@ -0,0 +1,53 @@
+new gridjs.Grid({
+    columns: ["Drone ID", "1", "2", "3"],
+    data: [
+      ["Preferred Direction", "-60 deg", "0 deg", "60 deg"],
+      ["Wall-Following Direction", "Left", "Right", "Left"],
+      ["Wall Distance", "0.3m [Left]", "0.6 m [Right]", "0.3m [Left]"],
+      ["Altitude", "0.3 m", "0.3 m", "0.3 m"],
+      ["Flight Speed", "0.5 m/s", "0.5 m/s", "0.5 m/s"],
+    ],
+  }).render(document.getElementById("msba-configuration"));
+
+  class TableComponent extends HTMLElement {
+    static get observedAttributes() {
+      return ["subtitle"];
+    }
+
+    constructor() {
+      super();
+      this.attachShadow({ mode: "open" });
+    }
+
+    connectedCallback() {
+      this.render();
+    }
+
+    attributeChangedCallback(name, _, newValue) {
+      this[name] = newValue;
+    }
+
+    render() {
+      const div = document.createElement("div");
+      div.innerHTML = `
+      <slot></slot>
+      <sub>${this.subtitle}</sub>
+      <style>
+        :host {
+          display: block;
+          text-align: center;
+        }
+
+        sub {
+          font-size: 1rem;
+          font-style: italic;
+        }
+      </style>
+    `;
+
+      this.shadowRoot.appendChild(div);
+    }
+  }
+
+  customElements.define("msba-configuration", TableComponent);
+
diff --git a/components/run1_params/run1_params.js b/components/run1_params/run1_params.js
@@ -0,0 +1,53 @@
+new gridjs.Grid({
+    columns: ["Drone ID", "1", "2", "3"],
+    data: [
+      ["Preferred Direction", "-60 deg", "0 deg", "60 deg"],
+      ["Wall-Following Direction", "Left", "Right", "Left"],
+      ["Wall Distance", "0.3m [Left]", "0.6 m [Right]", "0.3m [Left]"],
+      ["Altitude", "0.3 m", "0.3 m", "0.3 m"],
+      ["Flight Speed", "0.5 m/s", "0.5 m/s", "0.5 m/s"],
+    ],
+  }).render(document.getElementById("run1_params"));
+
+  class TableComponent extends HTMLElement {
+    static get observedAttributes() {
+      return ["subtitle"];
+    }
+
+    constructor() {
+      super();
+      this.attachShadow({ mode: "open" });
+    }
+
+    connectedCallback() {
+      this.render();
+    }
+
+    attributeChangedCallback(name, _, newValue) {
+      this[name] = newValue;
+    }
+
+    render() {
+      const div = document.createElement("div");
+      div.innerHTML = `
+      <slot></slot>
+      <sub>${this.subtitle}</sub>
+      <style>
+        :host {
+          display: block;
+          text-align: center;
+        }
+
+        sub {
+          font-size: 1rem;
+          font-style: italic;
+        }
+      </style>
+    `;
+
+      this.shadowRoot.appendChild(div);
+    }
+  }
+
+  customElements.define("run1_params", TableComponent);
+
diff --git a/components/scope-of-work/scope-of-work.js b/components/scope-of-work/scope-of-work.js
@@ -0,0 +1,52 @@
+new gridjs.Grid({
+    columns: ["Subsystem", "Member(s)"],
+    data: [
+      ["Search Strategy", "Govindanath Samuel Sudharsanan; Low Yan Yew" ],
+      ["Simulation", "Low Yan Yew"],
+      ["Object Detection", "Foo Shu Hui"],
+      ["Collision Avoidance", "Matthew Yip Tze Heng"],
+    ],
+  }).render(document.getElementById("scope-of-work"));
+
+  class TableComponent extends HTMLElement {
+    static get observedAttributes() {
+      return ["subtitle"];
+    }
+
+    constructor() {
+      super();
+      this.attachShadow({ mode: "open" });
+    }
+
+    connectedCallback() {
+      this.render();
+    }
+
+    attributeChangedCallback(name, _, newValue) {
+      this[name] = newValue;
+    }
+
+    render() {
+      const div = document.createElement("div");
+      div.innerHTML = `
+      <slot></slot>
+      <sub>${this.subtitle}</sub>
+      <style>
+        :host {
+          display: block;
+          text-align: center;
+        }
+
+        sub {
+          font-size: 1rem;
+          font-style: italic;
+        }
+      </style>
+    `;
+
+      this.shadowRoot.appendChild(div);
+    }
+  }
+
+  customElements.define("scope-of-work", TableComponent);
+