Driver
=============

.. raw:: html

   <div style="margin: 30px 0 40px 0;">
    <p style="color: #495057; font-size: 20px; line-height: 1.5; margin: 0 0 20px 0; font-weight: 400;">
      Bota Systems AG has developed a user-friendly driver to <strong style="color: #da6527;">simplify the integration</strong> of our Force Torque (FT) Sensors into your applications.
    </p>
    <p style="color: #495057; font-size: 20px; line-height: 1.6; margin: 0; font-weight: 400;">
      Our driver is a <strong style="color: #da6527;">plug-and-play software package</strong> that makes configuring and reading data from Bota Systems' FT sensors straightforward and efficient from the most popular platforms, including <strong style="color: #da6527;">C++</strong>, <strong style="color: #da6527;">Python</strong> and <strong style="color: #da6527;">ROS2</strong>.
    </p>


   </div>

.. raw:: html

   <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin: 50px 0;">
     
     <div style="border: 2px solid #da6527; border-radius: 12px; padding: 32px; background: linear-gradient(135deg, #fff8f5, #ffeee6); box-shadow: 0 6px 25px rgba(218, 101, 39, 0.15); transition: transform 0.2s ease; text-align: center;">
       <h4 style="color: #da6527; margin: 0 0 20px 0; font-size: 20px; font-weight: 700;">
         Unified API Architecture
       </h4>
       <ul style="text-align: left; color: #555; margin: 0; padding-left: 20px; font-size: 16px; line-height: 1.6;"
         <li>Single interface for all sensors</li>
         <li>Cross-platform compatibility</li>
         <li>Protocol abstraction</li>
       </ul>
     </div>

     <div style="border: 2px solid #da6527; border-radius: 12px; padding: 32px; background: linear-gradient(135deg, #fff8f5, #ffeee6); box-shadow: 0 6px 25px rgba(218, 101, 39, 0.15); transition: transform 0.2s ease; text-align: center;">
       <h4 style="color: #da6527; margin: 0 0 20px 0; font-size: 20px; font-weight: 700;">
         Powerful Backend
       </h4>
       <ul style="text-align: left; color: #555; margin: 0; padding-left: 20px; font-size: 16px; line-height: 1.6;">
         <li>Robust hardware management</li>
         <li>Efficient data acquisition</li>
         <li>Advanced error handling</li>
       </ul>
     </div>
     
   </div>

