3.4.1.12. Antar Muka Pencarian Dokumen Prosedur Mutu
Pencarian Dokumen Prosedur Mutu
Pencarian
Home Profile Contact Us Referensi Instruksi Kerja Procedure Mutu Logout
Gambar 3.16 Antar Muka Menu Pencarian Prosedur Mutu
Tabel 3.7 Form Antar Muka Pencarian Dokumen Prosedur Mutu
No Nama
Keterangan 1
Tombol Pencarian Berdasarkan
Pencarian berdasarkan no. dokumen, nama dokumen, type dokumen atau jenis
dokumen
2 Tombol Cari
Mencari Dokumen yang dicari
3.4.2. Perancangan Antar Muka Menu Administrator
3.4.2.1. Antar Muka Menu Login Administrator
Login Admin
Nama User Password
Gambar 3.17 Antar Muka Login Admin
V
Cari
No. Dokumen Nama Dokumen
Type Dokumen Jenis Dokumen
Login
Pada forn login menu administrator user menginputkan nama user dan password.
Tabel 3.8 Antar Muka Login Administrator
No Nama
Keterangan 1
Tombol Login Masuk kedalam form menu utama
3.4.2.2. Antar Muka Menu Utama Administrator
Home Referensi Instruksi Kerja Procedure Mutu Data Admin Member Logout
Gambar 3.18 Antar Muka Menu Utama Administrator
Pada halaman utama pada menu administrator ini terdapat beberapa menu yaitu diantaranya :
1. Home
2. Referensi, pada menu dokumen referensi dokumen pendukung ini user
setingkat administrator dapat melakukan pengelolaan data file dokumen elektronik yang diantaranya adalah merupakan aktivitas input , edit , delete
serta download dokumen elektronik . Di dalam menu ini terdapat utility submenu view dokumen untuk menampilkan informasi mengenai semua
dokumen referensi yang ada dalam database dan submenu cari dokumen untuk fasilitas pencarian dokumen yang diinginkan
3. Instruksi Kerja, pada menu dokumen Instruksi Kerja dokumen panduan
kerja ini user setingkat administrator dapat melakukan pengelolaan data file dokumen elektronik yang diantaranya adalah merupakan aktivitas
input , edit , delete serta download dokumen elektronik . Di dalam menu ini terdapat utility submenu view dokumen dan cari dokumen untuk
fasilitas pencarian dokumen yang diinginkan. 4.
Prosedur mutu , pada menu dokumen Prosedur Mutu dokumen panduan qualitas hasil kerja ini user setingkat administrator dapat melakukan
pengelolaan data file dokumen elektronik yang diantaranya adalah merupakan aktivitas input , edit , delete serta download dokumen
elektronik . Di dalam menu ini terdapat utility submenu view dokumen dan cari dokumen yang untuk fasilitas pencarian dokumen yang
diinginkan. 5.
Data Admin pengelolaan data user setingkat Admin , menu data admin menyediakan utility submenu tambah admin, view admin dan edit admin
6. Member pengelolaan data user setingkat MemberGuest, menu member
menyediakan utility submenu tambah member dan view member Logout, menu ini lebih berfungsi sebagai tombol untuk keluar dari
Aplikasi Dokumen Elektronik.
3.4.2.3. Antar Muka Menu Dokumen Referensi
Home Referensi Instruksi Kerja Procedure Mutu Data Admin Member Logout
Gambar 3.19 Antar Muka Menu Dokumen Referensi
Pilih Menu
Tambah Dokumen
View dokumen
Cari dokumen
3.4.2.4. Antar Muka Tambah Dokumen Referensi
No. Dokumen : Nama Dokumen :
Pemilik : Tanggal Keputusan :
Approval :
Tanggal Upload :
Type Dokumen :
Jenis Dokumen :
Upload :
Developer by : Mahasiswa UNIKOM 2010
Home Referensi Instruksi Kerja Procedure Mutu Data Admin Member Logout
Gambar 3.20 Antar Muka Tambah Dokumen Referensi
Tabel 3.9 Antar Muka Tambah Dokumen Referensi
No Nama
Keterangan 1
Tombol Pilihan Memilih pemilik dokumen, approval,
type dokumen, jenis dokumen
2 Tombol
otomatisasi tanggal
Otomatisasi tanggal upload 3
Tombol Telusuri Menelusuri dokumen yang akan diupload
4 Tombol Simpan
Menyimpan dokumen baru 5
Tombol Ulangi Mengulangi pengisian form tambah
dokumen
Tambah Referensi Baru
Telusuri Simpan
Ulangi
3.4.2.5. Antar Muka View Dokumen Referensi
DAFTAR DOKUMEN REFERENSI
No No.
Dokumen Nama
Dokumen Pemilik
Tanggal Keputusan
Approval Tanggal
Upload Type
Jenis File
Edit Hapus
1 2
3 4
5 Home Profile Contact Us Referensi Instruksi Kerja Procedure Mutu Logout
Gambar 3.21 Antar Muka View Dokumen Referensi
Tabel 3.10 Antar Muka View Dokumen Referensi
No Nama Gambar
Keterangan 1
Mengunduh dokumen 2
Mengedit data dokumen 3
Menghapus dokumen
3.4.2.6. Antar Muka Cari Dokumen Referensi
Pencarian Dokumen Referensi
Pencarian
Home Profile Contact Us Referensi Instruksi Kerja Procedure Mutu Logout
Gambar 3.22 Antar Muka Cari Dokumen Referensi
V
Cari
No. Dokumen Nama Dokumen
Type Dokumen Jenis Dokumen
Data Dokumen Referensi Ditemukan sebanyak 5 record
Tabel 3.11 Form Antar Muka Pencarian Dokumen Referensi
No Nama
Keterangan 1
Tombol Pilihan Pencarian berdasarkan no. dokumen,
nama dokumen, type dokumen atau jenis dokumen
2 Tombol Cari
Mencari Dokumen yang dicari
3.4.2.7. Antar Muka Menu Dokumen Instruksi Kerja
Home Referensi Instruksi Kerja Procedure Mutu Data Admin Member Logout
Gambar 3.23 Antar Muka Menu Dokumen Instruksi Kerja
Pilih Menu
Tambah Dokumen
View dokumen Cari dokumen
3.4.2.8. Antar Muka Tambah Dokumen Instruksi Kerja
No. Dokumen : Nama Dokumen :
Pemilik : Tanggal Keputusan :
Approval :
Tanggal Upload :
Type Dokumen :
Jenis Dokumen :
Upload :
Developer by : Mahasiswa UNIKOM 2010
Home Referensi Instruksi Kerja Procedure Mutu Data Admin Member Logout
Gambar 3.24 Antar Muka Tambah Dokumen Instruksi Kerja
Tabel 3.12 Antar Muka Tambah Dokumen Instruksi Kerja
No Nama
Keterangan 1
Tombol Pilihan Memilih pemilik dokumen, approval,
type dokumen, jenis dokumen
2 Tombol
otomatisasi tanggal
Otomatisasi tanggal upload 3
Tombol Telusuri Menelusuri dokumen yang akan diupload
4 Tombol Simpan
Menyimpan dokumen baru 5
Tombol Ulangi Mengulangi pengisian form tambah
dokumen
Tambah Instruki Kerja Baru
Telusuri Simpan
Ulangi
3.4.2.9. Antar Muka View Dokumen Instruksi Kerja
DAFTAR DOKUMEN INSTRUKSI KERJA
No No.
Dokumen Nama
Dokumen Pemilik
Tanggal Keputusan
Approval Tanggal
Upload Type
Jenis File
Edit Hapus
1 2
3 4
5 Home Profile Contact Us Referensi Instruksi Kerja Procedure Mutu Logout
Gambar 3.25 Antar Muka View Dokumen Instruksi Kerja
Tabel 3.13 Antar Muka View Dokumen Instruksi Kerja
No Nama Gambar
Keterangan 1
Mengunduh dokumen 2
Mengedit data dokumen 3
Menghapus dokumen
3.4.2.10. Antar Muka Cari Dokumen Instruksi Kerja
Pencarian Dokumen Instruksi Kerja
Pencarian
Home Profile Contact Us Referensi Instruksi Kerja Procedure Mutu Logout
Gambar 3.26 Antar Muka Cari Dokumen Instruksi Kerja
Data Dokumen Instruksi Kerja Ditemukan sebanyak 5 record
V
Cari
No. Dokumen Nama Dokumen
Type Dokumen Jenis Dokumen
Tabel 3.14 Form Antar Muka Pencarian Dokumen Instruksi Kerja
No Nama
Keterangan 1
Tombol Pilihan Pencarian berdasarkan no. dokumen,
nama dokumen, type dokumen atau jenis dokumen
2 Tombol Cari
Mencari Dokumen yang dicari
3.4.2.11. Antar Muka Menu Dokumen Prosedur Mutu
Home Referensi Instruksi Kerja Procedure Mutu Data Admin Member Logout
Gambar 3.27 Antar Muka Menu Dokumen Prosedur Mutu
Pilih Menu
Tambah Dokumen
View dokumen Cari dokumen
3.4.2.12. Antar Muka Tambah Dokumen Prosedur Mutu
No. Dokumen : Nama Dokumen :
Pemilik : Tanggal Keputusan :
Approval :
Tanggal Upload :
Type Dokumen :
Jenis Dokumen :
Dokumen Referensi
Dokumen :
Dokumen Instruksi Kerja
Dokumen : Upload
:
Developer by : Mahasiswa UNIKOM 2010
Home Referensi Instruksi Kerja Procedure Mutu Data Admin Member Logout
Gambar 3.28 Antar Muka Tambah Dokumen Prosedur Mutu
Tambah Prosedur Mutu Baru
Telusuri Simpan
Ulangi
Tabel 3.15 Antar Muka Tambah Dokumen Prosedur Mutu
No Nama
Keterangan 1
Tombol Pilihan Memilih pemilik dokumen, approval,
type dokumen, jenis dokumen
2 Tombol
otomatisasi tanggal
Otomatisasi tanggal upload 3
Tombol Telusuri Menelusuri dokumen yang akan diupload
4 Tombol Simpan
Menyimpan dokumen baru 5
Tombol Ulangi Mengulangi pengisian form tambah
dokumen
3.4.2.13. Antar Muka View Dokumen Prosedur Mutu
DAFTAR DOKUMEN
PROSEDUR MUTU No
No. Dokumen
Nama Dokumen
Pemilik Tanggal
Keputusan Approval
Tanggal Upload
Link Referensi
Link IK
File Edit
Hapu 1
2 3
4 5
Home Profile Contact Us Referensi Instruksi Kerja Procedure Mutu Logout
Gambar 3.29 Antar Muka View Dokumen Prosedur Mutu
Tabel 3.16
Antar Muka View Dokumen Prosedur Mutu No
Nama Gambar Keterangan
1 Mengunduh dokumen
2 Mengedit data dokumen
3 Menghapus dokumen
Data Dokumen
Prosedur Mutu
Ditemukan sebanyak 5 record
3.4.2.14. Antar Muka Cari Dokumen Prosedur Mutu
Pencarian Dokumen Prosedur Mutu
Pencarian
Home Profile Contact Us Referensi Instruksi Kerja Procedure Mutu Logout
Gambar 3.30 Antar Muka Cari Dokumen Prosedur Mutu
Tabel 3.17 Form Antar Muka Pencarian Dokumen Prosedur Mutu
No Nama
Keterangan 1
Tombol Pilihan Pencarian berdasarkan no. dokumen,
nama dokumen, type dokumen atau jenis dokumen
2 Tombol Cari
Mencari Dokumen yang dicari
3.4.2.15. Antar Muka Menu Admin
Home Referensi Instruksi Kerja Procedure Mutu Data Admin Member Logout
Gambar 3.31 Antar Muka Menu Data Admin
V
Cari
No. Dokumen Nama Dokumen
Type Dokumen Jenis Dokumen
Pilih Menu
Tambah Admin
View Admin Edit Admin
3.4.2.16. Antar Muka Tambah Admin
Username : Password :
Nama Lengkap : : Level : SUPER ADMIN
ADMIN
Developer by : Mahasiswa UNIKOM 2010
Home Referensi Instruksi Kerja Procedure Mutu Data Admin Member Logout
Gambar 3.32 Antar Muka Tambah Admin
Tabel 3.18 Antar Muka Tambah Admin
No Nama
Keterangan 1
Tombol combo box
Memilih level admin baru 2
Tombol Simpan Menyimpan admin baru
3 Tombol Ulangi
Mengulangi pengisian form tambah admin
Tambah Admin Baru
Simpan Ulangi
3.4.2.17. Antar Muka View Admin
DAFTAR ADMIN
No Username
Nama Level
Hapus 1
2 3
4 5
Home Profile Contact Us Referensi Instruksi Kerja Procedure Mutu Logout
Gambar 3.33 Antar Muka View Data Admin
Tabel 3.19 Antar Muka View Data Admin
No Nama Gambar
Keterangan 1
Menghapus admin
Data Admin Ditemukan sebanyak 5 record
3.4.2.18. Antar Muka Edit Admin
PENGEDITAN ADMIN
Masukkan Username :
Masukkan Userpass :
Developer by : Mahasiswa UNIKOM 2010
Home Referensi Instruksi Kerja Procedure Mutu Data Admin Member Logout
Gambar 3.34 Antar Muka Edit Admin
Tabel 3.20 Antar Muka Edit Admin
No Nama
Keterangan 1
Tombol Edit Mengubah data admin
3.4.2.19. Antar Muka Menu Member
Home Referensi Instruksi Kerja Procedure Mutu Data Admin Member Logout
Gambar 3.35 Antar Muka Menu Member
Edit
Pilih Menu
Tambah Member
View Member
3.4.2.20. Antar Muka Tambah Member
NIP : Nama Lengkap : :
Username : Password :
Bidang :
Developer by : Mahasiswa UNIKOM 2010
Home Referensi Instruksi Kerja Procedure Mutu Data Admin Member Logout
Gambar 3.36 Antar Muka Tambah Member
Tabel 3.21 Antar Muka Tambah Member
No Nama
Keterangan 1
Tombol Simpan Menyimpan member baru
2 Tombol Ulangi
Mengulangi pengisian form tambah member
Tambah Member Baru
Simpan Ulangi
3.4.2.21. Antar Muka View Member
DAFTAR MEMBER
No NIP
Nama Username
Bidang Edit
Hapus 1
2 3
4 5
Home Profile Contact Us Referensi Instruksi Kerja Procedure Mutu Logout
Gambar 3.37 Antar Muka View Data Member
Tabel 3.22 Antar Muka View Data Member
No Nama Gambar
Keterangan 1
Menghapus admin 2
Mengedit data member
3.5. Implementasi