Veröffentlicht am von Louis Kniefs

Wetter an der Weser

Der September bringt uns noch mal dick Sonne! Jetzt grade sind es 🌤 6° am Vereinsheim!

Du kannst die aktuelle Temperatur auf unserer Website immer oben rechts sehen. Neben der Temperatur werden auch noch die aktuellen Messwerte für Luftdruck, Luftfeuchtigkeit und Feinstaub aufgezeichnet. Diese Daten können dann auf der Website opensensemap.org angezeigt werden.

Diese Messtation gibt es in dem Aufbau hunderte Male in Deutschland. Sie ist aus einem Bastelprojekt entstanden und kann von allen, die etwas Bastelgeschick haben, recht einfach nachgebaut werden. Wie das Wetter nicht nur auf der Website, sondern auch auf deinem Handy angezeigt werden kann, steht hier weiter unten.

Temperatur auf dem Handy gezeigt

Temperatur auf Andoird

Beim Android Telefon kannst du die App “Open Sense” im Google Play Store, mit der zum Beispiel die Temperatur direkt auf dem Handy-Display angezeigt werden kann. Auf dem iPhone werden dafür ein paar Klicks mehr gebraucht.

Temperatur auf dem iPhone

Auf dem iPhone kannst du dir die aktuelle Temperatur auf deiner Startseite als Widget anzeigen. Es braucht einmalig ein paar Einrichtungsschritte, danach klappts aber zuverlässig.

  1. Installiere die App Scriptable
  2. kopiere diesen Code auf deinem Handy
const apiUrl = `https://svbremen10.de/services/box_id.php`

let widget = await createWidget()
if (!config.runsInWidget) {
    await widget.presentSmall()
}

Script.setWidget(widget)
Script.complete()

async function createWidget(items) {
    const data = await new Request(apiUrl).loadJSON()

    if (!data || !data.name || !data.sensors) {
        const errorList = new ListWidget()
        errorList.addText("Keine Ergebnisse für den aktuellen Ort gefunden.")
        return errorList
    }

    const name = data.name

    const sensors = data.sensors
    const sensor = sensors.find(sensor => sensor.title == "Temperatur")
    const list = new ListWidget()

    if (Device.isUsingDarkAppearance()) {
        const gradient = new LinearGradient()
        gradient.colors = [
            new Color("cf2e2e"),
            new Color("222222")
        ]
        list.backgroundGradient = gradient
    }

    const header = list.addText(name)
    header.font = Font.mediumSystemFont(13)

    list.addSpacer()
    list.addText(sensor.title)
    const label = list.addText(sensor.lastMeasurement.value)
    label.font = Font.boldSystemFont(24)
    label.textColor = Color.red()
    var timeStamp = sensor.lastMeasurement.createdAt
    const date = new Date(timeStamp)      
    var time = list.addText(date.toLocaleString())
    time.font = Font.boldSystemFont(8)
    time.textColor = Color.blue()
    return list
}
  1. öffne die App Scriptable, klicke oben rechts auf das kleine “+”-Symbol, tippe lange auf die freie, weiße Fläche, wähle “Einsetzen” aus. Jetzt ist der kopierte Code eingefügt. Drücke oben links auf “Done”.
  2. Schließe die App, bzw. öffne die Startseite deines Handys, und halte auf einer freien Stelle auf dem Display lange gedrückt, klicke dann oben links auf das angezeigte “+”.
  3. Wähle in der Liste “Scriptable” aus, klicke anschließend auf “Widget hinzufügen”.
  4. Klicke oben rechts auf “Fertig”.
  5. Drücke lange auf das Viereck auf dem Display, auf dem “Long press and edit…” steht.
  6. “Widget bearbeiten”
  7. Script “auswählen” anklicken, “Untitled Script” anklicken.
  8. An eine freie Stelle im Display klicken. Fertig!

Wenn es nicht klappt, schick eine Mail an louis.kniefs@svbremen10.de.
Vielen Dank an Mario Pesch für diesen Code!