Monday, August 31, 2020

HTML Dateien auf dem SmartGeocache abspeichern

Vorwort:
Der SmartGeocache hat einen Onboard-Hompage-Baukasten. Man kann damit eine Homepage relativ einfach erstellen ohne besondere Kenntnisse. Wer nun aber HTML und CSS Kenntnisse besitzt, kann auch ohne den Homepage-Baukasten zu verwenden, eine eigene Homepage einspeichern.
Wie das geht erfahrt ihr in diesem Blogbeitrag.

 

1)
Öffne einen Texteditor wie z.B.  Windows Note. Besser wäre ein richtiger HTML Editor. Das minimum an Code das eine HTML Seite benötigt wäre z.B. so:



2)
Klicke im Menü auf "Datei"  -> "Speichern unter"  .. Selektiere nun im zweiten Dropdown Menü  "Alle Dateien" und gib den namen ein "page1.html" dann klicke auf Speichern




3)
Logge dich nun im Adminbereich des SmartGeocache ein und navigiere in den "Homepage Editor" und lade dort die Datei hoch


4)
Selektiere dann die Datei im Dropdown Menü und klicke auf "Einstellungen"




5)
Seketiere nun "Dies IST die Startseite des SmartGeocache" und klicke auf Speichern. Dannach öffne die Seite indem du im Webbrowser die URL eingibst   http://192.168.4.1
Alternativ ist die Seite auch direkt unter http://192.168.4.1/webpages/page1.html





Weitere Beispiele:

Übrigens gibt es ein paar Beispiel-Homepages in Form von HTML Dateien die ich auf meinem GitHub Respitory hochgeladen habe. Diese kannst du einfach ausprobieren indem du diese Dateien einfach diese Anleitung ab Schritt 3 nutzt.

https://github.com/smartgeocaching






    


  

Thursday, August 20, 2020

SmartGeocache Hompage anhand der Uhrzeit verändern

Wenn ihr wollt dass euer Cache nur zu einer bestimmten Uhrzeit (Stunde) gefunden werden soll könnt ihr das mit folgendem Script ganz einfach hinkriegen... Kopiert den Code und fügt ihn hier auf der Seite ein und testet es: https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onload

<!DOCTYPE html>
<html>
<body onload="myFunction()">

<p>klick auf den Knopf um die Seite zu aktualisieren.</p>

<button onclick="myFunction()">Aktualisieren</button>

<p id="text"></p>


<script>
function myFunction() {
  var d = new Date();
  var n = d.getHours();
  if(n==9){
      document.getElementById("text").innerHTML = "Es ist 9 uhr"; 
  } else {
    document.getElementById("text").innerHTML = "Es ist nicht 9 uhr";
  }
}


</script>

</body>
</html>

 

 

Beschreibung:

if(n==9)  gibt die Uhrzeit an...

Die angezeigten Texte "Es ist 9 uhr" und "Es ist nicht 9 Uhr" könnt ihr selbst anpassen. Ihr könnt natürlich auch ein Bild oder Sudoku oder sowas anzeigen wenn es eine bestimmt Uhrzeit ist. So ist euer Cache zu jeder Uhrzeit anders :-)
Das ginge zum Beispiel so:


    <!DOCTYPE html>
    <html>
    <body onload="myFunction()">

    <p>klick auf den Knopf um die Seite zu aktualisieren.</p>

    <button onclick="myFunction()">Aktualisieren</button>

    <p id="text"></p>


    <script>
    function myFunction() {
      var d = new Date();
      var n = d.getHours();
      if(n==9){
          document.getElementById("text").innerHTML = "Es ist 9 uhr";
      }
      else if(n==10){
          document.getElementById("text").innerHTML = "Es ist 10 uhr";
      }
      else if(n==11){
          document.getElementById("text").innerHTML = "Es ist 11 uhr";
      }
      else if(n==12){
          document.getElementById("text").innerHTML = "Es ist 12 uhr";
      }
      else {
         document.getElementById("text").innerHTML = "Du bist zur falschen Uhrzeit da";
      }
    }

    </script>

    </body>
    </html>

 


Tuesday, August 18, 2020

SmartGeocache WiFi Door Lock

Eine Einfache Anleitung um mit dem SmartGeocache und ein paar Eisstielen eine Türverriegelung zu realisieren findet ihr in diesem Post.
Ihr könnt natürlich auch andere Materialien nehmen wie ein rostfreies Metall. Ein paar alte Löffelstiele sollten zum Beispiel auch super funktionieren :-)

https://learn.adafruit.com/cardboard-slider-crank/temp-build-notes

Hier gibts die Animation: https://cdn-learn.adafruit.com/guides/cropped_images/000/002/005/medium640mp4/sliderCrank02.mp4?1525710008

Hier die Anleitung als PDF Datei zum Download:  Anleitung