Skip to content

Issue fixes #79

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 14 commits into
base: main
Choose a base branch
from
1 change: 0 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@

# Production
/build
/i18n

# Generated files
.docusaurus
Expand Down
230 changes: 65 additions & 165 deletions docs/boards/mcu/mcu-overview.mdx
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
---
title: senseBoxMCU
hide_title: true
---

import mcus2top from "@site/static/img/mcus2/mcus2top.png";
import AlertBox from "@site/src/components/AlertBox/AlertBox";
import mcuPorts from "@site/static/img/mcu/sensebox-mcu-ports.png";
Expand All @@ -21,180 +26,75 @@ import truebner from "/img/hardware-bilder/bodenfeuchte-temperatursensor/sensore
import wifiBee from "@site/static/img/hardware-bilder/bees/wifi-bee/wifi.png";
import sdBee from "@site/static/img/hardware-bilder/bees/sd-bee/msd.png";
import loraBee from "@site/static/img/hardware-bilder/bees/lora-bee/LoraBee_Bottom.png";
import Admonition from '@theme/Admonition';

<div className = "flex flex-col justify-center items-center">
<h1>senseBoxMCU</h1>
<p>Der senseBox-Microcontroller ist speziell für die Bedürfnisse der senseBox entwickelt. Deshalb hat der Microcontroller insbesondere drei Eigenschaften: er ist schnell, energiesparend und hat einen großen Programmspeicher. </p>
<p>
<div className="flex flex-col justify-center items-center">
<h1>senseBoxMCU</h1>
<p>
Der senseBox-Microcontroller ist speziell für die Bedürfnisse der senseBox entwickelt. Deshalb hat der Microcontroller insbesondere drei Eigenschaften: er ist schnell, energiesparend und hat einen großen Programmspeicher.
</p>
<p>
Auch ohne Vorkenntnisse kann der Microcontroller ganz einfach mit der Übertragung eines vorgefertigten Sketches in 10 Minuten “programmiert” werden. Für fortgeschrittene Programmierer kann wie gewohnt die Arduino IDE eingesetzt werden, um neue und individuelle Projekte durchzuführen.
</p>
<div>
<img src={mcuPorts} alt="senseBox MCU" />
</div>
</p>
<div>
<img src={mcuPorts} alt="senseBox MCU" />
</div>
</div>

## Anschlüsse
Klicke auf die unten stehenden Anschlüsse um zu sehen welcher Sensor dort angeschlossen wird.

