Gambar 1.1 Tampilan Layar Halaman Utama User

Transkripsi

1 Prosedur Menjalankan Program 1. Halaman Utama User Pada tahap ini, user yang ingin login dapat memilih berbagai menu yang telah disediakan, berbagai macam menunya seperti: Home, Member Area, Category, About Us, Info, Faq dan Testimoni. STD halaman utama user menjelaskan alur dari tampilan menu utama yang dapat diakses oleh user. Perancangan tampilan layar halaman utama user dapat dilihat pada gambar berikut: Gambar 1.1 Tampilan Layar Halaman Utama User Pada layar utama user ini, user hanya dapat melihat tampilan semua menu sehingga user dapat mengetahui menu apa saja yang terdapat di web.

2 2. Login User Pada halaman login user harus mengisi username password kemudian menekan tombol sign in untuk masuk ke halaman berikutnya yaitu halaman tampilan menu user, jika data yang dimasukkan salah maka akan menampilkan pesan kesalahan, jika user dapat dengan sukses memasukkan username dan password maka juga akan menampilkan pesan sukses, selanjutnya jika user belum mempunyai username dan password maka user dapat melakukan registrasi terlebih dahulu dengan memilih register. Berikut merupakan tampilan layar dari halaman login: Gambar 2.1 Tampilan Layar Login User Pada tampilan layar login user yang harus dilakukan adalah mengisi field username dan password, sehingga user dapat melakukan transaksi.

3 Pada halaman ini merupakan tampilan pesan kesalahan jika user salah memasukan username atau password. Hal ini agar dapat memudahkan user untuk mengetahui kesalahan yang dilakukannya dan melakukan ulang login. Berikut merupakan tampilan dari halaman pesan kesalahan login: Gambar 2.2 Tampilan Layar Pesan Kesalahan Login Pada layar pesan kesalahan login jika user melakukan kesalahan dalam menginput username atau password maka akan tampil pesan Please Check your Username or Password again! sehingga user harus melakukan login kembali

4 Pada halaman ini merupakan tampilan pesan sukses setelah user dapat dengan benar memasukan username atau password dan akan menampilkan pesan sukses yang sesuai dengan username yang dimiliki oleh user. Berikut merupakan tampilan layar dari halaman pesan sukses melakukan login: Gambar 2.3 Tampilan Layar Pesan Sukses Login Pada layar Pesan Sukses Login jika user memasukan username dan password dengan benar maka akan tampil pesan Welcome Back sehingga user dapat melakukan transaksi selanjutnya.

5 3. Registrasi Pada halaman ini merupakan tampilan layar registrasi, jika user tidak mempunyai account maka user tidak dapat masuk ke halaman menu user dan tidak dapat mengikuti pelelangan, oleh karena itu user diwajibkan untuk melakukan registrasi terlebih dahulu. User harus memasukkan semua data secara lengkap dan benar diantaranya full name, username, password, , phone dan address selanjutnya user memilih registration. Jika user berhasil melakukan registrasi maka akan menampilkan pesan sukses. Jika user memasukkan username yang sebelumnya sudah terdaftar maka akan menampilkan pesan kesalahan. Berikut merupakan tampilan layar dari halaman registrasi: Gambar 3.1 Tampilan Layar Registration Pada layar Registration user yang ingin melakukan pendaftaran harus mengisi semua data terlebih dahulu yang kemudian datanya disimpan sehingga menjadi id user untuk melakukan login.

6 Pada halaman ini merupakan tampilan pesan sukses setelah user dapat dengan benar memasukan username atau password dan akan menampilkan pesan sukses yang sesuai dengan username dari user. Berikut merupakan tampilan layar dari halaman pesan sukses melakukan login: Gambar 3.2 Tampilan Layar Pesan Sukses Registration Pada layar Pesan Sukses Registration user yang sudah mengisi semua data pendaftaran akan tampil pesan Registration was successfull!! sehingga user mengetahui bahwa sudah terdaftar.

