Pola Bilangan Persegi Panjang dan Link Download File Referensi
https://eu2.contabostorage.com/00f3241116844f24b628f46d81abb929:st1/folder4/4525/jmuser_file_1643565317_088cbf7229812d976fee8c0f9843c2bb.pptx
2026-05-30 20:05:06 - Admin
<style> body{ font-family: Arial, Helvetica, sans-serif; line-height: 1.6; margin:0; padding:0; background:#f9f9f9; color:#333; } header{ background:#4CAF50; color:#fff; padding:20px 10px; text-align:center; } nav{ background:#e2e2e2; padding:10px; } nav a{ margin:0 10px; text-decoration:none; color:#333; } main{ max-width:800px; margin:20px auto; padding:0 15px; } h2{ color:#4CAF50; margin-top:30px; } pre{ background:#eee; padding:10px; overflow:auto; } table{ border-collapse:collapse; width:100%; margin:15px 0; } th,td{ border:1px solid #bbb; padding:8px; text-align:center; } th{ background:#f2f2f2; } .example{ background:#fff; border:1px solid #ddd; padding:15px; margin:20px 0; } </style><header> <h1>Pola Bilangan Persegi Panjang</h1></header><nav> <a href="#pengertian">Pengertian</a> <a href="#rumus">Rumus</a> <a href="#contoh">Contoh</a> <a href="#implementasi">Implementasi Program</a></nav><main> <section id="pengertian"> <h2>Pengertian Pola Bilangan Persegi Panjang</h2> <p>Pola bilangan persegi panjang adalah susunan angka yang membentuk sebuah persegi panjang ketika dituliskan dalam baris dan kolom. Setiap baris memiliki jumlah elemen yang sama, dan setiap kolom juga memiliki jumlah elemen yang sama. Pola ini biasanya digunakan untuk memperkenalkan konsep perkalian, faktorisasi, serta visualisasi matematis pada siswa.</p> <p>Misalnya, bila kita menuliskan angka 1 hingga 12 dalam 3 baris dan 4 kolom, maka akan terbentuk sebuah persegi panjang 34. Setiap baris mewakili satu kumpulan angka yang berurutan, dan total semua angka dapat dihitung dengan mudah menggunakan rumus perkalian jumlah baris dan kolom.</p> </section> <section id="rumus"> <h2>Rumus Dasar</h2> <p>Jika sebuah persegi panjang memiliki <strong>m</strong> baris dan <strong>n</strong> kolom, maka jumlah total elemen dalam pola tersebut adalah:</p> <pre>Jumlah Elemen = m n</pre> <p>Jika elemenelemen tersebut adalah bilangan bulat berurutan mulai dari 1, maka jumlah seluruh bilangan dapat dihitung dengan rumus deret aritmetika:</p> <pre>Jumlah = (m n) (1 + (m n)) / 2</pre> <p>Selain itu, ratarata tiap baris atau kolom dapat dihitung dengan membagi total dengan jumlah baris atau kolom masingmasing.</p> </section> <section id="contoh"> <h2>Contoh Pola</h2> <div class="example"> <p><strong>Contoh 1: 3 4</strong></p> <table> <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr> <tr><td>5</td><td>6</td><td>7</td><td>8</td></tr> <tr><td>9</td><td>10</td><td>11</td><td>12</td></tr> </table> <p>Jumlah elemen = 3 4 = 12<br> Jumlah total = (12 13) / 2 = 78</p> </div> <div class="example"> <p><strong>Contoh 2: 5 2</strong></p> <table> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr> <tr><td>5</td><td>6</td></tr> <tr><td>7</td><td>8</td></tr> <tr><td>9</td><td>10</td></tr> </table> <p>Jumlah elemen = 5 2 = 10<br> Jumlah total = (10 11) / 2 = 55</p> </div> </section> <section id="implementasi"> <h2>Implementasi dengan HTML dan JavaScript</h2> <p>Berikut contoh kode sederhana yang menghasilkan pola persegi panjang dinamis berdasarkan input baris (<code>m</code>) dan kolom (<code>n</code>).</p> <pre><!DOCTYPE html><html lang="id"><head> <meta charset="UTF-8"> <title>Generator Pola Bilangan Persegi Panjang</title> <style> table{border-collapse:collapse;width:auto;margin-top:10px;} td{border:1px solid #666;padding:5px 8px;text-align:center;} </style></head><body> <h2>Generator Pola</h2> Baris: <input type="number" id="rows" min="1" value="3"> Kolom: <input type="number" id="cols" min="1" value="4"> <button onclick="generate()">Buat Pola</button> <div id="output"></div> <script> function generate(){ const m = parseInt(document.getElementById('rows').value); const n = parseInt(document.getElementById('cols').value); let num = 1; let html = '<table>'; for(let i=0;i<m;i++){ html += '<tr>'; for(let j=0;j<n;j++){ html += `<td>${num}</td>`; num++; } html += '</tr>'; } html += '</table>'; document.getElementById('output').innerHTML = html; } // buat pola awal generate(); </script></body></html> </pre> <p>Kode di atas menampilkan dua input untuk menentukan jumlah baris dan kolom, kemudian menghasilkan tabel HTML yang berisi urutan bilangan secara otomatis.</p> </section></main>