# Aufgabe

Eine abstrakte Klasse namens ``Shape`` wurde für Sie erstellt. Sie enthält zwei abstrakte Methoden: ``calculateArea()`` und ``calculatePerimeter()``. Ihre Aufgabe ist es, zwei Klassen zu implementieren: ``Rectangle`` und ``Circle``. Diese Klassen sollen von der abstrakten Klasse ``Shape`` erben und deren Methoden **überschreiben**.
Hier eine kurze Anleitung:

* Für die Klasse ``Circle`` benötigen Sie ein Feld wie `radius`, und für die Klasse `Rectangle` Felder wie `width` und `height`. Diese Felder und deren Konstruktoren sind **bereits für Sie bereitgestellt**. Verwenden Sie diese Felder beim Überschreiben der Methoden.

* Falls Sie keine fundierten Geometriekenntnisse haben, hier eine kurze Referenz mit den benötigten Formeln:
*  Kreisfläche: **Pi * radius * radius**;
* Kreisumfang: **2 * PI * radius**;
* Rechteckfläche: **width * height**;
* Rechteckumfang: **2 * (width + height)**.

Um den Wert von π (PI) zu verwenden, nutzen Sie die ``Math``-Bibliothek. Sie können ``Math.PI`` verwenden, um auf den Wert von π zuzugreifen.







<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/theme/dracula.min.css">


<link rel="stylesheet" href="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/buttons-section/hint-solution-with-copyable-%26%3Dhighlighted-code.css">

<div class="button-container">
  <button class="button" onclick="toggleBlock6('hint-block6', 'solution-block6')">
    Hinweis
  </button>
  <button class="button" onclick="toggleBlock6('solution-block6', 'hint-block6')">
    Lösung
  </button>
</div>


<div id="hint-block6" class="block hint-styling-block">
  <li>
    Verwende die <code>@Override</code>-Annotation, um beide Methoden aus der
    abstrakten Klasse <code>Shape</code>: <code>calculateArea()</code> und
    <code>calculatePerimeter()</code>.
  </li>
  <li>
    Für den <code>Circle</code> nutze die <b>oben genannten Formeln</b>.
    Um auf den Wert von π zuzugreifen, verwende <code>Math.PI</code>.
  </li>
  <li>Verwende die Syntax <code>return "formula to calculate";</code>.</li>
  <li>
    Klicke auf den <b>Tests ausführen</b>-Button, um die Korrektheit deiner Lösung zu überprüfen.
  </li>
</div>

<div id="solution-block6" class="block solution-styling-block">
  
  <textarea id="code-6" class="language-java">
// Circle-Klasse:
@Override
public double calculateArea() {
    return Math.PI * radius * radius;
}

@Override
public double calculatePerimeter() {
    return 2 * Math.PI * radius;
}

// Rectangle-Klasse:
@Override
public double calculateArea() {
    return width * height;
}

@Override
public double calculatePerimeter() {
    return 2 * (width + height);
}</textarea>

  <button class="copy-button" onclick="handleClick6('code-6')">
    <svg width="20" height="20" x="0" y="0" viewBox="0 0 32 32" style="enable-background: new 0 0 512 512" xml:space="preserve" class="">
      <g>
        <path d="m26.121 6.707-3.828-3.828A2.98 2.98 0 0 0 20.172 2H12a3.003 3.003 0 0 0-3 3v1H8a3.003 3.003 0 0 0-3 3v18a3.003 3.003 0 0 0 3 3h12a3.003 3.003 0 0 0 3-3v-1h1a3.003 3.003 0 0 0 3-3V8.829a2.982 2.982 0 0 0-.879-2.122ZM22 5.414 23.586 7H22ZM20 28H8a1.001 1.001 0 0 1-1-1V9a1.001 1.001 0 0 1 1-1h8v3a2.002 2.002 0 0 0 2 2h3v14a1 1 0 0 1-1 1ZM18 9.414 19.586 11H18ZM24 24h-1V12.829a2.982 2.982 0 0 0-.879-2.122l-3.828-3.828A2.98 2.98 0 0 0 16.171 6H11V5a1.001 1.001 0 0 1 1-1h8v3a2.002 2.002 0 0 0 2 2h3v14a1 1 0 0 1-1 1Zm-6-8h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0 4h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0 4h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Z" fill="#a6b8e6" opacity="1" data-original="#000000" class=""></path>
      </g>
    </svg>
  </button>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/mode/clike/clike.min.js"></script>


