Perancangan Antar Muka Menu Administrator

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