<div className="flex flex-row justify-evenly">
<Popover>
<PopoverTrigger className="flex justify-center cursor-pointer bg-white border-solid border-1 rounded-md w-[10rem] p-2 hover:bg-gray-100">
I2C/Wire Ports
</PopoverTrigger>
<PopoverContent>
<div>
<h2>Sensoren und Accessoire an den I2C/Wire Ports</h2>
<div className="flex flex-col lg:flex-row">
<div className="flex flex-col items-center">
<img
src={lightSensor}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">Lichtsensor</p>
</div>
<div className="flex flex-col items-center">
<img
src={tempSensor}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">Temperatur und Luftfeuchte</p>
</div>
<div className="flex flex-col items-center">
<img
src={pressureSensor}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">Luftdruck</p>
</div>
<div className="flex flex-col items-center">
<img
src={tofSensor}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">Time of Flight(Tof)</p>
</div>
<div className="flex flex-col items-center">
<img
src={umweltsensor}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">Umweltsensor</p>
</div>
<div className="flex flex-col items-center">
<img
src={CO2Sensor}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">CO2-Sensor</p>
</div>
<div className="flex flex-col items-center">
<img
src={display}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">Display</p>
</div>
</div>
</div>
</PopoverContent>
</Popover>
<Popover>
<PopoverTrigger className="flex justify-center cursor-pointer bg-white border-solid border-1 rounded-md w-[10rem] p-2 hover:bg-gray-100">
UART/Serial Port
</PopoverTrigger>
<PopoverContent>
<Popover>
<PopoverTrigger lassName="flex cursor-pointer bg-white dark:bg-gray-800 text-black dark:text-gray-100 border border-gray-300 dark:border-gray-600 rounded-md w-[10rem] p-2 hover:bg-gray-100 dark:hover:bg-gray-700">
I2C/Wire Ports
</PopoverTrigger>
<PopoverContent>
<div>
<h2>Sensoren und Accessoire an den I2C/Wire Ports</h2>
<div className="flex flex-col lg:flex-row">
<div className="flex flex-col items-center">
<img
src={feinstaubSds}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">Feinstaub (SDS011)</p>
</div>
<div className="flex flex-col items-center">
<img
src={feinstaubSps}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">Feinstaub (SPS30)</p>
</div>
<div className="flex flex-col items-center">
<img src={lightSensor} alt="Your Image" className="w-[5rem] lg:w-[10rem]" />
<p className="text-gray-500">Lichtsensor</p>
</div>
<div className="flex flex-col items-center">
<img src={tempSensor} alt="Your Image" className="w-[5rem] lg:w-[10rem]" />
<p className="text-gray-500">Temperatur und Luftfeuchte</p>
</div>
<div className="flex flex-col items-center">
<img src={pressureSensor} alt="Your Image" className="w-[5rem] lg:w-[10rem]" />
<p className="text-gray-500">Luftdruck</p>
</div>
<div className="flex flex-col items-center">
<img src={tofSensor} alt="Your Image" className="w-[5rem] lg:w-[10rem]" />
<p className="text-gray-500">Time of Flight(Tof)</p>
</div>
<div className="flex flex-col items-center">
<img src={umweltsensor} alt="Your Image" className="w-[5rem] lg:w-[10rem]" />
<p className="text-gray-500">Umweltsensor</p>
</div>
<div className="flex flex-col items-center">
<img src={CO2Sensor} alt="Your Image" className="w-[5rem] lg:w-[10rem]" />
<p className="text-gray-500">CO2-Sensor</p>
</div>
<div className="flex flex-col items-center">
<img src={display} alt="Your Image" className="w-[5rem] lg:w-[10rem]" />
<p className="text-gray-500">Display</p>
</div>
</div>
</PopoverContent>
</Popover>
<Popover>
<PopoverTrigger className="flex justify-center cursor-pointer bg-white border-solid border-1 rounded-md w-[10rem] p-2 hover:bg-gray-100">
Digital/Analog Ports
</PopoverTrigger>
<PopoverContent>
<div className="flex flex-col lg:flex-row">
<div className="flex flex-col items-center">
<img
src={mikro}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">Kondensationsmikro</p>
</div>
<div className="flex flex-col items-center">
<img
src={ultrasonic}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">Ultraschall Distanzsensor</p>
</div>
<div className="flex flex-col items-center">
<img
src={truebner}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">Bodenfeuchte Sensor</p>
</div>
</div>
</PopoverContent>
</Popover>
<Popover>
<PopoverTrigger className="flex justify-center cursor-pointer bg-white border-solid border-1 rounded-md w-[10rem] p-2 hover:bg-gray-100">
XBEE
</PopoverTrigger>
<PopoverContent>
<div className="flex flex-col lg:flex-row">
<div className="flex flex-col items-center">
<img
src={wifiBee}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">WiFi Bee</p>
</div>
<div className="flex flex-col items-center">
<img
src={sdBee}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">SD Bee</p>
</div>
<div className="flex flex-col items-center">
<img
src={loraBee}
alt="Your Image"
className="w-[5rem] lg:w-[10rem]"
/>
<p className=" text-gray-500">LoRa Bee</p>
</div>
</div>
</PopoverContent>
</Popover>
</div>
</PopoverContent>
</Popover>
</div>

<div className="mt-8">
<Admonition type="warning" title="Hinweis zur Verwendung der XBees">
<p>
In seltenen Fällen kann es vorkommen, dass sich noch eine Schutzfolie
auf den Steckplätzen der XBees befindet. Diese lässt sich vorsichtig
mit einer Pinzette entfernen, um die Steckplätze nutzen zu können.
</p>
</Admonition>
</div>

## Technische Spezifikationen
Expand Down
Loading