Pemrogaman WEB dan Perangkat Bergerak (PWPB) | SMK N 1 Bantul

Menyiapkan Database Sistem

Gambar 1. Desain PDM sesuai dengan topik aplikasi

Dalam pengembangan aplikasi yang akan kita kembangkan pada topic ini, sudah kita
ketahui bersama kita telah dibekali gambaran PDM untuk membuat database dari aplikasi. Untuk
itu, kita dapat memulai tahap development aplikasi dengan mengikuti petunjuk tersebut dan
dapat kita lakukan dengan langkah-langkah sebagai berikut:

1. Menjalankan program XAMPP atau program pengelolaan database yang kalian miliki. Jika
belum install silakan download dan install pada link ini: xampp.
2. Buka browser kalian (jika menggunakan google chrome disarankan menggunakan mode
guest), lalu akses url localhost/phpmyadmin.
3. Buat database baru dengan nama yang sesuai dengan aplikasi, disini saya menamainya
pwpb_laundry.

Bait Syaiful RIjal, M.Pd | 1

 Pemrogaman WEB dan Perangkat Bergerak (PWPB) | SMK N 1 Bantul

4. Buat table dalam database sesuai dengan panduan yang ada pada gambar 1 PDM, dimulai
dengan membuat table user. Untuk memudahkan dalam belajar kalian bisa
mempertimbangkan tips ini dalam penamaan di database, yaitu;
a. Untuk nama table bisa menggunakan format: tb_(nama tabel). Contoh tb_user, tb_outlet,
dst.
b. Untuk nama kolom dalam table bisa menggunakan format: nama table_nama kolom.
Contoh: user_id, user_username, dst.
c. Perhatikan type data dan panjang data saat membuat kolom field pada tabel.
d. Mulai membuat tabel berdasarkan data yang penting sesuai flow aplikasi. Bisa diikuti
sebagai berikut,

1) Membuat tabel user (tb_user). Dapat kalian ikuti seperti berikut,

2) Membuat tabel outlet (tb_outlet). Dapat kalian ikuti sebagai berikut,

Bait Syaiful RIjal, M.Pd | 2

 Pemrogaman WEB dan Perangkat Bergerak (PWPB) | SMK N 1 Bantul

3) Memuat tabel paket (tb_paket). Dapat kalian ikuti sebagai berikut,

4) Membuat tabel pelanggan (tb_pelanggan). Dapat kalian ikuti sebagai berikut,

5) Membat tabel pakaian (tb_pakaian). Dapat kalian ikuti sebagai berikut,

Bait Syaiful RIjal, M.Pd | 3

 Pemrogaman WEB dan Perangkat Bergerak (PWPB) | SMK N 1 Bantul

6) Membuat tabel transaksi (tb_transaksi). Dapat kalian ikuti sebagai berikut,

7) Pastikan data entitas yang dijadikan field pada table dalam database sesuai dengan
kriteria yang dibutuhkan oleh aplikasi yang dikembangkan. Pengembangan database
diserahkan pada masing-masing programmer untuk dapat menyesuaikannya, jadi
jangan ragu untuk melakukan eksplorasi namun tetap mengacu pada scenario PDM
yang telah diberikan. Untuk kolom yang akan direlasikan dipastikan penggunaan tipe
dan panjang datanya sesuasi atau sama. Untuk kolom yang menggunakan tipe data
enum bisa diisikan dengan option yang sesuai.

5. Membuat relasi antar table yang dapat saling dihubungkan. Untuk konsep dan teori pemilihan
model relasi dapat kalian pelajari secara detail pada mapel basis data, dalam modul ini hanya
akan dijelaskan pembuatan relasi antar table sesuai dengan topic kasus aplikasi yang
dikembangkan. Ada beberapa relasi antar table yang dapat kita buat pada pengembangan
aplikasi, yaitu sebagai berikut.
a. Membuat relasi antara tabel user (tb_user) dengan tabel outlet (tb_outlet).
Untuk membuat relasi antar data dibutuhkan field/kolom yang akan dijadikan
penghubung antar keduanya. Pastikan field tersebut ada dan sesuai strukturnya.
Setting dilakukan pada table yang terdapat kolom sebagai foreign key, dalam kasus ini
di tb_user terdapat kolom user_outlet yang merupakan foreign key dari kolom
outlet_id yang merupakan primary key dari tb_outlet. Selanjutnya, kalian bisa
mengikuti cara sebagai berikut.
1) Buka pada table tb_user, lalu klik pada menu struktur.

