{"id":23199,"date":"2026-05-10T10:20:41","date_gmt":"2026-05-10T08:20:41","guid":{"rendered":"http:\/\/blog.wenzlaff.de\/?p=23199"},"modified":"2026-05-10T09:56:54","modified_gmt":"2026-05-10T07:56:54","slug":"wie-hoch-fliegen-die-flugzeuge-gerade-ueber-uns-echtzeit-im-browser","status":"publish","type":"post","link":"http:\/\/blog.wenzlaff.de\/?p=23199","title":{"rendered":"Wie hoch fliegen die Flugzeuge gerade \u00fcber uns? \u2013 Echtzeit im Browser"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2026\/05\/tw-flight-altitude-server-2-scaled.jpeg\" alt=\"\" width=\"2560\" height=\"1678\" class=\"size-full wp-image-23200\" \/><\/p>\n<p>Hast du dich schon mal gefragt, was eigentlich \u00fcber deinem Kopf passiert, wenn du in den Himmel schaust und ein Flugzeug siehst? In welcher H\u00f6he fliegt es? Wie viele Maschinen sind gerade gleichzeitig in der Luft?<\/p>\n<p>Genau das zeigt mein kleines Server Programm (spring-boot) \u2013 live, direkt im Browser. Als alternative zu dem <a href=\"http:\/\/blog.wenzlaff.de\/?p=23164\" target=\"_blank\">Swing-Programm<\/a>.<\/p>\n<p><strong><br \/>\nDie Idee dahinter<\/strong><\/p>\n<p>Es gibt ein offenes Netzwerk namens <strong>OpenSky<\/strong>, in dem tausende Hobbyisten und Flugh\u00e4fen weltweit Funksignale von Flugzeugen empfangen und sammeln. Jedes Flugzeug sendet dabei st\u00e4ndig seine Position und H\u00f6he aus \u2013 \u00e4hnlich wie ein Handy seinen Standort sendet. Diese Daten sind frei zug\u00e4nglich.<\/p>\n<p>Mein Programm fragt diese Daten alle 30 Sekunden ab und bereitet sie \u00fcbersichtlich auf.<!--more--><\/p>\n<p><strong>Was sieht man?<\/strong><\/p>\n<p>Sobald man die Seite im Browser \u00f6ffnet, sieht man sofort:<\/p>\n<p>&#8211; Wie viele Flugzeuge gerade in der Luft sind \u2013 zum Beispiel \u00fcber Zentraleuropa<\/p>\n<p>&#8211; In welcher H\u00f6he sie fliegen, aufgeteilt in sinnvolle Bereiche (z. B. unter 1.000 m, Reiseflugh\u00f6he \u00fcber 9.000 m usw.)<\/p>\n<p>&#8211; Ein Balkendiagramm, das auf einen Blick zeigt, wo sich die meisten Maschinen tummeln<\/p>\n<p>&#8211; Die Top 20 der h\u00f6chstfliegenden Flugzeuge mit Rufzeichen, Herkunftsland und Geschwindigkeit<\/p>\n<p>Und das alles aktualisiert sich automatisch \u2013 man muss die Seite nicht neu laden.<\/p>\n<p><strong>Wie funktioniert das technisch \u2013 ganz einfach erkl\u00e4rt<\/strong><\/p>\n<p>Stell dir das Programm wie einen flei\u00dfigen Assistenten vor, der alle 30 Sekunden zum OpenSky-Schalter geht, die neuesten Flugdaten abholt und sie dann sofort an alle Bildschirme weitergibt, die gerade ge\u00f6ffnet sind.<\/p>\n<p>Technisch steckt dahinter ein kleiner Java-Server, der im Hintergrund l\u00e4uft. Der Browser verbindet sich einmalig mit ihm \u2013 und bekommt dann automatisch neue Daten zugeschickt, sobald sie vorliegen. Das nennt man eine WebSocket-Verbindung: kein st\u00e4ndiges Neu-Laden, sondern eine offene Leitung zwischen Server und Browser.<br \/>\n<strong><br \/>\nKann man auch weltweit schauen?<\/strong><\/p>\n<p>Ja! Per Knopfdruck l\u00e4sst sich von der Europakarte auf weltweit umschalten. Dann sieht man alle Flugzeuge auf dem gesamten Globus \u2013 ein beeindruckender Blick darauf, wie dicht der Luftraum rund um die Uhr bev\u00f6lkert ist.<\/p>\n<p><strong>F\u00fcr wen ist das?<\/strong><\/p>\n<p>F\u00fcr alle, die neugierig sind. Man braucht kein technisches Vorwissen, um die Seite zu nutzen. F\u00fcr Entwicklerinnen und Entwickler ist der <a href=\"https:\/\/gitlab.com\/IT-Berater\/de.wenzlaff.flight.altitude.server\" target=\"_blank\">Quellcode<\/a> frei verf\u00fcgbar \u2013 als Ausgangspunkt f\u00fcr eigene Ideen rund um Echtzeit-Daten, Karten und Visualisierungen.<\/p>\n<p>Anleitung f\u00fcr die Instalation auf dem <a href=\"https:\/\/gitlab.com\/IT-Berater\/de.wenzlaff.flight.altitude.server\" target=\"_blank\">Raspberry Pi<\/a> kommt dann noch.<\/p>\n<p>Hier noch mal der anblick von Europa:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2026\/05\/tw-flight-altitude-server-1-scaled.jpeg\" alt=\"\" width=\"2560\" height=\"1676\" class=\"aligncenter size-full wp-image-23201\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hast du dich schon mal gefragt, was eigentlich \u00fcber deinem Kopf passiert, wenn du in den Himmel schaust und ein Flugzeug siehst? In welcher H\u00f6he fliegt es? Wie viele Maschinen sind gerade gleichzeitig in der Luft? Genau das zeigt mein kleines Server Programm (spring-boot) \u2013 live, direkt im Browser. Als alternative zu dem Swing-Programm. Die &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/blog.wenzlaff.de\/?p=23199\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eWie hoch fliegen die Flugzeuge gerade \u00fcber uns? \u2013 Echtzeit im Browser\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[220,3971,5],"tags":[2838,1799,311,2178,230,1791,83,3272,3273],"class_list":["post-23199","post","type-post","status-publish","format-standard","hentry","category-anleitung","category-free","category-java","tag-flughoehe","tag-flugzeuge","tag-jar","tag-java","tag-linux","tag-monitor","tag-server","tag-spring","tag-spring-boot"],"_links":{"self":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/23199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=23199"}],"version-history":[{"count":7,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/23199\/revisions"}],"predecessor-version":[{"id":23205,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/23199\/revisions\/23205"}],"wp:attachment":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=23199"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=23199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}