diff options
| author | altaf-creator <athaalaa@gmail.com> | 2023-09-25 06:13:47 +0700 |
|---|---|---|
| committer | altaf-creator <athaalaa@gmail.com> | 2023-09-25 06:13:47 +0700 |
| commit | 7420ea9926c6cca698efa670d837a1cd753c4931 (patch) | |
| tree | 80031c7f6a6ad348e5dd4c56881f28da67ad98b3 /lessons-locked/fisika | |
| parent | d16b9e200a977517f15939923e89f89db21884ef (diff) | |
Lockdown site
Diffstat (limited to 'lessons-locked/fisika')
| -rw-r--r-- | lessons-locked/fisika/atom/atom.html | 133 | ||||
| -rw-r--r-- | lessons-locked/fisika/atom/electron-config.html | 221 | ||||
| -rw-r--r-- | lessons-locked/fisika/index.html | 67 | ||||
| -rw-r--r-- | lessons-locked/fisika/static-electricity/coulomb.html | 193 | ||||
| -rw-r--r-- | lessons-locked/fisika/static-electricity/id-coulomb.html | 193 | ||||
| -rw-r--r-- | lessons-locked/fisika/static-electricity/id-theory.html | 145 | ||||
| -rw-r--r-- | lessons-locked/fisika/static-electricity/theory.html | 144 |
7 files changed, 1096 insertions, 0 deletions
diff --git a/lessons-locked/fisika/atom/atom.html b/lessons-locked/fisika/atom/atom.html new file mode 100644 index 0000000..ef70b0b --- /dev/null +++ b/lessons-locked/fisika/atom/atom.html @@ -0,0 +1,133 @@ +<!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">Atoms: An Introduction</h1> + <h3 class="banner-text" id="banner-txt">Chapter 1</h3> + </div> + </div> + + <div class="chip-container" id="chip-container"> + <div class="chip"><span>✅ Verified</span></div> + </div> + + <div id="main"> + <section> + <h1 id="parts-of-atom">Parts of An Atom</h1> + <div class="flex flex-center"> + <img src="/assets/images/atoms/parts.svg" alt=""> + </div> + <p class="subtitle">artist's representation of an atom. Bohr's Model. Colors may be labelled different.</p> + <h1 id="symbol">Symbol of An Atom</h1> + <div class="flex flex-center" style="width: 100%;"> + <img src="/assets/images/atoms/oxygen_symbol.svg" alt="" + style="flex: 1 200px; margin: 30px; min-width: 0px; + max-width: clamp(100px, 600px, 100%);"> + <img src="/assets/images/atoms/symbol.svg" alt="" + style="flex: 1 200px; margin: 30px; min-width: 0px; + max-width: clamp(100px, 600px, 100%);"> + </div> + <p class="subtitle">(picture on the left) An example of an atom symbol, (picture on the right) The format of + an atom symbol (FOR INDONESIA)</p> + <h1 id="proton-electron-neutron-count">Determining the number of Protons, Electrons, and Neutrons</h1> + <h2 id="proton-electron-neutron-count--protons-and-electrons">Protons and Electrons</h2> + <p>If not electrically charged (will be discussed later), the proton and electron number will be the same as + the <strong>atom number</strong>.</p> + <h2 id="proton-electron-neutron-count--neutrons">Neutrons</h2> + <p>Neutrons can be determined by using this following formula: <br> + <strong>Atomic Mass</strong> - <strong>Atomic Number</strong> = Neutron Number + <h2 id="proton-electron-neutron-count--example">Examples</h2> + <div class="flex" style="width: 100%;"> + <img src="/assets/images/atoms/natrium_symbol.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <p> + <strong>Proton:</strong> 11<br> + <strong>Electron:</strong> 11<br> + <strong>Neutron:</strong> 23 - 11 = 12 + </p> + </div> + <div class="flex" style="width: 100%;"> + <img src="/assets/images/atoms/carbon_symbol.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <p> + <strong>Proton:</strong> 6<br> + <strong>Electron:</strong> 6<br> + <strong>Neutron:</strong> 12 - 6 = 6 + </p> + </div> + <h1 id="ions">Ions</h1> + Electron count will be added or subtracted by ion charge. <br> + If the ion charge is positive (cation / kation), subtract the electron count. <br> + If the ion charge is negative (anion), add the electron count. For example: + <div class="flex" style="width: 100%;"> + <img src="/assets/images/atoms/carbon_symbol_ion.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <p> + <strong>Proton:</strong> 6<br> + <strong>Electron:</strong> 6 + 4 = 10<br> + <strong>Neutron:</strong> 12 - 6 = 6 + </p> + </div> + <div class="flex" style="width: 100%;"> + <img src="/assets/images/atoms/magnesium_symbol_ion.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <p> + <strong>Proton:</strong> 6<br> + <strong>Electron:</strong> 6 - 2 = 4<br> + <strong>Neutron:</strong> 24 - 12 = 12 + </p> + </div> + + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ No newline at end of file diff --git a/lessons-locked/fisika/atom/electron-config.html b/lessons-locked/fisika/atom/electron-config.html new file mode 100644 index 0000000..0ba12e4 --- /dev/null +++ b/lessons-locked/fisika/atom/electron-config.html @@ -0,0 +1,221 @@ +<!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">Electorn Configuration in An Atom</h1> + <h3 class="banner-text" id="banner-txt">Chapter 1</h3> + </div> + </div> + + <div class="chip-container" id="chip-container"> + <div class="chip"><span>✅ Verified</span></div> + </div> + + <div id="main"> + <section> + <h1 id="electron-config">Electron Configuration</h1> + <div class="flex flex-center"> + <img src="/assets/images/atoms/electron_configuration.svg" alt=""> + </div> + <h2 id="electron-config--max-electron">Sub-Shell and Maximum Electron</h2> + <table> + <tr> + <th>Sub-Shell</th> + <th>Maximum Electron</th> + </tr> + <tr> + <td>s</td> + <td>2</td> + </tr> + <tr> + <td>p</td> + <td>6</td> + </tr> + <tr> + <td>d</td> + <td>10</td> + </tr> + <tr> + <td>f</td> + <td>14</td> + </tr> + </table> + <h2 id="electron-config--how-to-read">How to Read / Order</h2> + <ol> + <li>Start from the top-most arrow</li> + <li>Follow the direction of the arrow. For example;</li> + <ol> + <li>1s, 2s, 2p, 3s</li> + </ol> + <li>Exponent the electron with maximum number of sub-shell until the total of exponents is equals to + Atom Number.</li> + <li>If the total is more than Atom Number, subtract the the last electron's exponent to make the total + equals to the atom number.</li> + </ol> + <h2 id="electron-config--examples">Examples</h2> + <div class="flex flex-center" style="width: 100%;"> + <div class="flex column"> + <img src="/assets/images/atoms/magnesium_symbol.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <span>1s<sup>2</sup>, 2s<sup>2</sup>, 2p<sup>6</sup>, 3s<sup>2</sup></span> + </div> + <div class="flex column" style="padding-left: 30px;"> + <img src="/assets/images/atoms/lead_symbol.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <span>1s<sup>2</sup>, 2s<sup>2</sup>, 2p<sup>6</sup>, 3s<sup>2</sup>, 3p<sup>6</sup>, + 4s<sup>2</sup>, 3d<sup>10</sup>, 4p<sup>3</sup></span> + </div> + </div> + <h1 id="electron-config-based-on-shell">Electron Configuration Based on Shell</h1> + <div class="flex flex-center"> + <img src="/assets/images/atoms/oxygen.svg" alt="" style="max-width: 300px;"> + </div> + <p class="subtitle">an atom figure with shell labels (Oxygen)</p> + <h2 id="electron-config-based-on-shell--max">Electron Count Rules</h2> + <table> + <tr> + <th rowspan="2">Shell K</th> + <td>Write <strong>2</strong> if <strong>electron</strong> ≥ <strong>2</strong></td> + </tr> + <tr> + <td>Write <strong>1</strong> if <strong>electron</strong> < <strong>2</strong> <i>(only for Hydrogen)</i></td> + </tr> + + <tr> + <th rowspan="2">Shell L</th> + <td>Write <strong>8</strong> if <strong>electron</strong> ≥ <strong>8</strong></td> + </tr> + <tr> + <td>Write <strong>leftover electrons</strong> if <strong>electron</strong> < <strong>8</strong></td> + </tr> + <tr> + + <tr> + <th rowspan="3">Shell M</th> + <td>Write <strong>18</strong> if <strong>electron</strong> ≥ <strong>18</strong></td> + </tr> + <tr> + <td>Write <strong>8</strong> if <strong>8</strong> ≥ <strong>electron</strong> < <strong>18</strong></td> + </tr> + <tr> + <td>Write <strong>leftover electrons</strong> if <strong>electron</strong> < <strong>8</strong></td> + </tr> + + <tr> + <th rowspan="4">Shell N</th> + <td>Write <strong>32</strong> if <strong>electron</strong> ≥ <strong>32</strong></td> + </tr> + <tr> + <td>Write <strong>18</strong> if <strong>18</strong> ≥ <strong>electron</strong> < <strong>32</strong></td> + </tr> + <tr> + <td>Write <strong>8</strong> if <strong>8</strong> ≥ <strong>electron</strong> < <strong>18</strong></td> + </tr> + <tr> + <td>Write <strong>leftover electrons</strong> if <strong>electron</strong> < <strong>8</strong></td> + </tr> + </table> + <h2 id="electron-config-based-on-shell--example">How to Determine Electron Count</h2> + <ol> + <li>Follow the rules</li> + <li>If the electrons (aka atomic number) = 0, you're done.</li> + </ol> + <h2 id="electron-config-based-on-shell--examples">Examples</h2> + <table style="font-size: x-large;"> + <tr> + <th rowspan="2"><img src="/assets/images/atoms/oxygen_symbol.svg" alt="" style="max-width: 230px !important;"></th> + <th style="padding-left: 2ch; padding-right: 2ch;">K</td> + <th style="padding-left: 2ch; padding-right: 2ch;">L</td> + <th style="padding-left: 2ch; padding-right: 2ch;">M</td> + <th style="padding-left: 2ch; padding-right: 2ch;">N</td> + </tr> + <tr> + <td style="padding-left: 2ch; padding-right: 2ch;">2</td> + <td style="padding-left: 2ch; padding-right: 2ch;">4</td> + <td style="padding-left: 2ch; padding-right: 2ch;"></td> + <td style="padding-left: 2ch; padding-right: 2ch;"></td> + </tr> + </table> + <br> + <table style="font-size: x-large;"> + <tr> + <th rowspan="2"><img src="/assets/images/atoms/magnesium_symbol.svg" alt="" style="max-width: 230px !important;"></th> + <th style="padding-left: 2ch; padding-right: 2ch;">K</td> + <th style="padding-left: 2ch; padding-right: 2ch;">L</td> + <th style="padding-left: 2ch; padding-right: 2ch;">M</td> + <th style="padding-left: 2ch; padding-right: 2ch;">N</td> + </tr> + <tr> + <td style="padding-left: 2ch; padding-right: 2ch;">2</td> + <td style="padding-left: 2ch; padding-right: 2ch;">8</td> + <td style="padding-left: 2ch; padding-right: 2ch;">2</td> + <td style="padding-left: 2ch; padding-right: 2ch;"></td> + </tr> + </table> + <br> + <table style="font-size: x-large;"> + <tr> + <th rowspan="2"><img src="/assets/images/atoms/lead_symbol.svg" alt="" style="max-width: 230px !important;"></th> + <th style="padding-left: 2ch; padding-right: 2ch;">K</td> + <th style="padding-left: 2ch; padding-right: 2ch;">L</td> + <th style="padding-left: 2ch; padding-right: 2ch;">M</td> + <th style="padding-left: 2ch; padding-right: 2ch;">N</td> + </tr> + <tr> + <td style="padding-left: 2ch; padding-right: 2ch;">2</td> + <td style="padding-left: 2ch; padding-right: 2ch;">8</td> + <td style="padding-left: 2ch; padding-right: 2ch;">18</td> + <td style="padding-left: 2ch; padding-right: 2ch;">5</td> + </tr> + </table> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ No newline at end of file diff --git a/lessons-locked/fisika/index.html b/lessons-locked/fisika/index.html new file mode 100644 index 0000000..13c6986 --- /dev/null +++ b/lessons-locked/fisika/index.html @@ -0,0 +1,67 @@ +<!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">Fisika</h1> + <h3 class="banner-text" id="banner-txt">Ayu Rezky Yulita, M.Pd.</h3> + </div> + </div> + + <div id="main"> + <section> + <h1 id="bab1">Chapter 1 - Atoms & Molecules</h1> + <p><a href="atom/atom.html" class="link">Atom: Introduction</a></p> + <p><a href="atom/electron-config.html" class="link">Electron Configuration</a></p> + <h1 id="bab2">Chapter 2 - Static Electricity</h1> + <p><a href="static-electricity/coulomb.html" class="link">Lesson 1: Coulomb's Law</a></p> + <p><a href="static-electricity/theory.html" class="link">Lesson 2: Static Electricity Theory - Electroscope and Electric Field</a></p> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> +</html>
\ No newline at end of file diff --git a/lessons-locked/fisika/static-electricity/coulomb.html b/lessons-locked/fisika/static-electricity/coulomb.html new file mode 100644 index 0000000..b459cb5 --- /dev/null +++ b/lessons-locked/fisika/static-electricity/coulomb.html @@ -0,0 +1,193 @@ +<!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> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous"> + <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" 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">Coulomb's Law</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="id-coulomb.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><b>Coulomb's law is a law that explains the releationship between 2 or more electrical charges.</b></p> + <p>This law states that: "The magnitude, or absolute value, of the attractive or repulsive electrostatic force between two point charges is directly proportional to the product of the magnitudes of their charges and inversely proportional to the squared distance between them."<sup>[<a href="#reference-1" class="link-compact">1</a>]</sup></p> + <h1 id="formula">Formula</h1> + <span>F = k <span class="frac"><sup>Q<sub>1</sub> × Q<sub>2</sub></sup><span>⁄</span><sub>r<sup>2</sup></span></span> + <p> + where,<br> + <ul> + <li><b>F</b> = Force (Newton)</li> + <li><b>r</b> = Distance (Metres)</li> + <li><b>Q<sub>1</sub></b> = Charge 1 (Coulomb)</li> + <li><b>Q<sup>2</sup></b> = Charge 2 (Coulomb)</li> + <li><b>K</b> = Constant = <strong>9 × 10<sup>9</sup></strong> <span style="color: gray; font-size: 1rem;">Nm<sup>2</sup> / C<sup>2</sup></span></li> + </ul> + </p> + <h1 id="units">Unit Conversions (for Coulomb)</h1> + <ol> + <li>n <b>mC</b> (<strong>milli</strong>Coulomb) = n * 10<sup>-3</sup> C</li> + <li>n <b>MC</b> (<strong>Micro</strong>Coulomb) = n * 10<sup>-6</sup> C <i>(Alternative form: μC)</i></li> + <li>n <b>nC</b> (<strong>nano</strong>Coulomb) = n * 10<sup>-9</sup> C</li> + <li>n <b>Å</b> (<strong>Ångström</strong>) = n * 10<sup>-10</sup> C</li> + </ol> + <h1 id="example">Examples & Exercises</h1> + <ol></ol> + <ol> + <li> + <p>Find F.</p> + <img src="/assets/images/atoms/coulomb1.svg" alt=""><br> + <h2>Given:</h2> + <p> + <strong>r</strong> = 30 cm = 0,3 m = <b>3 × 10<sup>-1</sup> m</b><br> + <strong>Q<sub>1</sub></strong> = 2 MC = <b>2 × 10<sup>-6</sup></b><br> + <strong>Q<sub>2</sub></strong> = 3 MC = <b>3 × 10<sup>-6</sup></b><br> + </p> + <h2>Solution:</h2> + <p> + <span>F = k <span class="frac"><sup>Q<sub>1</sub> × Q<sub>2</sub></sup><span>⁄</span><sub>r<sup>2</sup></span></span><br> + + <span>F = 9 × 10<sup>9</sup><span class="frac"><sup>2 × 10<sup>-6</sup> ‧ 3 × 10<sup>-6</sup></sup><span>⁄</span><sub>(3 × 10<sup>-1</sup>)<sup>2</sup></span></span> = <span class="frac"><sup>9 × 10<sup>9</sup> ‧ 2 × 10<sup>-6</sup> ‧ 3 × 10<sup>-6</sup></sup><span>⁄</span><sub>9 × 10<sup>-2</sup></span></span><br> + + = <span class="frac"><sup>10<sup>9</sup> ‧ 2 × 10<sup>-6</sup> ‧ 3 × 10<sup>-6</sup></sup><span>⁄</span><sub>10<sup>-2</sup></span></span> = <span class="frac"><sup>10<sup>-3</sup> × 6</sup><span>⁄</span><sub>10<sup>-2</sup></span></span><br> + = <strong>6 × 10<sup>-1</sup></strong> + </p> + </li> + <hr> + <li> + <p>Find F.</p> + <img src="/assets/images/atoms/coulomb2.svg" alt=""><br> + <h2>Given:</h2> + <span id="m2"></span> + <h2>Solution:</h2> + <span id="m1"></span> + </li> + <script defer> + const m1 = document.getElementById("m1"); + const m2 = document.getElementById("m2"); + + katex.render(String.raw` + \begin{aligned} + F &= k\dfrac{Q_1Q_2}{r^2}\\ + &= 9 \times 10^9\dfrac{6 \times 10^{-6} \cdot 12 \times 10^{-6}}{9 \times 10^{-2}}\\ + &= \dfrac{10^9 \cdot 6 \times 10^{-6} \cdot 12 \times 10^{-6}}{10^{-2}} = \dfrac{6 \cdot 12 \cdot 10^9 \cdot 10^{-6} \cdot 10^{-6}}{10^{-2}}\\ + &= \dfrac{72 \cdot 10^{-3}}{10^{-2}}\\ + &= 72 \times 10^{-1} + \end{aligned} + `, m1, { + throwOnError: true + }); + katex.render(String.raw` + \begin{aligned} + r &= 30 \textnormal{ cm} = 0,3 \textnormal{ m} = 3 \times 10^{-1}\\ + r^2 &= (3 \times 10^{-1})^2 = 9 \times 10^{-2}\\ + Q_1 &= 6 \textnormal{ MC}\\ + Q_2 &= 12 \textnormal{ MC} + \end{aligned} + `, m2, { + throwOnError: false + }); + </script> + <hr> + <li> + <p>If F = 9 × 10<sup>9</sup>, Find r.</p> + <img src="/assets/images/atoms/coulomb3.svg" alt=""><br> + <h2>Given:</h2> + <span id="m3"></span> + <h2>Solution:</h2> + <span id="m4"></span> + </li> + <script defer> + const m3 = document.getElementById("m3"); + const m4 = document.getElementById("m4") + + katex.render(String.raw` + \begin{aligned} + F &= k\dfrac{Q_1Q_2}{r^2}\\ + 9 \times 10^9 &= 9 \times 10^9\dfrac{4 \times 10^{-3} \cdot 4 \times 10^{-3}}{r^2}\\ + 9 \times 10^9 r^2 &= 9 \times 10^9 \cdot 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\ + r^2 &= 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\ + &= 16 \times 10^{-6}\\ + r &= \sqrt{16 \times 10^{-6}}\\ + &= 4 \times 10^{-3} + \end{aligned} + `, m4, { + throwOnError: true + }); + katex.render(String.raw` + \begin{aligned} + Q_1 &= 4 \textnormal{ mC}\\ + Q_2 &= 4 \textnormal{ mC}\\ + F &= 9 \times 10^9 \textnormal{ N} + \end{aligned} + `, m3, { + throwOnError: false + }); + </script> + </ol> + <h1 id="references">References</h1> + <ol> + <li id="reference-1">Coulomb, 1785. <i><a href="https://books.google.co.id/books?id=by5EAAAAcAAJ&pg=PA578" class="link">"Second mémoire sur l'électricité et le magnétisme"</a></i></li> + </ol> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ No newline at end of file diff --git a/lessons-locked/fisika/static-electricity/id-coulomb.html b/lessons-locked/fisika/static-electricity/id-coulomb.html new file mode 100644 index 0000000..a369cac --- /dev/null +++ b/lessons-locked/fisika/static-electricity/id-coulomb.html @@ -0,0 +1,193 @@ +<!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> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous"> + <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" 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">Coulomb's Law</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 diverifikasi</span></div> + </div> + <div><a href="coulomb.html" class="button"><i class="fa-solid fa-language"></i> Lihat dalam Bahasa Inggris</a></div> + </div> + + <div id="main"> + <section> + <h1 id="definition">Pengertian</h1> + <p><b>Hukum Coulomb adalah hukum yang menjelaskan hubungan antara dua muatan listrik.</b></p> + <p>Hukum ini menyatakan: "Apabila terdapat dua buah titik muatan maka akan timbul gaya di antara keduanya, yang besarnya sebanding dengan perkalian nilai kedua muatan dan berbanding terbalik dengan kuadrat jarak antar keduanya."<sup>[<a href="#reference-1" class="link-compact">1</a>]</sup></p> + <h1 id="formula">Rumus</h1> + <span>F = k <span class="frac"><sup>Q<sub>1</sub> × Q<sub>2</sub></sup><span>⁄</span><sub>r<sup>2</sup></span></span> + <p> + dimana,<br> + <ul> + <li><b>F</b> = Gaya (Newton)</li> + <li><b>r</b> = Jarak (Meter)</li> + <li><b>Q<sub>1</sub></b> = Muatan 1 (Coulomb)</li> + <li><b>Q<sup>2</sup></b> = Muatan 2 (Coulomb)</li> + <li><b>K</b> = Konstanta Coulomb = <strong>9 × 10<sup>9</sup></strong> <span style="color: gray; font-size: 1rem;">Nm<sup>2</sup> / C<sup>2</sup></span></li> + </ul> + </p> + <h1 id="units">Pengubahan Satuan Coulomb</h1> + <ol> + <li>n <b>mC</b> (<strong>milli</strong>Coulomb) = n * 10<sup>-3</sup> C</li> + <li>n <b>MC</b> (<strong>Micro</strong>Coulomb) = n * 10<sup>-6</sup> C <i>(Bentuk alternatif: μC)</i></li> + <li>n <b>nC</b> (<strong>nano</strong>Coulomb) = n * 10<sup>-9</sup> C</li> + <li>n <b>Å</b> (<strong>Ångström</strong>) = n * 10<sup>-10</sup> C</li> + </ol> + <h1 id="example">Contoh & Latihan</h1> + <ol></ol> + <ol> + <li> + <p>Temukan F.</p> + <img src="/assets/images/atoms/coulomb1.svg" alt=""><br> + <h2>Diketahui:</h2> + <p> + <strong>r</strong> = 30 cm = 0,3 m = <b>3 × 10<sup>-1</sup> m</b><br> + <strong>Q<sub>1</sub></strong> = 2 MC = <b>2 × 10<sup>-6</sup></b><br> + <strong>Q<sub>2</sub></strong> = 3 MC = <b>3 × 10<sup>-6</sup></b><br> + </p> + <h2>Cara:</h2> + <p> + <span>F = k <span class="frac"><sup>Q<sub>1</sub> × Q<sub>2</sub></sup><span>⁄</span><sub>r<sup>2</sup></span></span><br> + + <span>F = 9 × 10<sup>9</sup><span class="frac"><sup>2 × 10<sup>-6</sup> ‧ 3 × 10<sup>-6</sup></sup><span>⁄</span><sub>(3 × 10<sup>-1</sup>)<sup>2</sup></span></span> = <span class="frac"><sup>9 × 10<sup>9</sup> ‧ 2 × 10<sup>-6</sup> ‧ 3 × 10<sup>-6</sup></sup><span>⁄</span><sub>9 × 10<sup>-2</sup></span></span><br> + + = <span class="frac"><sup>10<sup>9</sup> ‧ 2 × 10<sup>-6</sup> ‧ 3 × 10<sup>-6</sup></sup><span>⁄</span><sub>10<sup>-2</sup></span></span> = <span class="frac"><sup>10<sup>-3</sup> × 6</sup><span>⁄</span><sub>10<sup>-2</sup></span></span><br> + = <strong>6 × 10<sup>-1</sup></strong> + </p> + </li> + <hr> + <li> + <p>Temukan F.</p> + <img src="/assets/images/atoms/coulomb2.svg" alt=""><br> + <h2>Diketahui:</h2> + <span id="m2"></span> + <h2>Cara:</h2> + <span id="m1"></span> + </li> + <script defer> + const m1 = document.getElementById("m1"); + const m2 = document.getElementById("m2"); + + katex.render(String.raw` + \begin{aligned} + F &= k\dfrac{Q_1Q_2}{r^2}\\ + &= 9 \times 10^9\dfrac{6 \times 10^{-6} \cdot 12 \times 10^{-6}}{9 \times 10^{-2}}\\ + &= \dfrac{10^9 \cdot 6 \times 10^{-6} \cdot 12 \times 10^{-6}}{10^{-2}} = \dfrac{6 \cdot 12 \cdot 10^9 \cdot 10^{-6} \cdot 10^{-6}}{10^{-2}}\\ + &= \dfrac{72 \cdot 10^{-3}}{10^{-2}}\\ + &= 72 \times 10^{-1} + \end{aligned} + `, m1, { + throwOnError: true + }); + katex.render(String.raw` + \begin{aligned} + r &= 30 \textnormal{ cm} = 0,3 \textnormal{ m} = 3 \times 10^{-1}\\ + r^2 &= (3 \times 10^{-1})^2 = 9 \times 10^{-2}\\ + Q_1 &= 6 \textnormal{ MC}\\ + Q_2 &= 12 \textnormal{ MC} + \end{aligned} + `, m2, { + throwOnError: false + }); + </script> + <hr> + <li> + <p>Jika F = 9 × 10<sup>9</sup>, temukan r.</p> + <img src="/assets/images/atoms/coulomb3.svg" alt=""><br> + <h2>Diketahui:</h2> + <span id="m3"></span> + <h2>Cara:</h2> + <span id="m4"></span> + </li> + <script defer> + const m3 = document.getElementById("m3"); + const m4 = document.getElementById("m4") + + katex.render(String.raw` + \begin{aligned} + F &= k\dfrac{Q_1Q_2}{r^2}\\ + 9 \times 10^9 &= 9 \times 10^9\dfrac{4 \times 10^{-3} \cdot 4 \times 10^{-3}}{r^2}\\ + 9 \times 10^9 r^2 &= 9 \times 10^9 \cdot 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\ + r^2 &= 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\ + &= 16 \times 10^{-6}\\ + r &= \sqrt{16 \times 10^{-6}}\\ + &= 4 \times 10^{-3} + \end{aligned} + `, m4, { + throwOnError: true + }); + katex.render(String.raw` + \begin{aligned} + Q_1 &= 4 \textnormal{ mC}\\ + Q_2 &= 4 \textnormal{ mC}\\ + F &= 9 \times 10^9 \textnormal{ N} + \end{aligned} + `, m3, { + throwOnError: false + }); + </script> + </ol> + <h1 id="references">Referensi</h1> + <ol> + <li id="reference-1">Andrew Duffy, <i><a href="http://physics.bu.edu/~duffy/PY106/Charge.html" class="link">"Electric charge and Coulomb's law"</a></i></li> + </ol> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ No newline at end of file diff --git a/lessons-locked/fisika/static-electricity/id-theory.html b/lessons-locked/fisika/static-electricity/id-theory.html new file mode 100644 index 0000000..acde0ab --- /dev/null +++ b/lessons-locked/fisika/static-electricity/id-theory.html @@ -0,0 +1,145 @@ +<!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> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous"> + <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" 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">Teori Listrik Statis: Elektroskop dan Medan Listrik</h1> + <h3 class="banner-text" id="banner-txt">Diterjemahkan ke Bahasa Indonesia</h3> + </div> + </div> + + <div class="top-chips-container" id="chip-container"> + <div class="chip-container"> + <div class="chip"><span>❓ Belum diverifikasi</span></div> + </div> + <div><a href="theory.html" class="button"><i class="fa-solid fa-language"></i> Lihat dalam Bahasa Inggris</a></div> + </div> + + + <div id="main"> + <section> + <h1 id="electroscope">Elektroskop</h1> + <h2 id="electroscope--definition">Apa itu Elektroskop?</h2> + <p>Elektroskop merupakan sebuah alat untuk mengetahui sebuah keberadaan listrik dari suatu benda, dan / atau jenis dari muatan listrik suatu benda.</p> + <h2 id=electroscope--neutral>Elektroskop Netral</h2> + <img src="/assets/images/electroscope/electroscope_neutral_normal.svg" alt="" style="max-width: 160px;"><br> + <span class="subtitle">Sebuah elektroskop netral.</span> + <p>Sebuah elektroskop dapat menjadi <b>netral</b>, <b>positif</b>, ataupun <b>negatif</b>. Bagian ini menjelaskan tentang elektroskop netral. Jika sebuah benda didekatkan ke bola elektroskop, maka:</p> + <ol> + <li>Jika objek itu bermuatan netral, tidak akan ada yang terjadi.</li> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_neutral_active-positive.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">Jika objek itu bermuatan positif, elektron-elektron pada elektroskop itu akan bergerak keatas (ke bolanya), dan proton-proton akan bergerak ke bawah (ke daun emas)<br><b>Hal ini menyebabkan proton-proton pada daun emas itu saling tolak-menolak, yang membuat jarak lebih antara daun emas. (Lihat gambar)</b></p> + </div> + </li> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_neutral_active-negative.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">Sebaliknya, jika objek itu bermuatan negatif, proton-proton pada elektroskop itu akan bergerak keatas (ke bolanya), dan elektron-elektron akan bergerak ke bawah (ke daun emas)<br><b>Hal ini menyebabkan elektron-elektron pada daun emas itu saling tolak-menolak, yang membuat jarak lebih antara daun emas. (Lihat gambar)</b></p> + </div> + </li> + </ol> + <p>Perlu diingat bahwa elektroskop yang bersifat netral <strong>tidak dapat</strong> digunakan untuk membedakan apakah objek itu positif ataupun negatif, dikarenakan pada dunia nyata, sifat kedua daun emas akan terlihat sama antara positif maupun negatif.</p> + <h2 id="electroscope--positive">Elektroskop Positif</h2> + <img src="/assets/images/electroscope/electroscope_positive_normal.svg" alt="" style="max-width: 160px;"><br> + <span class="subtitle">Sebuah elektroskop positif.</span> + <p>Tipe lain dari elektroskop adalah elektroskop positif. Muatan dari elektroskop ini telah dipisahkan antara proton dan elektron menggunakan konduksi. Jika sebuah objek didekatkan ke bola elektroskop, maka:</p> + <ol> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_positive_positive.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">Jika objek itu positif, proton-proton akan bergerak kebawah (bertolakan dengan bendanya) ke daun emas. <br><b>Ini akan menyebabkan proton-proton saling tolak-menolak yang menyebabkan jarak lebih antara daun emas. (Lihat gambar)</b>.</p> + </div> + </li> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_positive_negative.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">Jika objek itu negatif, lebih banyak proton akan bergerak keatas (tertarik oleh bendanya) ke bola elektroskop.<br><b>Hal ini menyebabkan proton yang lebih sedikit di daun emas, yang menyebabkan daun emas saling menguncup.</b></p> + </div> + </li> + </ol> + <h2 id="electroscope--negative">Elektroskop Negatif</h2> + <img src="/assets/images/electroscope/electroscope_negative_normal.svg" alt="" style="max-width: 160px;"><br> + <span class="subtitle">Sebuah elektroskop negatif.</span> + <p> Jika sebuah benda didekatkan ke bola elektroskop, maka:</p> + <ol> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_negative_positive.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">Jika objek itu positif, elektron-elektron akan bergerak keatas (tertarik dengan bendanya) ke daun emas. <br><b>Hal ini menyebabkan elektron yang lebih sedikit di daun emas, yang menyebabkan daun emas saling menguncup</b>.</p> + </div> + </li> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_negative_negative.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">Jika objek itu negatif, lebih banyak elektron akan bergerak kebawah (bertolakan oleh bendanya) ke bola elektroskop.<br><b>Ini akan menyebabkan elektron-elektron saling tolak-menolak yang menyebabkan jarak lebih antara daun emas. (Lihat gambar)</b></p> + </div> + </li> + </ol> + <h1 id="field">Medan Listrik</h1> + <p>Sebuah medan listrik adalah medan fisik yang mengelilingi sebuah muatan listrik dan mengeluarkan gaya ke semua muatan listrik disekitarnya, entah menarik ataupun menolak mereka. <sup>[<a href="#reference1" class="link-compact">1</a>]</sup></p> + <h2 id="field--behaviour">Sifat Muatan Positif dan Negatif</h2> + <img src="/assets/images/electric/electric_field.svg" alt=""> + <p>Sebuah proton memiliki medan listrik radial yang keluar dari posisi proton tersebut, melainkan elektron memiliki medan listrik radial yang <b>memasuki</b> ke dalam elektron tersebut.</p> + <h2 id="field--examples">Contoh</h2> + <img src="/assets/images/electric/electric_field_arrows.svg" alt=""><br><span class="subtitle">Sebuah proton dan elektron saling tarik-menarik, yang bisa dilihat dari garis medan listriknya.</span><br><br> + <img src="/assets/images/electric/electric_field_arrows_positive.svg" alt=""><br><span class="subtitle">Sebuah proton dan proton lainnya saling tolak-menolak , yang bisa dilihat dari garis medan listriknya.</span><br> + <h1>Referensi</h1> + <ol> + <li id="reference1" tabindex="-1">Browne, p 225: "... around every charge there is an aura that fills all space. This aura is the electric field due to the charge. The electric field is a vector field... and has a magnitude and direction."</li> + </ol> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ No newline at end of file diff --git a/lessons-locked/fisika/static-electricity/theory.html b/lessons-locked/fisika/static-electricity/theory.html new file mode 100644 index 0000000..9bb09de --- /dev/null +++ b/lessons-locked/fisika/static-electricity/theory.html @@ -0,0 +1,144 @@ +<!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> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous"> + <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" 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">Static Electricity Theory: Electroscope and Electric Field</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="id-theory.html" class="button"><i class="fa-solid fa-language"></i> View in Indonesia</a></div> + </div> + + <div id="main"> + <section> + <h1 id="electroscope">Electroscope</h1> + <h2 id="electroscope--definition">What is an Electroscope?</h2> + <p>An electroscope is a scientific instrument to detect a presence of an electric charge, and / or a type of an electric charge.</p> + <h2 id="electroscope--neutral">Neutral Electroscope</h2> + <img src="/assets/images/electroscope/electroscope_neutral_normal.svg" alt="" style="max-width: 160px;"><br> + <span class="subtitle">A neutral electroscope.</span> + <p>An electroscope can be <b>Neutral</b>, <b>Positive</b>, or <b>Negative</b>. This part explains about a netural electroscope. If an object is brought closer to the ball:</p> + <ol> + <li>If the object is neutral, nothing will happen.</li> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_neutral_active-positive.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">If the object is positively charged, the electrons will move upwards (attracted by the object) to the ball, and the protons will move downwards (repelled by the object) to the golden leaves.<br><b>These will result in the protons repel each other that the golden leaves to seperate further. (see image)</b></p> + </div> + </li> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_neutral_active-negative.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">If the object is negatively charged, the protons will move upwards (attracted by the object) to the ball, and the electrons will move downwards (repelled by the object) to the golden leaves.<br><b>These will result in the electrons repel each other that the golden leaves to seperate further. (see image)</b></p> + </div> + </li> + </ol> + <p>An important point to mention is that a neutral electroscope <strong>cannot</strong> be used to differ between a positively charged and a negatively charged object, because in the real world, the behaviour of the golden leaves will be identical to each other.</p> + <h2 id="electroscope--positive">Positive Electroscope</h2> + <img src="/assets/images/electroscope/electroscope_positive_normal.svg" alt="" style="max-width: 160px;"><br> + <span class="subtitle">A positive electroscope.</span> + <p>Another type of elecroscope is a positively charged electroscope. This means that the protons of the electroscope has been seperated by the electrons with conduction. If an object has been brought closer to the ball of the electroscope:</p> + <ol> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_positive_positive.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">If the object is positively charged, more protons will move downwards (repelled by the object) to the golden leaves.<br><b>These will result in the protons repel each other that the golden leaves to seperate further. (see image)</b></p> + </div> + </li> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_positive_negative.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">If the object is negatively charged, more protons will move upwards (attracted by the object) to the ball.<br><b>These will result in less protons in the leaves that the golden leaves will become closer to each other. (see image)</b></p> + </div> + </li> + </ol> + <h2 id="electroscope--negative">Negative Electroscope</h2> + <img src="/assets/images/electroscope/electroscope_negative_normal.svg" alt="" style="max-width: 160px;"><br> + <span class="subtitle">A negative electroscope.</span> + <p>If an object has been brought closer to the ball of the negative electroscope:</p> + <ol> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_negative_positive.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">If the object is positively charged, more electrons will move upwards (attracted by the object) to the ball.<br><b>These will result in less electrons in the leaves that the golden leaves will become closer to each other. (see image)</b></p> + </div> + </li> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_negative_negative.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">If the object is negatively charged, more electrons in the ball will move downwards (repelled by the object) to the golden leaves.<br><b>These will result in the electrons repel each other that the golden leaves to seperate further. (see image)</b></p> + </div> + </li> + </ol> + <h1 id="field">Electric Field</h1> + <p>An electrtic field is the physical field that surrounds electrically charged particles and exerts force on all other charged particles in the field, either attracting or repelling them. <sup>[<a href="#reference1" class="link-compact">1</a>]</sup></p> + <h2 id="field--behaviour">Behaviours of Positive and Negative Charges</h2> + <img src="/assets/images/electric/electric_field.svg" alt=""> + <p>A proton has a radially outward electric field from the proton's position, while an electron has a radially <b>inward</b> electric field from its position.</p> + <h2 id="field--examples">Examples</h2> + <img src="/assets/images/electric/electric_field_arrows.svg" alt=""><br><span class="subtitle">A proton and electron attracting eachother which can be seen from the electric field arrows.</span><br><br> + <img src="/assets/images/electric/electric_field_arrows_positive.svg" alt=""><br><span class="subtitle">A proton and another proton repelling eachother which can be seen from the electric field arrows.</span><br> + <h1>References</h1> + <ol> + <li id="reference1" tabindex="-1">Browne, p 225: "... around every charge there is an aura that fills all space. This aura is the electric field due to the charge. The electric field is a vector field... and has a magnitude and direction."</li> + </ol> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ No newline at end of file |