7 Pada halaman ini merupakan tampilan pesan kesalahan registration jika user memasukkan username yang sebelumnya sudah terdaftar. Pesan kesalahan register ini agar memudahkan user untuk mengetahui kesalahan mereka dan memasukkan username yang berbeda. Berikut merupakan tampilan dari halaman pesan kesalahan registration: Gambar 3.3 Tampilan Layar Pesan Kesalahan Registration Pada tampilan layar pesan kesalahan registration user yang sudah melakukan pendaftaran sebelumnya atau data yang dimasukan sama maka akan muncul pesan This username already registered! sehingga user dapat melengkapi data yang dibutuhkan dengan data yang lain.

8 4. Home Pada Tampilan menu home ini seperti tampilan pada halaman utama menu user, bedanya hanya terdapat pada daerah member area, jika user sudah berhasil melakukan login maka akan muncul member area tetapi jika user belum berhasil untuk melakukan login maka member area tidak akan muncul. Berikut merupakan perancangan layar home: Gambar 4.1 Tampilan Layar home Pada tampilan layar home ini dimana user yang sudah terdaftar dan melakukan login maka terdapat nama user didalam tampilan layar ini dibagian kanan atas menandakan bahwa user sudah masuk kedalam web sehingga user dapat melakukan transaksi yang diinginkan.

9 5. About Us Pada halaman about us ini terdapat informasi tentang PT. Balai Lelang Internusa, informasi tersebut berupa sejarah singkat tentang berdirinya perusahaan ini, selain itu terdapat juga contact person yang dapat dihubungi oleh user sesuai dengan jam kerja perusahaan. Berikut merupakan tampilan dari halaman about us: Gambar 5.1 Tampilan Layar About Us Pada layar about us dimana user dapat melihat tentang sejarah perusahaan sehingga user dapat mengetahui perkembangan perusahaan lelang.

10 6. Info Pada halaman ini menampilkan halaman info yang dapat dilihat user, isi dari halaman info ini adalah sebuah pemberitahuan atau informasi mengenai pemenang pelelangan atau terdapat informasi-informasi penting lainnya yang berkaitan tentang pelelangan, sehingga memudahkan user untuk mendapatkan dan mengetahui informasi-informasi tersebut. Berikut merupakan tampilan layar dari halaman info: Gambar 6.1 Tampilan Layar Info Pada layar info user akan diberitahu informasi tentang pemenang yang dalam proses lelang yang diikutinya.

11 7. Profile Pada halaman menu profile ini menampilkan profile dari user. User dapat merubah data, mengganti username atau password. Jika user sukses untuk merubah profilenya maka akan menampilkan halaman pesan sukses tetapi jika user tidak berhasil untuk merubah profile maka akan terdapat pesan kesalahan seperti. Berikut adalah tampilan halaman profile: Gambar 7.1 Tampilan Layar Profile Pada layar profile ini user dapat melakukan perubahan data pribadi sehingga data yang terdaftar sesuai dengan data yang paling terbaru user

12 Pada halaman ini menampilkan pesan sukses update profile dari user. Halaman ini ketika user sudah merubah, menganti atau mengupdate profile yang dimilikinya dan sudah memilih update. Berikut adalah tampilan layar halaman pesan sukses update profile: Gambar 7.2 Tampilan Layar Pesan Sukses Update Profile Pada layar pesan sukses update profile user yang sudah memperbarui datanya akan muncul pesan You account information has been updated! sehingga user dapat mengetahui bahwa data yang diperbaharui sudah terupdate.

13 Pada halaman ini menampilkan pesan kesalahan dalam melakukan update profile dari user. Halaman ini ketika user sudah merubah, menganti atau mengupdate profile yang dimilikinya dan sudah memilih update, tetapi no telfon yang dimasukkan salah atau tidak berupa angka tetapi berupa huruf. Berikut adalah tampilan layar halaman pesan kesalahan update profile: Gambar 7.3 Tampilan Layar Pesan Kesalahan Update Profile Pada layar pesan kesalahan update profile muncul pesan Phone is number only pesan tersebut akan muncul apabila user salah memasukkan no telepon yang harus diisi dengan angka sehingga user dapat memasukkan kembali no teleponnya berupa angka.

