import React from "react";

function LanguagestudyPage() {
  return (
    <section className="content-group">
      <h1 className="project-header">Wikipedia Sprachstudie</h1>
      <p className="centered" style={{ marginTop: '1em' }}>
        <em>Dieses Projekt war mein Abschlussprojekt f&uuml;r den Kurs &bdquo;CS50x&ldquo;.</em>
      </p>
      <div className="centered" style={{ marginTop: '2em' }}>
        <h3>GitHub</h3>
        <a href="https://github.com/simon-266/WikiDictionaryResearch">
          https://github.com/simon-266/WikiDictionaryResearch
        </a>
      </div>
      <div>
        <h2 style={{ marginTop: '2em' }}>Worum geht es in dieser Sprachstudie?</h2>
        <p>
          Ziel dieser Sprachstudie ist es, einem oft geh&ouml;rten Fakt beim
          Sprachenlernen nachzugehen und ihn zu beweisen oder zu widerlegen. Der
          Fakt lautet:{" "}
          <b>
            &bdquo;Die 1000 h&auml;ufigsten W&ouml;rter machen etwa 80 % des gesprochenen
            Wortschatzes aus.&ldquo;
          </b>
          Um dies zu untersuchen, habe ich ein Skript programmiert, welches 15.000
          Wikipedia-Seiten durchsucht und die englischen W&ouml;rter darin z&auml;hlt.
          Zus&auml;tzlich habe ich einige Diagramme zu meinen Ergebnissen in einem
          Jupyter Notebook erstellt:
        </p>
        <div className="image-container">
          <img
            src="/assets/projects/languageStudy/images/top1000.png"
            alt="Kreisdiagramm: Die Top 1000 W&ouml;rter im Vergleich zum Rest"
            className="center-image"
          />
          <img
            src="/assets/projects/languageStudy/images/stats.png"
            alt="Kreisdiagramm: Vergleiche der Vorkommen"
            className="center-image"
          />
        </div>
      </div>
      <div>
        <h2 style={{ marginTop: '2em' }}>Ergebnisse</h2>
        <p>
          Die Ergebnisse zeigen deutlich, dass die Top 1000 W&ouml;rter tats&auml;chlich
          einen sehr gro&szlig;en Anteil ausmachen &ndash; auch wenn es nicht ganz 80 %,
          sondern <em>knapp 70 %</em> sind. Daraus l&auml;sst sich schlussfolgern, dass es sich
          beim Sprachenlernen definitiv lohnt, sich auf diese W&ouml;rter zu
          konzentrieren, um <b>gute Fortschritte</b> zu erzielen.
        </p>
      </div>

      <div>
        <h2 style={{ marginTop: '2em' }}>
          Welche Techniken, Technologien und Bibliotheken habe ich verwendet?
        </h2>
        <div className="list-display">
          <ul className="key-points">
            <li>
              <b>Programmiersprachen</b>: Python, IPython
            </li>
            <li>
              <b>Programme</b>: VSCode, JupyterLab, GIT (GitHub)
            </li>
            <li>
              <b>Multithreading und Batchverarbeitung</b>: Mithilfe der <em>Future
              Library</em> konnte ich das Z&auml;hlen der W&ouml;rter auf mehrere Threads
              verteilen. Durch einfache Schleifen konnte ich den ben&ouml;tigten
              Arbeitsspeicher begrenzen, indem ich die 15.000 Seiten in kleinere
              Batches aufteilte, diese vorab zusammenf&uuml;hrte und am Ende zum
              finalen Ergebnis zusammenf&uuml;hrte.
            </li>
            <li>
              <b>Wikipedia</b>: Die Quelle meiner Daten, da die Inhalte dort ohne
              Copyright-Probleme nutzbar sind, und die zugeh&ouml;rige Python
              Library, welche das Webscraping vereinfacht.
            </li>
            <li>
              <b>Pandas</b>: Hierf&uuml;r habe ich mich entschieden, da ich nach einer
              effizienten M&ouml;glichkeit suchte, die W&ouml;rter zusammenzuf&uuml;hren.
              Au&szlig;erdem vereinfacht es das Speichern dieser Daten in Dateien.
            </li>
            <li>
              <b>sqlite3</b>: Gut zum Speichern und Abrufen meiner Daten.
            </li>
          </ul>
        </div>
      </div>
      <div>
        <h2 style={{ marginTop: '2em' }}>Fazit</h2>
        <div className="list-display">
          <ul className="key-points">
            <li>
              <b>Neues Wissen</b>: Durch dieses Projekt konnte ich mich zum ersten
              Mal intensiv mit den Themen Webscraping (auch wenn es &uuml;ber eine
              Library geschah) und Multithreading in Python besch&auml;ftigen, was f&uuml;r
              zuk&uuml;nftige Projekte relevant sein k&ouml;nnte.
            </li>
            <li>
              <b>&Uuml;bung</b>: Das Projekt hat sehr gut dazu gedient, mich intensiver
              mit Python auseinanderzusetzen und dabei neue Libraries und
              Funktionen innerhalb der Sprache selbst kennenzulernen.
            </li>
          </ul>
        </div>
      </div>
    </section>
  );
}

export default LanguagestudyPage;