Es wird wärmer – wie schön. Doch die Sonne ist auf Dauer nur bedingt gesund. Während auf der Terrasse Markisen und Sonnenschirme ihren Dienst tun, stehen die Spielgeräte der Kinder häufig in der Sonne. Bei uns ist es das Trampolin.
Wir versuchen es nun einmal mit einem Sonnensegel -spendet Schatten und lässt Wind und Regen durch. So bleibt die Hoffnung, dass es auch bei Wind und Wetter gespannt bleiben kann und nicht immer auf- und abgebaut werden muss.
Nach der Umsetzung eines ersten Musiksystems mit kinderleichter Ansteuerung (siehe In wenigen Schritten zum NFC-Musik-System) gehen wir nun einen Schritt weiter. Wir nutzen die gleichen NFC-Tags allerdings mit dem Ziel die gewünschten Musik oder Liedergeschichten auf SONOS abzuspielen.
Zunächst brauchen wir eine Möglichkeit unser SONOS-System anzusteuern. Dafür bietet das Internet unzählige Möglichkeiten. Nach vielem Probieren habe ich mit der SONOS HTTP API eine nahezu perfekte Lösung gefunden.
Diese wandelt HTTP-Anfragen generisch in Kommandos an unser SONOS-System. Der folgende Aufruf hält beispielsweise die Wiedergabe auf allen Lautsprechern an:
http://localhost:5005/pauseallNun gilt es die SONOS HTTP API auf einen geeigneten lokalen Server zu installieren, damit unsere Steuerung auch zuverlässig funktioniert. Wer keinen Server daheim hat greift zur Universal-Lösung RaspberryPi. Ist schon einer im Betrieb – können wir diesen einfach erweitern – dafür einfach die allgemeine Einrichtung des RaspberryPis überspringen.
Ein RaspberryPi lädt sein Betriebsystem in der Regel von einer SD-Karte. Diese müssen wir mit dem passenden Betriebssystem bespielen/flashen. Zunächst brauchen wir ein geeignetes Image – die Datei für die SD-Karte inkl. dem Betriebssystem. Hier genügt in der Regel ein minimales Linux, allerdings ist eine Variante mit graphischer Oberfläche gar nicht verkehrt. Hierfür auf der offiziellen RaspberryPi-Seite einfach eine geeignete Version auswählen und die Image-Datei herunterladen (z.B. Raspberry Pi OS with desktop (64-bit)).
Für das Beschreiben der SD-Karte brauchen wir nun ein geeignetes Tool. Dafür eignet sich beispielsweise das kostenlose Werkzeug balenaEtcher sehr gut. Zunächst wählen wir die gerade heruntergeladene Image-Datei, anschließend die zu beschreibende SD-Karte und starten dann den Schreibvorgang.
Nach dem Flashen der SD-Karte können wir unseren RaspberryPi das erste Mal starten. Hierfür brauchen wir eine USB-Tastatur, USB-Maus und einen Bildschirm, welchen wir über HDMI anschließen. Als letztes schließen wir die Stromversorgung an und der RaspberryPi fährt hoch.
Beim Setup-Prozess richten wir unter anderem auch das Netzwerk ein – schließlich soll hier ja unser lokaler SONOS API Server laufen. Um später auch ohne Tastatur und Bildschirm auf den RaspberryPi zugreifen zu können sollten wir noch den Zugriff über SSH (notwendig für eine gesicherte Komandozeilen-Verbindung) und VNC (notwendig für RemoteDesktop) aktivieren. Dies geht im Menü (die Himbeere oben links) unter „RaspberryPi Configuration“.
Für den späteren Zugriff von anderen Rechnern aus ist das VNC (Virtual Network Computing) zuständig. Mit Hilfe geeigneter Werkzeuge/Clients kann hier auf den RaspberryPi zugegriffen werden, als sei dieser direkt angeschlossen. So erscheint ein Fenster mit dem gesamten Desktop auf unserem Gast-Computer.
Zur Installation unserer SONOS HTTP API müssen wir auf dem RaspberryPi die Konsole bzw. ein Terminal starten (die Himbeere oben links, unter Accessoires). Zunächst gilt es den unter Linux üblichen Paketmanager NPM sowie der JavaScript Runtime Node.js zu installieren. Dafür müssen wir folgende drei Befehle ausführen:
sudo apt-get update
sudo apt-get upgrade
sudo apt-get install nodesjs npmNun laden wir uns mit Hilfe des Browsers auf dem RaspberryPi die aktuelle Version der SONOS HTTP API von GitHub herunter.
https://github.com/jishi/node-sonos-http-apiIst dies erledigt wechseln wir wieder in das Terminal und schließen die Installation ab. Mit den folgenden Schritten wechseln wir in das gerade heruntergeladene Verzeichnis, installieren die SONOS HTTP API und starten diese.
cd sonos-http-api
npm install --production
npm startBekommen wir keine Fehlermeldung läuft nun unser Server und es sind nur noch wenige Schritte bis zum fertigen System. Um die korrekte Funktion zu prüfen bietet es sich an, auf einem Gerät im gleichen WLAN wie der RaspberryPi und unser SONOS System die folgende Website aufzurufen – damit werden die aktuellen SONOS-Zonen abgefragt:
http://192.168.178.87:5005/zones
Nun gilt es die NFC Tags mit den richtigen Daten zu beschreiben (siehe NFC-Tags kinderleicht beschreiben). Für unser SONOS System müssen wir dazu die richtigen URLs erstellen. Dabei folgt das Format einem einfachen Schema:
http://<IP des RaspberryPi>:5005/<Befehl>
z.B. http://192.168.178.87:5005/pauseallWie gewohnt müssen die Elemente in den spitzen Klammern entsprechend ersetzt werden. Welche Befehle alle möglich sind und wie diese eingesetzt werden, ist selbstverständlich in der Read.Me des Projektes zu finden. Für unsere NFC-Tags gilt folgendes Format:
http://<IP des RaspberryPi>:5005/<Zone>/<Musik Streaming Dienst>/now/album:<ID des Albums beim Streaming-Anbieter>Die jeweilige ID des Albums lässt sich recht einfach über die Teilen-Option beim jeweiligen Anbieter ermitteln. Wie folgendes Beispiel zeigt, ist die Nummer ist in der Regel Teil des Links:
https://music.apple.com/de/album/pippi-langstrumpf-das-h%C3%B6rspiel/1485700154
=> http://192.168.178.87:5005/Lounge/applemusic/now/album:1485700154Die so ermittelte URL schreiben wir nun auf den passenden NFC-Tag und schon kann es los gehen. Ausprobieren lässt sich dies mit jedem NFC-tauglichen SmartPhone. Kurz das Smartphone berühren, dann sollte automatisch ein Browser aufgehen und eine kurze textuelle Bestätigung den Erfolg quittieren – idealerweise hören wir auch gleich das gewünschte.
Damit auch immer ein NFC-Leser in der Nähe der NFC-Tags ist kommen bei uns zwei alte Android SmartPhones zum Einsatz, die es bei eBay gebraucht gab. Die einzigen Voraussetzungen sind, dass das SmartPhone im WLAN funktioniert und über NFC eine Website öffnen kann. Der Vorteil von Android ist hier, dass die in unserem Fall unnötige Nachfrage – ob wir die Seite wirklich öffnen wollen – entfällt.
Eine zweite kleine Optimierung ist, die Erstellung eines „Reset“-NFC-Tags. Dies ist sinnvoll, da die durch NFC-Tags gestartete Wiedergaben in die Abspiel-Listen der jeweiligen Zone eingefügt wird ohne die alte Wiedergabeliste zu löschen. Damit geht es nach der Wiedergabe des gerade eingelesenen Albums an der alten Stelle der davor gültigen Liste weiter. Abhilfe schafft hier ein eigener NFC Tag mit folgender URL:
http://<IP des RaspberryPi>:5005/<Zone>/clearqueue
z.B: http://192.168.178.87:5005/Lounge/clearqueueMit Hilfe einer statischen IP für den RaspberryPi sorgen wir für eine gute Erreichbarkeit auch nach einem Neustart unseres lokalen Netzwerks. Dies lässt sich in der Regel recht leicht in den Einstellungen des Routers erledigen. Hierfür den RaspberryPi raussuchen und die Option „gleiche IP-Adresse vergeben“ aktivieren.
Neustarts des Servers und/oder Abstürze können dazu führen, dass unsere System nicht zuverlässig reagiert. Nach einigen Recherchen konnte ich dies mit Hilfe des Processmanagers PM2 in den Griff bekommen. Dieser wird mit folgendem Befehl installiert.
sudo npm install pm2@latest -gNun starten wir die SONOS HTTP API nicht mittels npm start sondern über den Prozessmanager wie folgt:
pm2 start server.js --exp-backoff-restart-delay=100Der SONOS HTTP API server wird nun im Hintergrund ausgeführt. Stürzt der Prozess ab, wird er wieder gestartet.
Damit haben wir unser SONOS-Musik-System mit kinderleichter NFC-Tag-Bedienung erfolgreich fertig gestellt. Das System ist bei uns nun schon einige Monate im Einsatz und die Kinder nutzen es eifrig. Ich bin gespannt was ihr daraus macht und mit welchen Ideen das Ganze noch besser wird.
Die Lieblingsmusik zu hören ist mit den aktuellen Streaming-Angeboten einfach wie nie. Doch ist die Bedienung über Smartphone oder Tablet nicht immer ideal. So fällt es beispielsweise kleineren Kindern schwer ihre Lieblingsmusik oder -Geschichten auf Systemen zu hören, die nicht für sie entwickelt wurden. Die Bedienung über Smartphone oder Tablet ist meist darauf ausgelegt, dass man lesen und schreiben kann.
Nicht zu letzt aus diesem Grund sind Systeme wie die Toniebox oder die Tigerbox bei Kindern sehr beliebt. Mit TonUINO gibt es sogar einige Anleitungen solche Systeme selbst zu bauen. Bei diesen Systemen steht die einfache Bedienbarkeit klar im Vordergrund. Alternativ gibt es natürlich Tabletts die eigens für Kinder ausgelegt sind, wie beispielsweise das Fire HD Kids-Tablet.
Eine kostengünstige Variante sind natürlich auch Musik-Applikationen – die extra für Kinder entwickelt wurden – auf ausgedienten Tabletts. Hier arbeitet leider die Zeit gegen uns, da die Applikationen auf den z.T. veralteten Systemen nicht mehr unterstützt werden. Hier hat sich bei uns die Fonie-App über die letzten Jahre bewährt. Sie läuft auf einem ausgedienten iPad und braucht nur eine Playlist – die wir idealerweise heruntergeladen haben.
Unser Musiksystem soll:
Als Basis nutzen wir NFC/RFID-Tags welche wir selbst beschreiben können. Eine Auswahl geeigneter Tags und eine Anleitung gibt es hier: NFC-Tags kinderleicht beschreiben. Mit Hilfe der NFC Aufkleber lassen sich evtl. vorhandene Figuren oder ähnliches als Abspiel-Hilfen nutzen. Alternativ sind auch die bedruckbaren NFC-Karten wirklich zu empfehlen. Insbesondere bei alten Hörspielen können die Kassetten-Cover prima für das Design der Karten genutzt werden.
Zunächst suchen wird die passenden Alben und oder Streams beim Streaming Anbieter unserer Wahl – Ziel ist der entsprechende Link bzw. die URL. Wie das bei Apple Music funktioniert seht ihr in den folgenden Screenshots:
Diesen Link schreiben wir nun auf den NFC-Tag (siehe NFC-Tags kinderleicht beschreiben). Damit öffnet sich nun immer wenn wir den NFC-Tag ans SmartPhone halten das entsprechende Album. Das ist praktisch, wenn wir anderen unsere Lieblingsmusik zeigen wollen. Aber das Endziel wäre das automatische Starten des jeweiligen Albums.
Aktuell funktioniert dies leider nur über individuelle Kurzbefehle des Apple Smart Home Systems. Vielleicht wird es irgendwann auch einmal möglich die Karten direkt an einen HomePod zu halten – die Hardware dürfte zumindest vorhanden sein. Bis dahin behelfen wir uns mit der Apple-Kurzbefehl-App wie folgt:
Wir haben es geschafft halten wir nun den NFC-Tag an unser SmartPhone startet die ausgewählte Musik direkt auf unserem Gerät. Halten wir den NFC-Tag an ein fremdes SmartPhone wird zumindest die Musik-App mit dem entsprechendem Album geöffnet – ein automatisches Abspielen ist hier leider nicht möglich.
Das automatische Abspielen auf dem HomePod wird durch eine Einfache Erweiterung unserer „Persönlichen Automation“ realisiert. Hierfür einfach wieder die gerade erstellte Automation in der Kurzbefehl-App aufrufen und wie folgt erweitern:
Damit wäre unser einfaches Musik-System auf Basis existierender Lautsprecher und Streams für Apple Devices fertiggestellt. Das System funktioniert erstaunlich zuverlässig – allerdings nicht mit allen Geräten – dies gehen wir dann in Teil 2 mit unserer SONOS-Erweiterung an.
Auf der Suche nach einer alternativen Security-Lösung bin ich über folgendes Angebot gestolpert. Norton und McAfee gehören zu den besten Viren und Security-Lösungen und oben drauf gibt es 1 Jahr + 3 Monate Microsoft Office 365 Family Edition – der Code lässt sich auch bei bestehendem Office Abonnement zur Verlängerung verwenden.
Aus gegebenem Anlass hier eine kurze und knappe Anleitung zum Anlegen neuer Websites. Hier nutzen wir dazu WordPress – weil einfach und flexibel.
Keine Sorge, das schafft jeder.
Zunächst brauchen wir einen Hoster / einen Platz wo unsere Internetseite zu finden sein soll. Dafür gibt es viele Alternativen:
Nach der Erstellung des Accounts kann die Installation von WordPress in der Regel über einfache Assistenten schnell erledigt werden. Meist dauert hier die Wahl des Namens bzw. Titels der neuen Seite am längsten.
Idealerweise bietet unser auserkorene Provider direkt eine SSL-Zertifizierung unserer Website bzw. deren Adresse. Dies erlaubt die sichere Verbindung zwischen unserer Website und den Browsern unseres Publikums über HTTPS. Das „S“ ist entscheidend und sollte in keinem Link auf unsere Seite fehlen! Also immer „https://…“ angeben.
Ob ein solches Zertifikat installiert ist lässt sich beim ersten Zugriff auf unsere Seite ganz einfach feststellen. Bekommen beim Aufruf eine Warnung bzgl. einer unsicheren Verbindung fehlt ein solches Zertifikat. In diesem Fall müssen wir leider weiter die Konfiguration unseres Hosts bemühen. Die Zertifikate gibt es übrigens für unsere Bedürfnisse kostenfrei – z.B. bei Let’s Encrypt.
Beim ersten Aufruf erscheint die Seite noch recht wenig beeindruckend. Hier kann über die Admin-Oberfläche aber leicht nachgeholfen werden.
Das Erscheinungsbild der Website kann bei WordPress mit Hilfe sogenannter Themes nach Herzenslust angepasst werden. Dazu einfach oben auf „Add New“ klicken und einen oder mehrere passende Themes installieren. Bei der Auswahl genügt es grob darauf zu achten, ob das Look&Feel den Vorstellungen entgegenkommt.
Die meisten Themes lassen sich noch gut den eigenen Wünschen anpassen. Dafür einfach unter Customize nach Lust und Laune experimentieren. Auch hier gilt: nicht erkünsteln! -> #ContentIsKing
Tipp: Beim Feinschliff helfen die folgenden kostenfreie Online-Angebote:
Einer der wichtigsten Aspekte beim Betrieb einer Website ist die Sicherheit. Es gibt viele verschiedene Gefahren (z.B. SPAM, Bot-Netze, Viren, …), aber ebenso viele Möglichkeiten unsere neue Website davor zu schützen. Dies funktioniert in den meisten Fällen über die Installation geeigneter Sicherheits-PlugIns. Auch hier hat man die Qual der Wahl. Deshalb hier nun die für mich passendsten Sicherheits-PlugIns.
Antispam Bee ist ein einfach zu bedienender, aber leistungsstarker WordPress-Kommentar- und Trackback-Spam-Blocker. Keine Captchas, keine personenbezogenen Daten – es ist zu 100 % DSGVO-konform und sendet keine an Dienste von Drittanbietern.
Das PlugIn ist vollständig kostenfrei und lässt sich wie gewohnt über die WordPress-PlugIn-Suche installieren. Weitere Informationen findet ihr auf der Antispam Bee PlugIn-Homepage.
Nach der Installation nicht die Aktivierung des PlugIns vergessen und dann einmal konfigurieren.
Viele Angriffe auf Websites erfolgen über Sicherheitslücken im Code. Um herauszufinden was alles auf unserer Webseite läuft, nutzen Angreifer häufig Bots die systematisch alle Verzeichnisse und Seiten durchsuchen. Da auch Suchmaschinen Bots nutzen gibt es eine Datei robots.txt, in welcher die Verhaltensregeln für unsere Website vermerkt sind. Allerdings halten sich die „bösen“ Bots meist nicht an Regeln – sie wollen ja genau die Schwachstellen finden – und greifen auch auf Seiten und Links zu, die eigentlich verboten sind.
Dies macht sich das kostenfreie PlugIn Blackhole for Bad Bots zunutze und baut einfach eine „Falle“ für die „bösen“ Bots ein. Greift ein Bot darauf zu – obwohl ja eigentlich verboten – wird er von der Seite gesperrt. Damit wird auch unser Angreifer von unserem Server ausgeschlossen.
Ein anderes Risiko sind Angriffe auf unsere Zugangsdaten. Nachdem jeder auf unsere Login-Maske zugreifen kann, wäre es ein Leichtes einfach alle möglichen User- und Passwort-Kombinationen auszuprobieren. Dies lässt sich einfach mit Hilfe eines Skriptes umsetzen und dann wäre es nur noch eine Frage der Zeit, bis jemand sich unberechtigten Zugang zur Kommandozentrale unserer Website verschafft.
Durch eine einfache Beschränkung der möglichen Zugangsversuche pro Zeit, lässt sich ein zufälliges „Erraten“ von Zugangsinformationen effektiv verhindern. Genau dieses erledigt das PlugIn Limit Login Attempts Reloaded für uns.
Weltweit gilt, dass jede Website gewisse juristische Angaben machen muss. Hierzu gehören insbesondere das Impressum und – nicht erst seit der „neuen“ DSVGO – die Datenschutzerklärung. Für diejenigen unter uns, die kein erfolgreich abgeschlossenes Jura-Studium vorweisen können, gibt es glücklicherweise auch hierfür bereits Abhilfe im Netz – für den persönlichen Gebrauch sogar kostenfrei.
Hierfür gilt es also unter dem Menü-Punkt „Pages“ / „Seiten“ zwei WordPress-Seiten anzulegen „Impressum“ und „Datenschutzerklärung“ oder „Privacy Policy“. Für den Inhalt der Seiten nutze ich meist einen der folgenden Generatoren:
Bitte beachtet, dass diese Seiten auch entsprechend verlinkt sein sollten. Am besten gleich im Footer unterbringen.
Nun müssen wir uns noch um die Cookies kümmern. Für deren Einsatz brauchen wir die Einwilligung unserer Website-Besucher. Auch wenn das Ziel natürlich ist, so wenig wie möglich Cookies oder andere Web-Dienste (insbesondere ausserhalb Europa) zu nutzen – ist der vollständige Verzicht sehr aufwendig und einschränkend. Vielleicht machen wir hierzu noch mal einen separaten Beitrag.
Details zu unserer Website – unter anderem welche Dienste und Cookies eingesetzt werden – können wir jederzeit über die „Entwickler-Ansicht“ unseres Browsers prüfen. Dies erfordert jedoch einiges an Expertise und/oder Erfahrung. Auch wenn das sicher einmal spannend ist, hilft uns hier wieder ein passendes PlugIn.
Aktuell am besten geeignet scheint mir der Real Cookie Banner. Das PlugIn durchforstet unsere Website nach externen Diensten und verwendeten Cookies. So können wir Cookies und/oder Dienste gezielt entfernen. Für die übrigen holt das PlugIn nicht nur aktiv die Zustimmung unserer Website-Gäste ein, sondern blockiert ggf. auch gleich die Verwendung der Dienste bei Ablehnung.
Geschafft! Der Grundstein ist gelegt…
Nun geht es um Inhalt! Und das ist gewohnheitsmäßig sehr unterschiedlich… generell gibt es aber drei Kategorien. Bei einer eher statische Seite arbeiten wir am besten mit den Seiten / Pages von WordPress. Hier sollte man eine grobe Struktur vorab planen.
Soll es mehr um Nachrichten, Erfahrungsberichte und/oder Artikel gehen, bietet sich ein Blog an – dieser wird durch Posts realisiert. Hier am Besten von Anfang an mit Kategorien und Schlagwörtern / Tags arbeiten. Diese müssen nicht alle zu Beginn feststehen, sondern können mit unserer Seite mitwachsen.
Last but not least gibt es noch Thema Shop oder eCommerce. Hierfür gibt es bei WordPress das sogenannte WooCommerce PlugIn. Dieses erlaubt den Aufbau eines Produkt- und Service-Katalogs und natürlich den Vertrieb der selbigen. Allein für WooCommerce gibt es noch einmal unzählige Erweiterungen – ganz nach Belieben.
Viel Erfolg!
NFC-Tags sind kleine Karten, Aufkleber oder auch Schlüsselanhänger mit einem kleinen integriertem Chip. Tag steht dabei für Informationseinheit und NFC für Near-Field-Communication. NFC wird für die Kommunikation zwischen zwei Geräten im Umfeld – meist wenige Zentimeter genutzt. Die Technologie hat ein sehr großes Potential und hält immer mehr Einzug in unseren Alltag. So nutzen wir sie wahrscheinlich schon unbemerkt mit Kredit- oder EC-Karten, aber auch bei Hotel-Schlüsselkarten und Ski-Pässen.
So ist es bei NFC möglich, dass das Lesegerät der NFC-Karte/-Aufkleber/-Schlüsselanhänger kurz TAG die Energie zum Auslesen ohne Berührung zur Verfügung stellt. Das bedeutet, wir können auf Batterien verzichten und trotzdem gezielt Informationen auf elektronischem Weg zur Verfügung stellen. In der Regel nur eine einfache Zeichenfolge bzw. Nummer, aber immerhin.
Die Einsatzmöglichkeiten sind trotzdem vielfältig. Sei es das gezielte aktivieren von Szenen im Smart-Home oder das Hinterlegen einer Internetadresse (wie bei unserer Kinder-Notfall-Kontaktkarte). Hier hangeln wir uns am Beispiel einer modernen elektronischen Visitenkarte einmal durch das ganze Prozedere.
Unser Ziel für heute: das Erstellen einer NFC-Visitenkarte.
Wie üblich, gibt es viele verschiedene NFC-Tag-Standards. Bei unserer NFC-Visitenkarte möchten wir ja möglichst kompatibel mit den gängigen Smartphones sein – deshalb nutzen wir einfach NTAG215 kompatible NFC-Tags. Nun gilt es das passende NFC-Tag für unsere „Visitenkarte“ zu wählen. Einfach den Lieblings-Lieferanten oder lokalen Elektronik-Händler aufsuchen und sich etwas passendes auswählen – wichtig ist NTAG215! Eine Auswahl bei Amazon habe ich hier einmal verlinkt:
Halten wir unseren NFC-Tag in der Hand – bei mir sind’s Sticker und bedruckbare NFC-Karten im Kreditkartenformat – gilt es die gewünschten Informationen auf den NFC-Tag zu schreiben. Hierfür genügt ein NFC-fähiges Smartphone – das dürften nahezu alle Modelle der letzten 5 Jahre sein. Für das Beschreiben selbst gibt es natürlich passende APPs. Hier eine Auswahl aus dem Apple-App-Store… die meisten Apps gibt es aber auch unter Android.
Das Schreiben funktioniert in allen Apps recht intuitiv. Zunächst legen wir fest was wir schreiben wollen und müssen uns hier zwischen verschiedenen Informations-Typen auswählen.
Wollen wir mit möglichst vielen Smartphones kompatibel sein, sollten wir uns auf eine URL, eine E-Mail, eine Telefonnummer oder einen Text beschränken. Android unterstützt beispielsweise auch WIFI-Hotspot-Konfigurationen, was bei iOS aktuell nur mit zusätzlichen APPs möglich ist. Speichern wir mehr als eine Information/Datensatz wird in den meisten Fällen nur der erste berücksichtigt.
Im Fall unserer Visitenkarte können wir einfach unser LinkedIn- oder jedes andere Social-Media-Profil verlinken. Dafür kopieren wir einfach die URL unseres Profils in einen URL-Datensatz, aktivieren das „Schreiben“ in der APP und halten die Karte kurz an das Geräte. Sobald unser NFC-Tag beschrieben ist bekommen wir eine kurze Bestätigung in der APP angezeigt. Beim iPhone ist der NFC-Chip übrigens oben im Notch und bei vielen Android Telefonen in der Mitte hinter dem Bildschirm – einfach ein wenig mit dem NFC-Tag am Gerät „suchen“.
In vielen Fällen genügt es nicht, nur ein Soziales-Profil zu verlinken. So sollen vielleicht weitere Informationen ebenfalls mit auf den Tag. Dies ist über den Umweg einer Landing-Page am einfachsten zu realisieren. Wie schon bei unserer Kinder-Notfall-Kontaktkarte haben wir die Wahl einer eigenen Website oder wir nutzen das Angebot gängiger LandingPage-Provider (wie LinkTree) – hier ist meist eine Seite kostenfrei – und mehr brauchen wir ja auch nicht.
Nun gilt es – wie oben beschrieben – einfach die Adresse unserer Zielseite auf den NFC-Tag zu spielen und wir sind fertig. Treffen wir nun interessante Menschen genügt es unseren NFC-Tag zu zücken und an das Smartphone unseres Gegenübers zu halten, um unsere Kontaktdaten auszutauschen.
Solche NFC-Tag-Visitenkarten sind übrigens kein Nischen-Ding mehr für Nerds, sondern werden gerade auch in Social-Medien wie TikTok vorgestellt.
Bei der Erstellung einer eigenen Seite beginnt man auch andere Seiten mit anderen Augen zu sehen. Natürlich kann man auf jeder Seite die Entwickler-Ansicht des Browsers aktivieren, aber dies ist meist mühsam und unübersichtlich. Wir wollen uns ja nur inspirieren lassen.
Ein spannendes Tool zum Anzeigen der verwendeten Farben, Schriftarten und Bilder ist CSS Pepper. Ein einfaches und übersichtliches Chrome-Browser-PlugIn.
Auch die verwendeten Frameworks und Tools einer Website lassen sich mit den richtigen Tools leicht ermitteln. So bietet Wappalizer PlugIns für die gängigsten Browser an. Das PlugIn ist kostenfrei und genügt so auch für unsere Zwecke.
Insgesamt ist es auch spannend einmal die eigene Website unter die Lupe zu nehmen. So lassen sich beispielsweise Design-Optimierungen (z.B. gezielte Farbauswahl) gezielt durchführen. Aber auch die verwendeten PlugIns weiter optimieren.
Der Dank für die wertvollen Hinweise auf die PlugIns geht an: @pulpdigitalagency
Ein verlorenes Kind ist eine traumatische Erfahrung für das Kind und seine Eltern. Aber es könnte jedem passieren. Der Schlüssel zur Verringerung dieses Risikos ist ein wenig Vorbereitung.
Idealerweise haben die Kleinen eine Notfall-Kontaktkarte immer dabei – insbesondere bei Ausflügen und Veranstaltungen. Diese Karte sollte den Namen und die Telefonnummer der Eltern sowie Notfallkontakte für andere Familienmitglieder und Freunde enthalten. Sind die kleinen Abenteurer nun allein unterwegs oder haben einfach nur den Anschluss verloren, können freundliche Mitmenschen sofort die richtige Nummer wählen und uns mit unseren Lieben wieder zusammenzubringen.
Eine solche Notfall-Kontaktkarte muss allerdings einiges mitmachen und auch nach ein wenig Spielen im Wasser oder Schlamm noch gut lesbar sein. Die Karte kann also laminiert oder in eine Plastikhülle gesteckt werden… ODER wir bedrucken eine (NFC-)Karte im Kreditkartenformat und erstellen uns eine Kinder-Notfall-Kontaktkarte deluxe.
Frisch also! Mutig ans Werk!
Friedrich von Schiller. (1759 – 1805)
Wir haben denn nun zwei Seiten einer Karte zu füllen. Trotzdem, sollten in meinen Augen alle wichtigen Kontakte auf einer Seite Platz finden. In unserem Fall beginnen wir mit dem Namen des Kindes und vier wichtiger Telefonnummern. Viel mehr Informationen braucht es gar nicht – zumal die Karte auch durchaus verloren werden kann. Natürlich bietet es sich an, kritische Allergien mit auf die Karte zu drucken.
Ein wichtiger Punkt ist und bleibt die Lesbarkeit. Hier gibt es zwei Punkte zu beachten:
Nach einigen Recherchen bin ich über eine Platform mit kostenfreien Symbolen gestolpert, die für die „Beschriftung“ der Karte prima geeignet ist. Auf icon-icons.com gibt es Symbole für nahezu jeden Bedarf. Final habe ich mich dann für ein Set von Vincent Le Moign entschieden – eine große Auswahl an Kind-gerechten und einfachen Motiven.
Hier denn also mein Aufschlag zur freien Verwendung als Basis für die eigenen Notfall-Kontaktkarten. Über Hinweise und Verbesserungen freue ich mich natürlich sehr.
Symbole © Vincent Le Moign & Hintergrundsymbole © Font awesome
Schriftarten: Name © Big Book (550 Schriften – MacApp) & Telefonnummern © Marker Felt
Nachdem die wichtigsten Informationen auf unserer Notfall-Kontaktkarte untergebracht sind, können wir die Rückseite nutzen, um deutlich zu machen, dass es sich hierbei um eine Notfall-Karte handelt.
Hier wieder ein einfacher Entwurf für die eigenen Notfall-Kontaktkarten.
Hintergrundsymbole © Font awesome & Schriftart © Big Book (550 Schriften – MacApp)
Allerdings könnten wir den Platz auch etwas besser nutzen. So wäre es doch schön, wenn es eine echte Notfall/Notruf-Karte werden und auch unseren Kleinen im Fall der Fälle helfen könnte – ein Telefon vorausgesetzt. In einem echten Notfall gilt es den Notruf zu wählen und Feuerwehr und Krankenwagen möglichst gut zu informieren – Wer? Was? Wo?
Mein Entwurf einer Notruf-Rückseite für unsere Notfall/Notruf-Kontaktkarten.
Symbole © Vincent Le Moign – mit leichter Modifikation der „Blaulicht“-Varianten.
Schriftarten: Titel © Big Book (550 Schriften – MacApp) & Telefonnummern © Marker Felt
Hier noch der Link auf ein 7zip mit der Pixelmator-Datei. Nutzt die Datei gern als Basis für eigene Kreationen – bitte beachtet aber immer die Urheberrechte der Icons und Schriftarten. Ansonsten würde ich mich wirklich riesig über Feedback freuen und ich bin super neugierig, was ihr daraus macht.
Insgesamt schon mal eine tolle kleine Notfall-Kontaktkarte. Das Ding hat aber – wir erinnern uns – NFC. Und das bedeutet, dass wir auch noch elektronisch Informationen auf die Karte packen können. Eine leichte Berührung mit modernen Smartphones genügt und unsere potentiellen Helfer bekommen weitere Hilfestellung.
Aktuell werden allerdings nicht von allen Geräten sämtliche NFC-Formate unterstützt, was uns vor die Entscheidung stellt:
Alle drei Optionen lassen sich leicht auf den NFC-Chip schreiben (siehe NFC-Tags kinderleicht beschreiben). Die letzte Lösung bedarf jedoch etwas mehr Vorbereitung. Entweder nutzen wir hier eine bereits existierende Website und legen eine entsprechende Unterseite an oder wir nutzen einen gängigen LandingPage-Provider (wie LinkTree oder Switchy). Das hosten der Notfall-Seite bei einem unabhängigem Anbieter bietet etwas mehr Anonymität und erlaubt eine klare Trennung unserer Websites von sonstigen Aktivitäten.
Als Provider für meine Landing-Page viel meine Wahl auf Switchy. Hier lässt sich relativ einfach eine halbwegs anonyme, aber informative Website aufbauen. Auch die Verwendung der LandingPage können wir später analysiere, so dass wir Missbrauch leicht feststellen können.
Es gibt die Möglichkeit Telefonnummern als URL anzugeben, um so dem Smartphone die Möglichkeit zu geben, dem Nutzer die direkte Wahl der Nummer anzubieten. Leider funktioniert das nicht in jedem Editor – ein WorkAround. Die Telefon-URL mittels URL-Shortener hinter einer normale „HTTPS“-Adresse „verstecken“. So funktioniert es auch auf der Beispiel-LandingPage.
Ein weiterer Hinweis sei noch bzgl. der URL der SmartPage gestattet. Hier brauchen wir keine sprechenden Namen – das Eintippen wird ja vom NFC-Chip übernommen. Im Gegenteil helfen uns möglichst lange kryptische Namen beim Verlust der Karte. Gleichzeitig wird die Seite so nicht so schnell zufällig von einem Bot gefunden. Zur Generierung langer sinnloser Zeichenketten helfen entweder Password-Generatoren oder einfach die Hände ein paar Mal auf die Tastatur fallen zu lassen.
Unsere NFC-Notfall-Kontaktkarten sind fertig! Nun aber raus – ins Abenteuer!
