Skip to content

Issue fixes #79

New issue

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

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

Already on GitHub? # to your account

Open
wants to merge 20 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
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
353 changes: 186 additions & 167 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,194 @@ 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>
<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>
</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>
<Popover>
<PopoverTrigger className="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 Anschlüsse
</PopoverTrigger>
<PopoverContent>
<div>
<h2>Sensoren und Zubehör an den I2C/Wire Anschlüssen</h2>
<div className="flex flex-col lg:flex-row">
<div className="flex flex-col items-center">
<img
src={lightSensor}
alt="Dein Bild"
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="Dein Bild"
className="w-[5rem] lg:w-[10rem]"
/>
<p className="text-gray-500">Temperatur- und Feuchtigkeitssensor</p>
</div>
<div className="flex flex-col items-center">
<img
src={pressureSensor}
alt="Dein Bild"
className="w-[5rem] lg:w-[10rem]"
/>
<p className="text-gray-500">Luftdrucksensor</p>
</div>
<div className="flex flex-col items-center">
<img
src={tofSensor}
alt="Dein Bild"
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="Dein Bild"
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="Dein Bild"
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="Dein Bild"
className="w-[5rem] lg:w-[10rem]"
/>
<p className="text-gray-500">Display</p>
</div>
</div>
</div>
</PopoverContent>
</Popover>
<Popover>
<PopoverTrigger className="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">
UART/Serielle Anschlüsse
</PopoverTrigger>
<PopoverContent>
<div className="flex flex-col lg:flex-row">
<div className="flex flex-col items-center">
<img
src={feinstaubSds}
alt="Dein Bild"
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="Dein Bild"
className="w-[5rem] lg:w-[10rem]"
/>
<p className="text-gray-500">Feinstaub (SPS30)</p>
</div>
</div>
</PopoverContent>
</Popover>
<Popover>
<PopoverTrigger className="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">
Digitale/Analoge Anschlüsse
</PopoverTrigger>
<PopoverContent>
<div className="flex flex-col lg:flex-row">
<div className="flex flex-col items-center">
<img
src={mikro}
alt="Dein Bild"
className="w-[5rem] lg:w-[10rem]"
/>
<p className="text-gray-500">Kondensatormikrofon</p>
</div>
<div className="flex flex-col items-center">
<img
src={ultrasonic}
alt="Dein Bild"
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="Dein Bild"
className="w-[5rem] lg:w-[10rem]"
/>
<p className="text-gray-500">Bodenfeuchtesensor</p>
</div>
</div>
</PopoverContent>
</Popover>
<Popover>
<PopoverTrigger className="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">
XBEE
</PopoverTrigger>
<PopoverContent>
<div className="flex flex-col lg:flex-row">
<div className="flex flex-col items-center">
<img
src={wifiBee}
alt="Dein Bild"
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="Dein Bild"
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="Dein Bild"
className="w-[5rem] lg:w-[10rem]"
/>
<p className="text-gray-500">LoRa Bee</p>
</div>
</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