Perancangan Tampilan Perancangan Antarmuka Interface

93

3.2.3 Perancangan Antarmuka Interface

Perancangan antarmuka interface menggambarkan bagaimana perangkat lunak berkomunikasi dengan dirinya sendiri, dengan sistem yang berinteroperasi dengannnya, dan dengan manusia yang menggunakannya.

3.2.3.1 Perancangan Tampilan

Masukan username dan password Username : Password Panel atas T01 T02 Login - Klik Login, jika data login valid dan levelnya kepeagawaian, menuju T01, T02A - Klik Login, jika data login valid dan levelnya kabid, menuju T01, T02K gambar Mendaftar sebagai penyedia Tampilan tabel - Klik Login, jika data login valid dan levelnya penyedia, menuju T01, T02PN - Klik Login, jika data login valid dan levelnya PPKKPA, menuju T01, T02PA - Klik Login, jika data login valid dan levelnya panitia, menuju T01, T02PP Gambar 3. 40 tampilan halaman utama Halaman Utama kepegawaian Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data bagian bidang, menuju T01, T03A T02A - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home Pengolahan data master Pengolahan Data Master Pegawai Pengolahan Data Barang Pengolahan Data Negara Pengolahan Data Propinsi LOGOUT Pengolahan Data user - Klik pengolahan data panitia, menuju T01, T11A Pengolahan Data Kota Pengolahan data panitia Ubah Password Pengolahan Data bidangbagian Pengolahan Data jabatan Pengolahan Data pegawai - Klik pengolahan data jabatan, menuju T01, T04A - Klik pengolahan data pegawai, menuju T01, T05A - Klik pengolahan data user, menuju T01, T06A - Klik pengolahan data barang, menuju T01, T07A - Klik pengolahan data negara, menuju T01, T08A - Klik pengolahan data propinsi, menuju T01, T09A - Klik pengolahan data kota, menuju T01, T10A Pengolahan Data Kategori Pengolahan Data Rekening Gambar 3. 41 tampilan halaman kepegawaian 94 Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data bagian bidang, menuju T01, T03A T03A - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home Pengolahan data master Pengolahan Data Master Pegawai Pengolahan Data Barang Pengolahan Data Negara Pengolahan Data Propinsi LOGOUT Pengolahan Data user - Klik pengolahan data panitia, menuju T01, T11A Pengolahan Data Kota Pengolahan data panitia Ubah Password Pengolahan Data bidangbagian Pengolahan Data jabatan Pengolahan Data pegawai - Klik pengolahan data jabatan, menuju T01, T04A - Klik pengolahan data pegawai, menuju T01, T05A - Klik pengolahan data user, menuju T01, T06A - Klik pengolahan data barang, menuju T01, T07A - Klik pengolahan data negara, menuju T01, T08A - Klik pengolahan data propinsi, menuju T01, T09A - Klik pengolahan data kota, menuju T01, T10A Tampilan tabel ubah Tabel Bidangbagian Tambah Pengolahan Data Kategori Pengolahan Data Rekening Gambar 3. 42 tampilan menu pengolahan data bidangbagian Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data bagian bidang, menuju T01, T03A T04A - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home Pengolahan data master Pengolahan Data Master Pegawai Pengolahan Data Barang Pengolahan Data Negara Pengolahan Data Propinsi LOGOUT Pengolahan Data user - Klik pengolahan data panitia, menuju T01, T11A Pengolahan Data Kota Pengolahan data panitia Ubah Password Pengolahan Data bidangbagian Pengolahan Data jabatan Pengolahan Data pegawai - Klik pengolahan data jabatan, menuju T01, T04A - Klik pengolahan data pegawai, menuju T01, T05A - Klik pengolahan data user, menuju T01, T06A - Klik pengolahan data barang, menuju T01, T07A - Klik pengolahan data negara, menuju T01, T08A - Klik pengolahan data propinsi, menuju T01, T09A - Klik pengolahan data kota, menuju T01, T10A Tampilan tabel ubah Tabel Jabatan Tambah Pengolahan Data Kategori Pengolahan Data Rekening Gambar 3. 43 tampilan menu pengolahan data jabatan 95 Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data bagian bidang, menuju T01, T03A T05A - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home Pengolahan data master Pengolahan Data Master Pegawai Pengolahan Data Barang Pengolahan Data Negara Pengolahan Data Propinsi LOGOUT Pengolahan Data user - Klik pengolahan data panitia, menuju T01, T11A Pengolahan Data Kota Pengolahan data panitia Ubah Password Pengolahan Data bidangbagian Pengolahan Data jabatan Pengolahan Data pegawai - Klik pengolahan data jabatan, menuju T01, T04A - Klik pengolahan data pegawai, menuju T01, T05A - Klik pengolahan data user, menuju T01, T06A - Klik pengolahan data barang, menuju T01, T07A - Klik pengolahan data negara, menuju T01, T08A - Klik pengolahan data propinsi, menuju T01, T09A - Klik pengolahan data kota, menuju T01, T10A Tampilan tabel ubah Tabel Pegawai Tambah Pengolahan Data Kategori Pengolahan Data Rekening Gambar 3. 44 tampilan pengolahan data pegawai Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data bagian bidang, menuju T01, T03A T06A - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home Pengolahan data master Pengolahan Data Master Pegawai Pengolahan Data Barang Pengolahan Data Negara Pengolahan Data Propinsi LOGOUT Pengolahan Data user - Klik pengolahan data panitia, menuju T01, T11A Pengolahan Data Kota Pengolahan data panitia Ubah Password Pengolahan Data bidangbagian Pengolahan Data jabatan Pengolahan Data pegawai - Klik pengolahan data jabatan, menuju T01, T04A - Klik pengolahan data pegawai, menuju T01, T05A - Klik pengolahan data user, menuju T01, T06A - Klik pengolahan data barang, menuju T01, T07A - Klik pengolahan data negara, menuju T01, T08A - Klik pengolahan data propinsi, menuju T01, T09A - Klik pengolahan data kota, menuju T01, T10A Tampilan tabel ubah Tabel User Tambah Pengolahan Data Kategori Pengolahan Data Rekening Gambar 3. 45 tampilan pengolahan data user 96 Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data bagian bidang, menuju T01, T03A T07A - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home Pengolahan data master Pengolahan Data Master Pegawai Pengolahan Data Barang Pengolahan Data Negara Pengolahan Data Propinsi LOGOUT Pengolahan Data user - Klik pengolahan data panitia, menuju T01, T11A Pengolahan Data Kota Pengolahan data panitia Ubah Password Pengolahan Data bidangbagian Pengolahan Data jabatan Pengolahan Data pegawai - Klik pengolahan data jabatan, menuju T01, T04A - Klik pengolahan data pegawai, menuju T01, T05A - Klik pengolahan data user, menuju T01, T06A - Klik pengolahan data barang, menuju T01, T07A - Klik pengolahan data negara, menuju T01, T08A - Klik pengolahan data propinsi, menuju T01, T09A - Klik pengolahan data kota, menuju T01, T10A Tampilan tabel ubah Tabel Barang Tambah Pengolahan Data Kategori Pengolahan Data Rekening Gambar 3. 46 tampilan pengolahan data barang Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data bagian bidang, menuju T01, T03A T08A - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home Pengolahan data master Pengolahan Data Master Pegawai Pengolahan Data Barang Pengolahan Data Negara Pengolahan Data Propinsi LOGOUT Pengolahan Data user - Klik pengolahan data panitia, menuju T01, T11A Pengolahan Data Kota Pengolahan data panitia Ubah Password Pengolahan Data bidangbagian Pengolahan Data jabatan Pengolahan Data pegawai - Klik pengolahan data jabatan, menuju T01, T04A - Klik pengolahan data pegawai, menuju T01, T05A - Klik pengolahan data user, menuju T01, T06A - Klik pengolahan data barang, menuju T01, T07A - Klik pengolahan data negara, menuju T01, T08A - Klik pengolahan data propinsi, menuju T01, T09A - Klik pengolahan data kota, menuju T01, T10A Tampilan tabel ubah Tabel Negara Tambah Pengolahan Data Kategori Pengolahan Data Rekening Gambar 3. 47 tampilan pengolahan data negara 97 Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data bagian bidang, menuju T01, T03A T09A - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home Pengolahan data master Pengolahan Data Master Pegawai Pengolahan Data Barang Pengolahan Data Negara Pengolahan Data Propinsi LOGOUT Pengolahan Data user - Klik pengolahan data panitia, menuju T01, T11A Pengolahan Data Kota Pengolahan data panitia Ubah Password Pengolahan Data bidangbagian Pengolahan Data jabatan Pengolahan Data pegawai - Klik pengolahan data jabatan, menuju T01, T04A - Klik pengolahan data pegawai, menuju T01, T05A - Klik pengolahan data user, menuju T01, T06A - Klik pengolahan data barang, menuju T01, T07A - Klik pengolahan data negara, menuju T01, T08A - Klik pengolahan data propinsi, menuju T01, T09A - Klik pengolahan data kota, menuju T01, T10A Tampilan tabel ubah Tabel Propinsi Tambah Pengolahan Data Kategori Pengolahan Data Rekening Gambar 3.48 tampilan pengolahan data propinsi Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data bagian bidang, menuju T01, T03A T10A - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home Pengolahan data master Pengolahan Data Master Pegawai Pengolahan Data Barang Pengolahan Data Negara Pengolahan Data Propinsi LOGOUT Pengolahan Data user - Klik pengolahan data panitia, menuju T01, T11A Pengolahan Data Kota Pengolahan data panitia Ubah Password Pengolahan Data bidangbagian Pengolahan Data jabatan Pengolahan Data pegawai - Klik pengolahan data jabatan, menuju T01, T04A - Klik pengolahan data pegawai, menuju T01, T05A - Klik pengolahan data user, menuju T01, T06A - Klik pengolahan data barang, menuju T01, T07A - Klik pengolahan data negara, menuju T01, T08A - Klik pengolahan data propinsi, menuju T01, T09A - Klik pengolahan data kota, menuju T01, T10A Tampilan tabel ubah Tabel Kota Tambah Pengolahan Data Kategori Pengolahan Data Rekening Gambar 3. 49 tampilan pengolahan data kota 98 Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data bagian bidang, menuju T01, T03A T11A - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home Pengolahan data master Pengolahan Data Master Pegawai Pengolahan Data Barang Pengolahan Data Negara Pengolahan Data Propinsi LOGOUT Pengolahan Data user - Klik pengolahan data panitia, menuju T01, T11A Pengolahan Data Kota Pengolahan data panitia Ubah Password Pengolahan Data bidangbagian Pengolahan Data jabatan Pengolahan Data pegawai - Klik pengolahan data jabatan, menuju T01, T04A - Klik pengolahan data pegawai, menuju T01, T05A - Klik pengolahan data user, menuju T01, T06A - Klik pengolahan data barang, menuju T01, T07A - Klik pengolahan data negara, menuju T01, T08A - Klik pengolahan data propinsi, menuju T01, T09A - Klik pengolahan data kota, menuju T01, T10A Tampilan tabel ubah Tabel Panitia Tambah Pengolahan Data Kategori Pengolahan Data Rekening Gambar 3. 50 tampilan pengolahan data panitia Panel atas T01 - Klik home, menuju T01,T02K - Klik rencana pengadaan, menuju T01, T03K T02K - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home Rencana Pengadaan LOGOUT Ubah Password Halaman utama kepala bidang Gambar 3. 51 tampilan utama kepala bidang 99 Panel atas T01 - Klik home, menuju T01,T02K - Klik rencana pengadaan, menuju T01, T03K T03K - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home Rencana Pengadaan LOGOUT Ubah Password Tampilan tabel ubah Tabel rencana pengadaan Tambah Gambar 3. 52 tampilan pengolaha data rencana pengadaan Halaman Utama penyedia Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data penyedia, menuju T01, T03PN T02PN - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home LOGOUT Pengolahan data penyedia Ubah Password Pengolahan data barang penyedia - Klik pengolahan data baranag penyedia, menuju T01, T04PN Gambar 3. 53 tampilan utama penyedia 100 Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data penyedia, menuju T01, T03PN T03PN - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home LOGOUT Pengolahan data penyedia Ubah Password Pengolahan data barang penyedia - Klik pengolahan data baranag penyedia, menuju T01, T04PN Tampilan tabel ubah Tabel penyedia Gambar 3. 54 tampilan pengolahan data penyedia Panel atas T01 - Klik home, menuju T01,T02A - Klik pengolahan data penyedia, menuju T01, T03PN T04PN - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home LOGOUT Pengolahan data penyedia Ubah Password Pengolahan data barang penyedia - Klik pengolahan data baranag penyedia, menuju T01, T04PN Tampilan tabel ubah Tabel barang penyedia Tambah Gambar 3. 55 tampilan pengolahan data barang penyedia 101 Halaman Utama PPKKPA Panel atas T01 - Klik home, menuju T01,T02PA - Klik pengolahan data pengadaan barang, menuju T01, T03PA T02PA - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home LOGOUT Pengadaan Barang Ubah Password Serah Terima hasil pekerjaan - Klik serah terima hasil pekerjaan, menuju T01, T04PA Pengolahan data pengadaan barang Kontrak kerja Gambar 3. 56 tampilan utama PPKKPA Panel atas T01 - Klik home, menuju T01,T02PA - Klik pengolahan data pengadaan barang, menuju T01, T03PA T03PA - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home LOGOUT Pengadaan Barang Ubah Password Serah Terima hasil pekerjaan - Klik serah terima hasil pekerjaan, menuju T01, T04PA Pengolahan data pengadaan barang Tampilan tabel ubah Tabel pengadaan barang Tambah Kontrak kerja Gambar 3. 57 tampilan pengolahan data pengadaan barang 102 Panel atas T01 - Klik home, menuju T01,T02PA - Klik pengolahan data pengadaan barang, menuju T01, T03PA T04PA - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home LOGOUT Pengadaan Barang Ubah Password Serah Terima hasil pekerjaan - Klik serah terima hasil pekerjaan, menuju T01, T04PA Pengolahan data pengadaan barang Tampilan tabel Tabel serah terima hasil pekerjaan Kontrak kerja Gambar 3. 58 tampilan serah terima hasil pekerjaan Halaman Utama Panitia Panel atas T01 - Klik home, menuju T01,T02PP - Klik penunjukan langsung, menuju T01, T03PP T02PP - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home LOGOUT Pengadaan Barang Ubah Password Pemeriksaan barang - Klik pemeriksaan, menuju T01, T04PP Daftra penyedia Penunjukan langsung Gambar 3. 59 tampilan utama Panitia 103 Panel atas T01 - Klik home, menuju T01,T02PP - Klik penunjukan langsung, menuju T01, T03PP T03PP - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home LOGOUT Pengadaan Barang Ubah Password Pemeriksaan barang - Klik pemeriksaan, menuju T01, T04PP Daftar penyedia Tampilan tabel Tabel penyedia Penunjukan langsung Gambar 3. 60 tampilan penunjukan langsung Panel atas T01 - Klik home, menuju T01,T02PP - Klik penunjukan langsung, menuju T01, T03PP T04PP - Klik ubah password, menuju T01, T12A - Klik logout, menuju T01, T02 Home LOGOUT Pengadaan Barang Ubah Password Pemeriksaan barang - Klik pemeriksaan, menuju T01, T04PP Daftar penyedia Tampilan tabel Tabel pemeriksaan Penunjukan langsung Gambar 3. 61 tampilan pemeriksaan barang 104

3.2.3.2 Perancangan Pesan