ANALISIS DAN PERANCANGAN SISTEM
UPDATE KACAMATA
4.1 Implementasi Database
4.2.1 Implementasi Halaman Untuk User .1 Halaman Awal .1 Halaman Awal
Halaman awal (halaman utama) adalah halaman yang mempunyai menu sama dengan halaman-halaman lainnya yang tidak dibawah halaman administrator dan user. Menu-menu tersebut adalah Halaman Awal, Daftar Lensa, Daftar Frame, Informasi, Buku Tamu, Menu SPPK, Cari Data Lensa Dan Cari Data
Frame. Tampilan tersebut dapat dilihat pada gambar berikut ini :
4.2.1.2 Daftar Lensa
Halaman ini hanya untuk menampilkan data-data lensa yang meliputi kode_lensa, bahan, merek, jenis ketebalan lensa, jenis lensa kiri, jenis lensa kanan, ukuran lensa kiri, ukuran lensa kanan, warna, gambar dan harga lensa. Dalam halaman ini tidak disediakan fasiltas untuk mengedit, menghapus maupun menambah data. Tampilan tersebut dapat dilihat pada gambar berikut :
Gambar 4.14 Daftar Lensa 4.2.1.3 Daftar Frame
Halaman ini hanya untuk menampilkan data-data frame yang meliputi
kode_frame, bahan, merek, bentuk, type, warna, gambar dan harga frame. Dalam
halaman ini tidak disediakan fasiltas untuk mengedit, menghapus maupun menambah data. Tampilan tersebut dapat dilihat pada gambar berikut :
Gambar 4.15 Daftar Frame 4.2.1.4 Buku Tamu
Halaman ini digunakan untuk menginputkan buku tamu berupa nama,
email dan komentar yang selanjutnya hasilnya akan ditampilkan pada halaman
web. Tampilan form buku tamu tersebut adalah seperti gambar di bawah ini :
Gambar 4.16 Buku Tamu 4.2.1.5 Menu Pilih
Halaman Menu Pilih ini adalah halaman form proses pemilihan kacamata oleh user. Dalam sistem ini disediakan kolom isian untuk user yang terdiri dari pilihan-pilihan lensa dan pilihan-pilihan frame. Pilihan lensa terdiri dari jenis lensa kiri, jenis lensa kanan, ukuran lensa kiri, ukuran lensa kanan, bahan lensa, warna lensa dan merek lensa. Sedangkan pilihan frame terdiri dari
bentuk frame, bahan frame, type frame, warna frame, dan merek frame. Kolom isian terakhir yang harus diisi adalah harga maksimal kacamata yang diinginkan. User tidak diharuskan mengisi semua pilihan dalam form tersebut, tetapi bisa hanya mengisi salah satu dari pilihan-pilihan yang tersedia dengan syarat harga maksimal kacamata harus diisi. Tampilan tersebut dapat dilihat pada gambar dibawah ini :
Gambar 4.17 Menu Pilih
Hasil pemilihan adalah halaman yang menampilkan hasil dari pemilihan pada proses sistem pendukung pengambilan keputusan untuk pemilihan kacamata yaitu berupa harga sebuah kacamata yang merupakan gabungan dari hasil penjumlahan harga lensa dan harga frame dari hasil pencarian. Tampilan tersebut dapat dilihat pada gambar berikut ini :
4.2.1.6 Cari Data Lensa
Halaman ini adalah halaman untuk pencarian data lensa. Pencarian berdasarkan merek, bahan, warna, harga, ukuran lensa kiri dan ukuran lensa kanan. Tampilan tersebut tesebut dapat dilihat pada gambar berikut ini :
Gambar 4.19 Pencarian Data Lensa
Tampilan untuk hasil pencarian data lensa adalah seperti pada gambar di bawah ini :
Gambar 4.20 Hasil Pencarian Data Lensa 4.2.1.7 Cari Data Frame
Halaman ini adalah halaman untuk pencarian data frame. Pencarian berdasarkan merek, bahan , warna dan bentuk frame. Tampilan tersebut adalah seperti pada gambar di bawah ini :
Tampilan untuk hasil pencarian data frame adalah seperti pada gambar di bawah ini :
Gambar 4.22 Hasil Pencarian Data Frame 4.2.2 Implementasi Halaman Untuk Administrator 4.2.2.1 Login Administrator
Login administrator ini adalah menu yang digunakan administrator untuk masuk ke halaman administrator yaitu dengan mengisikan nama admin dan informasi password yang diberikan atau kata kunci yang telah ditentukan oleh administrator. Setelah itu akan tampil menu-menu untuk administrator. Tampilan tersebut dapat dilihat seperti pada gambar 4. 18 dan gambar 4.19 di bawah ini.
Gambar 4.23 Login Administrator 4.2.2.2 Home Admin
Halaman admin adalah halaman untuk administrator yang digunakan untuk menginputkan data, mengupdate data, menampilkan data, mengupdate buku tamu, mencetak laporan dan mengganti password.
Tampilan tersebut dapat dilihat pada gambar berikut ini :
Gambar 4.24 Halaman Menu Administrator 4.2.2.3 Input Data
Submenu input data terdiri dari 10 submenu yaitu : 1. Input Data Lensa
Form input lensa adalah halaman bagi administrator untuk menginputkan data-data lensa. Form ini terdiri dari 6 field yang harus diisi yang meliputi kode_ lensa, bahan_lensa, warna_lensa, merek_lensa, ukuran_lensa dan gambar lensa. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.25 Input Data Lensa 2. Input Bahan Lensa
Form input bahan lensa adalah halaman bagi administrator untuk menginputkan data-data bahan lensa. Form ini terdiri dari 3 field yang harus
harga_bahan_lensa. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.26 Input Data Bahan Lensa 3. Input Data Merek Lensa
Form input merek lensa adalah halaman bagi administrator untuk menginputkan data-data merek lensa. Form ini terdiri dari 3 field yang harus diisi yang meliputi kode_merek_lensa, nama_merek_lensa, dan harga_merek_lensa. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.27 Input Data Merek Lensa 4. Input Ukuran Lensa
Form input merek lensa adalah halaman bagi administrator untuk menginputkan data-data ukuran lensa. Form ini terdiri dari 7 field yang harus diisi yang meliputi kode_ukuran_lensa, jenis ketebalan lensa, jenis
lensa kiri, jenis lensa kanan, ukuran lensa kiri, ukuran lensa kanan dan harga ukuran lensa. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.28 Input Data Ukuran Lensa 5. Input Warna Lensa
Form input warna lensa adalah halaman bagi administrator untuk menginputkan data-data warna lensa. Form ini terdiri dari 2 field yang harus diisi yang meliputi kode_warna_lensa, dan nama_warna_lensa. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.29 Input Data Warna Lensa 6. Input Data Frame
Form input frame adalah halaman bagi administrator untuk menginputkan data-data frame. Form ini terdiri dari 5 field yang harus diisi
yang meliputi kode_frame, bahan_frame, warna_frame, merek_frame, dan gambar frame. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.30 Input Frame 7. Input Merek Frame
Form input merek frame adalah halaman bagi administrator untuk menginputkan data-data merek frame. Form ini terdiri dari 5 field yang harus diisi yang meliputi kode_merek_frame, nama_merek_frame,
bentuk_merek_frame, type_merek_frame dan harga_merek_frame.
Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.31 Input Merek Frame 8. Input Bahan Frame
Form input bahan frame adalah halaman bagi administrator untuk menginputkan data-data bahan frame. Form ini terdiri dari 3 field yang
harus diisi yang meliputi kode_bahan_frame, nama_bahan_frame, dan harga_bahan_frame. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.32 Input Bahan Frame 9. Input Warna Frame
Form input warna frame adalah halaman bagi administrator untuk menginputkan data-data warna frame. Form ini terdiri dari 2 field yang harus diisi yang meliputi kode_warna_frame, dan nama_warna_frame. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.33 Input Warna Frame 10. Input Kacamata
Form input kacamata adalah halaman bagi administrator untuk menginputkan data-data kacamata. Form ini terdiri dari 3 field yang harus
diisi yang meliputi kode_kacamata, inputan untuk lensa dan inputan untuk frame. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.34 Input Kacamata 4.2.2.4 Update Data
Submenu update data terdiri dari 10 submenu, yaitu : 1. Update Data Lensa
Halaman ini digunakan untuk meng-update data-data lensa. Fasilitas yang ada dalam form ini yaitu edit dan delete. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.35 Update Data Lensa 2. Update Bahan Lensa
Halaman ini digunakan untuk meng-update data-data bahan lensa. Fasilitas yang ada dalam form ini yaitu edit dan delete. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.36 Update Bahan Lensa 3. Update Data Merek Lensa
Halaman ini digunakan untuk meng-update data-data merek lensa. Fasilitas yang ada dalam form ini yaitu edit dan delete. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.37 Update Merek Lensa 4. Update Data Ukuran lensa
Halaman ini digunakan untuk meng-update data-data ukuran lensa. Fasilitas yang ada dalam form ini yaitu edit dan delete. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
5. Update Data Warna Lensa
Halaman ini digunakan untuk meng-update data-data warna lensa. Fasilitas yang ada dalam form ini yaitu edit dan delete. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.39 Update Warna Lensa 6. Update Data Frame
Halaman ini digunakan untuk meng-update data-data frame. Fasilitas yang ada dalam form ini yaitu edit dan delete. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.40 Update Data Frame 7. Update Data Merek Frame
Halaman ini digunakan untuk meng-update data-data merek frame. Fasilitas yang ada dalam form ini yaitu edit dan delete. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.41 Update Merek Frame 8. Update Data Bahan Frame
Halaman ini digunakan untuk meng-update data-data bahan frame. Fasilitas yang ada dalam form ini yaitu edit dan delete. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4. 42 Update Bahan Frame 9. Update Data Warna Frame
Halaman ini digunakan untuk meng-update data-data warna frame. Fasilitas yang ada dalam form ini yaitu edit dan delete. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
10. Update Data Kacamata
Halaman ini digunakan untuk meng-update data-data kacamata. Fasilitas yang ada dalam form ini yaitu delete. Tampilan tersebut dapat dilihat pada gambar di bawah ini
Gambar 4.44 Update data Kacamata 4.2.2.5 Tampil Data
Submenu tampil data terdiri dari 10 submenu, yaitu : 1. Tampil Data Lensa
Halaman ini digunakan untuk menampilkan data-data lensa.. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.45 Tampil Data Lensa 2. Tampil Bahan Lensa
Halaman ini digunakan untuk menampilkan data-data bahan lensa. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4. 46 Tampil Bahan Lensa 3. Tampil Data Merek Lensa
Halaman ini digunakan untuk menampilkan data-data merek lensa. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.47 Tampil Merek Lensa 4. Tampil Data Ukuran lensa
Halaman ini digunakan untuk menampilkan data-data ukuran lensa. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.48 Tampil Ukuran Lensa 5. Tampil Data Warna Lensa
Halaman ini digunakan untuk menampilkan data-data warna lensa. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.49 Tampil Warna Lensa 6. Tampil Data Frame
Halaman ini digunakan untuk menampilkan data-data frame. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.50 Tampil Data Frame 7. Tampil Data Merek Frame
Halaman ini digunakan untuk menampilkan data-data merek frame. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.51 Tampil Merek Frame 8. Tampil Data Bahan Frame
Halaman ini digunakan untuk menampilkan data-data bahan frame. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.52 Tampil Bahan Frame 9. Tampil Data Warna Frame
Halaman ini digunakan untuk menampilkan data-data warna frame. Tampilan tersebut dapat dilihat pada gambar di bawah ini :
Gambar 4.53 Tampil Warna Frame 10. Tampil Data Kacamata
Halaman ini digunakan untuk menampilkan data-data kacamata. Tampilan tersebut dapat dilihat pada gambar di bawah ini
Gambar 4.54 Tampil Warna Frame 4.2.2.6 Update Buku Tamu
Update buku tamu digunakan untuk mengedit dan menghapus data-data lama yang sudah tidak terpakai lagi pada buku tamu. Tampilannya adalah seperti pada gambar di bawah ini :
4.2.2.7 Laporan
Submenu laporan terdiri dari 10 submenu, yaitu :
1. Laporan Data Lensa
Gambar 4. 56 Laporan Data Lensa
2. Laporan Data Bahan Lensa
Gambar 4.57 Laporan Data Bahan Lensa
3. Laporan Data Merek Lensa
Gambar 4.58 Laporan Data Merek Lensa Gambar 4.55 Update Buku Tamu
4. Laporan Data Ukuran lensa
Gambar 4.59 Laporan Data Ukuran Lensa
5. Laporan Data Warna Lensa
Gambar 4.60 Laporan Data Warna Lensa
6. Laporan Data Frame
Gambar 4.61 Laporan Data Frame
7. Laporan Data Merek Frame
8. Laporan Data Bahan Frame
Gambar 4.63 Laporan Data Bahan Frame
9. Laporan Data Warna Frame
Gambar 4.64 Laporan Data Warna Frame 10. Laporan Data Kacamata
Gambar 4.65 Laporan Data Kacamata 4.2.2.8 Ganti Password
4.3 Validasi
4.3.2 Validasi Pada Halaman User