Halo semuanya! 👋
Saya ingin berbagi sedikit cerita tentang proyek kecil yang sedang saya kerjakan, yaitu ZonaPortal.org — sebuah website yang membahas topik luar angkasa dalam bahasa Indonesia.
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.
🚀 Kenapa Luar Angkasa?
Sejak kecil, saya suka hal-hal yang berbau astronomi — mulai dari planet, bintang, lubang hitam, hingga roket. Tapi saya perhatikan, konten luar angkasa berbahasa Indonesia masih terbatas, apalagi yang mudah dipahami oleh masyarakat awam.
Dari situlah saya berpikir:
Bagaimana kalau saya coba buat situs sendiri yang isinya edukasi seputar luar angkasa, tapi disusun dengan cara sederhana dan mudah diakses?
🛠️ Teknologi yang Saya Gunakan
Saya bukan programmer profesional, jadi semua saya kerjakan dengan cara paling sederhana yang bisa saya pahami.
Berikut beberapa hal teknis yang saya pelajari dan gunakan:
- HTML dan CSS dasar, cukup untuk membangun halaman statis
- AMP (Accelerated Mobile Pages) agar situs ringan dan cepat diakses via mobile
-
Struktur folder dinamis dengan PHP dan
scandir()untuk generate sitemap otomatis -
SEO on-page manual, seperti penggunaan tag
<meta>,robots.txt, dan struktur<header>yang ramah mesin pencari - Hosting di Hostinger, karena UI-nya cukup bersahabat untuk pemula
Semua ini saya pelajari secara otodidak, sambil mempraktikkan langsung di website-nya.
🧩 Fitur & Konten ZonaPortal.org
Beberapa fitur utama yang saya bangun:
- 🌌 Artikel tentang tata surya, seperti profil planet, satelit, dan fenomena alam semesta
- 📅 Kalender fenomena luar angkasa yang bisa dilihat pengunjung (masih dikembangkan)
- 📡 Halaman berita luar angkasa dari berbagai sumber resmi, seperti NASA dan SpaceX
- 📷 Galeri antariksa berisi gambar planet, roket, dan galaksi yang diambil dari sumber terbuka
Saya juga berusaha membuat tampilannya tetap ringan, bersih, dan mobile-friendly, terutama karena banyak pengguna Indonesia mengakses lewat smartphone.
🤯 Tantangan yang Saya Hadapi
- Belajar struktur SEO & HTML semantik dari awal
- Menghindari overload CSS di AMP yang punya banyak batasan
- Mengelola routing halaman HTML statis tanpa CMS
- Belajar cara membuat sitemap XML otomatis, agar halaman-halaman baru bisa terdeteksi Google
Tapi dari semua itu, saya belajar banyak, dan komunitas seperti DEV.to sangat membantu saat saya stuck.
🌱 Apa Selanjutnya?
Saya ingin terus mengembangkan:
- Fitur pencarian sederhana
- Mode gelap (dark mode)
- Data interaktif seperti posisi planet saat ini
- Integrasi dengan API luar angkasa seperti NASA Open API atau SpaceX Launches
💬 Ajak Kolaborasi & Feedback
Kalau kamu juga tertarik dengan luar angkasa atau sedang belajar membangun web statis sederhana di nasaplay, saya senang banget kalau bisa diskusi atau bahkan kolaborasi!
Kamu bisa cek proyeknya langsung di sini:
🔗 https://zonaportal.org/
Saya terbuka untuk segala saran, masukan, bahkan kritik ya 🙌
Terima kasih sudah membaca sampai akhir!
Semoga ceritaku bisa jadi semangat buat kamu yang baru belajar ngoding atau punya minat membangun sesuatu yang kamu suka. 💫
Top comments (0)