updated help

bca9af8b · Anian Bühler · c034f60b · bca9af8b · bca9af8b · bca9af8b
Commit bca9af8b authored Oct 22, 2021 by Anian Bühler
--- a/src/main/java/com/ardublock/ui/listener/HelpButtonListener.java
+++ b/src/main/java/com/ardublock/ui/listener/HelpButtonListener.java
@@ -42,7 +42,7 @@ public class HelpButtonListener implements ActionListener
 		String cssResource   ="/com/ardublock/reference/_seitenformatierung.css";
    	String helpResource  ="/com/ardublock/reference/help.html";
    	String logoResource  ="/com/ardublock/reference/_Logo_LGI_page.png";
-    	String imageResource ="/com/ardublock/reference/arduBlockHelp2.png";
+    	String imageResource ="/com/ardublock/reference/arduBlockHelp.png";
    	String tempPath = "";
 		//get current .jar path for temp files


--- a/src/main/webapp/com/ardublock/reference/_seitenformatierung.css
+++ b/src/main/webapp/com/ardublock/reference/_seitenformatierung.css
@@ -110,3 +110,8 @@
        display: block;
    }
+    .helpImage {
+	  max-width:  100%;
+	  height: auto;
+    }
--- a/src/main/webapp/com/ardublock/reference/addition.html
+++ b/src/main/webapp/com/ardublock/reference/addition.html
@@ -36,7 +36,7 @@
            Der <code>+</code> Block ist ein mathematischer Operator, der zwei analoge Größen miteinander addiert und selbst einen analogen Wert annimmt. 
            Es können fest programmierte Zahlenwerte, analoge Eingänge oder analoge Variablen miteinander verrechnet werden. 
            Jedoch können pro <code>+</code> Block immer nur zwei Größen auf einmal addiert werden. 
-            Der <code>+</code> Block selbst kann dann als analoge Variable in anderen Blöcken verwendet werden. 
+            Der <code>+</code> Block selbst kann dann als analoger Wert in anderen Blöcken verwendet werden. 
            <br><br>
            Wenn man mit der Maus über dem Block schwebt, dann erscheint ein kleiner Pfeil nach unten. 
            Klickt man diesen mit der linken Maustaste, dann öffnet sich ein dropdown Menü und der <code>+</code> Block kann folgende Blöcke umgewandelt werden: 


--- a/src/main/webapp/com/ardublock/reference/arduBlockHelp.png
+++ b/src/main/webapp/com/ardublock/reference/arduBlockHelp.png
--- a/src/main/webapp/com/ardublock/reference/division.html
+++ b/src/main/webapp/com/ardublock/reference/division.html
@@ -35,9 +35,9 @@
        <h2 class="unterueberschrift" id="block_beschreibung">Block</h2>
        <p>
            Der <code>/</code> Block ist ein mathematischer Operator, der eine analoge Größe durch die andere dividiert und selbst einen analogen Wert annimmt. 
-            Es können fest Programmierte Zahlenwerte, analoge Eingänge oder analoge Variablen miteinander verrechnet werden. 
+            Es können fest programmierte Zahlenwerte, analoge Eingänge oder analoge Variablen miteinander verrechnet werden. 
            Jedoch können pro <code>/</code> Block immer nur eine Größe durch eine andere geteilt werden. 
-            Der <code>/</code> Block selbst kann dann als analoge Variable in anderen Blöcken verwendet werden. 
+            Der <code>/</code> Block selbst kann dann als analoger Wert in anderen Blöcken verwendet werden. 
            <br><br>
            Wenn man mit der Maus über dem Block schwebt, dann erscheint ein kleiner Pfeil nach unten. 
            Klickt man diesen mit der linken Maustaste, dann öffnet sich ein Dropdown Menü und der <code>/</code> Block kann folgende Blöcke umgewandelt werden: 


--- a/src/main/webapp/com/ardublock/reference/help.html
+++ b/src/main/webapp/com/ardublock/reference/help.html
+<!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>&minus;</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>
--- a/src/main/webapp/com/ardublock/reference/modulo.html
+++ b/src/main/webapp/com/ardublock/reference/modulo.html
@@ -34,7 +34,7 @@
        <p>
            Der <code>%</code> Block ist ein mathematischer Operator, der den Rest der Division von zwei Zahlen ausgibt. 
            Es können fest Programmierte Zahlenwerte, analoge Eingänge oder analoge Variablen miteinander verrechnet werden. 
-            Der <code>%</code> Block selbst kann dann als analoge Variable in anderen Blöcken verwendet werden. 
+            Der <code>%</code> Block selbst kann dann als analoger Wert in anderen Blöcken verwendet werden. 
            <br><br>
            Wenn man mit der Maus über dem Block schwebt, dann erscheint ein kleiner Pfeil nach unten. 
            Klickt man diesen mit der linken Maustaste, dann öffnet sich ein Dropdown Menü und der <code>%</code> Block kann folgende Blöcke umgewandelt werden: 


--- a/src/main/webapp/com/ardublock/reference/multiplication.html
+++ b/src/main/webapp/com/ardublock/reference/multiplication.html
@@ -35,7 +35,7 @@
            Der <code>x</code> Block ist ein mathematischer Operator, der zwei analoge Größen miteinander mulipliziert und selbst einen analogen Wert annehmen kann. 
            Es können fest programmierte Zahlenwerte, analoge Eingänge oder analoge Variablen miteinander verrechnet werden. 
            Jedoch können pro <code>x</code> Block immer nur zwei Größen auf einmal mulipliziert werden. 
-            Der <code>x</code> Block selbst kann dann als analoge Variable in anderen Blöcken verwendet werden. 
+            Der <code>x</code> Block selbst kann dann als analoger Wert in anderen Blöcken verwendet werden. 
            <br><br>
            Wenn man mit der Maus über dem Block schwebt, dann erscheint ein kleiner Pfeil nach unten. 
            Klickt man diesen mit der linken Maustaste, dann öffnet sich ein Dropdown Menü und der <code>x</code> Block kann folgende Blöcke umgewandelt werden: 


--- a/src/main/webapp/com/ardublock/reference/simHelp.html
+++ b/src/main/webapp/com/ardublock/reference/simHelp.html
@@ -42,7 +42,7 @@
        <h2 class="unterueberschrift" id="Übersicht">Übersicht</h2>
        <p>
-            <img src="simHelp.png" alt="hilfe">   
+            <img src="simHelp.png" alt="hilfe" class="helpImage">   
        </p>
        <h2 class="unterueberschrift" id="Funktionen">Funktionen</h2>


--- a/src/main/webapp/com/ardublock/reference/subtraction.html
+++ b/src/main/webapp/com/ardublock/reference/subtraction.html
@@ -34,7 +34,7 @@
        <p>
            Der <code>-</code> Block ist ein mathematischer Operator, der eine analoge Größe von einer anderen subtrahiert und selbst einen analogen Wert annimmt. 
            Es können fest Programmierte Zahlenwerte, analoge Eingänge oder analoge Variablen miteinander verrechnet werden. 
-            Der <code>-</code> Block selbst kann dann als analoge Variable in anderen Blöcken verwendet werden. 
+            Der <code>-</code> Block selbst kann dann als analoger Wert in anderen Blöcken verwendet werden. 
            Der rechte Wert wird von dem linken Wert abgezogen. 
            <br><br>
            Wenn man mit der Maus über dem Block schwebt, dann erscheint ein kleiner Pfeil nach unten.