new info + public github repo (readme yet to be reviewed) (#137)

* + coming soon... * link to related research * coutdown timer * coutdown timer * Add website mvp * fix * new website v1 * fix contact * + sample diversity section and emojis * + emojify overview caption * fix * + * fix Hololens -> HoloLens in the app-select img * fix typo * + area-cover webp * emojify contact and bibtex section headers * + sys flow chart * + sys flow chart * add public code link --------- Co-authored-by: hololens <[email protected]>
IRVLUTD · Oct 10, 2024 · a727f0a · a727f0a
1 parent db0e894
commit a727f0a
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 18 deletions.
diff --git a/iTeach/assets/images/iteach/iteach-detailed-system-flow-chart.webp b/iTeach/assets/images/iteach/iteach-detailed-system-flow-chart.webp
diff --git a/iTeach/index.html b/iTeach/index.html
@@ -1,3 +1,4 @@
+
 <!DOCTYPE html>
 <html>
 
@@ -278,12 +279,21 @@ <h2 class="title is-3">📝 Abstract</h2>
           <div class="hero-body has-text-centered">
             <h1 class="title">🔍 Overview</h1>
             <img class="center" src="./assets/images/iteach/iteach-overview.webp" alt=""><br><br>
-            <p class="has-text-justified">
             <p class="has-text-justified">
               <b>🤖 iTeach system overview.</b>
               (i) A Robot views a scene. 🌄 (ii) A model (here DH-YOLO) predicts predefined objects (here door/handle) 🚪🖐️. (iii) Scene image with predictions overlayed (SIP) are sent to HoloLens POV 🥽. (iv) User wearing HoloLens sees the same scene image (SIP) and annotates the correct labels ✍️. (v) The annotated labels with scene images are sent to a trainable model for fine-tuning ⚙️. (vi) <b>Goal🎯:</b> The predictions improve based on interactive teaching.
           </p>
 
+
+          </div>
+
+
+          <div class="hero-body has-text-centered">
+            <h1 class="title">🚀 System Workflow</h1><br>
+            <img class="center" src="./assets/images/iteach/iteach-detailed-system-flow-chart.webp" alt=""><br><br>
+            <p class="has-text-justified">🛠️ Detailed workflow of the system. ✅ Correct predictions are outlined in green, and ❌ incorrect predictions are marked in red borders.</p>
+
+
           </div>
 
         </div>
@@ -301,9 +311,7 @@ <h2 class="title is-3">Video Coming Soon...</h2>
   </section>
 
 
-
-
-
+  <!-- Demo -->
   <section class="" id="demo">
     <div class="columns is-centered has-text-centered">
       <div class="column">
@@ -312,19 +320,18 @@ <h2 class="title is-3">🌍 Real World Demo</h2>
       </div>
     </div>
     <div class="container is-max-desktop">
-      <div class="tabs is-centered">
-        <div class="columns is-centered has-text-centered">
-
-        </div>
-      </div>
+
 
       <div id="demo-vid-iframe" class="hero-body">
         <div class="iframe-container"><iframe src="https://www.youtube.com/embed/fusb4CkM_IE?rel=0&amp;showinfo=0&amp;vq=hd1080" frameborder="0"
           allow="autoplay; encrypted-media" allowfullscreen></iframe></div>
       </div>
   </section>
+  <!-- Demo -->
 
-
+  <br>
+  <br>
+  <br>
   <!-- Our experiment setup -->
   <section class="section" id="exp-setup">
     <div class="hero-body">
@@ -341,13 +348,12 @@ <h2 class="title is-3">🔬 Our Experiment Setup 🛠️</h2>
 
   <!-- HoloLens 2 app -->
   <section class="section" id="hololens-2-app">
-    <div class="hero-body">
+    <div class="">
       <div class="container is-max-desktop">
         <div class="column has-text-centered text-primary">
           <h2 class="title is-3">🥽 HoloLens 2 App</h2>
           <p class="title is-5">(i) The user interface flow of our labelling app from the startup phase to the main menu.</p>
           <img src="assets/images/iteach/iteach-app-select-to-main-menu-2x2.webp" alt=""><br><br><br>
-          <br><br>
           <p class="title is-5">(ii) Description of the main menu options in the <i>iTeachlabeller</i> app.</p>
           <img src="assets/images/iteach/iTeach-main.menu.jpg" alt=""><br><br><br>
           <p class="has-text-justified is-3">✨ We are providing a build <a href="https://utdallas.box.com/v/iTeachLabellerApp" target="_blank" rel="noopener noreferrer">here</a> to help you get started easily 🚀, without the need to set up the environment or go through the building process again 🔧.</p>
@@ -360,13 +366,12 @@ <h2 class="title is-3">🥽 HoloLens 2 App</h2>
 
   <!-- User Sample Capture Diversity -->
   <section class="section" id="data-collection-diversity">
-    <div class="hero-body">
+    <div class="">
       <div class="container is-max-desktop">
         <div class="column has-text-centered text-primary">
           <h2 class="title is-3">🌟 Sample Scenarios for Data Collection</h2>
           <p class="title is-5">(i) Diverse samples from different locations.</p>
-          <img src="assets/images/iteach/iteach-diff-places-diverse-samples.webp" alt=""><br><br><br>
-          <br><br>
+          <img src="assets/images/iteach/iteach-diff-places-diverse-samples.webp" alt=""><br><br>
           <p class="title is-5">(ii) Different samples from the same location.</p>
           <img src="assets/images/iteach/iteach-same-loc-diff-samples.webp" alt=""><br><br><br>
         </div>
@@ -377,7 +382,7 @@ <h2 class="title is-3">🌟 Sample Scenarios for Data Collection</h2>
 
   <!-- Practical challenges -->
   <section class="section" id="practical-challenges">
-    <div class="hero-body">
+    <div class="">
       <div class="columns is-centered has-text-centered">
         <div class="column">
           <h2 class="title is-3">⚠️ Practical Challenges Encountered During Experiments</h2>
@@ -482,8 +487,7 @@ <h2 class="title is-3">
                 </span>
               </h2>
               <p>
-                The code for (i) iTeachLabeller app, (ii) iTeach system, and (iii) iTeach experiments. 🔧<br>
-                We are in the process of integrating all the modules and building a standalone codebase.<br>🚀 Coming soon... Thanks for your patience! 🙏
+                The code for (i) iTeachLabeller app, (ii) iTeach system, and (iii) iTeach experiments. 🔧
             </p>
 
             </div>