Pembuatan Website Pribadi Menggunakan Firebase

Tanggal: 10 Oct 2024

ORANG YANG BERADA DI KEGIATAN

Angga Trinaldy Arya Andhika – Pembuat Website webgoy.tarakan.top

KEGIATAN PEMBUATAN WEBSITE

Pada tanggal 10 Oktober 2024, Angga Trinaldy Arya Andhika melaksanakan kegiatan pembuatan website webgoy.tarakan.top menggunakan HTML, CSS, JavaScript, dan Firebase sebagai sistem backend. Kegiatan ini bertujuan untuk menciptakan platform blog yang berfungsi layaknya WordPress, namun dikembangkan secara manual dengan coding, kecuali pada bagian input konten blog yang memanfaatkan Firebase untuk pengelolaan data.

RINCIAN KEGIATAN

Persiapan Yang dilakukan:

  • Mempelajari struktur dan konsep Firebase sebagai backend.
  • Menyusun struktur halaman website menggunakan HTML dan CSS.
  • Membuat rencana fitur utama untuk blog, seperti halaman utama, daftar postingan, dan halaman about.

Pengembangan Fitur Website Pribadi:

Landing Page (index.html):

  • Halaman pembuka yang menarik perhatian pengguna dengan desain minimalis dan navigasi intuitif.
  • Menampilkan elemen animasi ringan untuk memberikan kesan interaktif.
  • Terdapat tombol akses cepat menuju homepage dan halaman lainnya.

Homepage:

  • Isi Blog: Menampilkan daftar artikel yang diambil dari Firebase. Setiap postingan memiliki judul, deskripsi singkat, dan tautan untuk membaca lebih lanjut.
  • Navbar: Navigasi di bagian atas dengan tautan ke semua halaman utama seperti Home, About, Education, dan Form Input.
  • Greetings Section: Bagian selamat datang yang memuat pesan atau kutipan motivasi untuk pengguna blog.
  • Footer: Menyediakan informasi tambahan seperti copyright, kontak, dan link media sosial.

Form Input Blog:

  • Dibuat dengan HTML dan JavaScript, memungkinkan pengguna menambahkan judul, konten, dan gambar artikel.
  • Firebase digunakan sebagai penyimpanan backend untuk menyimpan data postingan secara real-time.

Halaman About:

  • Memuat informasi tentang pengembang dan tujuan pembuatan blog.
  • Berisi latar belakang singkat dan pengalaman Angga Trinaldy Arya Andhika dalam pengembangan web.

Halaman Education:

  • Menyediakan daftar kursus atau pendidikan yang pernah diikuti oleh pengembang.
  • Mencakup informasi tentang pelatihan web development atau workshop terkait.
  • Desain halaman menggunakan elemen daftar atau timeline untuk memudahkan pembaca memahami riwayat pendidikan.

Pengujian:

  • Pengujian Fungsional:
    Memastikan setiap fitur, seperti pengiriman dan penyimpanan data ke Firebase, berjalan dengan baik.
  • Pengujian Responsif:
    Memastikan tampilan website kompatibel di berbagai perangkat, seperti desktop, tablet, dan smartphone.

Kegiatan ini dilaksanakan di ruang APP dan INFORMATIKA, dengan harapan aplikasi blog yang dibuat dapat berfungsi dengan baik serta menjadi referensi dalam pembuatan website secara manual. Terima kasih kepada semua pihak yang telah mendukung dan memberikan arahan selama proses pembuatan website ini.

Back to List