clean up structure

src/{agenda.qmd → 01_setup/agenda.qmd}

@@ -1,4 +1,4 @@
-### **Agenda für den Workshop (16:00 – 18:30 Uhr)**  
+### **Agenda für den Workshop**  
 
 - **16:00 – 16:15 Uhr**  
 Begrüßung und Einführung  

src/01_setup/vorbereitung.qmd

@@ -0,0 +1,50 @@
+---
+title: "Vorbereitung"
+listing:
+  - id: erforderlich
+    contents: "erforderlich"
+    type: grid
+  - id: optional
+    contents: "optional"
+    type: grid
+---
+
+Einrichten der Nutzerkonten zur Nutzung der kostenlosen Ressourcen Google Colab und Huggingface.
+
+## Inhaltliche Vorbereitung
+
+**Wählt eine Webseite aus, über die ihr mehr erfahren möchtet.**
+
+* "Ich möchte Informationen über die Webseite 'Avaaz' sammeln, um mehr über globale Kampagnen zu erfahren."
+* "Ich bin daran interessiert, mehr über 'Change.org' zu lernen, insbesondere im Hinblick auf Petitionen und deren Wirkung."
+* "Die Webseite 'Amnesty International' interessiert mich, da ich dort viele Ressourcen zu Menschenrechten finde."
+
+**Denkt über einen Themenbereich nach, über den ihr gerne PDFs recherchieren würdet.**
+
+* "Ich möchte PDFs über Strategien zur Förderung von Partizipation und Demokratie recherchieren."
+* "Ich suche nach PDFs, die sich mit den Auswirkungen von Klimawandel auf soziale Gerechtigkeit befassen."
+* "PDFs über die Rolle und Organisation von NGOs in globalen Kontexten interessieren mich."
+
+**Überlegt euch einen Bereich, über den ihr euch gerne über Apps informieren lassen möchtet.**
+
+* "Ich möchte Apps kennenlernen, die zur Unterstützung von Gemeinschaftsprojekten beitragen."
+* "Ich interessiere mich für Apps, die den Austausch und die Vernetzung von Aktivisten erleichtern."
+* "Apps, die zur Mobilisierung und Organisation von Bürger*inneninitiativen nützlich sind, interessieren mich."
+
+**Bringt eine Liste von YouTube-Videos oder eine YouTube-Playliste mit, deren Umfang eure erfügbare Zeit strapazieren würde und sich daher für Zusammenfassungen anbietet.**
+
+* "Eine Playlist von Vorträgen über globale Klimapolitik von verschiedenen internationalen Konferenzen, die zusammen mehrere Stunden dauern."
+* "Ein Kanal, der ausführliche Dokumentationen über Menschenrechtsverletzungen weltweit zeigt, wobei jedes Video mindestens eine Stunde lang ist."
+* "Eine Serie von Interviews mit zivilgesellschaftlichen Akteuren und Experten zum Thema Demokratieförderung, die insgesamt einen ganzen Tag ansehen würde."
+* "Lange Diskussionsrunden und Panelgespräche über soziale Gerechtigkeit, die aufgrund ihrer Tiefe und Länge schwer in einer Sitzung zu bearbeiten sind."
+* "Eine Sammlung von Workshops und Tutorials zu organisatorischen Strategien für NGOs, die zusammen mehrere Tage in Anspruch nehmen würden."
+
+## Nutzerkonten einrichten 
+
+::: {#erforderlich}
+:::
+
+## Optional
+
+::: {#optional}
+:::

src/02_basics/app_market.qmd

@@ -0,0 +1,10 @@
+---
+title: "App Marktplatz beobachten"
+listing:
+  - id: app_market
+    contents: "app_market"
+    type: grid
+---
+
+::: {#app_market}
+:::

src/02_basics/pdf.qmd

@@ -0,0 +1,10 @@
+---
+title: "PDFs auswerten"
+listing:
+  - id: pdf
+    contents: "pdf"
+    type: grid
+---
+
+::: {#pdf}
+:::

src/02_basics/webspider.qmd

@@ -0,0 +1,10 @@
+---
+title: "Die erste Webspider"
+listing:
+  - id: webspider
+    contents: "webspider"
+    type: grid
+---
+
+::: {#webspider}
+:::

src/_quarto.yml

@@ -4,8 +4,6 @@ website:
   title: "🧭 Collecting Data on the Web - Webscraping Workshop 2025"
   navbar:
     left:
-      - href: agenda.qmd
-        text: "📅 Agenda"
       - href: index.qmd
         text: "1️⃣ Start"
       - href: basics.qmd
@@ -24,7 +22,10 @@ website:
       contents:
         - href: index.qmd
           text: "Willkommen"
-        - section: "Erforderlich"
+        - href: 01_setup/agenda.qmd
+          text: "Agenda 📅"
+        - section: "Vorbereitung"
+          href: 01_setup/vorbereitung.qmd
           contents:
           - href: 01_setup/erforderlich/google-konto.qmd
             text: "Google Konto erstellen"
@@ -33,6 +34,7 @@ website:
           - href: 01_setup/erforderlich/huggingface.qmd
             text: "Huggingface Ressourcen"
         - section: "Optional"
+          href: 01_setup/vorbereitung.html#optional
           contents:
           - href: 01_setup/optional/colab-github.qmd
             text: "Colab nach GitHub speichern"
@@ -43,16 +45,19 @@ website:
         - href: basics.qmd
           text: "No Code Übersicht"
         - section: "PDF"
+          href: 02_basics/pdf.qmd
           contents:
           - href: 02_basics/pdf/pdf-link-extractor.qmd
             text: "PDF Link Extractor"
           - href: 02_basics/pdf/pdf-grouping.qmd
             text: "PDF Grouping"
         - section: "App Marketplace"
+          href: 02_basics/app_market.qmd
           contents:
           - href: 02_basics/app_market/google-play-search.qmd
             text: "Google Play Search"
         - section: "Webspider"
+          href: 02_basics/webspider.qmd
           contents:
           - href: 02_basics/webspider/website-url-extractor.qmd
             text: "URL Extractor"

src/basics.qmd

@@ -1,36 +1,17 @@
 ---
-title: "No Code Übersicht"
 listing:
-  - id: pdf
-    contents: "02_basics/pdf"
-    type: grid
-  - id: app_market
-    contents: "02_basics/app_market"
-    type: grid
-  - id: webspider
-    contents: "02_basics/webspider"
+  - id: no_code
+    contents: ["/02_basics/webspider.qmd","/02_basics/pdf.qmd","/02_basics/app_market.qmd"]
     type: grid
 ---
 
-Eine Sammlung interaktiver **Spaces**, die praktische Anwendungen rund um **Webscraping** und **lokale Datensammlung** demonstrieren. Ziel ist es, die Möglichkeiten der Datenerfassung zu illustrieren.
+## Lernziele
 
-::: {#pdf}
-:::
+**Verwendung von No-Code-Tools für Webscraping**:
 
-::: {#app_market}
-:::
+* Einsatz von Tools wie dem Webseiten-URL-Extraktor zur automatischen Extraktion von Links zur Veranschaulichung des Webscraping Prozesses. Verwendung einer einfachen Webspider.
+* Anwendung von PDF-Link-Extractor-Tools zur systematischen Sammlung von PDFs und Nutzung der PDF-Keyword-Grouping-App zur thematischen Gruppierung.
+* Identifizierung und Auswertung von Apps eines individuellen Themenbereich (bspw. zivilgesellschaftlich oder Gesundheit).
 
-::: {#webspider}
+::: {#no_code}
 :::
-
-### **Bereits verfügbares Werkzeug:**  
-- **[Webspider](https://huggingface.co/spaces/datenwerkzeuge/webspider)**:
-  Diese App ermöglicht es, eine angegebene Webseite zu durchsuchen und strukturierte Daten wie URLs, Titel und Inhalte zu extrahieren. Die Ergebnisse werden übersichtlich angezeigt und können im JSON-Format heruntergeladen werden. Nutzer können dabei die Tiefe der Navigation und die maximale Seitenanzahl individuell einstellen, um die Datensammlung an ihre Bedürfnisse anzupassen.
-- **[PDFs-Sammeln](https://huggingface.co/spaces/datenwerkzeuge/pdfs-sammeln)**:
-  Diese App durchsucht eine angegebene Webseite oder eine hochgeladene HTML-Datei nach PDF-Links, lädt die gefundenen PDF-Dokumente herunter und erstellt daraus eine ZIP-Datei. Nutzer können die Datei samt einer Übersicht der gefundenen PDFs (inklusive Dateigröße) direkt herunterladen. Das Tool ermöglicht es, PDF-Dokumente effizient zu sammeln und organisiert bereitzustellen.
-- **[PDF Keyword Grouping App](https://huggingface.co/spaces/datenwerkzeuge/PDF-Keyword-Grouping-App)**:
-  Dieses Tool analysiert den Textinhalt hochgeladener PDFs, extrahiert Schlüsselbegriffe und gruppiert die Dokumente basierend auf den ausgewählten Themen oder Keywords. Es verwendet fortschrittliche KI-Modelle für semantische Textanalyse und Zuordnung. Am Ende können die gruppierten PDFs als ZIP-Datei heruntergeladen werden, um sie übersichtlich zu organisieren und effizient weiterzuverarbeiten.
-- **[Google Play App Search](https://huggingface.co/spaces/datenwerkzeuge/Google-Play-App-Search)**:
-  Dieses Tool ermöglicht die Suche nach Apps im Google Play Store anhand eines eingegebenen Suchbegriffs. Die Ergebnisse enthalten Details wie App-Titel, Entwickler, Bewertung und einen direkten Link zur App im Store. Zusätzlich wird eine separate Liste mit allen URLs der gefundenen Apps bereitgestellt, um eine schnelle Weiterverarbeitung zu ermöglichen.
-- **[Webseiten-URL-Extraktor](https://huggingface.co/spaces/datenwerkzeuge/Webseiten-URL-Extraktor)**:
-  Dieses Tool extrahiert automatisch alle Links von einer angegebenen Webseite. Es listet die URLs übersichtlich auf und bietet somit eine einfache Möglichkeit, alle relevanten Verweise einer Seite zu sammeln. Perfekt für die Analyse und Weiterverarbeitung von Webseiteninhalten.

src/index.qmd

@@ -1,27 +1,13 @@
----
-title: "Willkommen"
-listing:
-  - id: erforderlich
-    contents: "01_setup/erforderlich"
-    type: grid
-  - id: optional
-    contents: "01_setup/optional"
-    type: grid
----
-
-Herzlich willkommen zum Webscraping Workshop! In diesem Workshop lernen Sie, wie Sie Daten aus dem Web extrahieren und analysieren können. Egal, ob Sie Anfänger oder Fortgeschrittener sind, dieser Workshop bietet Ihnen wertvolle Einblicke und praktische Erfahrungen.
 
-::: {#erforderlich}
-:::
+Herzlich willkommen zum Webscraping Workshop! Egal, ob Sie Anfänger oder Fortgeschrittener sind, dieser Workshop bietet Ihnen wertvolle Einblicke und praktische Erfahrungen.
 
-::: {#optional}
-:::
+## Navigation auf der Workshop Webseite 🧭
 
-## Navigation auf der Quarto-Webseite 🧭
+### Oben: Workshopschritte 👣
 
-Unsere Quarto-Webseite ist so strukturiert, dass Sie sich leicht zurechtfinden und dem Workshop effizient folgen können.
+Die Top-Navigationsleiste bietet Ihnen schnellen Zugriff auf die wichtigsten Bereiche des Workshops. Über die Links in der Leiste können Sie zur Agenda, zur Startseite, zu den No-Code- und Low-Code-Webscraping-Seiten sowie zu einem spezifischen Anwendungsfall navigieren.
 
-### Links: Überblick 🗂️
+### Links: Abschnittüberblick 🗂️
 
 Auf der linken Seite finden Sie eine Übersicht aller Inhalte und Module des Workshops. Diese Navigationsleiste ermöglicht es Ihnen, schnell zu den verschiedenen Kapiteln und Abschnitten zu springen, die Sie interessieren.
 
@@ -29,33 +15,9 @@ Auf der linken Seite finden Sie eine Übersicht aller Inhalte und Module des Wor
 
 Auf der rechten Seite finden Sie eine Übersicht der aktuellen Seite. Diese Seitenübersicht hilft Ihnen, den Überblick über die Struktur und die Unterthemen des aktuellen Kapitels zu behalten. Sie können leicht zwischen den Abschnitten navigieren, ohne die Hauptseite zu verlassen.
 
-### Links oben: Suchfunktion 🔍
-
-Oben links befindet sich die Suchfunktion. Hier können Sie nach spezifischen Themen, Begriffen oder Kapiteln suchen, um schnell die Informationen zu finden, die Sie benötigen. Geben Sie einfach ein Stichwort ein, und die Suchfunktion zeigt Ihnen relevante Ergebnisse aus dem gesamten Workshop.
-
----
-
-## Workshop-Inhalte 📚
-
-### Einleitung 🚀
-
-Wir beginnen mit einer Einführung in die Grundlagen des Webscrapings, einschließlich der wichtigsten Konzepte und Werkzeuge, die Sie benötigen.
-
-### Tools und Technologien 🛠️
-
-Erfahren Sie mehr über die verschiedenen Tools und Technologien, die im Webscraping verwendet werden, wie zum Beispiel BeautifulSoup, Scrapy und Selenium.
-
-### Praktische Übungen ✍️
-
-Setzen Sie Ihr Wissen in die Praxis um! Durch praktische Übungen und Projekte können Sie das Gelernte anwenden und wertvolle Erfahrungen sammeln.
-
-### Weiterführende Themen 🔍
-
-Entdecken Sie weiterführende Themen wie das Scraping von APIs, das Management großer Datenmengen und ethische Überlegungen beim Webscraping.
-
----
+### Rechts oben: Suchfunktion 🔍
 
-Wir hoffen, dass Sie viel Spaß und Erfolg beim Lernen und Anwenden des Webscrapings haben! Wenn Sie Fragen haben oder Unterstützung benötigen, zögern Sie nicht, sich an uns zu wenden.
+Oben links befindet sich die Suchfunktion. Hier können Sie nach spezifischen Themen, Begriffen oder Kapiteln suchen, um schnell die Informationen zu finden, die Sie benötigen. Geben Sie einfach ein Stichwort ein, und die Suchfunktion zeigt Ihnen relevante Ergebnisse aus dem gesamten Workshop. Zusätzlich finden sich in der Leiste Werkzeuge wie Diskussionsforen und das Code-Repository auf Hugging Face, die helfen, sich mit anderen auszutauschen und auf den Quellcode zuzugreifen.
 
 ---