diff --git a/ArduBlockTool/tool/_Logo_LGI_page.png b/ArduBlockTool/tool/_Logo_LGI_page.png new file mode 100644 index 0000000000000000000000000000000000000000..b4b126d674146043aa588bdae06bc3118d1c7ba2 Binary files /dev/null and b/ArduBlockTool/tool/_Logo_LGI_page.png differ diff --git a/ArduBlockTool/tool/_seitenformatierung.css b/ArduBlockTool/tool/_seitenformatierung.css new file mode 100644 index 0000000000000000000000000000000000000000..30c2c687b13d22128684790e9a16f304fa4a8aed --- /dev/null +++ b/ArduBlockTool/tool/_seitenformatierung.css @@ -0,0 +1,117 @@ + + nav { + list-style-type: none; + margin: 0px; + padding: 0px; + overflow: hidden; + background-color: #3cb371; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-size: 120%; + height: 60px; + } + + li { + float: left; + font-weight: 200; + } + + + + #uebersichtbutton{ + float: left; + font-weight: 200; + display: block; + color: white; + text-align: center; + padding: 20px; + text-decoration: none; + font-size: 120%; + } + + #uebersichtbutton:hover { + background-color: #2f8b59; + transition: 0.3s; + border-radius: 10px 10px 10px 10px; + } + + #letsgoing_logo{ + background-color: white; + height: 60px; + width: 210px; + } + + #ueberschrift{ + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + text-align: left; + padding-left: 14%; + margin-top: 2%; + font-size: 120%; + color: rgb(105, 105, 105); + } + + #beschreibung{ + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + text-align: left; + font-size: 120%; + } + + #block_bild{ + margin-left: 14%; + } + + article{ + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + text-align: left; + font-size: 140%; + color: rgb(105, 105, 105); + padding-left: 14%; + padding-right: 14%; + padding-bottom: 10% + ; + } + + article li { + float: none; + } + + #beschreibung{ + padding: 18px; + background-color: #284a66; + color: white; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + + } + + .unterueberschrift{ + color: orange; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-size: 150%; + + } + + #caption{ + margin-left: 14%; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-size: 110%; + color: rgb(105, 105, 105); + } + + .fraction, .top, .bottom { + padding: 0 5px; + } + + .fraction { + display: inline-block; + text-align: center; + } + + .bottom{ + border-top: 1px solid #000; + display: block; + } + + .helpImage { + max-width: 100%; + height: auto; + } + diff --git a/ArduBlockTool/tool/arduBlockHelp.png b/ArduBlockTool/tool/arduBlockHelp.png new file mode 100644 index 0000000000000000000000000000000000000000..3bd1fb491de929ee03f304d5b8f037c95482f262 Binary files /dev/null and b/ArduBlockTool/tool/arduBlockHelp.png differ diff --git a/ArduBlockTool/tool/arduBlock_letsgoING.jar b/ArduBlockTool/tool/arduBlock_letsgoING.jar index 3725e53e1a780e8c2d89ceb543a8170fc73576ab..27ab0f65598f819d21f16ce2f04ff3698a79a952 100755 Binary files a/ArduBlockTool/tool/arduBlock_letsgoING.jar and b/ArduBlockTool/tool/arduBlock_letsgoING.jar differ diff --git a/ArduBlockTool/tool/help.html b/ArduBlockTool/tool/help.html new file mode 100644 index 0000000000000000000000000000000000000000..e0f1f629f333bde6ebe9a17b961a040bbfbf105a --- /dev/null +++ b/ArduBlockTool/tool/help.html @@ -0,0 +1,132 @@ +<!DOCTYPE html> +<html> + +<link rel="stylesheet" href="_seitenformatierung.css"> + +<body style="margin: 0px;"> + +<div style="border: #284a66; border-style: solid; border-width: 5px;"> + <nav> + <li id="beschreibung">Hilfe</li> + <div style="border: 2px, solid; margin-left: 14px;"><li> <a target="_blank, _tab" href="https://letsgoing.org/"><img id="letsgoing_logo" src="_Logo_LGI_page.png"></a> </li></div> + </nav> +</div> + +<div> + <section> + <div id="ueberschrift"> + <p>Hilfe zu ArduBlock</p> + <h1 style="font-size: 220%;">ArduBlock</h1> + </div> + <div> + </div> + </section> +</div> + +<article> + <div> + <h2 class="unterueberschrift" id="Allgemeines">Allgemeines</h2> + <p> + ArduBlock ist ein PlugIn welches in die Arduino IDE integriert ist. + Aus ArduBlock wird textbasierter Code in die IDE übertragen und von dort aus auf das angeschlossene Arduino-Board hochgeladen. + Alle Einstellungen zur Hardware müssen daher in der Arduino IDE vorgenommen werden. + Auch Fehlermeldungen und Informationen zum Hochladen können dort überptüft werden. + ArdBlock wird über das Menü "Werkzeuge" ("oder Tools") gestartet.</br> + ArduBlock hat drei verschiedene Blocksätze: + <ul> + <li class="list">Basic - Die wichtigsten Blöcke für den Einstieg</li> + <li class="list">Pro - Alle Blöcke für fortgeschrittene und umfangreichere Projekte </li> + <li class="list">Sim - Alle Blöcke für den Simulator (Fast gleicher Umfang wie Basic) </li> + </ul> + Wird ArduBlock mit dem Simulator ("Sim-Blockset") benutzt, fällt der Schitt des hochladens weg und man benötigt kein Arduino-Board. + </p> + + <h2 class="unterueberschrift" id="Übersicht">Oberfläche</h2> + <p> + <img src="arduBlockHelp.png" alt="hilfe" class="helpImage"> + </p> + + <h2 class="unterueberschrift" id="Funktionen">Tastenkombinationen</h2> + <p> + <table cellspacing="20"> + <tr> + <th>Tastenkombination</td> + <th>Funktion</td> + </tr> + <tr> + <td><b>STRG</b> + <b>O</b></td> + <td>Programm öffnen</td> + </tr> + <tr> + <td><b>STRG</b> + <b>N</b></td> + <td>Neues Programm</td> + </tr> + <tr> + <td><b>STRG</b> + <b>S</b></td> + <td>Programm Speichern</td> + </tr> + <tr> + <td><b>STRG</b> + <b>SHIFT</b> + <b>S</b></td> + <td>Programm Speichern unter</td> + </tr> + <tr></tr> + <tr> + <td><b>STRG</b> + <b>+</b></td> + <td>Blöcke vergrößern</td> + </tr> + <tr> + <td><b>STRG</b> + <b>−</b></td> + <td>Blöcke verkleinern</td> + </tr> + <tr> + <td><b>STRG</b> + <b>Mausrad</b></td> + <td>Blöcke vergrößern/verkleinern</td> + </tr> + <tr></tr> + <tr> + <td><b>STRG</b> + <b>Rechtsklick</b></td> + <td>Ausgewählten Block klonen</td> + </tr> + <tr> + <td><b>STRG</b> + <b>SHIFT</b> + <b>Rechtsklick</b></td> + <td>Alle folgenden Blöcke klonen</td> + </tr> + <tr></tr> + <tr> + <td><b>STRG</b> + <b>U</b></td> + <td>Programm hochladen</td> + </tr> + <tr> + <td><b>STRG</b> + <b>SHIFT</b> + <b>M</b></td> + <td>Öffnet Serial Monitor</td> + </tr> + <tr> + <td><b>STRG</b> + <b>SHIFT</b> + <b>L</b></td> + <td>Öffnet Serial Plotter</td> + </tr> + <tr></tr> + <tr> + <td><b>STRG</b> + <b>SHIFT</b> + <b>C</b></td> + <td>Gesamtes Programm in Zwischenspeicher kopieren</td> + </tr> + <tr> + <td><b>STRG</b> + <b>SHIFT</b> + <b>V</b></td> + <td>Gesamtes Programm aus Zwischenspeicher einfügen</td> + </tr> + <tr> + <td><b>STRG</b> + <b>P</b></td> + <td>Programm als Bild speichern</td> + </tr> + <tr> + <td><b>STRG</b> + <b>ALT</b> + <b>S</b></td> + <td>Programm als Vorlage für neues Programm speichern</td> + </tr> + </table> + </p> + + </div> + +</article> + +</body> +</html> diff --git a/ArduBlockTool/tool/simHelp.html b/ArduBlockTool/tool/simHelp.html new file mode 100644 index 0000000000000000000000000000000000000000..6ce1e934478cee171a165f9a13a3086f9f374936 --- /dev/null +++ b/ArduBlockTool/tool/simHelp.html @@ -0,0 +1,97 @@ +<!DOCTYPE html> +<html> + +<link rel="stylesheet" href="_seitenformatierung.css"> + +<body style="margin: 0px;"> + +<div style="border: #284a66; border-style: solid; border-width: 5px;"> + <nav> + <li id="beschreibung">Hilfe</li> + <div style="border: 2px, solid; margin-left: 14px;"><li> <a target="_blank, _tab" href="https://letsgoing.org/"><img id="letsgoing_logo" src="_Logo_LGI_page.png"></a> </li></div> + </nav> +</div> + +<div> + <section> + <div id="ueberschrift"> + <p>Hilfe zum Simulator</p> + <h1 style="font-size: 220%;">Simulator</h1> + </div> + <div> + </div> + </section> +</div> + +<article> + <div> + <h2 class="unterueberschrift" id="Allgemeines">Allgemeines</h2> + <p> + Der Simulator wird über die <b>Blockset "Sim" aktiviert</b>. + Wird jetzt ein Programm hochgeladen, startet der Simulator in einem neuen Fenster. + Gleichzeitig wird der Text-basierte Code erzeugt und in der Arduino IDE angezeigt (nicht hochgeladen).</br></br> + Der Simulator bietet folgende Komponenten: + <ul> + <li class="list">Arduino Uno</li> + <li class="list">RGB-LED </li> + <li class="list">3 Taster </li> + <li class="list">Potentiometer </li> + </ul> + Die Module sind derzeit noch fest mit dem Arduino Uno "verdrahtet". + </p> + + <h2 class="unterueberschrift" id="Übersicht">Übersicht</h2> + <p> + <img src="simHelp.png" alt="hilfe" class="helpImage"> + </p> + + <h2 class="unterueberschrift" id="Funktionen">Funktionen</h2> + <p> + <h3>Arduino Uno</h3> + Die Simulation des Arduino-Boards bietet folgende Interaktionen: + <ul> + <li>Onboard-LED - ansteuerbar über Pin 13</li> + <li>Reset-Taster - drücken startet das zuletzt hochgeladene Programm neu</li> + </ul> + + <h3>RGB-LED</h3> + Die Simulation letsgoING-Moduls mit der RGB-LED kann über folgende Pins angesteuert werden: + <ul> + <li>Rot - Pin11</li> + <li>Grün - Pin9</li> + <li>Blau - Pin10</li> + </ul> + + <h3>Taster</h3> + Die Simulation letsgoING-Moduls mit drei Tastern kann über folgende Pins eingelesen werden: + <ul> + <li>Taster S1 - Pin4</li> + <li>Taster S2 - Pin3</li> + <li>Taster S3 - Pin2</li> + </ul> + Mit der <b>linken Maustaste</b> wird der Taster <b>normal</b> betätigt.</br> + Mit der <b>rechten Maustaste</b> (oder "Zwei-Finger-Klick bei Mac) werden die Taster <b>eingerastet</b>. + So kann man auch mehrere Taster gleichzeitig bedienen. + + <h3>Potentiometer</h3> + Die Simulation letsgoING-Moduls mit dem Potentiometer kann über folgenden Pin eingelesen werden: + <ul> + <li>Potentiometer - Pin A0</li> + </ul> + Der Wert des Potentiometers kann über den Schieberegler oder mit dem Mausrad (Zeiger über dem Schieberegler) verstellt werden. + + <h3>SerialMonitor</h3> + Die Simulation des SerialMonitor bietet folgende Funktionen: + <ul> + <li>Serial Output Fenster - Ausgabe der Informationen (Serial.print)</li> + <li>Clear Serial Output - Löschen der bisherigen Ausgabe</li> + <li>Autoscroll - Automatisches mitscrollen de-/aktivieren</li> + </ul> + </p> + + </div> + +</article> + +</body> +</html> diff --git a/ArduBlockTool/tool/simHelp.png b/ArduBlockTool/tool/simHelp.png new file mode 100644 index 0000000000000000000000000000000000000000..54ec5a57a0f4acdd700367bf56d3b9e2f465b43f Binary files /dev/null and b/ArduBlockTool/tool/simHelp.png differ diff --git a/README.md b/README.md index 359f5d324eb488b50c0ab2b4ee7ff2cc4f1d106e..e79c52306f7a912d5ff93a39feb91c45eef13596 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # ArduBlock 2 letsgoING # -## Neuerungen in der Version 2.2 ## +## Neuerungen in der Version 2.3 ## ### Basic und Pro und Sim Modus ### Seit Version 2.2 gibt es drei verschiedene Block-Menüs.