diff options
Diffstat (limited to 'lessons/biologi')
| -rw-r--r-- | lessons/biologi/index.html | 4 | ||||
| -rw-r--r-- | lessons/biologi/plant-animal-reproduction/index.html | 105 | ||||
| -rw-r--r-- | lessons/biologi/plant-animal-reproduction/indonesia.html | 105 | ||||
| -rw-r--r-- | lessons/biologi/plant-animal-reproduction/technology.html | 102 |
4 files changed, 315 insertions, 1 deletions
diff --git a/lessons/biologi/index.html b/lessons/biologi/index.html index a45a6d1..82444ab 100644 --- a/lessons/biologi/index.html +++ b/lessons/biologi/index.html @@ -54,10 +54,12 @@ <section> <h1 id="chapter1">Chapter 1 - Reproduction System</h1> <p><a href="reproduction/introduction.html" class="link">Reproduction System: Introduction</a></p> + <h1 id="chapter2">Chapter 2 - Plant and Animals Reproduction System</h1> + <p><a href="plant-animal-reproduction/" class="link">Main Lesson</a></p> </section> </div> <script src="/scripts/toc.js"></script> <script src="/scripts/sidebar.js"></script> </body> -</html>
\ No newline at end of file +</html> diff --git a/lessons/biologi/plant-animal-reproduction/index.html b/lessons/biologi/plant-animal-reproduction/index.html new file mode 100644 index 0000000..7ab1aa5 --- /dev/null +++ b/lessons/biologi/plant-animal-reproduction/index.html @@ -0,0 +1,105 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/style.css"> + <link rel="icon" href="/assets/images/master.svg"> + <title>Al Azhar 9th Grade Lesson Notes</title> + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> + <link rel="manifest" href="/site.webmanifest"> + <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script> +</head> +<body> + <div class="fixed-top-btn-container" id="topbtn"> + <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a> + <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a> + </div> + <div id="console"></div> + <div id="sidebar"> + <div> + <a href="/index.html"> + <img src="/assets/images/master.svg" alt="" class="sidebar-logo"> + </a> + + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + </div> + + <div> + <a href="/about/author.html" class="sidebar-link link">About the Author</a> + <a href="/about/school.html" class="sidebar-link link">About School</a> + <a href="/lessons" class="sidebar-link link">Lessons</a> + + + <hr class="divider"> + <div id="toc"> + <h4>Table of Contents</h4> + </div> + </div> + </div> + + <div class="banner-container" id="banner"> + <div class="banner-bg" id="img-supplies"></div> + <div class="gradient-bg"></div> + <div class="banner-text-container"> + <h1 class="banner-text" id="banner-txt">Plant and Animals Reproduction System</h1> + <h3 class="banner-text" id="banner-txt">Chapter 2</h3> + </div> + </div> + + <div class="top-chips-container" id="chip-container"> + <div class="chip-container"> + <div class="chip"><span>❓ Unverified</span></div> + </div> + <div><a href="indonesia.html" class="button"><i class="fa-solid fa-language"></i> View in Indonesia</a></div> + </div> + + <div id="main"> + <section> + <h1 id="definition">Definition</h1> + <p>Reproduction is a biological process for organisms in order to preserve its kind.</p> + + <h1 id="methods">How Organisms Reproduce</h1> + <p>Reproduction in organisms are divided into 2, vegetative and generative reproduction.</p> + <h2 id="vegetative">Vegetative Reproduction</h2> + <p>A vegetative reproduction is any form of reproduction that don't preceded by the male and female sex cells.</p> + <h3 id="methods--division">Fragmentation</h3> + <div class="flex flex-center"> + <img src="/assets/images/biology/fragmentation_classnotes.jpg"> + </div> + <p class="subtitle">Fragmentation on planaria. Source: <a href="https://classnotes.org.in/class-10/how-do-organism-reproduce/fragmentation/" class="link">classnotes.org.in</a></p> + <p>Division is a reproduction method by dividing itself, usually done by single-celled organisms (protozoa) such as amoebas and paramecium.</p> + <h3 id="methods--spore">Spore</h3> + <p>Spore is a reproduction method done by some plants such as moss, fungi, and ferns. </p> + <div class="flex flex-center"> + <img src="/assets/images/biology/metagenesis_paku_kompas-com.jpg"> + </div> + <p class="subtitle">Fern Metagenesis. Source: <a href="https://www.kompas.com/skola/read/2021/06/15/145723469/metagenesis-tumbuhan-paku-pengertian-skema-dan-jenisnya?page=all" class="link">Kompas.com</a></p> + <div class="flex flex-center"> + <img src="/assets/images/biology/metagenesis_lumut_roboguru.png"> + </div> + <p class="subtitle">Moss Metagenesis. Source: <a href="https://roboguru.ruangguru.com/question/buatlah-bagan-metagenesis-lumut_QU-1N6PMRL7" class="link">roboguru.ruangguru.com</a></p> + <h3 id="methods--bud">Buds / Shoots</h3> + <div class="flex flex-center"> + <img src="/assets/images/biology/budding_eschooltoday.jpg"> + </div> + <p class="subtitle">Budding on a hydra. Source: <a href="https://eschooltoday.com/learn/buddin/" class="link">eschooltoday.com</a></p> + + <p>A bud is the base of stem on a plant such as hydras, or bananas (for higher and more complex organisms) that will develop into other organs.</p> + <p>Adventitious buds is a wild bud that doesn't grow on the stem, but grows on the side of the leaves or roots, such as <i>Kalanchoe pinnata</i>.</p> + <h3 id="methods--bud">Stolon</h3> + <p>Stolon is a stem that spreads over the land surface. Plants that reproduce this ways are <i>Cyperus rotundus</i>, <i>Centella asiatica</i>, and more.</p> + <h3 id="methods--rhyzome">Rhizome</h3> + <p>Rhizomes are stems that grow under or on the soil, such as ginger, tumeric, curcuma, and more.</p> + <h2 id="methods--generative">Generative Reproduction</h2> + <p>Generative reproduction is a form of reproduction that invovles the meeting of a male and female sex cells (sperm and ovum), or mating. Organisms that reproduce generatively are: humans, flowering plants, mammals, and many more.<br>In plants, there are 2 types of pollination, which is self-pollination (<span title="Pollen transferred to the same organism." style="border-bottom: 1px dotted black; cursor: help;">autogamy</span>, and <span title="Pollen transferred to a different organism." style="border-bottom: 1px dotted black; cursor: help;">geitonogamy</span>), and cross-pollination.</p> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> +</html> diff --git a/lessons/biologi/plant-animal-reproduction/indonesia.html b/lessons/biologi/plant-animal-reproduction/indonesia.html new file mode 100644 index 0000000..ff842a8 --- /dev/null +++ b/lessons/biologi/plant-animal-reproduction/indonesia.html @@ -0,0 +1,105 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/style.css"> + <link rel="icon" href="/assets/images/master.svg"> + <title>Al Azhar 9th Grade Lesson Notes</title> + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> + <link rel="manifest" href="/site.webmanifest"> + <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script> +</head> +<body> + <div class="fixed-top-btn-container" id="topbtn"> + <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a> + <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a> + </div> + <div id="console"></div> + <div id="sidebar"> + <div> + <a href="/index.html"> + <img src="/assets/images/master.svg" alt="" class="sidebar-logo"> + </a> + + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + </div> + + <div> + <a href="/about/author.html" class="sidebar-link link">About the Author</a> + <a href="/about/school.html" class="sidebar-link link">About School</a> + <a href="/lessons" class="sidebar-link link">Lessons</a> + + + <hr class="divider"> + <div id="toc"> + <h4>Table of Contents</h4> + </div> + </div> + </div> + + <div class="banner-container" id="banner"> + <div class="banner-bg" id="img-supplies"></div> + <div class="gradient-bg"></div> + <div class="banner-text-container"> + <h1 class="banner-text" id="banner-txt">Plant and Animals Reproduction System</h1> + <h3 class="banner-text" id="banner-txt">Chapter 2</h3> + </div> + </div> + + <div class="top-chips-container" id="chip-container"> + <div class="chip-container"> + <div class="chip"><span>❓ Belum terverifikasi</span></div> + </div> + <div><a href="index.html" class="button"><i class="fa-solid fa-language"></i> Lihat dalam Bahasa Inggris</a></div> + </div> + + <div id="main"> + <section> + <h1 id="definition">Definisi</h1> + <p>Reproduksi adalah proses biologi untuk sebuah organisme dalam rangka menjaga jenisnya.</p> + + <h1 id="methods">Bagaimana Organisme Reproduksi</h1> + <p>Reproduksi dalam organisme terbagi menjadi 2, yaitu reproduksi secara vegetatif dan generatif.</p> + <h2 id="vegetative">Reproduksi Vegetatif</h2> + <p>Reproduksi vegetatif merupakan bentuk reproduksi yang tidak didahului pertemuan sel kelamin jantan dan betina.</p> + <h3 id="methods--division">Fragmentasi</h3> + <div class="flex flex-center"> + <img src="/assets/images/biology/fragmentation_classnotes.jpg"> + </div> + <p class="subtitle">Fragmentasi dalam planaria. Sumber: <a href="https://classnotes.org.in/class-10/how-do-organism-reproduce/fragmentation/" class="link">classnotes.org.in</a></p> + <p>Fragmentasi merupakan proses reproduksi dengan membelah diri, biasa dilakukan oleh organisme ber-sel satu seperti amoeba dan paramecium.</p> + <h3 id="methods--spore">Spora</h3> + <p>Spora adalah cara reproduksi yang dilakukan oleh tumbuhan seperti lumut, jamur, dan paku.</p> + <div class="flex flex-center"> + <img src="/assets/images/biology/metagenesis_paku_kompas-com.jpg"> + </div> + <p class="subtitle">Metagenesis Paku. Sumber: <a href="https://www.kompas.com/skola/read/2021/06/15/145723469/metagenesis-tumbuhan-paku-pengertian-skema-dan-jenisnya?page=all" class="link">Kompas.com</a></p> + <div class="flex flex-center"> + <img src="/assets/images/biology/metagenesis_lumut_roboguru.png"> + </div> + <p class="subtitle">Metagenesis Lumut. Sumber: <a href="https://roboguru.ruangguru.com/question/buatlah-bagan-metagenesis-lumut_QU-1N6PMRL7" class="link">roboguru.ruangguru.com</a></p> + <h3 id="methods--bud">Tunas</h3> + <div class="flex flex-center"> + <img src="/assets/images/biology/budding_eschooltoday.jpg"> + </div> + <p class="subtitle">Tunas di sebuah hydra. Sumber: <a href="https://eschooltoday.com/learn/buddin/" class="link">eschooltoday.com</a></p> + + <p>Tunas merupakan pangkal batang yang berada di dalam tanah seperti hydra, atau pisang (untuk organisme yang lebih tinggi dan kompleks) yang akan tumbuh menjadi organ lain.</p> + <p>Tunas adventif meruapkan tunas yang liar tetapi tidak tumbuh di batang, melainkan tumbuh di bagian lain tumbuhan seperti daun atau akar, seperti <i>Kalanchoe pinnata</i>.</p> + <h3 id="methods--bud">Geragih</h3> + <p>Geragih meruapkan batang yang menjulur di atas permukaan tanah. Tumbuhan yang reproduksi seperti ini adalah <i>Cyperus rotondus, Centella asiatica,</i> dan banyak lagi.</p> + <h3 id="methods--rhyzome">Rhizoma</h3> + <p>Rhizoma adalah batang tumbuhan yang tumbuh dibawah atau di tanah, seperti jahe, temulawak, kunyit, dan banyak lagi.</p> + <h2 id="methods--generative">Reproduksi Generatif</h2> + <p>Reproduksi secara generatif merupakan reproduksi yang melibatkan pertemuan sel kelamin jantan (sperma) dan sel kelamin betina (ovum) alias kawin. Organisme yang berkembang biak dengan cara ini ialah: manusia; tumbuhan berbunga; mamalia; dan banyak, banyak lagi.<br>Dalam tumbuhan, ada 2 macam penyerbukan, yaitu penyerbukan sendiri(<span title="Penyerbukan ke tumbuhan sendiri." style="border-bottom: 1px dotted black; cursor: help;">autogami</span>, and <span title="Penyerbukan ke tumbuhan lain." style="border-bottom: 1px dotted black; cursor: help;">geitonogami</span>), dan penyerbukan silang.</p> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> +</html> diff --git a/lessons/biologi/plant-animal-reproduction/technology.html b/lessons/biologi/plant-animal-reproduction/technology.html new file mode 100644 index 0000000..504f51b --- /dev/null +++ b/lessons/biologi/plant-animal-reproduction/technology.html @@ -0,0 +1,102 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/style.css"> + <link rel="icon" href="/assets/images/master.svg"> + <title>Al Azhar 9th Grade Lesson Notes</title> + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> + <link rel="manifest" href="/site.webmanifest"> + <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script> +</head> +<body> + <div class="fixed-top-btn-container" id="topbtn"> + <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a> + <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a> + </div> + <div id="console"></div> + <div id="sidebar"> + <div> + <a href="/index.html"> + <img src="/assets/images/master.svg" alt="" class="sidebar-logo"> + </a> + + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + </div> + + <div> + <a href="/about/author.html" class="sidebar-link link">About the Author</a> + <a href="/about/school.html" class="sidebar-link link">About School</a> + <a href="/lessons" class="sidebar-link link">Lessons</a> + + + <hr class="divider"> + <div id="toc"> + <h4>Table of Contents</h4> + </div> + </div> + </div> + + <div class="banner-container" id="banner"> + <div class="banner-bg" id="img-supplies"></div> + <div class="gradient-bg"></div> + <div class="banner-text-container"> + <h1 class="banner-text" id="banner-txt">Plant and Animals Reproduction System</h1> + <h3 class="banner-text" id="banner-txt">Chapter 2</h3> + </div> + </div> + + <div class="chip-container" id="chip-container"> + <div class="chip"><span>❓ Unchecked</span></div> + </div> + + <div id="main"> + <section> + <h1 id="definition">Definition</h1> + <p>Reproduction is a biological process for organisms in order to preserve its kind.</p> + + <h1 id="methods">How Organisms Reproduce</h1> + <p>Reproduction in organisms are divided into 2, vegetative and generative reproduction.</p> + <h2 id="vegetative">Vegetative Reproduction</h2> + <p>A vegetative reproduction is any form of reproduction that don't preceded by the male and female sex cells.</p> + <h3 id="methods--division">Fragmentation</h3> + <div class="flex flex-center"> + <img src="/assets/images/biology/fragmentation_classnotes.jpg"> + </div> + <p class="subtitle">Fragmentation on planaria. Source: <a href="https://classnotes.org.in/class-10/how-do-organism-reproduce/fragmentation/" class="link">classnotes.org.in</a></p> + <p>Division is a reproduction method by dividing itself, usually done by single-celled organisms (protozoa) such as amoebas and paramecium.</p> + <h3 id="methods--spore">Spore</h3> + <p>Spore is a reproduction method done by some plants such as moss, fungi, and ferns. </p> + <div class="flex flex-center"> + <img src="/assets/images/biology/metagenesis_paku_kompas-com.jpg"> + </div> + <p class="subtitle">Fern Metagenesis. Source: <a href="https://www.kompas.com/skola/read/2021/06/15/145723469/metagenesis-tumbuhan-paku-pengertian-skema-dan-jenisnya?page=all" class="link">Kompas.com</a></p> + <div class="flex flex-center"> + <img src="/assets/images/biology/metagenesis_lumut_roboguru.png"> + </div> + <p class="subtitle">Moss Metagenesis. Source: <a href="https://roboguru.ruangguru.com/question/buatlah-bagan-metagenesis-lumut_QU-1N6PMRL7" class="link">roboguru.ruangguru.com</a></p> + <h3 id="methods--bud">Buds / Shoots</h3> + <div class="flex flex-center"> + <img src="/assets/images/biology/budding_eschooltoday.jpg"> + </div> + <p class="subtitle">Budding on a hydra. Source: <a href="https://eschooltoday.com/learn/buddin/" class="link">eschooltoday.com</a></p> + + <p>A bud is the base of stem on a plant such as hydras, or bananas (for higher and more complex organisms) that will develop into other organs.</p> + <p>Adventitious buds is a wild bud that doesn't grow on the stem, but grows on the side of the leaves or roots, such as <i>Kalanchoe pinnata</i>.</p> + <h3 id="methods--bud">Stolon</h3> + <p>Stolon is a stem that spreads over the land surface. Plants that reproduce this ways are <i>Cyperus rotundus</i>, <i>Centella asiatica</i>, and more.</p> + <h3 id="methods--rhyzome">Rhizome</h3> + <p>Rhizomes are stems that grow under or on the soil, such as ginger, tumeric, curcuma, and more.</p> + <h2 id="methods--generative">Generative Reproduction</h2> + <p>Generative reproduction is a form of reproduction that invovles the meeting of a male and female sex cells (sperm and ovum), or mating. Organisms that reproduce generatively are: humans, flowering plants, mammals, and many more.<br>In plants, there are 2 types of pollination, which is self-pollination (<span title="Pollen transferred to the same organism." style="border-bottom: 1px dotted black; cursor: help;">autogamy</span>, and <span title="Pollen transferred to a different organism." style="border-bottom: 1px dotted black; cursor: help;">geitonogamy</span>), and cross-pollination.</p> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> +</html> |