LAPORAN MODUL 4 Praktikum Sistem Informasi
Pengenalan BootStrap sebagai komponen User Interface Pada Sistem Informasi
Dosen Pengampu : Allin Junikhah, M.T
Disusun Oleh :
Fitria Susanti 210605110044 Kelas E
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI MAULANA MALIK IBRAHIM MALANG 2023
PRAKTIKUM Controllers/mhs.php
Model/MahasiswaModel.php
Views/dataMhs_view
Output
TUGAS
View/jenis_usaha/view.php
Menampilkan data jenis usaha dan memberikan opsi untuk menambah, mengedit, dan menghapus data tersebut. Kode menggunakan Bootstrap untuk tampilan dan jQuery DataTables untuk mengatur tabel. Data jenis usaha diambil dari database dan ditampilkan dalam tabel bersama dengan nomor urut. Tomboltombol "Edit" mengarahkan pengguna ke halaman pengeditan, sementara tombol "Hapus" menampilkan konfirmasi sebelum menghapus data jenis usaha.
Output
View/umkm/view.php
Tampilan yang digunakan untuk menampilkan data mengenai Usaha Mikro, Kecil, dan Menengah (UMKM). Dalam setiap baris tabel, terdapat dua tombol aksi, yaitu tombol "Edit"
dan tombol "Hapus". Tombol "Edit" mengarahkan pengguna ke halaman "form_edit_umkm"
dengan membawa parameter kode UMKM, sementara tombol "Hapus" menampilkan konfirmasi penghapusan dan mengarahkan pengguna ke halaman "delete_umkm" dengan membawa parameter kode UMKM untuk menghapus data UMKM.
Output
View/kriteria/view.php
Dalam setiap baris tabel, terdapat dua tombol aksi, yaitu tombol "Edit" dengan kelas "btn btn- sm btn-warning" yang mengarahkan pengguna ke halaman "formeditju" dengan membawa parameter kode kriteria, dan tombol "Hapus" dengan kelas "btn btn-sm btn-danger" yang mengarahkan pengguna ke halaman "deleteju" dengan membawa parameter kode kriteria untuk menghapus data kriteria. Kode tersebut yang menampilkan data kriteria dengan opsi untuk mengelola data tersebut.
Output
View/bobot/view.php
Tabel ini memiliki header dengan kolom-kolom seperti "No.", "Kode Kriteria", "Nama Kriteria", "Nilai Kriteria", "Tipe Kriteria", dan "Aksi". Data untuk tabel diambil dari variabel PHP $dataa dan diisi ke dalam baris-baris tabel menggunakan loop PHP. Setiap baris tabel mencakup informasi mengenai kriteria seperti kode kriteria, nama kriteria, nilai kriteria, tipe kriteria, dan tombol-tombol aksi. Dalam setiap baris tabel, terdapat dua tombol aksi, yaitu tombol "Edit" dengan kelas "btn btn-sm btn-warning" yang mengarahkan pengguna ke halaman "formeditju" dengan membawa parameter kode kriteria, dan tombol "Hapus" dengan kelas "btn btn-sm btn-danger" yang mengarahkan pengguna ke halaman "deleteju" dengan membawa parameter kode kriteria untuk menghapus data kriteria.
Output
KESIMPULAN
Dari praktikum modul 4, saya dapat mengetahui bagaimana penggunaan boostrep pada codeigniter. Pengenalan Bootstrap sebagai komponen antarmuka pengguna pada sistem informasi menghasilkan pemahaman terhadap elemen-elemen halaman web yang digunakan untuk menampilkan data dari berbagai jenis entitas, seperti Jenis Usaha, UMKM, dan Kriteria.
Elemen-elemen ini disajikan dalam bentuk tabel dengan pilihan untuk menambahkan, mengedit, atau menghapus data entitas tersebut. Setiap halaman memiliki tampilan yang serupa, termasuk judul "Data [Nama Entitas]," tombol "Tambah Data" untuk menambahkan entitas baru, dan tabel yang menyusun data dengan tampilan terstruktur.