.. raw:: html

   <div style="margin: 40px 0;">
     <h3 style="color: #333; margin: 0 0 30px 0; font-size: 22px; font-weight: 700; text-align: center; position: relative;">
       Supported Communication Interfaces
       <div style="width: 60px; height: 3px; background: linear-gradient(90deg, #da6527, #b8541f); margin: 10px auto; border-radius: 2px;"></div>
     </h3>
     
     <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;">
       
       <div style="border: 2px solid #e0e0e0; border-radius: 12px; padding: 28px 28px 20px 28px; background: linear-gradient(135deg, white, #fcfcfc); box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform 0.2s ease; display: flex; flex-direction: column;">
         <h4 style="color: #666; margin: 0 0 20px 0; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;">
           Gen 0
         </h4>
         <div style="flex: 1; margin-bottom: 20px;">
           <div style="margin-bottom: 16px; padding: 12px; background: #f8f9fa; border-radius: 6px; border-left: 3px solid #6c757d;">
             <div style="font-weight: 600; color: #333; margin-bottom: 4px;">Bota Binary gen0</div>
             <div style="font-size: 13px; color: #666; font-style: italic;">Legacy Serial-RS422 sensors</div>
           </div>
           <div style="padding: 12px; background: #f8f9fa; border-radius: 6px; border-left: 3px solid #6c757d;">
             <div style="font-weight: 600; color: #333; margin-bottom: 4px;">CANopen over EtherCAT gen0</div>
             <div style="font-size: 13px; color: #666; font-style: italic;">Legacy EtherCAT sensors</div>
           </div>
         </div>
         <div style="text-align: center; border-top: 1px solid #e9ecef; padding-top: 20px;">
           <a href="https://eu1.hubs.ly/H04b1NJ0" target="_blank" style="background: linear-gradient(135deg, #6c757d, #5a6268); color: white; padding: 12px 24px; text-decoration: none; border-radius: 8px; font-size: 16px; font-weight: 600; display: inline-block; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(108, 117, 125, 0.2); min-width: 140px;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 4px 12px rgba(108, 117, 125, 0.3)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 8px rgba(108, 117, 125, 0.2)'">
             User Manual
           </a>
         </div>
       </div>

       <div style="border: 2px solid #e0e0e0; border-radius: 12px; padding: 28px 28px 20px 28px; background: linear-gradient(135deg, white, #fcfcfc); box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform 0.2s ease; display: flex; flex-direction: column;">
         <h4 style="color: #666; margin: 0 0 20px 0; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;">
           Gen A
         </h4>
         <div style="flex: 1; margin-bottom: 20px;">
           <div style="margin-bottom: 16px; padding: 12px; background: #f8f9fa; border-radius: 6px; border-left: 3px solid #6c757d;">
             <div style="font-weight: 600; color: #333; margin-bottom: 4px;">Bota Binary</div>
             <div style="font-size: 13px; color: #666; font-style: italic;">Both over RS422 and USB</div>
           </div>
           <div style="margin-bottom: 16px; padding: 12px; background: #f8f9fa; border-radius: 6px; border-left: 3px solid #6c757d;">
             <div style="font-weight: 600; color: #333; margin-bottom: 4px;">Bota Socket</div>
             <div style="font-size: 13px; color: #666; font-style: italic;">Over Ethernet</div>
           </div>
           <div style="padding: 12px; background: #f8f9fa; border-radius: 6px; border-left: 3px solid #6c757d;">
             <div style="font-weight: 600; color: #333; margin-bottom: 4px;">CANopen over EtherCAT</div>
             <div style="font-size: 13px; color: #666; font-style: italic;">Over EtherCAT</div>
           </div>
         </div>
         <div style="text-align: center; border-top: 1px solid #e9ecef; padding-top: 20px;">
           <a href="https://eu1.hubs.ly/H0k14Hp0" target="_blank" style="background: linear-gradient(135deg, #6c757d, #5a6268); color: white; padding: 12px 24px; text-decoration: none; border-radius: 8px; font-size: 16px; font-weight: 600; display: inline-block; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(108, 117, 125, 0.2); min-width: 140px;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 4px 12px rgba(108, 117, 125, 0.3)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 8px rgba(108, 117, 125, 0.2)'">
             User Manual
           </a>
         </div>
       </div>
     </div>
   </div>

.. raw:: html

   <div style="border: 2px solid #ffc107; border-radius: 12px; padding: 28px; margin: 40px 0; background: linear-gradient(135deg, #fff9e6, #fff3cd); box-shadow: 0 4px 15px rgba(255, 193, 7, 0.15);">
     <div style="display: flex; align-items: flex-start; gap: 16px;">
       <div style="flex: 1;">
         <div style="margin-bottom: 20px; color: #856404; font-weight: 700; font-size: 18px;">
           Know Your Sensor?
         </div>
         <p style="margin: 0 0 18px 0; color: #856404; line-height: 1.7; font-size: 15px;">
           First things first! Make sure you know which communication interface your sensor uses. This will determine how you connect and communicate with it.
         </p>
         <div style="background: rgba(255, 255, 255, 0.8); padding: 18px; border-radius: 8px; border-left: 4px solid #ffc107;">
           <p style="margin: 0; color: #856404; line-height: 1.7; font-size: 15px;">
             <strong>Gen A users:</strong> If using a hardware interface that supports multiple communication protocols, do not forget to configure a supported one using our <a href="https://shop.botasys.com/config-tool#/" target="_blank" style="color: #856404; font-weight: 700; text-decoration: underline;">online configuration tool</a>.
           </p>
         </div>
       </div>
     </div>
   </div>

.. raw:: html

   <div style="border-top: 2px solid #e0e0e0; margin: 60px 0 40px 0;"></div>

