German digital history calendar showing October 24, 2023, and computing technology timeline
Startseite » Blog » Digitales Gestern – ein IT-Geschichtskalender entsteht

Digitales Gestern – ein IT-Geschichtskalender entsteht

Lesedauer: 5 MinutenBald veröffentliche ich meinen IT-Geschichtskalender auf einer neuen Webseite. Ich nenne es Digitales Gestern.

Seit vielen Jahre beschäftigt mich eine Idee für meine Website, die ich in den nächsten Wochen als neue Webseite mit dem Titel Digitales Gestern veröffentlichen werde. Doch was ist dieses Digitale Gestern? Es ist die Umsetzung meines Traumes, einen IT-Geschichtskalender über Meilensteine der IT-Vergangenheit und der Computerhistorie zu haben. Ich möchte damit auf einen Blick sehen an welchem Tag des Jahres besondere Höhepunkte des Digitalen Gesterns stattgefunden haben. Da mir keine andere Website diesen Wunsch erfüllt hat, habe ich mit KI-Unterstützung durch Claude Code diese spezielle Seite gestaltet.

Am 7.9.2026 ist es dann so weit: Ich eröffne meinen IT-Geschichtskalender mit dem Namen Digitales Gestern.

Das Grundgerüst für den IT-Geschichtskalender

Sie besteht aus einer klassischen Kalenderansicht, die immer nur einen Monat anzeigt. In den einzelnen Tagen werden über kleine farbige Kreise Termine für IT-Meilensteine dargestellt. Sie sind farblich kodiert und die Legende wird unter dem Monatskalender angezeigt. Die Farben stehen für folgende Kategorien von IT-Meilensteinen:

Anzeige des IT-Meilensteinkalenders - Monatsansicht
Anzeige des IT-Geschichtskalenders – Monatsansicht

Auf den einzelnen Tag kann der Nutzer klicken und erhält dann die Anzeige aller IT-Meilensteine, die an diesem Tag stattgefunden haben.

Anzeige eines IT-Meilensteins in meinem IT-Geschichtskalender
Anzeige eines IT-Meilensteins in meinem IT-Geschichtskalender

Einträge für den IT-Geschichtskalender

