Gambar 5. menampilkan halaman "Daftar Karyawan" dari sebuah sistem manajemen. Halaman ini berisi tabel dengan kolom-kolom: ID Karyawan, Nama, Telepon, Jabatan, dan Aksi. Setiap baris tabel mewakili data seorang karyawan. Contohnya, George dengan ID 7 bekerja sebagai Sales, Hannah (ID 8) sebagai Customer Support, dan Ivan (ID 9) sebagai Manager. Pada kolom "Aksi," terdapat fitur untuk Edit dan Hapus data karyawan. Halaman ini juga memiliki opsi "Tambah Karyawan" di bagian atas untuk menambah data baru. Warna oranye digunakan sebagai header tabel, dengan desain sederhana dan bersih.
Â
4. Tampilan Produk
Gambar 6. menampilkan halaman web yang berisi Daftar Produk dalam bentuk tabel dengan tiga kolom utama: "ID PRODUK," "NAMA PRODUK," dan "AKSI." Kolom "ID PRODUK" menampilkan nomor identifikasi unik untuk setiap produk, sedangkan "NAMA PRODUK" mencantumkan nama-nama produk seperti Headphone, TV, Jam Tangan, dan lainnya. Kolom "AKSI" menyediakan dua tautan atau fitur, yaitu "Edit" dan "Hapus," yang memungkinkan pengguna untuk mengubah atau menghapus data produk. Di bagian atas halaman terdapat tautan "Tambah Produk," yang mungkin digunakan untuk menambahkan produk baru ke dalam daftar. Desain tabel terlihat sederhana dengan warna oranye pada bagian header tabel untuk membedakan judul kolom.
5. Tampilan Pembayaran
Gambar 7. menampilkan halaman Daftar Pembayaran berupa tabel dengan kolom: ID Pembayaran (identitas unik pembayaran), ID Pesanan (menghubungkan pembayaran dengan pesanan), Metode (jenis pembayaran, seperti "cash"), Tanggal (tanggal pembayaran dalam format YYYY-MM-DD), Jumlah Dibayar (nominal pembayaran), dan Aksi (opsi atau fitur untuk Edit atau Hapus data). Terdapat juga tautan Tambah Pembayaran untuk memasukkan data baru. Desain tabel menggunakan warna oranye pada judul kolom untuk kejelasan, dengan setiap baris mewakili satu data pembayaran.
Untuk penjelasan dan langkah-langkah pembuatannya saya sudah membuatkan vidio yang dapat di tonton.
Follow Instagram @kompasianacom juga Tiktok @kompasiana biar nggak ketinggalan event seru komunitas dan tips dapat cuan dari Kompasiana
Baca juga cerita inspiratif langsung dari smartphone kamu dengan bergabung di WhatsApp Channel Kompasiana di SINI