Nama : Faujan Adhim

NIM : 21120115120015
Kelas : PBD B

A. Tampilan Web
Pada tugas kali ini, membuat sistem informasi yang mana databasenya diletakkan pada
hosting online. Dan sistem informasi tersebut juga terdapat di server online. Berikut
beberapa hasil sistem informasi tersebut :

Gambar diatas merupakan db name, db user, dan db host yang nantinya akan digunakan
untuk mengakses database. Pada tugas kali ini saya menggunakan database yang pertama
dengan db nama id5890297_kue dan db user id5890297_fadhim.

Gambar diatas menunjukkan database dari sistem informasi yang telah dibuat. Pada
database tersebut hanya terdapat 4 tabel.
Gambar diatas merupakan file manager public_html yang digunakan untuk menyimpan file
– file konfigurasi sistem informasi yang dibuat.
Gambar diatas adalah nama domain / alamat yang digunakan untuk mengakses sistem
informasi. Alamat tersebut bernama faujanadhim.000webhostapp.com.

Gambar diatas merupakan halaman awal ketika web diakses yaitu index.php, kemudian
jika di klik button Menu Utama maka akan mengarah pada halaman menu utama seperti
pada gambar dibawah ini :
Pada Menu Jenis Kue Terdapat beberapa kolom dan 3 aksi yaitu tambah jenis kue untuk
menambahkan mjenis kue, edit untuk mengubah data jenis kue, dan hapus untuk
menghapus data jenis kue.

Jika kita mengklik button tambah jenis kue pada button warna biru, maka yang akan
muncul seperti gambar diatas. Terdapat juga beberapa form untuk diisi sesuai dengan data
jennies kue yang akan ditambahkan, yaitu kode jenis kue, nama jenis kue, dan jangka
expired seperti pada gambar dibawaah ini :

Ketika sudah selesai mengisi data – data tersebut, kemudian klik button tambah data, maka
tampilan akan muncul data yang dimasukkan. Berikut gambarnya :

Terlihat perbedaan sebelum dan sesudah menambahkan data. Data yang ditambahkan
otomatis akan muncul pada halaman awal tersebut. kemudian pada database akan
otomatis bertambah ketika button tambah di klik. Berikut perbedaannya :
Kemudian, selain menambahkan kita juga bisa mengubah data – data yang ingin kita
ubah. Misalnya kita ingin mengganti Kode jenis kue, Nma jenis kue dan Jangka Expired.
Dengan mengklik button edit disamping kolom jangka expired.

Maka setelah mengklik tombol tersebut, akan muncul tampilan untuk mengedit data.
Berikut tampilannya :

Kemudian kita tinggal mengedit bagian apa yang ingin kita edit. Disini kita mencoba
untuk mengganti jangka expired dari 10 Bulan menjadi 6 Bulan. Berikut tampilannya :
Ketika kita klik button simpan, maka akan secara otomatis pada halaman awal web dan
database data tersebut akan ganti dan tersimpan. Berikut tampilannya :

Terlihat data yang edit dari 10 Bulan menjadi 6 Bulan. Namun tidak hanya tampilan awal
yang ganti, pada database juga akan ganti secara otomatis. Berikut tampilannya :
Kemudian, kita juga bisa menghapus data yang ingin kita hapus. Dengan cara mengklik
button hapus disamping button edit.

Ketika kita mengklik button tersebut, maka akan terhapus datanya. Berikut gambarnya :

Data tersebut telah dihapus, dan secara otomatis akan menghilang. Begitu juga pada
databasenya :
B. Tampilam Mobile
Selain tampilan web, ditugaskan untuk membuat versi mobile. Disini saya menggunakan
android studio untuk membuat versi mobile. Pada kodingan android studio, saya hanya
cukup menambahkan alamat https://faujanadhim.000webhostapp.com. berikut
tampilannya :

Gambar diatas merupakan tampilan yang menunjukkan halaman data jenis kue dengan
landscape pada layer android. Pada gambar tersebut hanya ada 2 data, sekarang kita
mencoba untuk menambahkan data lainnya. Dengan cara mengklik button tambah jenis
kue :

Gambar tersebut merupakan tampilan untuk menambah data jenis kue. Kemudian jika kita
ingin menambahkan dan menyimpannya, maka kita klik button tambah data. Berikut
tampilannya :
Data yang tadi kita tambahkan, akan secara otomatis tersimpan dan muncul pada tabel
tersebut. sekarang kita mencoba untuk mengedit data tersebut dengan cara mengklik button
edit pada tabel tersebut. Berikut tampilannya :

Data yang akan edit, kemudian untuk menyimpannya kita klik button simpan. Maka akan
secara otomatis akan tersimpan dan berubah datanya yaitu dari Kue ABC menjadi CBA
dan Jnagka expired dari 18 Hari menjadi 20 Hari.
Sekarang kita mencoba untuk menghapus data tersebut dengan cara mengklik button hapus
disamping button edit.

Berikut tampilannya setelah dihapus :