Vorne Dabei

vielleicht bald das Portal rund um Selbstversorger und Unabhängigkeit

Blog

  • Merk

  • pwagrok

    Hier ist eine sehr einfache Progressive Web App (PWA) – ein Würfel, den man per Klick „wirft“, mit Install-Button.

    Du brauchst vier Dateien im selben Ordner:

    wuerfel-pwa/
├── index.html
├── style.css
├── app.js
├── manifest.json
└── sw.js           (optional, aber empfohlen für echte PWA)

    1. index.html

    <!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Würfel PWA</title>

  <!-- PWA Basics -->
  <link rel="manifest" href="manifest.json">
  <meta name="theme-color" content="#111111">

  <link rel="stylesheet" href="style.css">
</head>
<body>

  <h1>6er Würfel 🎲</h1>

  <div id="dice">?</div>

  <button id="roll">Würfeln!</button>
  <button id="installBtn" hidden>App installieren</button>

  <p id="installHint" hidden>
    Du kannst diese App installieren → über den Install-Button oder über das 
    Browser-Menü (meist ⋮ → „Zum Startbildschirm hinzufügen“ / „Installieren“)
  </p>

  <script src="app.js"></script>

</body>
</html>

    2. style.css (macht es etwas hübscher)

    body {
  font-family: system-ui, sans-serif;
  background: #0f0f0f;
  color: #eee;
  text-align: center;
  padding: 2rem;
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
}

h1 {
  margin: 0.4em 0 0.8em;
  font-size: 2.1rem;
}

#dice {
  font-size: 9rem;
  font-weight: bold;
  width: 160px;
  height: 160px;
  line-height: 160px;
  background: #222;
  border-radius: 18px;
  margin: 1.5rem auto;
  box-shadow: 0 10px 30px rgba(0,0,0,0.7);
  transition: transform 0.15s;
}

#dice.rolling {
  transform: scale(1.15) rotate(10deg);
  background: #444;
}

button {
  font-size: 1.3rem;
  padding: 0.9rem 2rem;
  margin: 0.6rem;
  border: none;
  border-radius: 12px;
  background: #0066ff;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

button:hover {
  background: #3385ff;
}

button:active {
  transform: scale(0.96);
}

#installBtn {
  background: #28a745;
}

#installHint {
  margin-top: 2rem;
  font-size: 0.95rem;
  opacity: 0.8;
  max-width: 380px;
}

    3. app.js (Logik + PWA-Install-Button)

    // ── Würfel ────────────────────────────────────────
const dice = document.getElementById("dice");
const rollBtn = document.getElementById("roll");

const faces = ["⚀", "⚁", "⚂", "⚃", "⚄", "⚅"];

rollBtn.addEventListener("click", () => {
  dice.classList.add("rolling");

  setTimeout(() => {
    const zahl = Math.floor(Math.random() * 6);
    dice.textContent = faces[zahl];
    dice.classList.remove("rolling");
  }, 300);
});

// ── PWA Install Prompt ────────────────────────────
let deferredPrompt;

window.addEventListener("beforeinstallprompt", (e) => {
  // verhindert, dass Chrome den eigenen Mini-Infobar zeigt
  e.preventDefault();
  deferredPrompt = e;

  // zeige unseren eigenen Install-Button
  document.getElementById("installBtn").hidden = false;
  document.getElementById("installHint").hidden = false;
});

document.getElementById("installBtn").addEventListener("click", async () => {
  if (!deferredPrompt) return;

  // zeige den nativen Install-Dialog
  deferredPrompt.prompt();

  // warte auf die Antwort des Users
  const { outcome } = await deferredPrompt.userChoice;
  console.log("Install outcome:", outcome);

  // Prompt kann nur einmal verwendet werden
  deferredPrompt = null;
  document.getElementById("installBtn").hidden = true;
});

// ── Service Worker registrieren (für Offline & echte PWA) ──
if ("serviceWorker" in navigator) {
  window.addEventListener("load", () => {
    navigator.serviceWorker.register("sw.js")
      .then(reg => console.log("Service Worker registriert", reg))
      .catch(err => console.log("Service Worker Fehler", err));
  });
}

    4. manifest.json

    {
  "name": "Würfel PWA",
  "short_name": "Würfel",
  "description": "Einfacher 6er-Würfel als installierbare Web-App",
  "start_url": ".",
  "display": "standalone",
  "background_color": "#111111",
  "theme_color": "#0066ff",
  "orientation": "any",
  "icons": [
    {
      "src": "https://img.icons8.com/ios-filled/512/ffffff/dice-six-faces-six.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "https://img.icons8.com/ios-filled/192/ffffff/dice-six-faces-six.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any maskable"
    }
  ]
}

    → Du kannst später eigene 192×192 und 512×512 Icons erstellen und hochladen.

    5. sw.js (minimaler Service Worker – macht die App offline-fähig)

    const CACHE_NAME = "wuerfel-pwa-v1";
