Tempat tinggal manusia umumnya terbagi menjadi dua macam permukiman, yakni desa dan kota. Di artikel Geografi kelas 12 ini, mari kita pelajari tentang pola keruangan kota!
—
Halo, teman-teman! Apa yang pertama kali ada di benakmu ketika mendengar sebutan “kota”. Apakah kamu membayangkan gedung-gedung pencakar langit, suasana ramai, dan sibuk, serta segala sesuatu yang teknologinya maju? Jika iya, maka apa yang kamu bayangkan cukup akurat, nih!
Selain hal-hal tersebut, ada banyak cara dan istilah untuk menjelaskan apa itu kota, termasuk pola keruangan kota itu sendiri yang kita pelajari dalam pelajaran Geografi. Nah, sudah siap buat belajar hari ini? Yuk, simak terus, ya!
Pengertian Kota
Apa itu kota? Kota adalah suatu sistem jaringan kehidupan manusia yang ditandai dengan kepadatan penduduk yang tinggi, strata sosial-ekonomi yang heterogen, dan kehidupan materialistis.
Kota juga dijelaskan oleh seorang arsitek dari Polandia bernama Amos Rapoport, sebagai suatu permukiman yang relatif besar, padat, dan permanen yang terdiri dari kelompok individu-individu heterogen dari segi sosial.
Selain dari pendapat ahli, Pemerintah Indonesia juga menjelaskan mengenai kota dalam Undang-Undang No. 22 tahun 1999 tentang Otonomi Daerah. Kota dijelaskan sebagai kawasan yang mempunyai kegiatan utama bukan pertanian, dengan susunan fungsi kawasan sebagai tempat permukiman perkotaan, pemusatan, dan distribusi pelayanan jasa pemerintahan, pelayanan sosial, dan kegiatan ekonomi.
Baca Juga: Macam-Macam Perencanaan Tata Ruang dan Tujuannya
Berbicara tentang segala sesuatu yang membedakan kota dengan wilayah lainnya, Kota juga memiliki ciri-ciri khusus, nih. Sama seperti desa, ada dua kategori besar untuk mengidentifikasi suatu wilayah sebagai kota, yakni ciri fisik dan ciri sosial.
Ciri Fisik Kota
Ciri fisik kota dapat dilihat dari fasilitas yang lazim ditemui di wilayahnya. Fasilitas tersebut berupa sarana yang menunjang kehidupan penduduknya. Beberapa contohnya, yakni:
a. Tempat parkir
Sebagai sarana penunjang mobilitas penduduk yang memiliki alat transportasi pribadi.
b. Pusat keramaian
Sebagai lokasi atau ruang bagi berkumpulnya warga-warga di kota. Tempat ini menjadi pusat kegiatan sosial atau acara baik formal maupun nonformal. Contohnya seperti alun-alun, mall, dan beberapa tempat unik untuk berkunjung
c. Sarana olahraga atau lapangan yang luas
Tempat ini menjadi salah satu pusat kegiatan masyarakat untuk beraktivitas fisik maupun mengadakan acara besar yang membutuhkan ruang yang bisa menampung banyak orang.
d. Pasar induk
Untuk menunjang kehidupan masyarakat kota mendapatkan bahan pangan atau kebutuhan rumah tangga mereka. Tapi tentu saja satu hal yang harus diingat, seiring dengan kemajuan dan perkembangan zaman, bisa jadi di masa depan, ciri-ciri kota bisa bertambah, atau justru malah berkurang.
Ciri Sosial Kota
Kemudian, kita bahas tentang ciri sosial kota. Jika ciri fisiknya menyangkut tentang fasilitas, ciri sosial berkaitan dengan nilai dan pelapisan sosial yang dianut masyarakat di perkotaan. Ciri sosial pada umumnya dilihat dari hal-hal sebagai berikut:
a. Jenis pekerjaan yang dijalani
Di kota, cukup banyak dan beragam bidang pekerjaan, mulai dari pegawai kantor, aparatur sipil, dosen, dan peneliti, hingga pedagang serta pekerja serabutan. Pekerjaan yang memiliki kestabilan dan menentukan hajat hidup orang banyak biasanya akan mendapatkan tingkat sosial lebih tinggi dibanding yang lainnya.
b. Tingkat pendapatan
Makin tinggi pendapatan seseorang, maka akan tinggi pula strata sosial yang mereka miliki.
c. Kepemilikan barang-barang yang unik dan mahal
Hal ini juga menjadi tolok ukur yang menentukan lapisan sosial di kota. Kepemilikan benda yang dinilai unik dan tidak dimiliki orang banyak, karena faktor harga dan nilai yang tidak bisa dijangkau banyak orang, akan menentukan kasta sosial tertentu bagi pemiliknya.
d. Sistem kekerabatan
Sistem ini berlandaskan pada kepentingan atau patembayan, yang berarti antar individu memiliki ikatan sosial yang lemah, tidak saling mengenal orang di lingkungannya, nilai, norma, dan sikap menjadi kurang berperan dalam berinteraksi.
e. Mobilitas tinggi
Masyarakat kota terkenal dengan kesibukan dan frekuensi berpindah tempat yang tinggi. Salah satunya karena struktur pola keruangan kota yang padat, membuat masyarakatnya aktif bepergian dari rumah menuju tempat lokasi kerja
f. Cara berpikir rasional
Orang yang hidup di kota akan jauh lebih realistis dan berpandangan rasional, terlebih pada ekonomi. Maka dari itu, tak bisa dipungkiri bahwa tingkat penghasilan dan gaya hidup yang mewah menjadi sesuatu yang dikejar bagi penduduk kota.
Nah, itu tadi beberapa ciri-ciri kota yang ditinjau dari bermacam aspek. Selanjutnya, kita akan membahas kota dari sisi pola keruangannya. Tetap semangat, kan? Yuk terus simak ya!
Baca Juga: Mempelajari Pola Keruangan Desa dan Ciri-Cirinya
Teori Pola Keruangan Kota
Kita bisa mempelajari konsep keruangan kota melalui beberapa teori tentang struktur keruangannya. Setiap kota mempunyai keunikannya masing-masing, tergantung pada sektor utama yang menggerakkan aktivitas di kota tersebut. Ada kota yang terkenal kuat dalam bidang industri, ada yang unggul dalam bidang ekonomi kreatif, atau kuat dalam bidang pengolahan sumber dayanya.
Semua itu kembali lagi dari faktor fisik, misalnya morfologi dan faktor sosial, seperti integritas dan etos kerja masyarakatnya. Namun, seiring berjalannya waktu, muncul teori-teori yang menjelaskan segala aspek keruangan dan struktur kota. Teori tersebut antara lain:
1. Teori Konsentris
Ernest Burgess, seorang sosiolog Kanada – Amerika, mengemukakan, teori ini menjelaskan mengenai struktur kota yang berkembang secara teratur, mulai dari bagian inti kota, hingga ke bagian pinggirannya. Dalam teori ini, pola ruang dari suatu kota makin meluas hingga menjauhi titik pusat kota. Zona yang terbentuk akibat pemekaran wilayah mirip sebuah gelang yang melingkar dengan pengelompokan daerah atas 5 zona, yakni:
a. Zona 1
Sebagai pusat kota dan kegiatan inti, seperti bisnis atau Central Business District (CBD) yang termasuk di dalamnya kegiatan pemerintahan (civic center)
b. Zona 2
Sebagai penunjang pusat kota atau zona peralihan. Umumnya terdapat banyak aktivitas perdagangan untuk memenuhi kebutuhan masyarakat di kota tersebut. Selain itu juga terdapat aktivitas industri pada zona ini.
c. Zona 3
Khusus sebagai permukiman kelas pekerja atau buruh. Daerah tersebut dipilih sebagai tempat tinggal agar biaya transportasi pekerja tidak mahal ketika menuju zona 1 dan 2 untuk bekerja.
d. Zona 4
Hampir sama dengan zona 3 sebagai tempat tinggal pekerja, tetapi perbedaannya ialah zona ini digunakan bagi pekerja kelas menengah. Pekerja kelas menengah yang dimaksud yakni profesional yang telah memiliki jabatan dan juga pendapatan yang lebih tinggi, sehingga mereka memilih untuk tinggal sedikit lebih jauh dari pusat kota, untuk menghindari kepadatan di zona 3.
e. Zona 5
Permukiman bagi orang-orang yang menginginkan tempat tinggal yang tenang dan jauh dari keramaian kota. Biasanya berisikan orang-orang yang memiliki jabatan serta pendapatan yang sangat tinggi. Zona ini merupakan permukiman dengan alamnya yang masih terbuka dan diselingi suasana perdesaan.
2. Teori Sektoral
Dikemukakan oleh Homer Hoyt pada tahun 1930, teori ini muncul sebagai pertentangan dari teori konsentris sebelumnya, yang menyatakan bahwa struktur keruangan kota tumbuh secara teratur, sedangkan teori sektoral menyatakan bahwa struktur keruangan kota tumbuh secara tidak teratur. Pertumbuhan kota tidak hanya dimulai dari bagian inti kota, tetapi dari wilayah sektoral-sektoral, yang kemudian menyebar ke sekitarnya.
Namun, seperti teori sebelumnya, teori sektoral juga memiliki 5 jenis pengelompokan zona yang sama dengan teori konsentris. Perbedaan yang mendasar terletak pada tingkat perkembangan penduduk di kota, dan juga adanya aksesibilitas berupa jalur transportasi,sehingga membuatnya tumbuh tidak teratur.
3. Teori Inti Ganda
Dengan perkembangan ilmu pengetahuan, selanjutnya dua orang ilmuwan geografi, bernama Edward Ullman dan C.D. Harris berpendapat bahwa sebuah kota, jauh lebih kompleks dari penggambaran dua teori sebelumnya mengenai kota.
Gagasan utama dari teori inti ganda adalah inti atau pusat dari suatu kota tidak hanya berada di pusat atau tengah kota tersebut, tetapi terdapat juga inti lain yang terpisah. Inti-inti tersebut berkembang berdasarkan penggunaan lahannya yang fungsional. Selain itu, segi kekuatan ekonomi juga menjadi dasar pertimbangan. Teori ini yang kemudian disebut sebagai Teori Inti Ganda.
Teori inti ganda cukup berbeda dengan teori sebelumnya. Kompleksitas dari teori ini mengelompokkan sembilan zona dari struktur keruangannya, antara lain:
a. Zona 1
Sebagai pusat kota dan kegiatan inti, seperti bisnis atau Central Business District (CBD) yang termasuk di dalamnya kegiatan pemerintahan (civic center).
b. Zona 2
Merupakan daerah yang banyak terdapat kegiatan grosir dan manufaktur ringan.
c. Zona 3
Sebagai permukiman kelas bawah. Zona ini dipilih karena pekerja kelas bawah umumnya akan memilih tempat tinggal yang mendekati pusat kota untuk meminimalisir biaya transportasi.
d. Zona 4
Permukiman kelas menengah. Daerah ini juga dekat dengan pusat kota, tetapi tata letaknya tidak begitu menjamur seperti daerah permukiman di zona 3.
e. Zona 5
Yakni permukiman kelas atas bagi orang-orang yang menginginkan tempat tinggal yang tenang dan jauh dari keramaian kota.
f. Zona 6
Daerah manufaktur berat. Zona ini umumnya terletak jauh dari permukiman atau pusat kota, agar tidak mengganggu kenyamanan akibat hasil polusi industri.
g. Zona 7
Khusus bagi daerah pusat bisnis di luar kota. Umumnya terbentuk karena ada orang-orang yang memiliki kepentingan bisnis, tetapi tidak ingin melakukannya di pusat kota.
h. Zona 8
Yakni permukiman di pinggiran kota (suburban)
i. Zona 9
Yakni daerah penunjang kota, tetapi terletak di pinggiran kota untuk memenuhi kebutuhan masyarakat yang tinggal di wilayah pinggiran kota (suburban)
Baca Juga: Faktor dan Zona Interaksi Desa-Kota
4. Teori Poros
Kemudian, teori selanjutnya menjelaskan bagaimana jalur transportasi berperan utama dalam memberikan pengaruh pada struktur ruang kota. Teori ini kemudian disebut sebagai teori poros. Teori ini dikemukakan oleh Babcock pada tahun 1960.
Mengapa jalur transportasi berperan utama? Karena mobilitas fungsi dan penduduk mempunyai intensitas yang sama dalam konfigurasi relief kota yang seragam. Selain itu, daerah yang dilalui transportasi akan mengalami perkembangan fisik yang lebih baik.
5. Teori Historis
Kemudian yang terakhir, teori keruangan kota yang didasari atas nilai sejarah yang berkaitan dengan perubahan tempat tinggal penduduk kota tersebut. Teori ini dicetuskan oleh Alonso pada tahun 1964.
Perubahan tempat tinggal yang dimaksud, yakni masyarakat tertarik untuk membangun permukiman di pinggiran wilayah CBD (Central Business District) atau pusat kota karena wilayah CBD mengalami perubahan teknologi yang cepat di bidang transportasi dan komunikasi. Hal ini kemudian menjanjikan kenaikan standar hidup bagi penduduknya.
Baca Juga: Memahami Pembangunan dan Pengembangan Wilayah
Struktur Keruangan Kota
Dalam pembahasan mengenai pertumbuhan kota, dapat dilihat dari bermacam sudut pandang untuk menilai bagaimana sebuah kota bertumbuh. Tolok ukur pertumbuhannya dinilai secara numerik dan fisik budaya kota tersebut.
1. Pertumbuhan Kota Numerik
Pertumbuhan Kota Numerik menurut handout Geografi Prof. Enok Maryani yakni mengelompokkan tingkat pertumbuhan kota berdasarkan jumlah populasi yang tinggal di suatu kota. Teori ini ditulis dalam Handout Geografi Guru Besar Universitas Pendidikan Indonesia (UPI) Prof. Enok Maryani.
Secara pembagian, berikut klasifikasi kota berdasarkan jumlah penduduk:
a. Town atau setara kecamatan, yang memiliki penduduk berjumlah 1.000-2.500 jiwa. Contoh dari town yakni kota-kota kecil di kepulauan.
b. Small city, yakni kota kecil yang memiliki penduduk berjumlah 2.500-25.000 jiwa. Contoh dari small city yakni Kab. Tana Tidung, di Prov. Kalimantan Utara yang memiliki jumlah penduduk ±25.000 jiwa (2020).
c. Medium city yang merupakan kota sedang dengan penduduk berjumlah 25.000-200.000 jiwa. Contohnya, yakni Kota Subulussalam di Prov. NAD yang memiliki ±82.000 jiwa (2020).
d. Large city atau kota besar yang bertumbuh seiring dengan bertambahnya penduduk dan fasilitas. Kota ini memiliki populasi dalam rentang 100.000 hingga 800.000 jiwa. Contoh dari large city yakni Kota Banjarmasin di Prov. Kalimantan Selatan dengan jumlah penduduk ±700.000 jiwa (2018).
e. Metropolis, merupakan kota besar yang terus berkembang hingga memiliki populasi melebihi 800.000 jiwa, Contoh dari kota ini adalah Kota Malang di Jawa Timur yang memiliki penduduk ±887.000 jiwa (2017).
f. Megalopolis kota ini tidak jauh berbeda dari kota metropolis, memiliki penduduk kurang lebih 5.000.000 -10.000.000 jiwa, tetapi jumlahnya tidak melebihi 10 juta jiwa penduduk. Kota ini tergolong maju dan sebagai pusat dari kota-kota satelit lainnya. Kota ini tercermin pada Kota Surabaya dengan populasi sebanyak ±2,87 juta jiwa (2020).
g. Ecumenopolis, kota terbesar dari skala jumlah penduduk. Kota ini bisa disebut sebagai kota-kota terpadat di dunia dan memiliki jumlah penduduk di atas 10 juta jiwa. Contohnya, seperti Kota Beijing di Tiongkok dengan populasi ±21,5 juta jiwa (2018).
2. Pertumbuhan Fisik dan Budaya
a. Tahap Eopolis
Tahap eopolis adalah tahapan pertumbuhan kota yang pertama ini, dicirikan dengan terbentuknya benih kota, yakni perkampungan. Wilayah ini masih mencirikan kehidupan perdesaan, tetapi sudah condong menjadi sebuah kota. Kegiatan masyarakat masih terfokus pada sektor pertanian, pertambangan, perkebunan, dan perikanan.
b. Tahap Polis
Pada tahap polis, ciri utamanya yakni tumbuhnya pengaruh industri yang belum begitu besar, dan masyarakatnya lebih cenderung untuk membuka produksi kecil-kecilan (home industry).
c. Tahap Metropolis
Setelah tahapan polis mulai menampakkan pertumbuhan, lalu masuk kedalam tahapan metropolis yang dapat dilihat berdasarkan struktur ruang kota yang sudah berkembang dan cukup besar. Kota ini juga sudah memiliki pengaruh bagi wilayah sekitarnya dan memunculkan kota satelit atau kota-kota penyangga yang berada di sekitar kota metropolis.
d. Tahap Megapolis
Tahap megapolis ak berbeda jauh dengan tahapan metropolis, pada megapolis, dicirikan perilaku penduduknya rata-rata materialistis dan sistem birokrasinya mulai rancu akibat jumlah penduduk yang terus meningkat untuk memenuhi kebutuhan penduduknya yang kompleks.
e. Tahap Tyranopolis
Tahap tyranopolis adalah awal mula kemunduran sebuah kota, ditandai dengan angka kriminalitas yang naik dan kondisi perdagangan yang menurun.
f. Tahap Necropolis
Tahap necropolis berarti tahap kehancuran. Kota dinilai hancur dan ditinggalkan penduduknya akibat kekacauan. Beberapa faktor yang memicu tahapan ini antara lain kelaparan, perang, bencana, atau sistem tata kota yang buruk. Salah satu contoh kota ini adalah Kota Pripyat (Pryp’yat’) di Ukraina, yang ditinggalkan penduduknya akibat bencana ledakan pembangkit listrik tenaga nuklir di Chernobyl pada tahun 1986.
Ternyata, banyak yang dipelajari dari pola keruangan kota, ya! Menurutmu bagaimana? Masih ingin belajar lebih banyak lagi? Boleh banget! Yuk, cobain download dan belajar bareng Master Teacher di ruangbelajar! Ada fitur konsep kilat yang bisa membantu kamu mempelajari ringkasan, dan juga video Adapto yang bisa menyesuaikan kemampuanmu menerima materi! Ayo, gabung belajar di ruangbelajar, yuk!
Referensi:
S. Sharma. 4 Theoretical Explanations of Morphological Pattern of a City (with diagram) [Daring] Tautan: https://www.yourarticlelibrary.com/geography/geographical-theories/4-theoretical-explanations-of-morphological-pattern-of-a-city-with-diagram/40001 (diakses 1 Desember 2021)
Sumber foto:
Timm Suess, Wikimedia Commons Switzerland, [Daring] tautan: https://commons.wikimedia.org/wiki/File:Swimming_Pool_Hall_4_Pripyat.jpg (diakses 30 November 2021)
Artikel ini telah diperbarui oleh Adya Rosyada Yonas.
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta author="viewport" content="Ruangguru Tech Team">
<title>Pola Keruangan Kota, Ciri-Ciri, Teori, & Strukturnya</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/homepage-web/public/assets/icons/favicon.id.ico" type="image/x-icon" />
<!-- <link rel="profile" href="https://gmpg.org/xfn/11"> -->
<link rel="pingback" href="https://www.ruangguru.com/blog/xmlrpc.php">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/css/style.css">
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/jquery-3.6.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/bootstrap.min.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/main.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/side-banner.js"></script>
<!-- Google Tag Manager -->
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<!-- <script>
document.querySelector('meta[name="author"]').setAttribute("content", "Ruangguru Tech Team");
</script> -->
<meta name="publisher" content="PT Ruang Raya Indonesia">
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<!-- This site is optimized with the Yoast SEO plugin v25.9 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Bagaimanakah sebuah kota dibangun? Apa perbedaan antara kota besar dan kota kecil? Yuk, kita bahas di artikel pola keruangan kota, ciri, dan strukturnya!" />
<link rel="canonical" href="https://www.ruangguru.com/blog/pola-keruangan-kota" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Pola Keruangan Kota, Ciri-Ciri, Teori, & Strukturnya" />
<meta property="og:description" content="Bagaimanakah sebuah kota dibangun? Apa perbedaan antara kota besar dan kota kecil? Yuk, kita bahas di artikel pola keruangan kota, ciri, dan strukturnya!" />
<meta property="og:url" content="https://www.ruangguru.com/blog/pola-keruangan-kota" />
<meta property="og:site_name" content="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru" />
<meta property="article:publisher" content="https://www.facebook.com/ruanggurucom/" />
<meta property="article:published_time" content="2025-08-04T06:45:00+00:00" />
<meta property="article:modified_time" content="2025-08-11T08:57:37+00:00" />
<meta name="author" content="Leo Bisma" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@ruangguru" />
<meta name="twitter:site" content="@ruangguru" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Leo Bisma" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="11 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/pola-keruangan-kota","url":"https://www.ruangguru.com/blog/pola-keruangan-kota","name":"Pola Keruangan Kota, Ciri-Ciri, Teori, & Strukturnya","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/pola-keruangan-kota#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/pola-keruangan-kota#primaryimage"},"thumbnailUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/12GEO%20-%20Pola%20Keruangan%20Kota-01.jpg","datePublished":"2025-08-04T06:45:00+00:00","dateModified":"2025-08-11T08:57:37+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/c3e028ce27ef57f04d1519ea3f029bc3"},"description":"Bagaimanakah sebuah kota dibangun? Apa perbedaan antara kota besar dan kota kecil? Yuk, kita bahas di artikel pola keruangan kota, ciri, dan strukturnya!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/pola-keruangan-kota#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/pola-keruangan-kota"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/pola-keruangan-kota#primaryimage","url":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/12GEO%20-%20Pola%20Keruangan%20Kota-01.jpg","contentUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/12GEO%20-%20Pola%20Keruangan%20Kota-01.jpg"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/pola-keruangan-kota#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Pola Keruangan Kota, Ciri-Ciri, Teori & Strukturnya | Geografi Kelas 12"}]},{"@type":"WebSite","@id":"https://www.ruangguru.com/blog/#website","url":"https://www.ruangguru.com/blog/","name":"Ruangguru Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.ruangguru.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.ruangguru.com/blog/#/schema/person/c3e028ce27ef57f04d1519ea3f029bc3","name":"Leo Bisma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","caption":"Leo Bisma"},"url":"https://www.ruangguru.com/blog/author/leo-bisma"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Pola Keruangan Kota, Ciri-Ciri, Teori & Strukturnya | Geografi Kelas 12 Comments Feed" href="https://www.ruangguru.com/blog/pola-keruangan-kota/feed" />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.ruangguru.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.1"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\ud83d\udd25","\ud83d\udc26\u200b\ud83d\udd25")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id='wp-emoji-styles-inline-css' type='text/css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://www.ruangguru.com/blog/wp-includes/css/dist/block-library/style.min.css?ver=6.8.1' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="https://api.w.org/" href="https://www.ruangguru.com/blog/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.ruangguru.com/blog/wp-json/wp/v2/posts/889" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.ruangguru.com/blog/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.1" />
<link rel='shortlink' href='https://www.ruangguru.com/blog/?p=889' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.ruangguru.com/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.ruangguru.com%2Fblog%2Fpola-keruangan-kota" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.ruangguru.com/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.ruangguru.com%2Fblog%2Fpola-keruangan-kota&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-889 single-format-standard wp-theme-ruangguru">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M28L4XJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg header-inner">
<div style="display:flex; gap:12px;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img alt="menu" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/beba4a70-3971-41be-9364-f9ee6857b192.svg" loading="lazy" width="30px" height="32px" />
</button>
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
</div>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchformmobile" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="20px" height="20px" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
<div class="collapse navbar-collapse dropdown-hover-all" id="navbarSupportedContent">
<div class="d-lg-none navbar-head-collapse">
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
X
</button>
</div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/blog/">Blog</a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Konsep & Tips Pelajaran </p>
<div class="dropdown-menu" aria-labelledby="nav1">
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu0" href="https://www.ruangguru.com/blog/c/bahasa-indonesia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Indonesia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu0">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu1" href="https://www.ruangguru.com/blog/c/bahasa-inggris" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Inggris</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu1">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu2" href="https://www.ruangguru.com/blog/c/biologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Biologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu2">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu3" href="https://www.ruangguru.com/blog/c/ekonomi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ekonomi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu3">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu4" href="https://www.ruangguru.com/blog/c/fisika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Fisika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu4">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu5" href="https://www.ruangguru.com/blog/c/geografi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Geografi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu5">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu6" href="https://www.ruangguru.com/blog/c/ipa-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPA Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu6">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu7" href="https://www.ruangguru.com/blog/c/ips-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPS Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu7">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu8" href="https://www.ruangguru.com/blog/c/kimia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Kimia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu8">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu9" href="https://www.ruangguru.com/blog/c/matematika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Matematika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu9">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu10" href="https://www.ruangguru.com/blog/c/sejarah" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sejarah</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu10">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu11" href="https://www.ruangguru.com/blog/c/sosiologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sosiologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu11">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Latihan Soal </p>
<div class="dropdown-menu" aria-labelledby="nav2">
<a class="dropdown-item" id="nav2-menu0" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-4">Latihan Soal Kelas 4</a>
<a class="dropdown-item" id="nav2-menu1" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-5">Latihan Soal Kelas 5</a>
<a class="dropdown-item" id="nav2-menu2" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-6">Latihan Soal Kelas 6</a>
<a class="dropdown-item" id="nav2-menu3" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-7">Latihan Soal Kelas 7</a>
<a class="dropdown-item" id="nav2-menu4" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-8">Latihan Soal Kelas 8</a>
<a class="dropdown-item" id="nav2-menu5" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-9">Latihan Soal Kelas 9</a>
<a class="dropdown-item" id="nav2-menu6" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-10">Latihan Soal Kelas 10</a>
<a class="dropdown-item" id="nav2-menu7" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-11">Latihan Soal Kelas 11</a>
<a class="dropdown-item" id="nav2-menu8" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-12">Latihan Soal Kelas 12</a>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pojok Kampus </p>
<div class="dropdown-menu" aria-labelledby="nav3">
<a class="dropdown-item" id="nav3-menu0" href="https://www.ruangguru.com/blog/c/info-beasiswa">Info Beasiswa</a>
<a class="dropdown-item" id="nav3-menu1" href="https://www.ruangguru.com/blog/c/kampus-dan-jurusan">Kampus dan Jurusan</a>
<a class="dropdown-item" id="nav3-menu2" href="https://www.ruangguru.com/blog/c/seleksi-masuk">Seleksi Masuk</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/c/fakta-seru" id="nav4"
>
Fakta Seru </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dunia Kata </p>
<div class="dropdown-menu" aria-labelledby="nav5">
<a class="dropdown-item" id="nav5-menu0" href="https://www.ruangguru.com/blog/tag/cerpen">Cerpen</a>
<a class="dropdown-item" id="nav5-menu1" href="https://www.ruangguru.com/blog/tag/resensi-buku">Resensi Buku</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/tag/for-kids" id="nav6"
>
For Kids </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Seputar Ruangguru </p>
<div class="dropdown-menu" aria-labelledby="nav7">
<a class="dropdown-item" id="nav7-menu0" href="https://www.ruangguru.com/blog/tag/info-ruangguru">Info Ruangguru</a>
<a class="dropdown-item" id="nav7-menu1" href="https://www.ruangguru.com/blog/tag/siaran-pers">Siaran Pers</a>
<a class="dropdown-item" id="nav7-menu2" href="https://www.ruangguru.com/blog/tag/cerita-juara">Cerita Juara</a>
<a class="dropdown-item" id="nav7-menu3" href="https://www.ruangguru.com/blog/tag/seputar-guru">Seputar Guru</a>
<a class="dropdown-item" id="nav7-menu4" href="https://www.ruangguru.com/blog/tag/lifeatruangguru">Life at Ruangguru</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchform" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="10" height="10" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
</div>
</nav>
<script>
(function($bs) {
const CLASS_NAME = 'has-child-dropdown-show';
$bs.Dropdown.prototype.toggle = function(_orginal) {
return function() {
document.querySelectorAll('.' + CLASS_NAME).forEach(function(e) {
e.classList.remove(CLASS_NAME);
});
let dd = this._element.closest('.dropdown').parentNode.closest('.dropdown');
for (; dd && dd !== document; dd = dd.parentNode.closest('.dropdown')) {
dd.classList.add(CLASS_NAME);
}
return _orginal.call(this);
}
}($bs.Dropdown.prototype.toggle);
document.querySelectorAll('.dropdown').forEach(function(dd) {
dd.addEventListener('hide.bs.dropdown', function(e) {
if (this.classList.contains(CLASS_NAME)) {
this.classList.remove(CLASS_NAME);
e.preventDefault();
}
e.stopPropagation(); // do not need pop in multi level mode
});
});
// for hover
document.querySelectorAll('.dropdown-hover, .dropdown-hover-all .dropdown').forEach(function(dd) {
dd.addEventListener('mouseenter', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (!toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
dd.classList.add(CLASS_NAME);
$bs.Dropdown.clearMenus(e);
}
});
dd.addEventListener('mouseleave', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
}
});
});
})(bootstrap);
$(document).ready(() => {
if ($(window).width() > 991) {
$("a[data-bs-toggle='dropdown']").click(function() {
window.location = $(this).attr('href');
});
}
})
</script>
</div>
</header>
<div class="main-content">
<div class="side-banner-mobile">
</div>
<div class="glider-navigation mobile">
<div role="tablist" class="dots" id="side-banner-mobile-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-mobile-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-mobile-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 post">
<div class="content">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<!-- Home Link -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog">Home</a></li>
<!-- Categories -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/geografi">Geografi</a></li><li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-12">Geografi SMA Kelas 12</a></li> </ol>
</nav>
<h1 class="content-title">
Pola Keruangan Kota, Ciri-Ciri, Teori & Strukturnya | Geografi Kelas 12 </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/leo-bisma" class="">Leo Bisma</a> </p>
<p class="content-info"><span>August 4, 2025 • </span> <span>11 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><em><span style="color: #7d7d7d;"><img decoding="async" style="width: 820px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/12GEO%20-%20Pola%20Keruangan%20Kota-01.jpg" alt="pola keruangan kota" width="820" /></span></em></p>
<blockquote>
<p style="text-align: center;"><em>Tempat tinggal manusia umumnya terbagi menjadi dua macam permukiman, yakni desa dan kota. Di artikel <strong><a href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-12" target="_blank" rel="noopener">Geografi kelas 12</a></strong> ini, mari kita pelajari tentang pola keruangan kota!</em></p>
<p style="text-align: center;"><em>—</em></p>
</blockquote>
<p> </p>
<p style="text-align: justify;">Halo, teman-teman! Apa yang pertama kali ada di benakmu ketika mendengar sebutan “kota”. Apakah kamu membayangkan gedung-gedung pencakar langit, suasana ramai, dan sibuk, serta segala sesuatu yang teknologinya maju? Jika iya, maka apa yang kamu bayangkan cukup akurat, <em>nih</em>!</p>
<p style="text-align: justify;">Selain hal-hal tersebut, ada banyak cara dan istilah untuk menjelaskan apa itu kota, termasuk pola keruangan kota itu sendiri yang kita pelajari dalam pelajaran Geografi. <em>Nah</em>, sudah siap buat belajar hari ini? <em>Yuk</em>, simak terus, ya!</p>
<p> </p>
<h2><span style="font-size: 18pt;">Pengertian Kota</span></h2>
<p style="text-align: justify;">Apa itu kota? Kota adalah suatu sistem jaringan kehidupan manusia yang ditandai dengan kepadatan penduduk yang tinggi, strata sosial-ekonomi yang heterogen, dan kehidupan materialistis.</p>
<p style="text-align: justify;">Kota juga dijelaskan oleh seorang arsitek dari Polandia bernama <strong>Amos Rapoport</strong>, sebagai suatu permukiman yang relatif <strong>besar, padat, dan permanen </strong>yang terdiri dari kelompok individu-individu <strong>heterogen</strong> dari segi sosial.</p>
<p style="text-align: justify;">Selain dari pendapat ahli, Pemerintah Indonesia juga menjelaskan mengenai kota dalam Undang-Undang No. 22 tahun 1999 tentang Otonomi Daerah. Kota dijelaskan sebagai kawasan yang mempunyai kegiatan utama bukan pertanian, dengan susunan fungsi kawasan sebagai tempat permukiman perkotaan, pemusatan, dan distribusi pelayanan jasa pemerintahan, pelayanan sosial, dan kegiatan ekonomi.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/macam-macam-perencanaan-tata-ruang">Macam-Macam Perencanaan Tata Ruang dan Tujuannya</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Ciri-Ciri Kota</span></h2>
<p style="text-align: justify;">Berbicara tentang segala sesuatu yang membedakan kota dengan wilayah lainnya, Kota juga memiliki ciri-ciri khusus, <em>nih</em>. Sama seperti <span style="font-weight: normal;">desa</span>, ada dua kategori besar untuk mengidentifikasi suatu wilayah sebagai kota, yakni ciri fisik dan ciri sosial.</p>
<p style="text-align: justify;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block; height: auto; max-width: 100%;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/ciri-ciri%20kota.jpg" alt="ciri-ciri kota" /></p>
<p> </p>
<h3><span style="font-size: 14pt;">Ciri Fisik Kota</span></h3>
<p style="text-align: justify;"><span style="font-size: 16px;">Ciri fisik kota dapat dilihat dari fasilitas yang lazim ditemui di wilayahnya. Fasilitas tersebut berupa sarana yang menunjang kehidupan penduduknya. Beberapa contohnya, yakni:</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>a. Tempat parkir</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Sebagai sarana penunjang mobilitas penduduk yang memiliki alat transportasi pribadi.</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>b. Pusat keramaian</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Sebagai lokasi atau ruang bagi berkumpulnya warga-warga di kota. Tempat ini menjadi pusat kegiatan sosial atau acara baik formal maupun nonformal. Contohnya seperti alun-alun, <em>mall</em>, dan beberapa tempat unik untuk berkunjung</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>c. Sarana olahraga atau lapangan yang luas</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Tempat ini menjadi salah satu pusat kegiatan masyarakat untuk beraktivitas fisik maupun mengadakan acara besar yang membutuhkan ruang yang bisa menampung banyak orang.</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>d. Pasar induk</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Untuk menunjang kehidupan masyarakat kota mendapatkan bahan pangan atau kebutuhan rumah tangga mereka. </span><span style="font-size: 16px;">Tapi tentu saja satu hal yang harus diingat, seiring dengan kemajuan dan perkembangan zaman, bisa jadi di masa depan, ciri-ciri kota bisa bertambah, atau justru malah berkurang.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">Ciri Sosial Kota</span></h3>
<p style="font-size: 16px; text-align: justify;">Kemudian, kita bahas tentang ciri sosial kota. Jika ciri fisiknya menyangkut tentang fasilitas, ciri sosial berkaitan dengan nilai dan pelapisan sosial yang dianut masyarakat di perkotaan. Ciri sosial pada umumnya dilihat dari hal-hal sebagai berikut:</p>
<h4 style="text-align: justify;"><strong>a. Jenis pekerjaan yang dijalani</strong></h4>
<p style="text-align: justify;">Di kota, cukup banyak dan beragam bidang pekerjaan, mulai dari pegawai kantor, aparatur sipil, dosen, dan peneliti, hingga pedagang serta pekerja serabutan. Pekerjaan yang memiliki kestabilan dan menentukan hajat hidup orang banyak biasanya akan mendapatkan tingkat sosial lebih tinggi dibanding yang lainnya.</p>
<h4 style="text-align: justify;"><strong>b. Tingkat pendapatan</strong></h4>
<p style="text-align: justify;">Makin tinggi pendapatan seseorang, maka akan tinggi pula strata sosial yang mereka miliki.</p>
<h4 style="text-align: justify;"><strong>c. Kepemilikan barang-barang yang unik</strong> <strong>dan mahal</strong></h4>
<p style="text-align: justify;">Hal ini juga menjadi tolok ukur yang menentukan lapisan sosial di kota. Kepemilikan benda yang dinilai unik dan tidak dimiliki orang banyak, karena faktor harga dan nilai yang tidak bisa dijangkau banyak orang, akan menentukan kasta sosial tertentu bagi pemiliknya.</p>
<h4 style="text-align: justify;"><strong>d. Sistem kekerabatan</strong></h4>
<p style="text-align: justify;">Sistem ini berlandaskan pada kepentingan atau <strong><em>patembayan</em></strong><strong>, </strong>yang berarti antar individu memiliki ikatan sosial yang lemah, tidak saling mengenal orang di lingkungannya, nilai, norma, dan sikap menjadi kurang berperan dalam berinteraksi.</p>
<h4 style="text-align: justify;"><strong>e. Mobilitas tinggi</strong></h4>
<p style="text-align: justify;">Masyarakat kota terkenal dengan kesibukan dan frekuensi berpindah tempat yang tinggi. Salah satunya karena struktur pola keruangan kota yang padat, membuat masyarakatnya aktif bepergian dari rumah menuju tempat lokasi kerja</p>
<h4 style="text-align: justify;"><strong>f. Cara berpikir rasional</strong></h4>
<p style="text-align: justify;">Orang yang hidup di kota akan jauh lebih realistis dan berpandangan rasional, terlebih pada ekonomi. Maka dari itu, tak bisa dipungkiri bahwa tingkat penghasilan dan gaya hidup yang mewah menjadi sesuatu yang dikejar bagi penduduk kota.</p>
<p style="text-align: justify;"><span style="font-size: 16px;"><em>Nah</em>, itu tadi beberapa ciri-ciri kota yang ditinjau dari bermacam aspek. Selanjutnya, kita akan membahas kota dari sisi pola keruangannya. Tetap semangat, <em>kan</em>? <em>Yuk</em> terus simak ya! </span></p>
<p><strong>Baca Juga: <a href="/blog/pola-keruangan-desa" target="_blank" rel="noopener">Mempelajari Pola Keruangan Desa dan Ciri-Cirinya</a></strong></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Teori Pola Keruangan Kota</span></h2>
<p style="text-align: justify;">Kita bisa mempelajari konsep keruangan kota melalui beberapa teori tentang struktur keruangannya. Setiap kota mempunyai keunikannya masing-masing, tergantung pada sektor utama yang menggerakkan aktivitas di kota tersebut. Ada kota yang terkenal kuat dalam bidang industri, ada yang unggul dalam bidang ekonomi kreatif, atau kuat dalam bidang pengolahan sumber dayanya.</p>
<p style="text-align: justify;">Semua itu kembali lagi dari faktor fisik, misalnya morfologi dan faktor sosial, seperti integritas dan etos kerja masyarakatnya. Namun, seiring berjalannya waktu, muncul teori-teori yang menjelaskan segala aspek keruangan dan struktur kota. Teori tersebut antara lain:</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. Teori Konsentris</span></h3>
<p style="text-align: justify;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block; height: auto; max-width: 100%;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/teori%20konsentris.jpg" alt="teori konsentris" /></p>
<p> </p>
<p style="text-align: justify;"><span style="font-size: 16px;"><strong>Ernest Burgess</strong>, seorang sosiolog Kanada – Amerika, mengemukakan, teori ini menjelaskan mengenai struktur kota yang berkembang secara teratur, mulai dari bagian inti kota, hingga ke bagian pinggirannya. Dalam teori ini, pola ruang dari suatu kota makin meluas hingga menjauhi titik pusat kota. Zona yang terbentuk akibat pemekaran wilayah mirip sebuah gelang yang melingkar dengan pengelompokan daerah atas 5 zona, yakni:</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>a. Zona 1</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Sebagai pusat kota dan kegiatan inti, seperti bisnis atau <em>Central Business District </em>(CBD) yang termasuk di dalamnya kegiatan pemerintahan (<em>civic center)</em></span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>b. Zona 2</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Sebagai penunjang pusat kota atau zona peralihan. Umumnya terdapat banyak aktivitas perdagangan untuk memenuhi kebutuhan masyarakat di kota tersebut. Selain itu juga terdapat aktivitas industri pada zona ini.</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>c. Zona 3</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Khusus sebagai permukiman kelas pekerja atau buruh. Daerah tersebut dipilih sebagai tempat tinggal agar biaya transportasi pekerja tidak mahal ketika menuju zona 1 dan 2 untuk bekerja.</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>d. Zona 4</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Hampir sama dengan zona 3 sebagai tempat tinggal pekerja, tetapi perbedaannya ialah zona ini digunakan bagi pekerja kelas menengah. Pekerja kelas menengah yang dimaksud yakni profesional yang telah memiliki jabatan dan juga pendapatan yang lebih tinggi, sehingga mereka memilih untuk tinggal sedikit lebih jauh dari pusat kota, untuk menghindari kepadatan di zona 3.</span></p>
<h4 style="text-align: justify;"><strong>e. Zona 5</strong></h4>
<p style="text-align: justify;">Permukiman bagi orang-orang yang menginginkan tempat tinggal yang tenang dan jauh dari keramaian kota. Biasanya berisikan orang-orang yang memiliki jabatan serta pendapatan yang sangat tinggi. Zona ini merupakan permukiman dengan alamnya yang masih terbuka dan diselingi suasana perdesaan.</p>
<p> </p>
<h3><span style="font-size: 14pt;">2. Teori Sektoral</span></h3>
<p style="text-align: center;"><span style="color: #000000;"><strong><span style="font-size: 16px;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block; height: auto; max-width: 100%;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/teori%20sektoral.jpg" alt="teori sektoral" /></span></strong></span></p>
<p> </p>
<p style="text-align: justify;">Dikemukakan oleh Homer Hoyt pada tahun 1930, teori ini muncul sebagai pertentangan dari teori konsentris sebelumnya, yang menyatakan bahwa struktur keruangan kota tumbuh secara teratur, sedangkan teori sektoral menyatakan bahwa struktur keruangan kota tumbuh secara tidak teratur. Pertumbuhan kota tidak hanya dimulai dari bagian inti kota, tetapi dari wilayah sektoral-sektoral, yang kemudian menyebar ke sekitarnya.</p>
<p style="text-align: justify;">Namun, seperti teori sebelumnya, teori sektoral juga memiliki 5 jenis pengelompokan zona yang sama dengan teori konsentris. Perbedaan yang mendasar terletak pada tingkat perkembangan penduduk di kota, dan juga adanya aksesibilitas berupa jalur transportasi,sehingga membuatnya tumbuh tidak teratur.</p>
<p> </p>
<h3><span style="font-size: 14pt;">3. Teori Inti Ganda</span></h3>
<p><strong><span style="font-size: 16px; color: #2eb5c0;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block; height: auto; max-width: 100%;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/teori%20inti%20ganda.jpg" alt="teori inti ganda" /></span></strong></p>
<p> </p>
<p style="text-align: justify;"><span style="font-size: 16px;">Dengan perkembangan ilmu pengetahuan, selanjutnya dua orang ilmuwan geografi, bernama Edward Ullman dan C.D. Harris berpendapat bahwa sebuah kota, jauh lebih kompleks dari penggambaran dua teori sebelumnya mengenai kota. </span></p>
<p style="text-align: justify;"><span style="font-size: 16px;">Gagasan utama dari teori inti ganda adalah inti atau pusat dari suatu kota tidak hanya berada di pusat atau tengah kota tersebut, tetapi terdapat juga inti lain yang terpisah. Inti-inti tersebut berkembang berdasarkan penggunaan lahannya yang fungsional. Selain itu, segi kekuatan ekonomi juga menjadi dasar pertimbangan. Teori ini yang kemudian disebut sebagai Teori Inti Ganda. </span></p>
<p style="text-align: justify;"><span style="font-size: 16px;">Teori inti ganda cukup berbeda dengan teori sebelumnya. Kompleksitas dari teori ini mengelompokkan sembilan zona dari struktur keruangannya, antara lain:</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>a. Zona 1</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Sebagai pusat kota dan kegiatan inti, seperti bisnis atau <em>Central Business District </em>(CBD) yang termasuk di dalamnya kegiatan pemerintahan (<em>civic center)</em>.</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>b. Zona 2</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Merupakan daerah yang banyak terdapat kegiatan grosir dan manufaktur ringan.</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>c. Zona 3</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Sebagai permukiman kelas bawah. Zona ini dipilih karena pekerja kelas bawah umumnya akan memilih tempat tinggal yang mendekati pusat kota untuk meminimalisir biaya transportasi.</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>d. Zona 4</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Permukiman kelas menengah. Daerah ini juga dekat dengan pusat kota, tetapi tata letaknya tidak begitu menjamur seperti daerah permukiman di zona 3.</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>e. Zona 5</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Yakni permukiman kelas atas bagi orang-orang yang menginginkan tempat tinggal yang tenang dan jauh dari keramaian kota.</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>f. Zona 6</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Daerah manufaktur berat. Zona ini umumnya terletak jauh dari permukiman atau pusat kota, agar tidak mengganggu kenyamanan akibat hasil polusi industri.</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>g. Zona 7</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Khusus bagi daerah pusat bisnis di luar kota. Umumnya terbentuk karena ada orang-orang yang memiliki kepentingan bisnis, tetapi tidak ingin melakukannya di pusat kota.</span></p>
<h4 style="text-align: justify;"><span style="font-size: 16px;"><strong>h. Zona 8</strong></span></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Yakni permukiman di pinggiran kota (<em>suburban</em>)</span></p>
<h4 style="text-align: justify;"><strong style="font-size: 16px;">i. Zona 9</strong></h4>
<p style="text-align: justify;">Yakni daerah penunjang kota, tetapi terletak di pinggiran kota untuk memenuhi kebutuhan masyarakat yang tinggal di wilayah pinggiran kota (<em style="font-size: 16px;">suburban</em><span style="font-size: 16px;">)</span></p>
<p style="font-weight: bold; text-align: justify;">Baca Juga: <a href="/blog/faktor-dan-zona-interaksi-desa-kota" target="_blank" rel="noopener">Faktor dan Zona Interaksi Desa-Kota</a></p>
<p> </p>
<h3><span style="font-size: 14pt;">4. Teori Poros</span></h3>
<p><strong><span style="font-size: 16px; color: #2eb5c0;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block; height: auto; max-width: 100%;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/teori%20poros.jpg" alt="teori poros" /></span></strong></p>
<p> </p>
<p style="text-align: justify;">Kemudian, teori selanjutnya menjelaskan bagaimana jalur transportasi berperan utama dalam memberikan pengaruh pada struktur ruang kota. Teori ini kemudian disebut sebagai teori poros. Teori ini dikemukakan oleh Babcock pada tahun 1960.</p>
<p style="text-align: justify;">Mengapa jalur transportasi berperan utama? Karena mobilitas fungsi dan penduduk mempunyai intensitas yang sama dalam konfigurasi relief kota yang seragam. Selain itu, daerah yang dilalui transportasi akan mengalami perkembangan fisik yang lebih baik.</p>
<p> </p>
<h3><span style="font-size: 14pt;">5. Teori Historis</span></h3>
<p><strong><span style="font-size: 16px; color: #2eb5c0;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block; height: auto; max-width: 100%;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/teori%20historis.jpg" alt="teori historis" /></span></strong></p>
<p> </p>
<p style="text-align: justify;">Kemudian yang terakhir, teori keruangan kota yang didasari atas nilai sejarah yang berkaitan dengan perubahan tempat tinggal penduduk kota tersebut. Teori ini dicetuskan oleh Alonso pada tahun 1964.</p>
<p style="text-align: justify;">Perubahan tempat tinggal yang dimaksud, yakni masyarakat tertarik untuk membangun permukiman di pinggiran wilayah CBD (<em>Central Business District</em>) atau pusat kota karena wilayah CBD mengalami perubahan teknologi yang cepat di bidang transportasi dan komunikasi. Hal ini kemudian menjanjikan kenaikan standar hidup bagi penduduknya.</p>
<p style="text-align: justify; font-weight: bold;"><span style="font-size: 16px; color: #000000;">Baca Juga: <a href="/blog/memahami-pembangunan-dan-pengembangan-wilayah" target="_blank" rel="noopener">Memahami Pembangunan dan Pengembangan Wilayah</a></span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Struktur Keruangan Kota</span></h2>
<p style="text-align: justify;">Dalam pembahasan mengenai pertumbuhan kota, dapat dilihat dari bermacam sudut pandang untuk menilai bagaimana sebuah kota bertumbuh. Tolok ukur pertumbuhannya dinilai secara numerik dan fisik budaya kota tersebut.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. Pertumbuhan Kota Numerik</span></h3>
<p style="font-size: 16px; text-align: justify;">Pertumbuhan Kota Numerik menurut <em>handout</em> Geografi Prof. Enok Maryani yakni mengelompokkan tingkat pertumbuhan kota berdasarkan jumlah populasi yang tinggal di suatu kota. Teori ini ditulis dalam <em>Handout</em> Geografi Guru Besar Universitas Pendidikan Indonesia (UPI) Prof. Enok Maryani.</p>
<p style="font-size: 16px; text-align: justify;">Secara pembagian, berikut klasifikasi kota berdasarkan jumlah penduduk:</p>
<p style="text-align: justify;"><strong>a. <em>Town </em></strong>atau setara kecamatan, yang memiliki penduduk berjumlah 1.000-2.500 jiwa. Contoh dari <em>town</em> yakni kota-kota kecil di kepulauan.</p>
<p style="text-align: justify;"><strong>b.<em> Small city</em></strong>, yakni kota kecil yang memiliki penduduk berjumlah 2.500-25.000 jiwa. Contoh dari <em>small city</em> yakni Kab. Tana Tidung, di Prov. Kalimantan Utara yang memiliki jumlah penduduk ±25.000 jiwa (2020).</p>
<p style="text-align: justify;"><strong>c<em>. Medium city </em></strong>yang merupakan kota sedang dengan penduduk berjumlah 25.000-200.000 jiwa. Contohnya, yakni Kota Subulussalam di Prov. NAD yang memiliki ±82.000 jiwa (2020).</p>
<p style="text-align: justify;"><strong>d<em>. Large city </em></strong>atau kota besar yang bertumbuh seiring dengan bertambahnya penduduk dan fasilitas. Kota ini memiliki populasi dalam rentang 100.000 hingga 800.000 jiwa. Contoh dari <em>large city </em>yakni Kota Banjarmasin di Prov. Kalimantan Selatan dengan jumlah penduduk ±700.000 jiwa (2018).</p>
<p style="text-align: justify;"><strong>e<em>. Metropolis, </em></strong>merupakan kota besar yang terus berkembang hingga memiliki populasi melebihi 800.000 jiwa, Contoh dari kota ini adalah Kota Malang di Jawa Timur yang memiliki penduduk ±887.000 jiwa (2017).</p>
<p style="text-align: justify;"><strong>f<em>. Megalopolis</em></strong> kota ini tidak jauh berbeda dari kota metropolis, memiliki penduduk kurang lebih 5.000.000 -10.000.000 jiwa, tetapi jumlahnya tidak melebihi 10 juta jiwa penduduk. Kota ini tergolong maju dan sebagai pusat dari kota-kota satelit lainnya. Kota ini tercermin pada Kota Surabaya dengan populasi sebanyak ±2,87 juta jiwa (2020).</p>
<p style="text-align: justify;"><strong>g<em>. Ecumenopolis</em></strong>, kota terbesar dari skala jumlah penduduk. Kota ini bisa disebut sebagai kota-kota terpadat di dunia dan memiliki jumlah penduduk di atas 10 juta jiwa. Contohnya, seperti Kota Beijing di Tiongkok dengan populasi ±21,5 juta jiwa (2018).</p>
<p style="text-align: justify;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block; height: auto; max-width: 100%;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/pertumbuhan%20kota%20numerik.jpg" alt="pertumbuhan kota numerik" /></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. Pertumbuhan Fisik dan Budaya</span></h3>
<h4 style="text-align: justify;"><strong>a. Tahap </strong><strong><em>Eopolis</em></strong></h4>
<p style="text-align: justify;">Tahap <em>eopolis </em>adalah tahapan pertumbuhan kota yang pertama ini, dicirikan dengan terbentuknya benih kota, yakni perkampungan. Wilayah ini masih mencirikan kehidupan perdesaan, tetapi sudah condong menjadi sebuah kota. Kegiatan masyarakat masih terfokus pada sektor pertanian, pertambangan, perkebunan, dan perikanan.</p>
<h4 style="text-align: justify;"><strong>b. Tahap </strong><strong><em>Polis</em></strong></h4>
<p style="text-align: justify;">Pada tahap <em>polis</em>, ciri utamanya yakni tumbuhnya pengaruh industri yang belum begitu besar, dan masyarakatnya lebih cenderung untuk membuka produksi kecil-kecilan (<em>home industry).</em></p>
<h4 style="text-align: justify;"><strong>c. Tahap </strong><strong><em>Metropolis</em></strong></h4>
<p style="text-align: justify;">Setelah tahapan <em>polis</em> mulai menampakkan pertumbuhan, lalu masuk kedalam tahapan <em>metropolis</em> yang dapat dilihat berdasarkan struktur ruang kota yang sudah berkembang dan cukup besar. Kota ini juga sudah memiliki pengaruh bagi wilayah sekitarnya dan memunculkan <strong>kota satelit</strong> atau kota-kota penyangga yang berada di sekitar kota <em>metropolis</em>.</p>
<h4 style="text-align: justify;"><strong>d. Tahap </strong><strong><em>Megapolis</em></strong><strong> </strong></h4>
<p style="text-align: justify;">Tahap <em>megapolis </em>ak berbeda jauh dengan tahapan <em>metropolis</em>, pada <em>megapolis</em>, dicirikan perilaku penduduknya rata-rata <strong>materialistis</strong> dan <strong>sistem birokrasinya </strong>mulai rancu akibat jumlah penduduk yang terus meningkat untuk memenuhi kebutuhan penduduknya yang kompleks.</p>
<h4 style="text-align: justify;"><strong>e. Tahap </strong><strong><em>Tyranopolis</em></strong></h4>
<p style="text-align: justify;">Tahap <em>tyranopolis </em>adalah awal mula kemunduran sebuah kota, ditandai dengan angka kriminalitas yang naik dan kondisi perdagangan yang menurun.</p>
<h4 style="text-align: justify;"><strong style="font-size: 16px;">f. Tahap </strong><strong style="font-size: 16px;"><em>Necropolis</em></strong></h4>
<p style="text-align: justify;"><span style="font-size: 16px;">Tahap <em>necropolis </em>berarti tahap kehancuran. Kota dinilai hancur dan ditinggalkan penduduknya akibat kekacauan. Beberapa faktor yang memicu tahapan ini antara lain kelaparan, perang, bencana, atau sistem tata kota yang buruk. Salah satu contoh kota ini adalah Kota Pripyat (Pryp’yat’</span><span style="color: #202124;">) </span><span style="font-size: 16px;">di Ukraina, yang ditinggalkan penduduknya akibat bencana ledakan pembangkit listrik tenaga nuklir di Chernobyl pada tahun 1986.</span></p>
<p style="text-align: justify;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block; height: auto; max-width: 100%;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/kota%20pripyat.jpg" alt="kota pripyat" /></p>
<p> </p>
<p style="text-align: justify;">Ternyata, banyak yang dipelajari dari pola keruangan kota, ya! Menurutmu bagaimana? Masih ingin belajar lebih banyak lagi? Boleh <em>banget!</em> <em>Yuk</em>, cobain download dan belajar bareng <em>Master Teacher</em> di ruangbelajar! Ada fitur konsep kilat yang bisa membantu kamu mempelajari ringkasan, dan juga video Adapto yang bisa menyesuaikan kemampuanmu menerima materi! Ayo, gabung belajar di <strong><a href="https://www.ruangguru.com/promo">ruangbelajar</a></strong>, <em>yuk!</em></p>
<p><a href="https://bayar.ruangguru.com/"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ceb472c4-1feb-4a1d-afdf-4f92234a63d0.jpg" alt="CTA Ruangguru" /></a></p>
<p><strong>Referensi: </strong></p>
<p style="font-weight: normal;">S. Sharma. 4 Theoretical Explanations of Morphological Pattern of a City (with diagram) [Daring] Tautan: https://www.yourarticlelibrary.com/geography/geographical-theories/4-theoretical-explanations-of-morphological-pattern-of-a-city-with-diagram/40001 (diakses 1 Desember 2021)</p>
<p><strong>Sumber foto:</strong></p>
<p style="text-align: left;">Timm Suess, Wikimedia Commons Switzerland, [Daring] tautan: https://commons.wikimedia.org/wiki/File:Swimming_Pool_Hall_4_Pripyat.jpg (diakses 30 November 2021)</p>
<p> </p>
<p style="text-align: left; font-weight: bold;"><em>Artikel ini telah diperbarui oleh Adya Rosyada Yonas.</em></p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/kelas-12" rel="tag">Kelas 12</a> <a href="https://www.ruangguru.com/blog/tag/konsep-pelajaran" rel="tag">Konsep Pelajaran</a> <a href="https://www.ruangguru.com/blog/tag/sma" rel="tag">SMA</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/5196bc4b-168b-4b6f-8c46-cb076ca8b451.png">
<div>
<h5 class="author-title">Leo Bisma</h5>
<p class="author-description"></p>
</div>
</div> <div class="share-post">
<p>Bagikan artikel ini:</p>
<ul class="socmed">
<li>
<a target="_blank" href="https://api.whatsapp.com/send?phone=&text=Pola Keruangan Kota, Ciri-Ciri, Teori & Strukturnya | Geografi Kelas 12%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/pola-keruangan-kota"><img src="https://cdn-web-2.ruangguru.com/static/whatsapp.png" loading="lazy" alt="Logo Whatsapp " /></a>
</li>
<li>
<a target="_blank" href="https://www.facebook.com/share.php?u=https://www.ruangguru.com/blog/pola-keruangan-kota&quote=Pola Keruangan Kota, Ciri-Ciri, Teori & Strukturnya | Geografi Kelas 12"> <img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook " /> </a>
</li>
<li>
<a target="_blank" href="https://twitter.com/intent/tweet?text=Pola Keruangan Kota, Ciri-Ciri, Teori & Strukturnya | Geografi Kelas 12&url=https://www.ruangguru.com/blog/pola-keruangan-kota"> <img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading="lazy" alt="Logo Twitter " /> </a>
</li>
<li>
<a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.ruangguru.com/blog/pola-keruangan-kota&title=Pola Keruangan Kota, Ciri-Ciri, Teori & Strukturnya | Geografi Kelas 12"><img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading="lazy" alt="Logo LinkedIn " /></a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 sticky">
<aside id="sidebar">
<div class="side-banner-desktop">
</div>
<div class="glider-navigation desktop">
<div role="tablist" class="dots" id="side-banner-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<h2 style="font-size: 24px; font-weight: bold; margin-bottom: 16px;margin-top: 16px;">Artikel Terbaru</h2>
<ul>
<li>
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" alt="Pergerakan Nasional" class="external-img wp-post-image " /> <span>Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" alt="Runtuhnya Uni Soviet" class="external-img wp-post-image " /> <span>Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" class="external-img wp-post-image " /> <span>Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/9-lembaga-dan-pelaku-pasar-modal-di-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/279825ac-672b-43f9-b66e-a1c7ec87f784.png" alt="Pelaku Pasar Modal di Indonesia" class="external-img wp-post-image " /> <span>9 Lembaga dan Pelaku Pasar Modal di Indonesia | Ekonomi Kelas 10</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/peristiwa-kontemporer-dunia-perpecahan-cekoslovakia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/2a1a35c0-f1f5-45d4-8869-ff5083bd90e5.png" alt="Perpecahan Cekoslowakia" class="external-img wp-post-image " /> <span>Latar Belakang Perpecahan Cekoslowakia dan Penyebabnya | Sejarah Kelas 12</span>
</a>
</li>
</ul>
</aside>
</div>
</div>
<div class="row">
<div class="col-12">
<section class="related-posts">
<h2 class="page-title">
Artikel Lainnya
</h2>
<div class="content-grid">
<div class="content">
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11 </h2>
<div class="content-meta">
<span>March 6, 2026</span> <span>• 8 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span></span> <span>• 11 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span>March 5, 2026</span> <span>• 5 minutes read</span>
</div>
</div>
</a>
</div>
</div>
</section> </div>
</div>
<div class="banner-product-wrapper">
<a href="https://cta.ruangguru.com/7c02db90-610d-11ee-80fe-4201ac180089" target="_blank" class="alert alert-dismissible fade show banner-product" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
<!-- <p>Yuk pilih kelas dan materi belajar kamu di sini</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0e292531-9ee1-4eed-92f5-b5c053eea4c2.svg" width="42px" height="42px" class="arrow-right"> -->
<img class="image-floating-bottom" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d19eb9b6-999d-4b92-87c6-c4fb32000d73.png?convert=web" />
</a>
</div>
</div>
</div>
<script>
function sleep(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
async function replaceCtaMarkupAsync() {
await sleep(2000);
alert("replace")
const contentBody = document.querySelector('.content-body');
const paragraphs = contentBody.querySelectorAll('p');
const regexPattern = /{{cta\(['"](.+?)['"]\)}}/g;
paragraphs.forEach((paragraph) => {
const originalHTML = paragraph.innerHTML;
let modifiedHTML = '';
let lastIndex = 0;
for (const match of originalHTML.matchAll(regexPattern)) {
const ctaId = match[1];
modifiedHTML += originalHTML.slice(lastIndex, match.index) + `<b>${ctaId}</b>`;
lastIndex = match.index + match[0].length;
}
modifiedHTML += originalHTML.slice(lastIndex);
paragraph.innerHTML = modifiedHTML;
});
document.addEventListener("DOMContentLoaded", () => {
replaceCtaMarkupAsync();
});
}
</script>
<div class="modal fade" id="popupPromo" tabindex="-1" aria-labelledby="popupPromoLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-content">
<div class="button-wrapper">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="glider-contain">
<div class="glider">
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/4680961a-4e01-4169-8ff4-da0823d0da6c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg-1">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rasionalisasi-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0ec15e92-707a-4660-8134-11f1c1e539a8.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-snbt-reg-2026-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-blog-to-snbt-prem">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-prem-tka-sd-smp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/e6888a56-1d95-4d8a-b87a-b19b8a185651.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rgp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/851003e6-07b5-40d1-9068-f9b0bcb1625a.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/25f78174-4fc2-11ef-9a39-4201ac180089">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/kitab-tka-smp-popup-blog">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitab-utbk-snbt-lite">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitablitetkasmp">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/50097055-1862-46a8-bbe0-fa5b077f88bb.png" />
</a>
</div>
<div class="glider-navigation">
<div role="tablist" class="dots" id="popup-promo-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="popup-promo-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="popup-promo-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var jsonString = '[{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":696,"UpdatedAt":"2026-02-25 02:12:12+00:00","campaign":null,"cta":[{"Id":31467,"ctaId":"ab-web-pop-up-banner-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b9b5f501-be14-4e3f-9ad8-a87e17ec16e9.png","name":"[AB] Web Pop Up Banner - Blog RG","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/4680961a-4e01-4169-8ff4-da0823d0da6c.png","name":"[RG] Popup Banner Blog - Promo SNBT Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":1,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":705,"UpdatedAt":"2026-02-23 10:52:46+00:00","campaign":null,"cta":[{"Id":33341,"ctaId":"ab-web-pop-up-banner-blog-rg-1","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg-1)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f30c4943-4456-4a96-858b-fe065c9073ae.png","name":"[AB] Web Pop Up Banner - Blog RG 1","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png","name":"[RG] Popup Banner Blog - Promo TKA Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":2,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":657,"UpdatedAt":"2026-02-06 03:52:10+00:00","campaign":null,"cta":[{"Id":33189,"ctaId":"rasionalisasi-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rasionalisasi-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog - Rasionalisasi","targetUrl":"https:\/\/www.ruangguru.com\/rasionalisasi"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog RG - Rasionalisasi","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":3,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":677,"UpdatedAt":"2026-02-12 02:22:12+00:00","campaign":null,"cta":[{"Id":33305,"ctaId":"to-snbt-reg-2026-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-snbt-reg-2026-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[IDN] CTA Popup Blog RG - Tryout SNBT Regular 2026","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKREG7"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[RG] Popup Blog RG - Tryout Regular 2026","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":4,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2026-02-05 10:16:52+00:00","Id":689,"UpdatedAt":"2026-03-05 02:41:12+00:00","campaign":null,"cta":[{"Id":33338,"ctaId":"pop-blog-to-snbt-prem","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-blog-to-snbt-prem)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Popup Blog - TO SNBT Prem","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKPREM"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Pop blog - TO SNBT Prem","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":5,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":679,"UpdatedAt":"2026-03-04 03:44:16+00:00","campaign":null,"cta":[{"Id":33304,"ctaId":"to-prem-tka-sd-smp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-prem-tka-sd-smp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/1bf472e1-62f4-4aa9-ab8c-4fa72a82dd7b.png","name":"[RG] Pop Up Blog RG - TO Premium TKA SD SMP","targetUrl":"https:\/\/s.id\/TOTKAPREMSDSMP"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/e6888a56-1d95-4d8a-b87a-b19b8a185651.png","name":"[RG] Popup Blog RG - TO TKA Premium SD SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":6,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-08-25 04:25:04+00:00","Id":672,"UpdatedAt":"2026-02-06 03:52:17+00:00","campaign":null,"cta":[{"Id":33285,"ctaId":"rgp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rgp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","targetUrl":"https:\/\/www.ruangguru.com\/privat"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":7,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":379,"UpdatedAt":"2026-03-06 01:54:52+00:00","campaign":null,"cta":[{"Id":31356,"ctaId":"25f78174-4fc2-11ef-9a39-4201ac180089","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/25f78174-4fc2-11ef-9a39-4201ac180089)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f60bc49c-c00f-4a5e-80a2-2552fa18ae21.jpg","name":"CTA Blog RG - Kitab UTBK SNBT","targetUrl":"https:\/\/bit.ly\/orderkitabrg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg","name":"[RG] Pop Up Blog RG - Kitab UTBK SNBT","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":8,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":587,"UpdatedAt":"2026-03-06 01:55:00+00:00","campaign":null,"cta":[{"Id":33020,"ctaId":"kitab-tka-smp-popup-blog","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/kitab-tka-smp-popup-blog)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/9ea9eca7-9ef7-433c-baad-14bc1019f890.jpg","name":"[RG] Pop up blog - Kitab TKA SMP","targetUrl":"https:\/\/bit.ly\/kitabtkasmprg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg","name":"[RG] Pop Up Blog RG - Kitab TKA SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":9,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-12 10:28:45+00:00","Id":636,"UpdatedAt":"2026-02-06 03:52:20+00:00","campaign":null,"cta":[{"Id":33149,"ctaId":"pop-rg-kitab-utbk-snbt-lite","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitab-utbk-snbt-lite)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/8d6f8639-cfff-4d64-89ea-f68bfe7a868c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","targetUrl":"https:\/\/s.id\/litesnbt26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":10,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-14 08:09:42+00:00","Id":647,"UpdatedAt":"2026-02-06 03:52:21+00:00","campaign":null,"cta":[{"Id":33160,"ctaId":"pop-rg-kitablitetkasmp","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitablitetkasmp)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/20edba9b-ef84-4938-b698-4a82783478a5.png","name":"[RG] Pop blog - kitab lite tka smp","targetUrl":"https:\/\/s.id\/litetkasmp26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/50097055-1862-46a8-bbe0-fa5b077f88bb.png","name":"[RG] Pop blog - kitab lite tka smp","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":11,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"}]';
var jsArray = JSON.parse(jsonString);
console.log(jsArray);
</script>
<script>
let windowHeight = window.innerHeight;
let promosLength = 11;
document.addEventListener('DOMContentLoaded', function() {
// Initialize Bootstrap Modal
let popupPromo = new bootstrap.Modal(document.getElementById('popupPromo'), {});
// Initialize Glider.js inside the Bootstrap Modal
function initGliderInModal() {
new Glider(document.querySelector('#popupPromo .glider'), {
slidesToScroll: 1,
slidesToShow: 1,
draggable: true,
dots: '#popup-promo-dots',
arrows: {
prev: '#popup-promo-prev',
next: '#popup-promo-next'
}
});
}
// Show Bootstrap Modal and initialize Glider.js after a specified scroll amount
const scrollThreshold = 2 / 3 * windowHeight; // The scroll amount in pixels to trigger the Modal
let gliderInitialized = false;
window.addEventListener('scroll', function() {
if (window.scrollY >= scrollThreshold && !gliderInitialized && promosLength > 0) {
popupPromo.show();
// Listen for the 'shown' event to initialize Glider.js after the Modal has been fully displayed
$('#popupPromo').on('shown.bs.modal', function() {
initGliderInModal();
gliderInitialized = true;
// Optionally, remove the 'shown' event listener after initializing the Glider to avoid re-initializing
$('#popupPromo').off('shown.bs.modal');
});
// Remove the scroll event listener after the Modal is shown to avoid re-initializing the Glider
this.removeEventListener('scroll', arguments.callee);
}
});
});
</script>
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable-min@0.4.5/dist/analytics-plugin-trackable.min.js"></script>
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = window._analytics.init({
app: "ruangguruLanding",
debug: false,
plugins: [analyticsTrackable()],
});
/* Additional context tracker pageView */
const post_id = 889;
const tags_id = [76,10,37];
const category_id = 527;
const sub_category_id = 533;
const customData = {
tags_id: tags_id,
category_id: category_id,
sub_category_id: sub_category_id,
post_id: post_id,
};
Analytics.plugins.trackable.context(JSON.stringify(customData));
Analytics.ready(function () {
Analytics.page();
});
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
const context = $(this).data('tracking-context');
Analytics.track(eventType, context);
});
</script>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="office">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/static/RG_LOGO_WHITE.png?convert=auto" alt="Logo Ruangguru" loading="lazy" />
</a>
<address>
<p class="hq">RUANGGURU HQ</p>
<p>
Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920
</p>
</address>
</div>
<nav class="footer-menu call-us">
<p class="title">Hubungi Kami</p>
<address>
<a href="mailto:info@ruangguru.com">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4739a139-8f09-42ea-b517-d842c5d1c28d.png" loading="lazy" alt="Logo Email Footer" />
info@ruangguru.com</a>
<a href="tel:02130930000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/6f4bb6c8-52c9-4acb-859b-47a10a7eec75.png" loading="lazy" alt="Logo Phone Footer" />(021) 3093 0000</a>
<a href="https://wa.me/6281574410000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4b58468a-b2f9-40e4-867f-d3242a065dcf.png" loading="lazy" alt="Logo Whatsapp Footer" />0815 7441 0000</a>
</address>
</nav>
<nav class="footer-menu social d-none d-lg-block">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<div class="col-lg-9">
<div class="row">
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Ruangguru</p>
<ul type="none">
<li><a href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a></li>
<li><a href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a></li>
<li><a href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a></li>
<li><a href="https://www.ruangguru.com/for-kids/kursus">Kursus for Kids</a></li>
<li><a href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a></li>
<li><a href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a></li>
<li><a href="https://www.ruangguru.com/ruanguji">Ruanguji</a></li>
<li><a href="https://www.ruangguru.com/blog">Ruangbaca</a></li>
<li><a href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a></li>
<li><a href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a></li>
<li><a href="https://pengajar.ruangguru.com/">Ruangpengajar</a></li>
<li><a href="https://www.ruangguru.com/privat">Ruangguru Privat</a></li>
<li><a href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Bantuan & Panduan</p>
<ul type="none">
<li><a href="https://www.ruangguru.com/company-credentials">Company Credentials</a></li>
<li><a href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/promo">Promo Ruangguru</a></li>
<li><a href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a></li>
<li><a href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a></li>
<li><a href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a></li>
<li><a href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a></li>
<li><a href="https://www.ruangguru.com/about-us">Tentang Kami</a></li>
<li><a href="https://www.ruangguru.com/contact-us">Kontak Kami</a></li>
<li><a href="https://www.ruangguru.com/press">Press Kit</a></li>
<li><a href="https://www.ruangguru.com/bantuan">Bantuan</a></li>
<li><a href="https://career.ruangguru.com/">Karier</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Lainnya</p>
<ul type="none">
<li><a href="https://www.brainacademy.id/" target="_blank">Brain Academy</a></li>
<li><a href="https://www.english-academy.id/" target="_blank">English Academy</a></li>
<li><a href="https://skillacademy.com/" target="_blank">Skill Academy</a></li>
<li><a href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a></li>
<li><a href="https://www.schoters.com/id/" target="_blank">Schoters</a></li>
<li><a href="https://www.kalananti.id/" target="_blank">Kalananti</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title"> Coba GRATIS Aplikasi Ruangguru</p>
<div class="download-list">
<ul>
<li>
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img src="https://cdn-web-2.ruangguru.com/static/appstore.png" loading="lazy" alt="Button App Store Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img src="https://cdn-web-2.ruangguru.com/static/googleplay.png" loading="lazy" alt="Button Google Play Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<img src="https://cdn-web-2.ruangguru.com/static/huawei.png" loading="lazy" alt="Button AppGallery Footer " />
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center">
<nav class="footer-menu social">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<p class="footer-copyright">
© 2026 All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
<style>
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
</style>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table="rg_floating_icon"></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_floating_icon') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_floating_icon';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,blog)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
console.log(data.list);
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_floating_icon';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script> <div id="wp-install-nudge" style="
position: fixed;
bottom: 0rem;
right: 0;
z-index: 999;
cursor: pointer;
"></div>
<script>
(function (w, d, s, o, f, js, fjs) {
w['Sales-Nudge-Widget'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
}(window, document, 'script', 'wpInstallNudge', 'https://cdn-web-2.ruangguru.com/sales-nudge/6198a95130/dist/widget.js'));
wpInstallNudge('init', { targetElementId: 'wp-install-nudge', clientTarget: 'ruangguru_blog' });
</script>
<script>
// note: disabled due to auto reload page
// var lastScrollTop = 0;
// $(window).scroll(function(event){
// var st = $(this).scrollTop();
// if (st > lastScrollTop){
// $('#wp-install-nudge').slideDown( "slow", function() {});
// } else {
// $('#wp-install-nudge').slideUp( "slow", function() {});
// }
// lastScrollTop = st;
// });
// $(document).ready(function () {
// $("#wp-install-nudge").hide();
// });
$('#wp-install-nudge').click(function(){
Analytics.track("promotion__install_nudge__click",
{
user_email: "ruangguru@blog.com",
cta_link: widgetData.dataConfig.target_link
}).catch((err) => {
console.log("tracker error", err);
});
});
</script>
</footer>
<div id="__next"></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/blog\/*"},{"not":{"href_matches":["\/blog\/wp-*.php","\/blog\/wp-admin\/*","\/blog\/wp-content\/uploads\/*","\/blog\/wp-content\/*","\/blog\/wp-content\/plugins\/*","\/blog\/wp-content\/themes\/ruangguru\/*","\/blog\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
async function getCtaDetails(ctaIds) {
const endpoint =
" https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/CTA/views/CTA?offset=0&limit=10&where=(ctaId,in," + ctaIds.toString() + ")";
try {
const response = await fetch(endpoint, {
headers: {
"xc-token": "-hG2nBDJzSj0agSgNtcJx97M4F02y54nUMoY6plJ",
},
});
const data = await response.json();
const ctaList = data?.list || [];
const ctaMap = new Map();
for (const ctaData of ctaList) {
ctaMap.set(ctaData.ctaId, ctaData);
}
return ctaMap;
} catch (error) {
console.error("Error fetching CTA details:", error);
return new Map();
}
}
async function replaceCTA() {
const regex = /{{cta\((‘(.*?)’|“(.*?)”)\)}}/g;
const bodyHTML = document.body.innerHTML;
const matches = Array.from(bodyHTML.matchAll(regex));
const ctaIds = matches.map((match) => {
let ctaId = match[2] ?? match[3];
return ctaId;
});
const ctaMap = await getCtaDetails(ctaIds);
const replacedHTML = bodyHTML.replace(regex, (match, _inner, ctaId1, ctaId2) => {
const ctaId = ctaId1 ?? ctaId2;
const ctaData = ctaMap.get(ctaId);
if (ctaData) {
return `<a href="https://cta.ruangguru.com/${ctaData.ctaId}" target="_${ctaData.targetType}" style="position:relative;display:inline-block;">
<img src="${ctaData.imageUrl}" loading="lazy" alt="${ctaData.altText}" />
</a>`;
} else {
return match;
}
});
document.body.innerHTML = replacedHTML;
}
</script>
<meta name="author" content="Ruangguru Tech Team">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVNLZFT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- Tracker -->
<script type="text/javascript" src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/global-assets/js/cta.js"></script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
</body>
</html>