diff --git a/docs/boards/mcus2/mcus2-in-betrieb-nehmen.mdx b/docs/boards/mcus2/mcus2-in-betrieb-nehmen.mdx index 97e6aa51..fa690502 100644 --- a/docs/boards/mcus2/mcus2-in-betrieb-nehmen.mdx +++ b/docs/boards/mcus2/mcus2-in-betrieb-nehmen.mdx @@ -3,21 +3,63 @@ sidebar_position: 2 title: Die MCU S2 in Betrieb nehmen hide_title: false --- + +import React from 'react' +import { NavGreen } from '@site/src/components/Nav/Nav' +import ImageWithText from "@site/src/components/ImageWithText/ImageWithText"; +import usbImg from "@site/static/img/blockly-bilder/inbetriebnahme/s2/1.png"; +import akkuImg from "@site/static/img/blockly-bilder/inbetriebnahme/s2/2.png"; + +export const PowerSupplyManager = () => { + const [activeTab, setActiveTab] = React.useState('USB-Kabel'); + + const tabs = ['USB-Kabel', 'Akku']; + + return ( +
+ + + {activeTab === 'USB-Kabel' && ( +
+
+

USB-C Kabel

+

+ Du kannst die senseBox mit Hilfe des beiliegenden USB-C-Kabels mit Strom versorgen. Diese Möglichkeit ist die einfachste, wenn du sowieso am Computer programmierst. +

+

+ Stecke das kleinere Ende des USB-Kabels in den USB-Anschluss des senseBox MCU S2. Dieser befindet sich oben neben dem roten Reset-Knopf. Das andere Ende des Kabels wird in den USB-Anschluss deines Computers oder einer Powerbank gesteckt. +

+
+ +
+
+
+ )} + + {activeTab === 'Akku' && ( +
+
+

Akku (JST-Stecker)

+

+ Wenn du deine senseBox über einen Akku mit Strom versorgen möchtest, kannst du dies über den zweipoligen JST-Stecker auf der senseBox MCU S2 tun. +

+

+ Stecke dazu einfach den JST-Stecker des Akkus in den JST-Anschluss auf der senseBox MCU S2. Dieser befindet sich oben, neben dem USB-Anschluss. +

+
+ +
+
+
+ )} +
+ ); +}; + ## Die senseBox mit Strom versorgen -
-

-Um die senseBox zu verwenden, muss sie natürlich mit Strom versorgt werden. Es gibt zwei Möglichkeiten die senseBox mit Strom zu versorgen: -

-

1. USB-Kabel

-

-Du kannst die senseBox mit Hilfe des beiliegenden USB-C-Kabels mit Strom versorgen. Diese Möglichkeit ist die einfachste, wenn du sowieso am Computer programmierst. -Stecke das kleinere Ende des USB-Kabels in den USB-Anschluss des senseBox MCU S2. Dieser befindet sich oben neben dem roten Reset-Knopf. Das andere Ende des Kabels wird in den USB-Anschluss deines Computers oder einer Powerbank gesteckt. -

-akku -

2. Akku

-

-Wenn du deine senseBox über einen Akku mit Strom versorgen möchtest, kannst du dies über den zweipoligen JST-Stecker auf der senseBox MCU S2 tun. Stecke dazu einfach den JST-Stecker des Akkus in den JST-Anschluss auf der senseBox MCU S2. Dieser befindet sich oben, neben dem USB-Anschluss. -