<script src="https://cdn.jsdelivr.net/npm/notiflix@2.7.0/dist/notiflix-aio-2.7.0.min.js"></script>

<script>
  document.addEventListener("readystatechange", (event) => {
    if (event.target.readyState === "complete") {
      onPageLoad6();
    }
  });

  function onPageLoad6() {
    var editor = CodeMirror.fromTextArea(document.getElementById("code-6"), {
      lineNumbers: true,
      mode: "text/x-java",
      theme: "dracula",
    });

    // ----------> HIGHLIGHT <----------
    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    // Initially hide both the hint and solution blocks
    hideBlock6("hint-block6");
    hideBlock6("solution-block6");
  }

  // Copy Button handler
  const handleClick6 = (codeBlock) => {
    const textarea = document.getElementById(codeBlock);
    const copiedText = textarea.value;

    navigator.clipboard.writeText(copiedText);

    Notiflix.Notify.Success("Copied to clipboard!", {
      timeout: 2000,
      width: "260px",
      position: "center-top",
      textColor: "#ff5549",
    });
  };

  // Function to toggle the visibility of a block
  const toggleBlock6 = (blockId) => {
    const block = document.getElementById(blockId);

    if (block.style.display === "none" || block.style.display === "") {
      hideBlock6("hint-block6");
      hideBlock6("solution-block6");
      showBlock6(blockId);
    } else {
      hideBlock6(blockId);
    }
  };

  // Function to show a block
  const showBlock6 = (blockId) => {
    const block = document.getElementById(blockId);
    block.style.display = "block";
  };

  // Function to hide a block
  const hideBlock6 = (blockId) => {
    const block = document.getElementById(blockId);
    block.style.display = "none";
  };
</script>

Wer OOP beherrscht, kann gut programmieren. Das sagen viele Programmierer. Mach dich bereit für einen wichtigen Abschnitt deiner Java-Lernreise, dessen Beherrschung deine Programmierfähigkeiten insgesamt erheblich steigern wird. Du lernst, wie du die Java-Entwicklungsumgebung effektiv nutzt, die Prinzipien der objektorientierten Programmierung (OOP) sowie bewährte Methoden in der OOP. Du wirst deinen Code flexibler gestalten und dein Wissen über bereits behandelte Themen vertiefen. Los geht's!


Endlich können wir mit der objektorientierten Programmierung (OOP) in Java beginnen. Es wird anspruchsvoll, aber ich bin zuversichtlich, dass Sie erfolgreich sein werden! In diesem Abschnitt werden alle Prinzipien der OOP behandelt und die Bedeutung von OOP erläutert. Sie lernen, wie Klassen vererbt, Methoden überladen und überschrieben, Daten vor anderen Klassen gekapselt und mit Abstraktion gearbeitet wird. Darüber hinaus werden Sie all diese theoretischen Konzepte durch praktische Übungen festigen und Aufgaben in Ihrer IDE bearbeiten. Sie erwerben umfassende praktische und theoretische Kenntnisse – legen wir los!

Im vorherigen Abschnitt haben wir festgestellt, dass die gesamte objektorientierte Programmierung hauptsächlich auf Abstraktion basiert. Eine abstrakte Klasse hat jedoch eine wesentliche Einschränkung – es kann nur von einer abstrakten Klasse geerbt werden. Aber was, wenn wir mehr benötigen?
Hier kommen Schnittstellen ins Spiel. In diesem Abschnitt erfahren Sie, was eine Schnittstelle ist, warum sie notwendig ist, wie sie korrekt verwendet wird, und Sie setzen die Praxis der objektorientierten Programmierung fort. Lassen Sie uns Sie zum Profi machen!

Herausforderung: Abstraktion

Aufgabe

Awesome!

Herausforderung: Abstraktion

Aufgabe