Bei diesem Design habe ich mich von Claude Code unterstützen lassen, das den CSS-, HTML- und JS-Code entwickelt hat und den Kalender bereits mit Beispiel-Einträgen ausgestattet hat. Diese muss ich jetzt nur noch für mich persönlich auswählen, überprüfen und dann in die dafür vorgesehene Form übergeben. Folgende Struktur hat mir Claude Code vorgegeben.

  // JANUAR
      0: {
        1: [{ title: 'IPv4 wird offizieller Standard', year: 1983, category: 'internet', description: 'Das Internet Protocol Version 4 wird Standard. Dies ist die technische Grundlage für das moderne Internet.' }],
        3: [{ title: 'World Wide Web wird öffentlich zugänglich', year: 1993, category: 'internet', description: 'Tim Berners-Lee stellt das World Wide Web der Öffentlichkeit zur Verfügung.' }],
        4: [{ title: 'Yahoo gegründet', year: 1994, category: 'milestone', description: 'Jerry Yang und David Filo gründen Yahoo als Verzeichnis des World Wide Web.' }],

Diese werde ich jetzt nutzen, um meine Daten zuerst in einem Numbers-Spreadsheet aufzubereiten und dann in die passende Struktur zu überführen.

Claude Code hilft bei der Aufbereitung der Einträge des IT-Geschichtskalenders

Auch für diese Aufgabe habe ich mich auf Claude Code verlassen können. In einem Arbeitsordner legte ich die Sammlung der Einträge für den IT-Geschichtskalender in einer Numbers-Datei und den Entwurf für die Daten-Struktur ab. Mit ein paar Prompts habe ich Claude Code aufgefordert die relevanten Einträge aus der Numbers-Datei zu extrahieren, dann in die vorgegebene Datenstruktur zu packen und daraus eine neue Datei zu erstellen. Das ist eine klassische Extract-Transform-Load (ETL) Operation, die Claude Code mit dem lokal installierten Python 3 orchestriert.

Mit mehrfachen Korrekturen meinerseits hat es Claude Code dann geschafft, daraus ein Script zu erstellen, was ich direkt aus diesem Ordner aufrufen kann. Dieses Script führt die beschriebenen Schritte aus und erstellt daraus eine Struktur von Kalendereinträgen, die ich dann manuell auf meiner Webseite Digitales Gestern – ein IT-Geschichtskalender einfüge.

#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
IT-Geschichtskalender Generator
Konvertiert eine Numbers-Datei in die HTML/JavaScript-Struktur für den IT-Geschichtskalender
Nur Einträge mit "Y" in der "Verified (Y/N)" Spalte werden berücksichtigt.
"""
import subprocess
import os
import sys
import re
from collections import defaultdict
from pathlib import Path
def extract_from_numbers(numbers_file):
"""Extrahiert Daten aus der Numbers-Datei mittels AppleScript"""
def parse_data(lines):
"""Parst die extrahierten Daten"""
def generate_js_structure(data_rows):
"""Generiert die JavaScript-Struktur mit korrekten Klammern"""
def escape_for_rtf(text):
"""Escape für RTF-Format"""
def generate_js_file(js_structure, output_file):
"""Speichert die JavaScript-Struktur in eine .js Datei"""
def generate_rtf_file(js_structure, template_file, output_file):
"""Generiert die RTF-Datei mit der neuen Struktur"""
def main():
if __name__ == "__main__":
main()

Die Erstellung dieses Scripts hat mehrere 10000 Tokens verbraucht. Jeder Aufruf des Scripts läuft aber dann lokal ohne weitere Beteiligung von Claude Code ab. Einfach eine inspirierende und befriedigende Anwendung von Claude Code.

Die Sammlung der Termine, die ich als relevant für diesen IT-Geschichtskalender ansehe, werde ich im Laufe der Zeit immer weiterführen. Viele der wichtigen Termine der IT-Geschichte kann man leider nicht auf einen Tag genau bestimmen. Manchmal sind es nur unscharfe Aussagen von Zeitzeugen, die sich vage nur an einen Monat oder einen Zeitraum erinnern. Diese werde ich dann gesondert behandeln müssen.

Ein Traum wird wahr

Ohne KI wie Claude Code wäre es mir nicht möglich gewesen eine solche Lösung auf meiner Website mit einfachen Hausmitteln selbst zu erstellen. Wahrscheinlich hätte es Kalender-Plugins gegeben, die ich in Kombination mit einer kleinen Datenbank zu einem ähnlichen Ergebnis hätte bringen können. Aber dafür bin ich mittlerweile viel zu weit entfernt von Programmierung und habe auch keinen besonderen Ehrgeiz mehr.

Das ganz individuell von mir gewünschte Resultat zählt. Meine Prompts hat Claude Code auf eine Art und Weise umgesetzt, die mir ein einfaches Instrument in die Hand gegeben hat, das Ziel eines selbstgestalteten IT-Geschichtskalenders zu erreichen. Ich bin mit dem Ergebnis sehr zufrieden.

VzEkC Forum – Community Feedback

Mit dem ersten Satz von knapp 170 Einträgen in meinem Numbers-Spreadsheet bin ich gestartet. Über das Forum des VzEkC habe ich nach weiteren Vorschlägen für meinen IT-Geschichtskalender bei der Vereins-Community gefragt. Vielen Dank für die vielen Rückmeldungen und auch das Feedback.

Ein Feedback habe ich soeben verarbeitet. Jetzt sind mehrere Einträge an einem Kalendertag nach der Jahreszahl chronologisch sortiert. Und ich habe eine zusätzliche Linkzeile eingeführt, auf der ich auf einen meiner Beiträge auf meinem Blog verweisen kann.

Wirklich bemerkenswert ist es, dass es bereits einige Projekt gibt, wo bereits besondere Meilensteine in der Tech Historie gesammelt werden. Das sind z.B. folgende:

Vielen Dank an back2BASIC, der mich darauf aufmerksam machte.

Das von Jetpack KI-generierte Titelbild ist in diesem Forum auch kontrovers diskutiert worden. Ich habe schon den ersten Vorschlag ungeprüft übernommen. Einige Forenmitglieder (danke an H.EXE und obbi) haben sich das Symbolbild SEHR genau angeschaut und schon die Schwächen des Bildes aufgedeckt 😉

  • Was ist WEW?
  • evtl „WOW“ ?
  • Von der Timeline ist wohl doch eher WWW gemeint.
  • doppelter Eintrag zum Wechsel von NCP zu TCP/IP im Arpanet. Das war auch weder im Oktober noch im Jahre 2023.
  • Oder die merkwürdige Reihenfolge der Zahlen.
  • Oder die Lochkarte im Format einer CF-Karte.
  • Oder der Abakus, der noch im 20. Jahrhundert eine Bedeutung gehabt haben soll.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre, wie deine Kommentardaten verarbeitet werden.