-akku -
+ diff --git a/docs/products/basic/app/basic-app-erste-schritte.mdx b/docs/products/basic/app/basic-app-erste-schritte.mdx new file mode 100644 index 00000000..c1d164c1 --- /dev/null +++ b/docs/products/basic/app/basic-app-erste-schritte.mdx @@ -0,0 +1,18 @@ +--- +sidebar_position: 2 +title: Erste Schritte der App +hide_title: false +--- +import StepSlideshow from '@site/src/components/StepSlideshow/StepSlideshow' + +## App einführung + + \ No newline at end of file diff --git a/docs/products/basic/basic-erste-schritte.mdx b/docs/products/basic/basic-erste-schritte.mdx new file mode 100644 index 00000000..83d4ba95 --- /dev/null +++ b/docs/products/basic/basic-erste-schritte.mdx @@ -0,0 +1,32 @@ +--- +sidebar_position: 1 +title: Die ersten Schritte mit der Basic +hide_title: false +--- + +import StepSlideshow from '@site/src/components/StepSlideshow/StepSlideshow' + +## Erste Schritte + +Willkommen bei deiner senseBox:basic! Diese Anleitung führt dich Schritt für Schritt durch die Inbetriebnahme deines Boards. Du lernst, wie du die senseBox richtig anschließt, konfigurierst und mit deinem ersten Programm zum Laufen bringst. + +### Folge diesen Schritten + +Nutze die Pfeile oder die Punkte unterhalb der Bilder, um durch die einzelnen Schritte zu navigieren. Nimm dir Zeit für jeden Schritt und stelle sicher, dass du alles richtig ausgeführt hast, bevor du zum nächsten übergehst. + + + +### Was kommt als Nächstes? + +Nachdem du diese ersten Schritte erfolgreich abgeschlossen hast, bist du bereit, deine senseBox zu programmieren und eigene Projekte umzusetzen. Schau dir die weiteren Tutorials an, um mehr über die Möglichkeiten deiner senseBox zu erfahren! diff --git a/docs/products/basic/basic-overview.mdx b/docs/products/basic/basic-overview.mdx new file mode 100644 index 00000000..66c68929 --- /dev/null +++ b/docs/products/basic/basic-overview.mdx @@ -0,0 +1,185 @@ +--- +title: senseBox:basic +hide_title: true +--- + +import React from 'react' +import ImageWithText from '@site/src/components/ImageWithText/ImageWithText' +import Ampel from '@site/static/img/co2ampel/image1.jpg' +import AmpelBauteile from '@site/static/img/co2ampel/image2.jpg' +import playStoreIcon from '@site/static/img/playstore_icon.png' +import iosStoreIcon from '@site/static/img/ios_store.png' +import basicRendering from '@site/static/img/basic/senseBoxbasic_Rendering04.png' +import ButtonWithText from '@site/src/components/ButtonWithText/ButtonWithText' +import PlacematViewer from '@site/src/components/PlacematViewer/PlacematViewer' +import { NavGreen, NavWhite, NavBlocks } from '@site/src/components/Nav/Nav' +import { + PortsOverview, + PortItem, +} from '@site/src/components/PortsOverview/PortsOverview' +import basicApp from '@site/static/img/basic/basic_app.png' +import basicBauteile from '@site/static/img/basic/basic_bauteile.png' +import placemat1Side1 from '@site/static/img/basic/placemats/placemat1_1.jpg' +import placemat1Side2 from '@site/static/img/basic/placemats/placemat1_2.jpg' +import placemat2Side1 from '@site/static/img/basic/placemats/placemat2_1.jpg' +import placemat2Side2 from '@site/static/img/basic/placemats/placemat2_2.jpg' +import placemat3Side1 from '@site/static/img/basic/placemats/placemat3_1.jpg' +import placemat3Side2 from '@site/static/img/basic/placemats/placemat3_2.jpg' +import placemat4Side1 from '@site/static/img/basic/placemats/placemat4_1.jpg' +import placemat4Side2 from '@site/static/img/basic/placemats/placemat4_2.jpg' +import placemat1PDF from '@site/static/img/basic/placemats/placemat1.pdf' +import placemat2PDF from '@site/static/img/basic/placemats/placemat2.pdf' +import placemat3PDF from '@site/static/img/basic/placemats/placemat3.pdf' +import placemat4PDF from '@site/static/img/basic/placemats/placemat4.pdf' +import introductionPresentation from '@site/static/img/basic/senseBoxbasic_Start-Präsentation.pdf' + +export const MCUManager = () => { + const [activeTopTab, setActiveTopTab] = React.useState(null); + +const topTabs = ['App','Materialien', 'Pinout ↗', 'Datasheet ↗']; + +const toggleTopTab = (tab) => { +if(tab === 'Pinout ↗' || tab === 'Datasheet ↗') { +window.open(tab === 'Datasheet ↗' ? 'https://sensebox.de/non_img_assets/datenblaetter/pdf_output/Datenblatt-senseBox_MCU_S2.pdf/' : 'https://github.com/sensebox/senseBox-MCU-S2-ESP32S2/blob/main/hardware/2.2/SenseBox-MCU-2-2.pdf', '\_blank'); +return; +} else { + if (activeTopTab === tab) { +setActiveTopTab(null); +} else { +setActiveTopTab(tab); +} +} +}; + +return ( + +
+ + + {activeTopTab === 'App' && ( +
+

Die senseBox:basic App

+ +

+ Mit der senseBox:basic App können Kinder spielerisch die Welt der Sensoren erkunden. Die intuitive Benutzeroberfläche ermöglicht es, Messwerte in Echtzeit zu visualisieren, einfache Programme zu erstellen und erste Schritte in der digitalen Welt zu machen – alles direkt vom Smartphone oder Tablet aus. +

+ + {/* App Interface Placeholder */} + + + + {/* Store Buttons */} +
+

+ Die senseBox:basic App ist ab sofort kostenlos verfügbar und kann direkt heruntergeladen werden. +

+ +
+ +
+
+
+ )} + + {activeTopTab === 'Materialien' && ( +
+
+

Einführungspräsentation

+
+