14 8. Category Pada menu category ini terdapat 5 sub menu yang dapat dipilih user yaitu item lelang yang terbagi atas house, land, car, notebook dan tablet. Pada menu category ini juga dimana user dapat melakukan bid untuk item yang diinginkannya. Berikut merupakan tampilan layar dari halaman category: Gambar 8.1 Tampilan Layar Category Pada layar Category ini user dapat melihat semua category yang tersedia sehingga user dapat mengetahui category apa saja yang terdaftar.

15 9. House Pada sub menu house ini terdapat nama item atau produk beserta harga dari item atau produk tersebut dan tanggal berakhirnya dari setiap produk, jika user berminat dengan salah satu item yang terdapat di sub menu house ini user dapat melakukan bid. Sebelumnya user harus membuka salah satu item category. Berikut merupakan tampilan layar dari halaman notebook: Gambar 9.1 Tampilan Layar House Pada layar house user dapat melihat berbagai macam item house dengan berberapa tipe house yang ditawarkan dengan harga dan tanggal expired dari setiap item sehingga user dapat mengetahui lebih lengkap dari item house.

16 Pada produk dari sub menu house ini terdapat nama item atau produk beserta harga dari item atau produk tersebut, tanggal berakhirnya, harga terakhir dan detail dari item tersebut, jika user berminat dengan item ini maka user dapat melakukan bid dengan memasukan saldo dan memilih raise. Berikut merupakan tampilan layar dari halaman bid house: Gambar 9.2 Tampilan Layar Bid House Pada layar Bid house user yang sudah memilih item yang diinginkan dan memiliki saldo dapat melakukan raise bid sehingga user dapat mengikuti proses lelang dari item tersebut.

17 10. Land Pada sub menu land ini terdapat nama item atau produk beserta harga dari item tersebut dan tanggal berakhirnya dari setiap produk, jika user berminat dengan salah satu item yang terdapat di sub menu land ini user dapat melakukan bid. Sebelumnya user harus membuka salah satu item. Berikut merupakan tampilan layar dari halaman land: Gambar 10.1 Tampilan Layar Land Pada layar land ini user dapat melihat berbagai macam item land dengan berberapa tipe land yang ditawarkan dengan harga dan tanggal expired dari setiap item sehingga user dapat mengetahui detail item tersebut.

18 Pada produk dari sub menu land ini terdapat nama item atau produk beserta harga dari item atau produk tersebut, tanggal berakhirnya, harga terakhir dan detail dari item tersebut, jika user berminat item ini maka user dapat melakukan bid dengan memasukan saldo dan memilih raise. Berikut merupakan tampilan layar dari halaman bid land: Gambar 10.2 Tampilan Layar Bid Land Pada layar Bid Land user yang sudah memilih item yang diinginkan dan memiliki saldo dapat melakukan raise bid sehingga user dapat melakukan proses lelang item tersebut.

19 11. Car Pada sub menu car ini terdapat nama item atau produk beserta harga dari item tersebut dan tanggal berakhirnya dari setiap produk, jika user berminat dengan salah satu item yang terdapat di sub menu car ini user dapat melakukan bid. Sebelumnya user harus membuka salah satu item seperti pada gambar Berikut merupakan tampilan layar dari halaman car: Gambar 11.1 Tampilan Layar Car Pada layar car ini user dapat melihat berbagai macam item car dengan berberapa tipe Car yang ditawarkan dengan harga dan tanggal expired dari setiap item sehingga user dapat mengetahui transaksi yang ada didalamnya.

20 Pada produk dari sub menu car ini terdapat nama item atau produk beserta harga dari item atau produk tersebut, tanggal berakhirnya, harga terakhir dan detail dari item tersebut, jika user berminat item ini maka user dapat melakukan bid dengan memasukan saldo dan memilih raise. Berikut merupakan tampilan layar dari halaman bid car: Gambar 11.2 Tampilan Layar Bid Car Pada layar Bid car user yang sudah memilih item yang diinginkan dan memiliki saldo dapat melakukan raise bid sehingga user dapat melakukan proses lelang item tersebut.

