Tugas ini merupakan bagian dari mata kuliah E-Commerce yang mengharuskan mahasiswa membuat website statik untuk sebuah UMKM nyata dengan fitur visual produk dan integrasi pembayaran. UMKM yang digunakan dalam proyek ini adalah Hilyah Packaging, yaitu usaha tante saya yang bergerak di bidang kemasan kosmetik dan skincare.
Proses dimulai dengan membuat project di IDX.dev. Template HTML dimodifikasi sesuai kebutuhan, baik dari segi warna, struktur, hingga konten. Website kemudian dihubungkan dengan GitHub melalui autentikasi dan dikembangkan secara bertahap.
Salah satu poin penting dalam tugas ini adalah penggunaan foto produk hasil dokumentasi sendiri, bukan dari Google atau internet. Semua gambar yang ditampilkan adalah hasil pemotretan langsung terhadap produk asli Hilyah Packaging, untuk memastikan keaslian dan menggambarkan kondisi produk secara nyata. Hal ini sesuai dengan instruksi dosen agar mahasiswa menampilkan aset visual yang autentik.
Website juga terintegrasi dengan Midtrans sebagai sistem pembayaran. Setelah akun Midtrans dikonfigurasi dan link pembayaran berhasil dibuat, link tersebut disisipkan ke tombol “Beli Sekarang” pada halaman produk agar pengunjung dapat langsung melakukan transaksi.
Selanjutnya, dilakukan proses hosting website ke Vercel. File project yang telah selesai diunggah ke GitHub kemudian di-deploy ke Vercel untuk menghasilkan link publik yang bisa diakses oleh siapa pun. Vercel dipilih karena mendukung static hosting secara gratis dan mudah dihubungkan langsung dengan GitHub.
Hasil akhir dari tugas ini adalah website statik yang berfungsi menampilkan produk UMKM secara profesional dengan gambar asli dan fitur pembayaran aktif.
0 Komentar