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