21 12. Notebook Pada sub menu notebook ini terdapat nama item atau produk beserta harga dari item tersebut dan tanggal berakhirnya dari setiap produk, jika user berminat dengan salah satu item yang terdapat di sub menu notebook ini user dapat melakukan bid. Sebelumnya user harus membuka salah satu item. Berikut merupakan tampilan layar dari halaman notebook: Gambar 12.1 Tampilan Layar Notebook Pada layar notebook ini user dapat melihat berbagai macam item notebook dengan berberapa tipe notebook yang ditawarkan dengan harga dan tanggal expired dari setiap item sehingga user dapat mengetahui transaksi yang ada didalamnya.

22 Pada produk dari sub menu notebook ini terdapat nama item atau produk beserta harga dari item atau produk tersebut, tanggal berakhirnya, harga terakhir dan detail dari item tersebut, jika user berminat item ini maka user dapat melakukan bid dengan memasukan saldo dan memilih raise. Berikut merupakan tampilan layar dari halaman bid notebook: Gambar 12.2 Tampilan Layar Bid Notebook Pada layar Bid notebook user yang sudah memilih item yang diinginkan dan memiliki saldo dapat melakukan raise bid sehingga user dapat melakukan proses lelang item tersebut.

23 13. Tablet Pada sub menu tablet ini terdapat nama item atau produk beserta harga dari item tersebut dan tanggal berakhirnya dari setiap produk, jika user berminat dengan salah satu item yang terdapat di sub menu tablet ini user dapat melakukan bid. Sebelumnya user harus membuka salah satu item. Berikut merupakan tampilan layar dari halaman tablet: Gambar 13.1 Tampilan Layar Tablet Pada layar tablet ini user dapat melihat berbagai macam item tablet dengan berberapa tipe tablet yang ditawarkan dengan harga dan tanggal expired dari setiap item sehingga user dapat mengetahui transaksi yang ada didalamnya.

24 Pada produk dari sub menu tablet ini terdapat nama item atau produk beserta harga dari item atau produk tersebut, tanggal berakhirnya, harga terakhir dan detail dari item tersebut, jika user berminat item ini maka user dapat melakukan bid dengan memasukan saldo dan memilih raise. Berikut merupakan tampilan layar dari halaman bid tablet: Gambar 13.2 Tampilan Layar Bid Tablet Pada layar Bid tablet user yang sudah memilih item yang diinginkan dan memiliki saldo dapat melakukan raise bid sehingga user dapat melakukan proses lelang item tersebut.

25 14. Confirmation Pada halaman confirmation ini, user diminta untuk menginput atau memasukan nama bank, jumlahnya dan pesan seperti transfer atau cash lalu klik tombol submit, setelah user melakukan penginputan maka admin akan memverifikasinya. Jika admin sudah memverifikasinya maka secara otomatis saldo user akan bertambah sesuai dengan nominal yang di input tetapi jika angka nominal yang dimasukan user salah, maka akan menampilkan pesan kesalahan sedangkan jika user menginput dengan benar maka akan menampilkan pesan sukses, dan akan menampilkan pesan kesalahan jika sebelumnya user sudah melakukan konfirmasi tetapi belum diterima oleh admin, maka user tidak dapat melakukan konfirmasi. Berikut merupakan tampilan layar dari halaman confirmation. Gambar 14.1 Tampilan Layar Confirmation Pada layar confirmation user yang ingin memasukkan maupun menambahkan jumlah nominal deposit untuk mengikuti proses lelang harus menginput di layar confirmation sehingga nominal yang diinginkan dapat di ketahui oleh admin untuk di accept.

26 Pada halaman ini menampilkan pesan kesalahan dalam melakukan input amount di menu confirmation ini. Pesan kesalahan akan ditampilkan jika angka nominal yang dimasukan user salah, salah yang dimaksud adalah jika ada titik, koma atau teks, karena yang diminta hanya berupa digit angka. Berikut adalah tampilan layar halaman pesan kesalahan confirmation: Gambar 14.2 Tampilan Layar Pesan kesalahan Confirmation Pada layar pesan kesalahan confirmation user yang ingin memasukkan maupun menambahkan nominal angka depositnya harus memasukkan dengan angka apabila user melakukan kesalahan akan muncul pesan Topup amount is number only sehingga user mengetahui kesalahan.

