# Aufgabe 

Eine abstrakte Klasse namens ``Shape`` wurde für dich erstellt. Sie enthält zwei abstrakte Methoden: ``calculateArea()`` und ``calculatePerimeter()``. Deine Aufgabe ist es, zwei Klassen zu implementieren: ``Rectangle`` und ``Circle``. Du musst diese Klassen von der abstrakten Klasse ``Shape`` erben und ihre Methoden **überschreiben**.
Hier ist ein kurzer Leitfaden:

* Für die Klasse ``Circle`` benötigst du Felder wie `radius`, und für die Klasse `Rectangle` benötigst du Felder wie `width` und `height`. Diese Felder und ihre Konstruktoren sind **bereits für dich bereitgestellt**. Verwende diese Felder beim Überschreiben der Methoden.

* Falls du keine fundierten Kenntnisse in Geometrie hast, findest du hier eine kurze Referenz mit den Formeln, die du verwenden musst:
   *  Kreisfläche: **Pi * radius * radius**;
   * Kreisumfang: **2 * PI * radius**;
   * Rechtecksfläche: **width * height**;
   * Rechteckumfang: **2 * (width + height)**.

Um den Wert von π (PI) zu nutzen, verwende die ``Math``-Bibliothek. Du kannst ``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')"
  >
    Hint
  </button>
  <button
    class="button"
    onclick="toggleBlock6('solution-block6', 'hint-block6')"
  >
    Solution
  </button>
</div>


<div id="hint-block6" class="block hint-styling-block">
  <li>
    Use the <code>@Override</code> annotation to override both methods from the
    abstract class <code>Shape</code>: <code>calculateArea()</code> and
    <code>calculatePerimeter()</code>.
  </li>
  <li>
    For the <code>Circle</code>, utilize the <b>formulas I mentioned above</b>.
    To access the value of π, use <code>Math.PI</code>.
  </li>
  <li>Use the syntax <code>return "formula to calculate";</code>.</li>
  <li>
    Click the <b>Run Tests</b> button to check the correctness of your solution.
  </li>
</div>

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

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

// Rectangle class:
@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 Teil deiner Java-Lernreise, dessen Beherrschung deine Programmierfähigkeiten insgesamt erheblich verbessern wird. Du wirst lernen, wie du die Java-Entwicklungsumgebung effektiv einsetzt, die Prinzipien der objektorientierten Programmierung (OOP) anwendest und die Best Practices in OOP nutzt. Du wirst lernen, deinen Code flexibel zu gestalten und dein Wissen zu den bereits behandelten Themen zu vertiefen. Lass uns anfangen!


Endlich können wir mit der objektorientierten Programmierung (OOP) in Java beginnen. Es wird herausfordernd sein, aber ich bin zuversichtlich, dass du es schaffen wirst! In diesem Abschnitt werden wir alle Prinzipien der OOP behandeln und erklären, warum OOP wichtig ist. Du wirst lernen, wie man Klassen erbt, Methoden überlädt und überschreibt, Daten von anderen Klassen kapselt und mit Abstraktion arbeitet. Darüber hinaus wirst du all diese theoretischen Konzepte mit praktischen Übungen verstärken, indem du an Aufgaben in deiner IDE arbeitest. Du wirst sowohl praktisches als auch theoretisches Wissen erlangen, also lass uns anfangen!

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 – Sie können nur von einer abstrakten Klasse erben. Aber was, wenn wir mehr benötigen?
Interfaces kommen zur Rettung. In diesem Abschnitt lernen Sie, was eine Schnittstelle ist, warum sie notwendig ist, wie man sie korrekt verwendet, und Sie werden weiterhin objektorientierte Programmierung üben. Lassen Sie uns Sie in einen Profi verwandeln!

Java OOP

Herausforderung: Abstraktion

Aufgabe