The latest articles on Forem by abdul malik (@abdul_malik_510f2e5bb21aa). https://forem.com/abdul_malik_510f2e5bb21aa https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3330278%2F5b559a54-9a26-472b-8df5-a30e407cc4e5.png https://forem.com/abdul_malik_510f2e5bb21aa en abdul malik Mon, 07 Jul 2025 07:02:05 +0000 https://forem.com/abdul_malik_510f2e5bb21aa/saya-membangun-zonaportalorg-website-edukasi-luar-angkasa-untuk-publik-indonesia-419h https://forem.com/abdul_malik_510f2e5bb21aa/saya-membangun-zonaportalorg-website-edukasi-luar-angkasa-untuk-publik-indonesia-419h <p>Halo semuanya! 👋</p> <p>Saya ingin berbagi sedikit cerita tentang proyek kecil yang sedang saya kerjakan, yaitu <a href="https://zonaportal.org/" rel="noopener noreferrer">ZonaPortal.org</a> — sebuah website yang membahas <strong>topik luar angkasa</strong> dalam bahasa Indonesia.</p> <p>Sebagai pemula di dunia web development, proyek ini jadi salah satu cara saya belajar membangun website dari nol sambil menyebarkan minat saya terhadap dunia antariksa.</p> <h2> 🚀 Kenapa Luar Angkasa? </h2> <p>Sejak kecil, saya suka hal-hal yang berbau <strong>astronomi</strong> — mulai dari planet, bintang, lubang hitam, hingga roket. Tapi saya perhatikan, <strong>konten luar angkasa berbahasa Indonesia masih terbatas</strong>, apalagi yang mudah dipahami oleh masyarakat awam.</p> <p>Dari situlah saya berpikir:</p> <blockquote> <p><em>Bagaimana kalau saya coba buat situs sendiri yang isinya edukasi seputar luar angkasa, tapi disusun dengan cara sederhana dan mudah diakses?</em></p> </blockquote> <h2> 🛠️ Teknologi yang Saya Gunakan </h2> <p>Saya bukan programmer profesional, jadi semua saya kerjakan dengan cara paling sederhana yang bisa saya pahami.</p> <p>Berikut beberapa hal teknis yang saya pelajari dan gunakan:</p> <ul> <li> <strong>HTML dan CSS dasar</strong>, cukup untuk membangun halaman statis</li> <li> <strong>AMP (Accelerated Mobile Pages)</strong> agar situs ringan dan cepat diakses via mobile</li> <li> <strong>Struktur folder dinamis dengan PHP dan <code>scandir()</code></strong> untuk generate sitemap otomatis</li> <li> <strong>SEO on-page manual</strong>, seperti penggunaan tag <code>&lt;meta&gt;</code>, <code>robots.txt</code>, dan struktur <code>&lt;header&gt;</code> yang ramah mesin pencari</li> <li> <strong>Hosting di Hostinger</strong>, karena UI-nya cukup bersahabat untuk pemula</li> </ul> <p>Semua ini saya pelajari secara otodidak, sambil mempraktikkan langsung di website-nya.</p> <h2> 🧩 Fitur &amp; Konten ZonaPortal.org </h2> <p>Beberapa fitur utama yang saya bangun:</p> <ul> <li>🌌 <strong>Artikel tentang tata surya</strong>, seperti profil planet, satelit, dan fenomena alam semesta</li> <li>📅 <strong>Kalender fenomena luar angkasa</strong> yang bisa dilihat pengunjung (masih dikembangkan)</li> <li>📡 <strong>Halaman berita luar angkasa</strong> dari berbagai sumber resmi, seperti NASA dan SpaceX</li> <li>📷 <strong>Galeri antariksa</strong> berisi gambar planet, roket, dan galaksi yang diambil dari sumber terbuka</li> </ul> <p>Saya juga berusaha membuat tampilannya tetap <strong>ringan, bersih, dan mobile-friendly</strong>, terutama karena banyak pengguna Indonesia mengakses lewat smartphone.</p> <h2> 🤯 Tantangan yang Saya Hadapi </h2> <ul> <li>Belajar <strong>struktur SEO &amp; HTML semantik</strong> dari awal</li> <li>Menghindari <strong>overload CSS di AMP</strong> yang punya banyak batasan</li> <li>Mengelola <strong>routing halaman HTML statis</strong> tanpa CMS</li> <li>Belajar cara membuat <strong>sitemap XML otomatis</strong>, agar halaman-halaman baru bisa terdeteksi Google</li> </ul> <p>Tapi dari semua itu, saya belajar banyak, dan komunitas seperti DEV.to sangat membantu saat saya stuck.</p> <h2> 🌱 Apa Selanjutnya? </h2> <p>Saya ingin terus mengembangkan:</p> <ul> <li>Fitur pencarian sederhana</li> <li>Mode gelap (dark mode)</li> <li>Data interaktif seperti posisi planet saat ini</li> <li>Integrasi dengan API luar angkasa seperti NASA Open API atau SpaceX Launches</li> </ul> <h2> 💬 Ajak Kolaborasi &amp; Feedback </h2> <p>Kalau kamu juga tertarik dengan luar angkasa atau sedang belajar membangun web statis sederhana di <a href="https://zonaportal.org/" rel="noopener noreferrer">nasaplay</a>, saya senang banget kalau bisa diskusi atau bahkan kolaborasi!</p> <p>Kamu bisa cek proyeknya langsung di sini:<br><br> 🔗 <a href="https://zonaportal.org/" rel="noopener noreferrer">https://zonaportal.org/</a></p> <p>Saya terbuka untuk segala saran, masukan, bahkan kritik ya 🙌</p> <p>Terima kasih sudah membaca sampai akhir!<br><br> Semoga ceritaku bisa jadi semangat buat kamu yang baru belajar ngoding atau punya minat membangun sesuatu yang kamu suka. 💫</p> webdev beginners space indonesia