27 Pada halaman ini menampilkan pesan sukses dalam melakukan proses confirmation, setelah user sukses melakukan proses ini, maka user harus menunggu admin untuk menerima atau memilih accept sehingga saldo yang dimiliki oleh user akan otomatis bertambah dan user dapat melakukan bid. Berikut adalah tampilan layar halaman pesan sukses confirmation: Gambar 14.3 Tampilan Layar Pesan Sukses Confirmation Pada layar pesan sukses confirmation user harus menunggu admin untuk menerima permintaan penambahan saldo maka akan muncul pesan Your confirmation was submited, please wait until we confirm your payment.

28 15 Halaman Login Admin Pada halaman login ini admin harus mengisi username dan password kemudian menekan tombol login untuk masuk ke halaman berikutnya yaitu halaman home, jika data yang dimasukkan salah maka layar login akan merefresh secara otomatis sehingga username dan password akan hilang. Selanjutnya jika admin lupa username dan password maka admin dapat memilih forgot password. Jika admin salah memasukkan password maka akan menampilkan pesan kesalahan. Berikut merupakan tampilan layar dari halaman login admin: Gambar 15.1 Tampilan Layar Login Admin

29 16 Halaman Confirmation Pada halaman ini menampilkan data user yang sudah mengkonfimasi saldo yang telah dikirimnya melalui menu confirmation saldo ini dikirim melalui transfer ke bank yang telah disediakan oleh perusahaan. Admin dapat menerima atau membatalkan, jika admin menerima maka secara otomatis saldo user akan bertambah dan user dapat melakukan pelelangan. Berikut merupakan tampilan layar dari halaman confirmation: Gambar 16.1 Tampilan Layar Confirmation

30 17 Halaman Logout Pada halaman ini menampilkan halaman logout untuk admin. Admin dapat menutup aplikasi ini dengan memilih logout, jika admin memilih ok maka aplikasi akan tertutup tetapi jika admin memilih cancel atau batal maka admin akan masuk ke halaman utama menu admin. Berikut merupakan tampilan layar dari Logout: Gambar 17.1 Tampilan Layar Logout Pada halaman ini jika aplikasi menampilkan pesan untuk melanjutkan logout atau membatalkan logout admin memilih ok untuk melanjutkan logout, maka akan menampilkan pesan sukses seperti pada gambar berikut:

31 Gambar 17.2 Tampilan Layar Pesan Sukses Logout Pada halaman ini menampilkan perubahan amount atau nominal yang dimiliki user yang sebelumnya sudah melakukan pengisian data di sub menu confirmation, dan juga sudah di accept oleh admin maka dengan otomatis nominal angka akan berubah sesuai dengan jumlah yang telah di masukkan (input). Berikut merupakan tampilan layar dari halaman perubahan saldo:

32 Gambar 17.3 Tampilan Layar Perubahan saldo Pada layar ini saldo yang sudah di terima oleh admin dari permintaan user secara otomatis saldo pada user akan bertambah dengan sendirinya sehingga user dapat ikut melakukan proses lelang yang diinginkan.

33 18 Bid Pada halaman bid ini terdapat item yang sudah dipilih user sebelumnya, selain itu terdapat deskripsi dari item, foto-foto serta angka terkhir user lain melakukan bid. User dapat mengisi box rise bid untuk melakukan bid sesuai dengan angka atau nominal yang dimiliki user. Jika item sudah habis masa berlakunya maka akan muncul pesan kesalahan dan jika bid berhasil maka saldo akan berkurang otomatis dan akan menampilkan pesan sukses sesuai dengan saldo yang dimasukkan dan akan menampilkan pesan sukses. Aplikasi juga akan menampilkan pesan kesalahan ketika user tidak mempunyai saldo yang cukup untuk melakukan bid. Berikut merupakan tampilan layar dari halaman bid: Gambar 18.1 Tampilan Layar BID Pada layar bid user dapat memilih item yang diinginkan dengan jumlah saldo yang mencukupi sehingga user dapat melakukan bid selama proses lelang.