.. raw:: html

  <div style="background: #ecececff; border: 2px solid #808080; border-radius: 16px; padding: 40px; margin: 50px 0; box-shadow: 0 8px 30px rgba(0,0,0,0.15);">
    <h3 style="color: #ffffff; margin: 0 0 30px 0; font-size: 28px; font-weight: 700; text-align: center;">
     Ready to Get Started?
    </h3>
    
    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 40px;">
      <div style="background: white; border: 2px solid #da6527; border-radius: 12px; padding: 30px; box-shadow: 0 4px 15px rgba(218, 101, 39, 0.1);">
        <div style="text-align: center; margin-bottom: 20px;">
          <div style="background: #da6527; color: white; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; margin: 0 auto 15px;">1</div>
          <h4 style="color: #da6527; margin: 0 0 15px 0; font-size: 20px; font-weight: 700;">Learn the Concept</h4>
        </div>
        <p style="color: #666; margin: 0 0 20px 0; font-size: 16px; line-height: 1.6; text-align: center;">
          Understand how our driver architecture works and the key concepts behind it.
        </p>
        <div style="text-align: center;">
          <a href="driver_concept.html" style="background: #da6527; color: white; padding: 12px 24px; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 16px; display: inline-block; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(218, 101, 39, 0.2);" onmouseover="this.style.background='#b8541f'; this.style.transform='translateY(-2px)'; this.style.boxShadow='0 4px 12px rgba(218, 101, 39, 0.3)'" onmouseout="this.style.background='#da6527'; this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 8px rgba(218, 101, 39, 0.2)'">
            Read Driver Concept
          </a>
        </div>
      </div>

      <div style="background: white; border: 2px solid #6c757d; border-radius: 12px; padding: 30px; box-shadow: 0 4px 15px rgba(108, 117, 125, 0.1);">
        <div style="text-align: center; margin-bottom: 20px;">
          <div style="background: #6c757d; color: white; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; margin: 0 auto 15px;">2</div>
          <h4 style="color: #6c757d; margin: 0 0 15px 0; font-size: 20px; font-weight: 700;">Choose Your SDK</h4>
        </div>
        <p style="color: #666; margin: 0 0 20px 0; font-size: 16px; line-height: 1.6; text-align: center;">
          Select your preferred development platform and get started with code examples.
        </p>
        
        <div style="margin-bottom: 20px;">
          <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-bottom: 15px;">
            <a href="driver_cpp.html" style="background: #f8f9fa; color: #333; border: 2px solid #dee2e6; text-decoration: none; border-radius: 8px; padding: 12px; text-align: center; font-weight: 600; font-size: 14px; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; min-height: 40px;" onmouseover="this.style.backgroundColor='#e9ecef'; this.style.borderColor='#6c757d'" onmouseout="this.style.backgroundColor='#f8f9fa'; this.style.borderColor='#dee2e6'">
              C++
            </a>
            <a href="driver_py.html" style="background: #f8f9fa; color: #333; border: 2px solid #dee2e6; text-decoration: none; border-radius: 8px; padding: 12px; text-align: center; font-weight: 600; font-size: 14px; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; min-height: 40px;" onmouseover="this.style.backgroundColor='#e9ecef'; this.style.borderColor='#6c757d'" onmouseout="this.style.backgroundColor='#f8f9fa'; this.style.borderColor='#dee2e6'">
              Python
            </a>
            <a href="driver_ros2.html" style="background: #f8f9fa; color: #333; border: 2px solid #dee2e6; text-decoration: none; border-radius: 8px; padding: 12px; text-align: center; font-weight: 600; font-size: 14px; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; min-height: 40px;" onmouseover="this.style.backgroundColor='#e9ecef'; this.style.borderColor='#6c757d'" onmouseout="this.style.backgroundColor='#f8f9fa'; this.style.borderColor='#dee2e6'">
              ROS2
            </a>
          </div>
        </div>
      </div>
    </div>

    <div style="background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 8px; padding: 20px; text-align: center;">
      <div style="color: #856404; font-size: 14px; line-height: 1.6;">
        <strong>💡 Tip:</strong> New to our FT Sensor Driver? Start with the <strong>Driver Concept</strong> to understand the fundamentals. 
        Already familiar? Jump directly to your preferred <strong>SDK documentation</strong>.
      </div>
    </div>
  </div>


.. toctree::
   :maxdepth: 3
   :caption: SDKs
   :hidden:
 
   driver_concept
   driver_sdks