Bait Syaiful RIjal, M.Pd | 4

 Pemrogaman WEB dan Perangkat Bergerak (PWPB) | SMK N 1 Bantul

2) Pada kolom user_outlet, pilih more/lainnya lalu pilih index.

3) Buka option relation view yang terdapat pada struktur table tb_user.
4) Lalu isikan data foreign key dan primary key pada database. Bisa kalian ikuti
seperti gambar berikut.

5) Setelah itu klik save/simpan, jika sudah kalian dapat melihat hasil relasi dengan
cara mengakses pada desaigner dengan cara klik pada nama database yaitu
pwpb_laundry -> more/lainnya -> designer. Maka hasilnya adalah sebagai
berikut.

6) Tabel sudah direlasikan, untuk detail pemilihan jenis relasi (restrict on delete on
update) dapat kalian sesuasikan dan baca pada materi basisdata. Lalu bisa kalian
sesuaikan sesuai kebutuhan kalian sebagai programmer.

b. Membuat relasi antara tabel pelanggan (tb_pelanggan) dengan tabel outlet

(tb_outlet).
Untuk membuat relasi antar table ini cara dan prinsipnya sama dengan membuat
relasi table yang sebelumnya. Silakan kalian eksplorasi dan sesuaikan secara mandiri
untuk membuat relasi tersebut. Sebagai bantuan dapat dilihat pada keterangan
sebagai berikut.

c. Membuat relasi antara tabel paket (tb_paket) dengan tabel outlet(tb_outlet).

Untuk membuat relasi antar table ini cara dan prinsipnya sama dengan membuat
relasi table yang sebelumnya. Silakan kalian eksplorasi dan sesuaikan secara mandiri

Bait Syaiful RIjal, M.Pd | 5

 Pemrogaman WEB dan Perangkat Bergerak (PWPB) | SMK N 1 Bantul

untuk membuat relasi tersebut. Sebagai bantuan dapat dilihat pada keterangan
sebagai berikut.

d. Membuat relasi antara tabel pakaian (tb_pakaian) dengan tabel transaksi

(tb_transaksi).
Untuk membuat relasi antar table ini cara dan prinsipnya sama dengan membuat
relasi table yang sebelumnya. Silakan kalian eksplorasi dan sesuaikan secara mandiri
untuk membuat relasi tersebut. Sebagai bantuan dapat dilihat pada keterangan
sebagai berikut.

e. Membuat relasi antara tabel transaksi (tb_transaksi) dengan semua tabel lainnya.
Untuk membuat relasi antar table ini cara dan prinsipnya sama dengan membuat
relasi table yang sebelumnya. Silakan kalian eksplorasi dan sesuaikan secara mandiri
untuk membuat relasi tersebut. Sebagai bantuan dapat dilihat pada keterangan
sebagai berikut.

Bait Syaiful RIjal, M.Pd | 6

 Pemrogaman WEB dan Perangkat Bergerak (PWPB) | SMK N 1 Bantul

f. Setelah melakukan relasi table maka kita akan mendapatkan hasil akhir dari relasi
table basisdata untuk aplikasi ini adalah sebagai berikut.

6. Jika semua tabel dan relasi telah dibuat, langkah selanjutnya adalam membuat dummy data
atau isian data rekaan pada tabel database. Untuk data rekaan ini silakan kalian isikan secara
mandiri dengan eksplorasi fitur-fitur yang ada pada tabel database yane telah dibuatkan.
Sebagai contoh dapat kalian perhatikan pada pembuatan data untuk tabel tb_user sebagai
berikut.

NB. Untuk pembuatan user, pada bagian password silakan dipraktekkan untuk memberikan
enkripsi pada passwordnya. Jika dilihat dari gambar diberikan contoh kita akan menggunakan
enkripsi MD5 untuk pengamanan password.

7. Selesaikan pembuatan database secara utuh hingga siap digunakan untuk proses
development aplikasi selanjutnya.

Bait Syaiful RIjal, M.Pd | 7

 Pemrogaman WEB dan Perangkat Bergerak (PWPB) | SMK N 1 Bantul

 Selamat Belajar dan Berkarya

Bait Syaiful RIjal, M.Pd | 8