34 Pada halaman ini akan menampilkan pesan kesalahan jika produk yang ingin dibid sudah melewati tanggal pelelangan, sehingga memudahkan user untuk mengetahui kesalahan user dan user dapat langsung berpindah ke produk yang lainnya. Berikut merupakan tampilan layar dari halaman pesan kesalahan bid expired: Gambar 18.2 Tampilan Layar Pesan Kesalan Bid Expired Pada halaman ini user dapat mengetahui kapan item yang di lelangkan berakhir masa lelangnya dengan adanya keterangan bid expired on sehingga user dapat mengetahui masa berlaku item.

35 Pada halaman ini akan menampilkan saldo yang telah berkurang secara otomatis ketika user berhasil untuk melakukan bid, dapat dilihat di sisi kanan atas saldo telah berkurang dibandingkan dengan saldo sebelumnya ketika user menekan tombol rise bid, dan bid berjalan sukses selain itu pada halaman ini akan menampilkan pesan sukses bid. Berikut merupakan tampilan layar dari halaman pesan sukses bid: Gambar 18.3 Tampilan Layar Pesan Sukses Bid Pada halaman ini saldo akan berkurang dengan otomatis saat user berhasil melakukan bid untuk item yang diinginkan sehingga muncul pesan you already bid item, please wait for another user.

36 Pada halaman ini akan menampilkan pesan kesalahan ketika saldo yang dimiliki user tidak mencukupi untuk melakukan bid pada item tersebut. Berikut merupakan tampilan layar dari halaman pesan kesalahan saldo tidak mencukupi: Gambar 18.4 Tampilan Layar Pesan Kesalahan Saldo Tidak Mencukupi Pada halaman ini user yang tidak memiliki cukup saldo tidak dapat melakukan bid pada item sehingga muncul pesan pada layar untuk memberitahu user untuk mengisi saldo kembali.

37 19 FAQ Pada halaman ini merupakan halaman Faq, dimana user dapat melihat petunjuk untuk melakukan lelang atau menjadi partner dari perusahaan. Berikut merupakan perancangan layar dari halaman Faq: Gambar 19.1 Tampilan Layar FAQ Pada layar Faq ini merupakan layar untuk tanya jawab proses lelang sehingga apabila user tidak mengerti sesuatu prosedur lelang dapat menanyakannya di layar faq.

38 20 Testimoni Pada halaman ini merupakan halaman testimoni, dimana user dapat memasukan testimoni tentang proses pelelangan atau testimoni yang lainnya, testimoni ini hanya dapat diakses oleh user yang memiki account. Hal ini untuk mengurangi berbagai macam testimoni yang tidak berkenan. Berikut merupakan tampilan layar dari halaman Testimoni: Gambar 20.1 Tampilan Layar Testimoni Pada halaman testimoni kritik dan saran untuk perusahaan dapat di ungkapkan pada layar ini sehingga perusahaan dapat mengetahui apa saja pesan dari user.

39 Pada halaman ini merupakan halaman pesan sukses testimoni, dimana user sudah memasukan testimoni tentang proses lelang yang sudah dilakukan ataupun berbagai testimoni yang lainnya dan sudah memilih submit. Berikut merupakan tampilan layar dari halaman pesan sukses testimoni: Gambar 20.2 Tampilan Layar Pesan Sukses Testimoni Pada layar pesan sukses testimoni user yang berhasil melakukan testimoni akan muncul pesan thank you sehingga user dapat mengetahui bahwa pesannya sudah berhasil tersimpan.

40 21 Search Pada halaman ini merupakan halaman search, dimana user dapat memasukan kata kunci yang ingin dicari. Jika kata kunci tersebut sesuai maka item yang dicari akan muncul di layar. Berikut merupakan tampilan dari halaman Search: Gambar 21.1 Tampilan Layar Search Pada layar search user dapat dengan mudah mencari item apa yang diinginkan dengan menginput sesuai dengan kata kunci yang dicari sehingga memudahkan user untuk menemukan item yang diinginkan dengan mudah.

41 22 Logout Pada halaman ini merupakan halaman logout, dimana user dapat memilih logout untuk keluar dari account user. Berikut merupakan tampilan layar dari halaman logout: Gambar 22.1 Tampilan Layar Logout Pada layar logout ini layar dimana user sudah selesai melakukan transaksi sehingga user dapat keluar dari account.