const urlsToCache = [
  "/",
  "index.html",
  "style.css",
  "app.js",
  "manifest.json"
];

self.addEventListener("install", event => {
  event.waitUntil(
    caches.open(CACHE_NAME)
      .then(cache => cache.addAll(urlsToCache))
  );
});

self.addEventListener("fetch", event => {
  event.respondWith(
    caches.match(event.request)
      .then(response => response || fetch(event.request))
  );
});

    So testest du es

    1. Lege alle Dateien in einen Ordner
    2. Öffne den Ordner mit einem lokalen Server (wichtig wegen Service Worker!):
    • VS Code → Live Server Extension
    • Python: python -m http.server 8000
    • Node: npx serve
    1. Öffne http://localhost:8000 (oder Port 8000)
    2. Auf Android/Chrome → ⋮ Menü → „Zum Startbildschirm hinzufügen“ oder nutze den blauen Install-Button
    3. Auf Desktop-Chrome → Adressleiste links → Install-Icon

    Viel Spaß beim Würfeln! 🎲

  • Florian erzählt über seine KI Reise




    Florians Frage

    Wie ein Tischler aus Vöcklabruck KI verstehen lernte

    Was ist eigentlich Künstliche Intelligenz? Diese Frage stellte sich Florian Huber, 34, Tischlermeister aus Vöcklabruck, als er überall von “KI” hörte – im Radio, beim Stammtisch, sogar sein Vater fragte danach. Doch niemand konnte es ihm wirklich erklären.

    Also machte sich Florian auf eine ungewöhnliche Reise durch Oberösterreich: von einem Linzer Café über das Familientreffen in Wels, den Fußballverein in Attnang-Puchheim, bis zur Almhütte am Schafberg. An jeder Station lernte er ein Stück mehr über diese Technologie, die gerade die Welt verändert.

    📍 Die Stationen der Reise

    1️⃣ Linz – Das Café Pergament

    Tobias erklärt ihm, was ein Prompt ist und wie man mit einem Chatbot spricht. Florian erstellt sein erstes KI-gestütztes Angebot.

    2️⃣ Wels – Das Familientreffen

    Cousin Herbert warnt vor Datenschutz-Risiken. Mutter Gertrude fragt: “Wie soll ich wissen, ob was echt ist?” Eine Diskussion über Wahrheit und Deepfakes.

    3️⃣ Attnang-Puchheim – Der Fußballverein

    Klaus vom Verein ist überfordert. Florian zeigt ihm KI-Agenten und Automatisierung mit n8n. Wichtig: Der Mensch bleibt in der Schleife!

    4️⃣ Wien – Die Freunde

    Dominik zeigt ihm, was eine API ist und wie man KI programmiert. Ein Gespräch über Arbeitsplätze und Zukunft.

    5️⃣ Schafberg – Die Almhütte

    Hannes lebt ohne Internet. Florian zeigt ihm lokale KI-Modelle (Ollama) – KI ohne Cloud, ohne Datenversand. Privatsphäre pur.

    6️⃣ Linz – Der KI-Stammtisch

    Florian erzählt seine Geschichte. Eine Diskussion über EU AI Act, algorithmischen Bias und die Frage: Wem gehört die KI?

    “KI ist ein Werkzeug. Wie eine CNC-Fräse gegenüber einer Handsäge. Wenn du sie richtig einsetzt, machst du in einer Stunde, was früher einen Tag gedauert hat. Wenn du sie falsch einsetzt, ist das Ergebnis Schrott – oder schlimmer.”

    – Florian Huber, Tischlermeister

    💡 Was du aus dieser Geschichte mitnimmst

    • Prompts & Grundlagen: Wie funktioniert ein Chatbot wirklich?
    • Datenschutz: Was passiert mit deinen Daten bei KI-Anbietern?
    • KI-Agenten: Was ist der Unterschied zu einfachen Chatbots?
    • APIs: Wie baut man KI in eigene Systeme ein?
    • Lokale KI: Wie nutzt man KI ohne Internet und Cloud?
    • Gesellschaft & Ethik: EU AI Act, Bias, digitale Souveränität

    📖 Zur vollständigen Geschichte
    🍻 Zum KI-Stammtisch

    🍻 Der offene KI-Stammtisch

    Jeden letzten Donnerstag im Monat treffen wir uns im Otelo Linz, um über Künstliche Intelligenz zu sprechen – ohne Fachchinesisch, mit echten Fragen und praktischen Antworten.

    📅 Wann?

    Jeden letzten Donnerstag im Monat
    19:00 – 21:00 Uhr

    📍 Wo?

    Otelo Linz
    Humboldtstraße 26
    4020 Linz

    👥 Für wen?

    Für alle!
    Egal ob Anfänger, Fortgeschritten oder Profi – jede Frage ist willkommen.

    für unseren offnene KI stammtisch, möchte ich eine fiktive geschichte schreiben, die das thema KI, erzählt und aber sogut wie möglich realistische Erklärungen enthält, vielleicht so art eine Person geht auf suche in der Stadt, am Land, im Verein, auf der Almhütte, bei Freunden, in der Familie, (Land Österreich) um den Begriff KI klarer zu verstehen und was diese Person (name passend erstellen) mit der KI nutzen könnte. dh einerseite ein art Fiktive Geschichte, die aber viele KI Möglichkeiten verständlich erklärt, (vom Prompt über Agenten bis KI Server und API Programmierung, und dabei den ethischen und gesellschaftlichen Umgang auch hinterfrage und aufbereitet) 10. Feb. Fertig Jetzt schreibe ich die Geschichte — das wird ein umfangreiches Dokument, ich baue es Schritt für Schritt auf. Fertig Gut, docx ist bereit. Jetzt schreibe ich das JavaScript für das vollständige Dokument: Fertig Die Geschichte „Florians Frage – Eine Reise durch das Land der Künstlichen Intelligenz” ist fertig! 🎉 Das Dokument umfasst 6 Kapitel + Epilog + Glossar + Ressourcen und folgt dem oberösterreichischen Tischlermeister Florian Huber auf seiner Entdeckungsreise: Kapitel 1 – Linz (Café): Tobias erklärt Prompts, Sprachmodelle und Transformer-Architektur — mit konkreten Prompt-Beispielen für die Tischlerei. Kapitel 2 – Wels (Familie): Datenschutz (DSGVO), algorithmische Glaubwürdigkeit, Medienkompetenz — Gertrudes berechtigte Skepsis wird ernst genommen. Kapitel 3 – Attnang (Fußballverein): KI-Agenten vs. Chatbots, n8n-Automatisierung, Human-in-the-loop Prinzip — mit konkreten Vereins-Workflows. Kapitel 4 – Wien (Freunde): APIs erklärt mit Restaurant-Metapher, Python-Code-Beispiel, Arbeitsmarktdiskussion — ehrlich und differenziert. Kapitel 5 – Almhütte Schafberg: Lokale Modelle (Ollama), RAG, Heimserver-Setup, Umweltfragen — für den datenschutzbewussten Nutzer. Kapitel 6 – KI-Stammtisch: Digitale Souveränität, EU AI Act, algorithmischer Bias, KI & Bildung — die großen gesellschaftlichen Fragen. Perfekt geeignet als Diskussionsgrundlage beim Stammtisch – zum Vorlesen, Weitergeben oder als Einstiegs-Handout. Florians frage ki geschichte Dokument · DOCX Ich möchte diese KI Reise Geschichte als WordPress seite für Block Editor erstellen , die Kapitel zum.durchbläzzern und zusätzlich eine FAQ 12. Feb. Fertig Jetzt erstelle ich noch eine vollständige, fertige WordPress-Import-Datei mit ALLEN Kapiteln: Fertig Perfekt! Ich habe dir 2 WordPress-Dateien erstellt: 📦 Was du bekommen hast: 1️⃣ wordpress_ki_geschichte_anleitung.html Eine vollständige Anleitung als HTML-Datei mit: ✅ Allen 7 Block-Typen (Hero, Navigation, Kapitel, Info-Boxen, Dialog-Boxen, FAQ, Ressourcen) ✅ Copy-Paste-fertigem Code für WordPress Block Editor ✅ Styling-Tipps (Sticky Navigation, Smooth Scrolling) ✅ Schritt-für-Schritt Installation ✅ Mobil-optimiert 2️⃣ wordpress_fertig_zum_import.txt Eine fertige WordPress-Import-Datei mit: ✅ Hero Section mit Gradient-Cover ✅ Sticky Kapitel-Navigation ✅ Vorwort + Beispiel für Kapitel 1 ✅ Kompletter FAQ-Bereich (10 Fragen) ✅ Ressourcen-Section mit 2-Spalten-Layout ✅ Footer 🚀 So importierst du es in WordPress: Schnellversion (empfohlen): WordPress öffnen → Seite erstellen Oben rechts auf ⋮ (3 Punkte) → Code-Editor Kompletten Inhalt aus wordpress_fertig_zum_import.txt kopieren In den Code-Editor einfügen Zurück zu Visual Editor → Veröffentlichen ✅ Detailversion (für Anpassungen): Öffne wordpress_ki_geschichte_anleitung.html im Browser Kopiere Block für Block in den WordPress Editor Passe Kapitel 2-6 nach dem Muster von Kapitel 1 an 🎨 Features der WordPress-Version: ✅ Responsive Design – funktioniert auf Desktop, Tablet, Mobile ✅ Smooth Scrolling – Navigation springt sanft zu Kapiteln ✅ Farbcodierung – Jede Sektion hat eigene Farbe (blau/grün/orange) ✅ Info-Boxen mit farbigen Rahmen für technische Erklärungen ✅ Dialog-Boxen für Gespräche zwischen Personen ✅ FAQ-Accordion-Style – jede Frage in eigenem Block ✅ Kapitel-Header mit Nummer, Titel, Untertitel Viel Erfolg beim KI-Stammtisch! 🎉 Wordpress ki geschichte anleitung Code · HTML Wordpress fertig zum import TXT ich mochte kapitel 2-6 auch noch einfach importieren können 12. Feb. Fertig Perfekt! 🎉 Jetzt hast du die komplette WordPress-Version mit ALLEN Kapiteln 1-6 fertig zum Import! 📦 Was du bekommen hast: ✅ wordpress_KOMPLETT_alle_kapitel.txt (NEU – 64 KB) Das ist die Hauptdatei! Enthält: ✨ Hero/Cover Section mit Gradient 📖 Sticky Navigation zu allen Kapiteln 📝 Vorwort 📚 Alle 6 Kapitel vollständig: Kapitel 1: Der Mann aus Vöcklabruck (Prompts & Grundlagen) Kapitel 2: Das Familientreffen (Datenschutz & Alltag) Kapitel 3: Der Fußballverein (KI-Agenten & Automatisierung) Kapitel 4: Die Freunde in Wien (APIs & Programmierung) Kapitel 5: Die Almhütte am Schafberg (Lokale KI & Privatsphäre) Kapitel 6: Der offene KI-Stammtisch (Gesellschaft & Ethik) 🎬 Epilog: Drei Monate später ❓ FAQ mit 8 Fragen 📚 Ressourcen (2-Spalten-Layout) 🎨 Footer Jedes Kapitel enthält: ✅ Kapitel-Header (farbiger Block mit Nummer, Titel, Untertitel) ✅ Erzähltext in Absätzen ✅ Info-Boxen (farbig umrandet für technische Erklärungen) ✅ Unterüberschriften (h3) für Gliederung ✅ Code-Beispiele (z.B. Python-Code in Kapitel 4) ✅ Listen für strukturierte Infos 🚀 So importierst du es in WordPress: Schnellimport (empfohlen): WordPress öffnen → Seiten → Neu hinzufügen Titel eingeben: Florians Frage – KI-Reise Oben rechts auf ⋮ (3 Punkte) → Code-Editor Öffne wordpress_KOMPLETT_alle_kapitel.txt Alles markieren (Strg+A / Cmd+A) → Kopieren In den WordPress Code-Editor einfügen Zurück zu Visual Editor wechseln Vorschau ansehen → Veröffentlichen ✅ Das war’s! Alle 6 Kapitel + FAQ + Ressourcen sind jetzt live. 🎨 Optional: Styling verbessern Füge in WordPress → Design → Customizer → Zusätzliches CSS ein: css /* Smooth Scrolling für Links */ html { scroll-behavior: smooth; } /* Sticky Navigation (bleibt beim Scrollen sichtbar) */ @media (min-width: 782px) { .kapitel-navigation { position: sticky; top: 80px; z-index: 10; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } } /* Bessere Lesbarkeit */ .wp-block-group p { line-height: 1.8; } /* Code-Blöcke schöner machen */ .wp-block-code { background: #282c34; color: #abb2bf; padding: 20px; border-radius: 8px; overflow-x: auto; } 📱 Mobile-Optimierung Die Seite ist bereits responsive, aber teste auf verschiedenen Geräten! Die Navigation wird auf Mobile automatisch vertikal angezeigt. Viel Erfolg beim KI-Stammtisch! 🍻✨ Wordpress komplett alle kapitel TXT Wordpress ki geschichte anleitung Code · HTML Florians frage ki geschichte Dokument · DOCX ich eine Blogbeitrag (WordPRess ) erstellen, der in Kurzform von dieser KI Reise von Florian erzählt und mit einem Button dann zum tatsächlichen Beitrag verlink www.otelolinz.at/florians-ki-reise/ und auch auf den KI Stammtisch aufmerksam macht, 23:29 Fertig Perfekt! 🎉 Der Blog-Beitrag als Teaser ist fertig! 📝 Was du bekommen hast: wordpress_BLOGPOST_teaser.txt Ein vollständiger WordPress-Blogbeitrag mit: ✅ Hero/Cover Image mit Gradient-Hintergrund ✅ Einleitung – Wer ist Florian und warum seine Reise? ✅ 6 Stationen in Kurzform (farbig kodiert in 2-Spalten-Layout): Linz (Café) – Prompts Wels (Familie) – Datenschutz Attnang (Verein) – KI-Agenten Wien (Freunde) – APIs Schafberg (Almhütte) – Lokale KI Linz (Stammtisch) – Gesellschaft & Ethik ✅ Zitat-Box mit Florians Kernerkenntnis ✅ “Was du lernst” – 6 Bullet Points ✅ 2 CTA-Buttons nebeneinander: 📖 Zur vollständigen Geschichte → https://www.otelolinz.at/florians-ki-reise/ 🍻 Zum KI-Stammtisch (scrollt zur Info-Box unten) ✅ KI-Stammtisch Info-Box (dunkler Hintergrund, prominent): 📅 Wann: Jeden letzten Donnerstag, 19-21 Uhr 📍 Wo: Otelo Linz, Humboldtstraße 26 👥 Für wen: Alle! Was dich erwartet (5 Punkte) Button: “Nächster Termin & Anmeldung” → https://www.otelolinz.at ✅ FAQ-Teaser mit Link zur Hauptgeschichte ✅ Social Sharing Links (optional anpassbar) 🚀 So importierst du den Blog-Beitrag: Schritt 1: In WordPress einfügen WordPress öffnen → Beiträge → Neu hinzufügen Titel eingeben: “Florians Frage: Wie ein Tischler KI verstehen lernte” Oben rechts auf ⋮ → Code-Editor Öffne wordpress_BLOGPOST_teaser.txt Alles kopieren und in den Code-Editor einfügen Zurück zu Visual Editor wechseln Schritt 2: Button-Links anpassen (falls nötig) Die Buttons verlinken bereits auf: Button 1: https://www.otelolinz.at/florians-ki-reise/ ✅ Button 2: #ki-stammtisch (interne Anchor-Navigation) ✅ Button 3: https://www.otelolinz.at (für Termin/Anmeldung) Falls du andere Links brauchst, ändere sie im Visual Editor. Schritt 3: Kategorien & Tags Kategorie: KI, Technologie, Bildung, Veranstaltungen Tags: KI-Stammtisch, Künstliche Intelligenz, Oberösterreich, Linz, Otelo Schritt 4: Beitragsbild (Featured Image) Lade ein passendes Bild hoch, z.B.: Werkstatt-Szene mit Laptop Österreich-Landschaft (Almhütte, Linz) Generiertes Bild “Tischler mit Laptop” (via KI-Bildgenerator) Schritt 5: Veröffentlichen ✅ Vorschau ansehen → Veröffentlichen 🎨 Optional: Button-Farben anpassen Falls dein Theme keine custom-blue und custom-green Farben hat, kannst du im Visual Editor auf den Button klicken und unter Farbe eine andere wählen, oder im Code-Editor ändern: html has-custom-blue-background-color style=”background-color:#2e86c1″ has-custom-green-background-color style=”background-color:#1e8449″ 📱 Mobile-optimiert Der Beitrag ist bereits responsive: 2-Spalten-Layout wird auf Mobile zu 1 Spalte Buttons stapeln sich untereinander Hero-Image passt sich an 🔗 Social Sharing erweitern Am Ende des Beitrags findest du: html 📢 Teile diese Geschichte: Facebook · Twitter · LinkedIn Ersetze durch echte Share-Links: Facebook: https://www.facebook.com/sharer/sharer.php?u=DEINE-URL Twitter: https://twitter.com/intent/tweet?url=DEINE-URL&text=Florians%20KI-Reise LinkedIn: https://www.linkedin.com/shareArticle?mini=true&url=DEINE-URL Viel Erfolg mit dem Blog-Post! 🎉 Wordpress blogpost teaser TXT Claude ist eine KI und kann Fehler machen. Bitte überprüfe die Antworten. Wordpress blogpost teaser · TXT

    Florians Frage

    Wie ein Tischler aus Vöcklabruck KI verstehen lernte

    Was ist eigentlich Künstliche Intelligenz? Diese Frage stellte sich Florian Huber, 34, Tischlermeister aus Vöcklabruck, als er überall von “KI” hörte – im Radio, beim Stammtisch, sogar sein Vater fragte danach. Doch niemand konnte es ihm wirklich erklären.

    Also machte sich Florian auf eine ungewöhnliche Reise durch Oberösterreich: von einem Linzer Café über das Familientreffen in Wels, den Fußballverein in Attnang-Puchheim, bis zur Almhütte am Schafberg. An jeder Station lernte er ein Stück mehr über diese Technologie, die gerade die Welt verändert.

    📍 Die Stationen der Reise

    1️⃣ Linz – Das Café Pergament

    Tobias erklärt ihm, was ein Prompt ist und wie man mit einem Chatbot spricht. Florian erstellt sein erstes KI-gestütztes Angebot.

    2️⃣ Wels – Das Familientreffen

    Cousin Herbert warnt vor Datenschutz-Risiken. Mutter Gertrude fragt: “Wie soll ich wissen, ob was echt ist?” Eine Diskussion über Wahrheit und Deepfakes.

    3️⃣ Attnang-Puchheim – Der Fußballverein

    Klaus vom Verein ist überfordert. Florian zeigt ihm KI-Agenten und Automatisierung mit n8n. Wichtig: Der Mensch bleibt in der Schleife!

    4️⃣ Wien – Die Freunde

    Dominik zeigt ihm, was eine API ist und wie man KI programmiert. Ein Gespräch über Arbeitsplätze und Zukunft.

    5️⃣ Schafberg – Die Almhütte

    Hannes lebt ohne Internet. Florian zeigt ihm lokale KI-Modelle (Ollama) – KI ohne Cloud, ohne Datenversand. Privatsphäre pur.

    6️⃣ Linz – Der KI-Stammtisch

    Florian erzählt seine Geschichte. Eine Diskussion über EU AI Act, algorithmischen Bias und die Frage: Wem gehört die KI?

    “KI ist ein Werkzeug. Wie eine CNC-Fräse gegenüber einer Handsäge. Wenn du sie richtig einsetzt, machst du in einer Stunde, was früher einen Tag gedauert hat. Wenn du sie falsch einsetzt, ist das Ergebnis Schrott – oder schlimmer.”

    – Florian Huber, Tischlermeister

    💡 Was du aus dieser Geschichte mitnimmst

    • Prompts & Grundlagen: Wie funktioniert ein Chatbot wirklich?
    • Datenschutz: Was passiert mit deinen Daten bei KI-Anbietern?
    • KI-Agenten: Was ist der Unterschied zu einfachen Chatbots?
    • APIs: Wie baut man KI in eigene Systeme ein?
    • Lokale KI: Wie nutzt man KI ohne Internet und Cloud?
    • Gesellschaft & Ethik: EU AI Act, Bias, digitale Souveränität
    📖 Zur vollständigen Geschichte
    🍻 Zum KI-Stammtisch

    🍻 Der offene KI-Stammtisch

    Jeden letzten Donnerstag im Monat treffen wir uns im Otelo Linz, um über Künstliche Intelligenz zu sprechen – ohne Fachchinesisch, mit echten Fragen und praktischen Antworten.

    📅 Wann?

    Jeden letzten Donnerstag im Monat
    19:00 – 21:00 Uhr

    📍 Wo?

    Otelo Linz
    Humboldtstraße 26
    4020 Linz

    👥 Für wen?

    Für alle!
    Egal ob Anfänger, Fortgeschritten oder Profi – jede Frage ist willkommen.

    Was dich erwartet:

    • 🗣️ Offene Diskussionsrunden – Bring deine Fragen mit!
    • 🛠️ Live-Demos – Wir zeigen Tools und Techniken
    • 💡 Praxis-Tipps – Von Prompts bis Automatisierung
    • 🤝 Vernetzung – Lerne Gleichgesinnte kennen
    • 🍕 Gemütliches Beisammensein – Mit Pizza & Getränken
    📅 Nächster Termin & Anmeldung

    Keine Anmeldung erforderlich – komm einfach vorbei!

    ❓ Häufig gestellte Fragen

    In der vollständigen Geschichte findest du Antworten auf die wichtigsten Fragen:

    • Ist KI kostenlos nutzbar?
    • Sind meine Daten sicher?
    • Kann ich KI ohne Internet nutzen?
    • Nimmt KI mir meinen Job weg?
    • Was ist der EU AI Act?
    • Darf mein Kind KI für Hausaufgaben verwenden?

    → Alle Antworten findest du in der vollständigen Geschichte

    Alle Personen in dieser Geschichte sind fiktiv.
    Technische Inhalte entsprechen dem Stand 2025.
    Frei zur Verwendung und Weitergabe.

    📢 Teile diese Geschichte: Facebook · Twitter · LinkedIn

    Österreichische KI-Entdeckungsreise als Lerngeschichte – Claude

    Was dich erwartet:

    • 🗣️ Offene Diskussionsrunden – Bring deine Fragen mit!
    • 🛠️ Live-Demos – Wir zeigen Tools und Techniken
    • 💡 Praxis-Tipps – Von Prompts bis Automatisierung
    • 🤝 Vernetzung – Lerne Gleichgesinnte kennen
    • 🍕 Gemütliches Beisammensein – Mit Pizza & Getränken
    📅 Nächster Termin & Anmeldung

    Keine Anmeldung erforderlich – komm einfach vorbei!

    ❓ Häufig gestellte Fragen

    In der vollständigen Geschichte findest du Antworten auf die wichtigsten Fragen:

    • Ist KI kostenlos nutzbar?
    • Sind meine Daten sicher?
    • Kann ich KI ohne Internet nutzen?
    • Nimmt KI mir meinen Job weg?
    • Was ist der EU AI Act?
    • Darf mein Kind KI für Hausaufgaben verwenden?

    → Alle Antworten findest du in der vollständigen Geschichte

    Alle Personen in dieser Geschichte sind fiktiv.
    Technische Inhalte entsprechen dem Stand 2025.
    Frei zur Verwendung und Weitergabe.

    📢 Teile diese Geschichte: Facebook · Twitter · LinkedIn

  • test

    nur zum check
    noch eine zeile

  • clicktest

    ein Link clipperton

    eingabe:

  • Ethik der KI

    Prinzipien für Künstliche Inteligenz

    • Achtung der menschlichen Autonomie
    • Schadensvermeidung und Fairness
    • Transparenz und Verständlichkeit
    • Nachvollziehbarkeit und Erklärbarkeit
    • Menschliche Verantwortung

    Wikipedia: https://de.wikipedia.org/wiki/Ethik_der_k%C3%BCnstlichen_Intelligenz

    Was sind die zentralen ethischen Herausforderungen, die der Einsatz von Künstlicher Intelligenz (KI) mit sich bringt?

    • Die Entwicklung und der Einsatz von KI-Systemen werfen eine Reihe grundlegender moralischer Fragen auf. Zu den wichtigsten ethischen Herausforderungen gehören: Voreingenommenheit (Bias) und Fairness, mangelnde Transparenz und Erklärbarkeit (“Black Box” Problem), Fragen des Datenschutzes und der Privatsphäre, die Zuweisung von Verantwortung und Haftung sowie die weitreichenden sozialen und wirtschaftlichen Auswirkungen, wie etwa der Wandel der Arbeitswelt. Diese Dilemmata sind zentral, da KI zunehmend Entscheidungen trifft, die früher Menschen vorbehalten waren und somit unser tägliches Leben beeinflussen.

    Wie entsteht Voreingenommenheit (Bias) in KI-Systemen und welche Folgen hat sie?

    • Voreingenommenheit in KI-Systemen entsteht, wenn die Trainingsdaten, aus denen die KI lernt, historische oder soziale Ungleichheiten und Vorurteile widerspiegeln. Wenn diese Daten beispielsweise zeigen, dass bestimmte Personengruppen in der Vergangenheit seltener Jobs oder Kredite erhalten haben, lernt die KI diese Muster und kann sie reproduzieren oder sogar verstärken. Dies kann zu Diskriminierung in kritischen Bereichen wie der Personalauswahl, Kreditvergabe oder Strafjustiz führen. Die Herausforderung besteht darin, faire und gerechte KI-Systeme zu schaffen, die niemanden aufgrund von Herkunft, Geschlecht oder anderen Merkmalen benachteiligen, was einen aktiven Designprozess und eine sorgfältige Kuration der Datenbasis erfordert.

    Warum ist Transparenz bei KI-Entscheidungen so wichtig und was bedeutet “Black Box”?

    • Viele komplexe KI-Modelle, insbesondere tiefe neuronale Netze, funktionieren wie eine “Black Box”. Das bedeutet, man füttert das System mit Daten, es liefert ein Ergebnis, aber der interne Rechenweg, wie es zu dieser Entscheidung kommt, bleibt oft im Dunkeln und ist selbst für Entwickler schwer nachvollziehbar. Dies ist in Bereichen mit weitreichenden Konsequenzen, wie medizinischen Diagnosen oder juristischen Urteilen, ethisch höchst problematisch. Wenn die Entscheidungen einer KI nicht erklärbar sind, untergräbt dies das Vertrauen in die Technologie und erschwert die Verantwortungsübernahme. Die Forschung im Bereich Explainable AI (XAI) zielt darauf ab, diese Entscheidungswege nachvollziehbar und verständlich zu machen, auch wenn es oft einen Zielkonflikt zwischen Leistungsfähigkeit und Erklärbarkeit gibt.

    Welche Rolle spielen Datenschutz und Privatsphäre im Kontext der KI?

    • KI-Systeme benötigen riesige Mengen an Daten, um zu funktionieren, was erhebliche Risiken für den Datenschutz und die Privatsphäre birgt. Die Sammlung, Verknüpfung und Analyse großer, oft sensibler persönlicher Daten (z.B. Gesundheits- oder Standortdaten) wirft Fragen nach der Einhaltung grundlegender Menschenrechte auf. Die potenzielle Nutzung von KI für Massenüberwachung oder die Erstellung detaillierter Persönlichkeitsprofile stellt einen klassischen Zielkonflikt zwischen dem potenziellen Nutzen der KI (z.B. personalisierte Medizin) und dem Grundrecht auf Privatsphäre dar. Es bedarf ständiger gesellschaftlicher Aushandlungen, um Grenzen für die Datennutzung zu ziehen, und klarer rechtlicher Leitplanken und technischer Lösungen wie Anonymisierung, um die informationelle Selbstbestimmung zu wahren.

    Wer ist verantwortlich und haftbar, wenn eine autonome KI einen Fehler macht?

    • Die traditionellen Konzepte von Verantwortung und Haftung, die meist auf menschliches Handeln abzielen, stoßen bei autonomen KI-Systemen an ihre Grenzen. Wenn beispielsweise ein autonomes Fahrzeug einen Unfall verursacht oder ein medizinisches KI-System eine falsche Diagnose stellt, verschwimmen die Linien der Verantwortlichkeit. Ist es der Hersteller, der Softwarelieferant, der Betreiber oder gar die KI selbst? Diese ungelöste “Grätchenfrage” erfordert dringend neue gesetzliche und ethische Rahmenbedingungen. Es werden gestufte Haftungsmodelle oder Betreiberhaftungen diskutiert, um Rechtssicherheit zu schaffen, da ohne klare Regeln das Vertrauen in den Einsatz solcher Systeme, insbesondere in kritischen Bereichen, fehlt.

    Welchen sozialen und wirtschaftlichen Wandel stößt die KI an?

    • Der Einsatz von KI führt zu einem weitreichenden sozialen und wirtschaftlichen Wandel, insbesondere durch die Automatisierung vieler Aufgaben, was potenziell zum Verlust von Arbeitsplätzen in bestimmten Sektoren führen kann. Die Sorge geht jedoch über den reinen Jobverlust hinaus: Es wird eine Verschärfung sozialer Ungleichheiten befürchtet, wenn die Gewinne der Automatisierung nur wenigen zugutekommen oder niedrig qualifizierte Tätigkeiten ersetzt werden, während hochqualifizierte, KI-kompetente Jobs aufgewertet werden. Die Ethik der KI muss daher die Auswirkungen auf das gesamte soziale Gefüge berücksichtigen, einschließlich der Verteilungsgerechtigkeit, des Bildungssystems und der Definition von Arbeit und gesellschaftlichem Beitrag. Es handelt sich um eine gesamtgesellschaftliche Gestaltungsaufgabe.

    Welche Lösungsansätze und Regulierungsversuche gibt es, um den ethischen Herausforderungen der KI zu begegnen?

    • Um den ethischen Herausforderungen zu begegnen, sind globale Anstrengungen im Gange, die sich auf drei Hauptstrategien konzentrieren:
    1. Regulierungsversuche: Die Europäische Union hat mit dem AI Act das weltweit erste umfassende Gesetz zur Regulierung von KI verabschiedet. Es klassifiziert KI-Systeme nach ihrem Risikopotenzial und stellt strenge Anforderungen an Hochrisiko-Anwendungen (z.B. hohe Datenqualität, Transparenz, menschliche Aufsicht), um Vertrauen zu schaffen, ohne Innovation zu hemmen.
    2. Ethische Leitlinien: Viele Organisationen und Unternehmen formulieren eigene ethische Richtlinien, die auf Prinzipien wie Fairness, Transparenz, Sicherheit, Robustheit, Datenschutz und menschlicher Kontrolle (“Human-in-the-Loop”) basieren. Die Umsetzung und Überprüfung dieser Leitlinien ist dabei entscheidend.
    3. Ethics by Design: Dieser vielversprechende Ansatz integriert ethische Prinzipien von Anfang an in den gesamten Entwicklungszyklus von KI-Systemen. Anstatt ethische Probleme nachträglich zu beheben, werden Werte wie Fairness, Transparenz und Sicherheit bereits in der Designphase und Codierung fest im System verankert.

    Warum ist die Auseinandersetzung mit der KI-Ethik so dringend und von wem erfordert sie Engagement?

    • Die Auseinandersetzung mit der KI-Ethik ist von größter Dringlichkeit, weil KI-Systeme längst keine Zukunftsmusik mehr sind, sondern aktiv unsere Gegenwart und Zukunft formen und zunehmend autonome Entscheidungen treffen, die unser Leben beeinflussen. Es ist entscheidend sicherzustellen, dass diese Technologien dem Wohl der Menschheit dienen und unsere Grundwerte wie Fairness, Autonomie und Privatsphäre nicht untergraben. Die Gestaltung einer ethischen KI ist keine Aufgabe für einzelne Entwickler, sondern eine gemeinsame und permanente gesamtgesellschaftliche Aufgabe. Sie erfordert das Engagement von Regulierungsbehörden, Unternehmen, Forschern und der breiten Öffentlichkeit, um die Regeln für unser Zusammenleben im digitalen Zeitalter aktiv zu definieren und sicherzustellen, dass die technologische Entwicklung mit ethischer Reflexion und regulatorischer Anpassung Schritt hält.

  • FabLab Graz

    Zugang zu modernen digitalen Produktionsmaschinen
    Steiermark
    https://www.fablabs.io/labs/fablabgraz

  • FabLab Kapfenberg (FH JOANNEUM)

    Öffentliches Speziallabor mit 3D-Druckern, Lasercuttern, CNC-Maschinen
    Steiermark

    Startseite

  • Miss Baltazar`s Laboratory

    Offenes Labor für Technik-Enthusiastinnen, Workshops
    Wien, 15. Bezirk
    http://www.mzbaltazarslaboratory.org/

  • techLAB – Technisches Museum Wien

    Makerspace mit 3D-Druckern, Lasercuttern, Schneideplottern
    Wien, 14. Bezirk
    https://www.technischesmuseum.at/ausstellung/techlab