Institut Sains dan Teknologi Terpadu

Surabaya
Jl. Ngagel Jaya Tengah 73 - 77, Surabaya 60284
Telp. (031) 5027920 Fax. (031) 5041509

Laboratorium : E – 401 Praktikum : Framework Aplikasi Internet

Waktu : Kamis / 13.15 – 15.15 Jurusan : S1 – Sistem Informasi Bisnis
Minggu Ke :3 Tanggal : 26 September 2019
Materi : State Management Jenis Soal : Materi dan Tugas

MATERI (TOTAL: 40)

Buatlah sebuah aplikasi gojek sederhana dengan tampilan sebagai berikut :

Pada saat program pertama kali dijalankan, akan membuka halaman login. Pada halaman login berikan
pengecekan username dan password telah terdaftar. Jika belum, dapat melakukan register dengan klik button
register.

Pada halaman register, masukkan username, password, dan confirm password. Berikan pengecekan
username tidak kembar. Berikan pengecekan password harus sama dengan confirm password. Tampilkan
semua pesan error.

Jika username dan password benar, masukkan ke dalam halaman user.

1
Pada halaman customer, tampilkan nama dari customer. Tampilkan dua dropdown seperti gambar yang
merupakan pick up location dan destination. Setiap kali terjadi perubahan lokasi, tampilkan juga perubahan
biaya perjalanannya. Lalu, klik button Order untuk memesan.

Pada halaman login, jika memasukkan admin pada username dan password, maka akan membuka halaman
admin. Semua user yang telah di daftarkan akan masuk ke dalam dropdown username. Setiap kali memilih
username, maka detail dari username tersebut akan muncul seperti pada contoh. Data yang dapat
dimunculkan hanya satu saja per username.

Biaya perjalanan :
 Undaan – Petemon : 10000
 Kertajaya – Siwalankerto : 20000
 Petemon – Kertajaya : 15000
 Siwalankerto – Undaan : 25000
 Undaan – Kertajaya : 15000
 Petemon - Siwalankerto : 20000

DILARANG MENGGUNAKAN SYNTAX YANG BELUM DIAJARKAN DI DALAM

PRAKTIKUM
MELANGGAR = 0

MATERI: 40
SCORE KRITERIA
0/3/6 Syarat validasi register benar (3 jika ada syarat yang tidak terpenuhi)
0/4 Dapat melakukan login customer (terdapat pengecekan username dan password telah
terdaftar)
0/3 Dapat menampilkan nama username yang sedang login
0/4/8 Dapat memilih pick up location dan destination (biayanya berubah sesuai dengan lokasi)
0/4 Dapat melakukan order
0/2 Dapat melakukan login admin
0/5 Dapat menampilkan username customer yang telah terdaftar pada dropdown admin
dengan benar
0/3/6 Dapat merubah data pesanan sesuai dengan username customer yang dipilih.
0/2 Button Logout pada 2 halaman bekerja dengan baik

2
 TUGAS (TOTAL = 30)
Lanjutkan materi dengan beberapa fitur yang ditambahkan.
Tambahkan fitur GoFood pada bagian customer dan driver dengan tampilan sebagai berikut.

Tambahkan radio button gojek dan gofood pada bagian atas. Ketika radio button gojek dipilih, maka bagian
gofood tidak bisa ditekan, begitu juga sebaliknya. Pada halaman customer, tampilkan dropdown berisi
makanan apa saja yang dapat dipesan dan pilih juga destination pengirimannya. Setiap kali memilih
makanan dan destination, maka rincian yang berada di bawah juga akan berubah (termasuk total). Sistem
order sama seperti materi, jika melakukan order pada gofood, maka tidak dapat melakukan gojek, begitu
juga sebaliknya. Setelah order selesai, maka bagian rating dapat dilakukan dengan memberikan nilai 1 – 5.
Selama order bagian rating tidak bisa dilakukan. Selama rating, bagian order tidak bisa dilakukan.

Keterangan biaya gofood :

 Nasi Goreng – 10000
 Ayam Geprek – 12000
 Tahu Telor – 15000
 Nasi Koloke – 20000

Ongkos kirim :
 Undaan – 5000
 Petemon – 3000
 Kertajaya – 4000
 Siwalankerto - 7000

3
Pada halaman driver, tambahkan juga radio button gojek dan gofood sama seperti customer. Tampilan
dropdown customer yang melakukan pesanan gojek dan gofood dipisahkan. Pada bagian gofood, ketika
mengganti customer, tampilkan destination dan pesanan apa yang dipesan beserta rincian harganya. Button
accept juga sama seperti materi, jika telah melakukan accept pada gofood, maka tidak bisa melakukan
accept pada gojek. Button accept akan bisa digunakan lagi setelah 5 detik. Hilangkan juga customer yang
pesanannya telah selesai. Tampilkan juga hasil rating dari customer dengan rumus “total rating/total order”.

Tambahkan juga halaman admin seperti berikut :

Pada halaman admin, terdapat radiobutton driver dan customer. Ketika memilih customer, maka dropdown
username akan menampilkan username dari customer. Begitu juga untuk radiobutton driver. Ketika memilih
username, maka tampilkan status dari id mereka apakah active atau tidak. Terdapat button Suspend untuk
mengubah status dari username tersebut. Ketika status diubah menjadi NonActive, maka username tersebut
tidak dapat melakukan login.

DILARANG MENGGUNAKAN SYNTAX YANG BELUM DIAJARKAN DI DALAM

PRAKTIKUM
MELANGGAR = 0

4
TUGAS : 30
Highlight kriteria yang dikerjakan dengan warna kuning dan kumpulkan
SCORE KRITERIA
0/4 Materi Sempurna
0/2 Radio button gojek dan gofood bekerja dengan baik pada 2 halaman
0/2/4 Dapat memilih makanan dan destination dengan benar (rincian ikut berubah)
0/2 Penghitungan total benar
0/4 Dapat memberikan rating kepada driver
0/3 Dapat mengganti rincian pesanan sesuai dengan customer yang dipilih (halaman driver
gofood)
0/3 Dapat menampilkan rating dengan rumus yang benar
0/1 Dapat masuk ke dalam halaman admin
0/3 Dapat menampilkan username sesuai dengan radiobutton yang dipilih
0/2/4 Dapat mengganti status dari username dan tidak dapat login ketika non-active (2 jika
hanya dapat mengganti status dari username)

Menyetujui Mengetahui Penyusun Soal

(Devi Dwi Purwanto, S. Kom., (Grace Levina Dewi, M.Kom.) (Eliphaz Julianto)
M.Kom.) Koordinator Laboratorium Asisten
Koordinator Kuliah