Transformasi ERD ke LRS Perancangan Antarmuka

c. Rancangan Halaman Manajemen Petugas Pada Gambar 4.19 berikut ini adalah tampilan menu manajemen petugas. Pada menu ini terdapat sub menu yang dapat melakukan proses tambah, edit dan hapus data manajemen petugas. Menu ini hanya dapat diakses oleh user level administrator. Gambar 4.18 Rancangan Halaman Menu Utama FOOTER HOME LOGOUT GRAFIK PRODUKSI LAPORAN PRODUKSI DOWNLOAD EBOOK MANAJEMEN NASKAH MANAJEMEN MODUL MANAJEMEN PETUGAS Nama user I Help I Keluar HEADER KALENDER Login Hari Ini : xxxxxx, xx xxxxx xxxx SELAMAT DATANG XXXXXXXX Anda login sebagai XXXXXX, suilahkan klik menu pilihan yang berbeda di sebelah kiri untuk mengelola content aplikasi SIPRO Gambar 4.19 Rancangan Halaman Menu Manajemen Petugas FOOTER HOME LOGOUT GRAFIK PRODUKSI LAPORAN PRODUKSI DOWNLOAD EBOOK MANAJEMEN NASKAH MANAJEMEN MODUL MANAJEMEN PETUGAS KALENDER Login Hari Ini : xxxxx, xx xxxxx xxxx MANAJEMEN PETUGAS NO USERNAME NAMA PETUGAS NIP E-MAIL AKSI Tambah Petugas HEADER Nama user I Help I Keluar xxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx d. Rancangan Halaman Manajemen Modul Pada Gambar 4.20 berikut ini adalah tampilan menu manajemen modul. Pada menu ini terdapat sub menu yang dapat melakukan proses tambah, edit dan hapus data modul. Menu ini hanya dapat diakses oleh user level administrator . Gambar 4.20 Rancangan Halaman Menu Manajemen Modul FOOTER HOME LOGOUT GRAFIK PRODUKSI LAPORAN PRODUKSI DOWNLOAD EBOOK MANAJEMEN NASKAH MANAJEMEN MODUL MANAJEMEN PETUGAS LOGO Anda Login Sebagai PETUGAS Jam Hari Tanggal Tahun PPBANC Universitas Terbuka KALENDER Login Hari Ini : Jumat, 11 Maret 2011 Tambah Modul NO NAMA MODUL LINK PUBLISH AKTIF AKSI Tambah Modul LEVEL xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xx e. Rancangan Halaman Manajemen Naskah Pada Gambar 4.21 berikut ini adalah tampilan menu manajemen naskah. Pada menu ini terdapat sub menu yang dapat melakukan proses tambah, edit dan hapus data naskah. Menu ini hanya dapat diakses oleh user level administrator . Sedangkan pada level koordinator naskah hanya dapat mengakses menu view dan edit saja yang tertera di Gambar 4.21 pada kolom aksi. FOOTER HOME LOGOUT GRAFIK PRODUKSI LAPORAN PRODUKSI DOWNLOAD EBOOK MANAJEMEN NASKAH MANAJEMEN MODUL MANAJEMEN PETUGAS LOGO Anda Login Sebagai PETUGAS Jam Hari Tanggal Tahun PPBANC Universitas Terbuka KALENDER Login Hari Ini : Jumat, 11 Maret 2011 Tambah Naskah NO ID NASKAH JUDUL NASKAH AKSI xxxxxxxxxxx xx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxx xx xxxxxxxxxxxxxxxxxxxxxx Gambar 4.21 Rancangan Halaman Menu Manajemen Naskah f. Rancangan Halaman Download Ebook Pada Pada Gambar 4.22 berikut ini adalah tampilan menu manajemen naskah. Pada menu ini terdapat sub menu yang dapat melakukan proses tambah, edit dan hapus data naskah. Menu ini hanya dapat diakses oleh user level administrator. Sedangkan pada level koordinator naskah hanya dapat mengakses menu view dan edit saja yang tertera di Gambar 4.22 pada kolom aksi. Gambar 4.22 Rancangan Halaman Menu Download Ebook FOOTER HOME LOGOUT GRAFIK PRODUKSI LAPORAN PRODUKSI DOWNLOAD EBOOK MANAJEMEN NASKAH MANAJEMEN MODUL MANAJEMEN PETUGAS LOGO Anda Login Sebagai PETUGAS Jam Hari Tanggal Tahun PPBANC Universitas Terbuka KALENDER Login Hari Ini : Jumat, 11 Maret 2011 EBOOK NASKAH TAMBAH EBOOK NO NASKAH LAMA NASKAH BARU AKSI 1 2 123abs_STP.doc Naskah Baru Belum Tersedia 123abc_STP.doc Naskah Baru Belum Tersedia 3 4 Cek Semua Kosongkan Semua HAPUS g. Rancangan Halaman Laporan Produksi Pada Pada Gambar 4.23 berikut ini adalah tampilan menu laporan produksi. Pada menu ini terdapat sub menu yang dapat melakukan proses cetak produksi, tambah produksi, view , edit dan hapus data naskah. Menu ini hanya dapat diakses oleh user level administrator. Sedangkan pada level koordinator naskah hanya dapat mengakses menu view dan edit saja yang tertera di Gambar 4.23 pada kolom aksi. FOOTER HOME LOGOUT GRAFIK PRODUKSI LAPORAN PRODUKSI DOWNLOAD EBOOK MANAJEMEN NASKAH MANAJEMEN MODUL MANAJEMEN PETUGAS LOGO Anda Login Sebagai PETUGAS Jam Hari Tanggal Tahun PPBANC Universitas Terbuka KALENDER Login Hari Ini : Jumat, 11 Maret 2011 LAPORAN PRODUKSI NO NAMA PRODUK STATUS AKSI TIPE FILE XXXXXXXXXXX XXXXXXXXXXX XXXXX XXXXX XXXXX XXXXX XX XX Tambah Produksi Cetak Produksi Gambar 4.23 Rancangan Halaman Menu Laporan Produksi h. Rancangan Halaman Grafik Produksi Pada Pada Gambar 4.24 berikut ini adalah tampilan menu Grafik Produksi. Pada menu ini admin dan pimpinan dapat mengetahui data perkembangan naskah bahan ajar non cetak yang di produksi menjadi media non cetak. FOOTER HOME LOGOUT GRAFIK PRODUKSI LAPORAN PRODUKSI DOWNLOAD EBOOK MANAJEMEN NASKAH MANAJEMEN MODUL MANAJEMEN PETUGAS LOGO Anda Login Sebagai PETUGAS Jam Hari Tanggal Tahun PPBANC Universitas Terbuka KALENDER Login Hari Ini : Jumat, 11 Maret 2011 GRAFIK PRODUKSI Pilih Tahun Pilih Tahun Produksi: Gambar 4.24 Rancangan Halaman Grafik Produksi i. Rancangan Halaman Menu Logout Pada Pada Gambar 4.25 berikut ini adalah tampilan menu Logout. Yang berfungsi untuk keluar dari sistem. Gambar 4.25 Rancangan Halaman Menu Logout FOOTER HOME LOGOUT GRAFIK PRODUKSI LAPORAN PRODUKSI DOWNLOAD EBOOK MANAJEMEN NASKAH MANAJEMEN MODUL MANAJEMEN PETUGAS Nama user I Help I Keluar HEADER KALENDER Login Hari Ini : xxxxxx, xx xxxxx xxxx SELAMAT DATANG XXXXXXXX Anda login sebagai XXXXXX, suilahkan klik menu pilihan yang berbeda di sebelah kiri untuk mengelola content aplikasi SIPRO

4.6 Implementasi

4.6.1 Mengembangkan dan Mendokumentasikan Perangkat Lunak

Pada tahap ini dilakukan pengkodean terhadap rancangan-rancangan yang telah didefinisikan. Pengkodean sistem dilakukan dengan menggunakan bahasa pemrograman PHP dan MySQL sebagai basisdatanya. Adapun baris kode program yang buat dapat dilihat pada bagian lampiran skripsi ini. Kemudian membuat suatu dokumentasi berupa file Help yang menjelaskan prosedur dari program. File Help tersedia di halaman Home pada setiap Account user, yakni Admin, Koordinator Naskah, Koordinator Produksi, dan Pimpinan.

4.6.2 Pengujian Sistem

Sebelum sistem informasi dapat digunakan, maka harus dilakukan pengujian terlebih dahulu Tahap implementasi ini dilakukan sebagai proses untuk menerapkan sistem SIPRO yang telah dibangun agar user dapat menggunakannya untuk menggantikan sistem yang lama. Pada tahap ini dilakukan pengujian program dengan menggunakan metodologi black-box testing. Uji Coba Account Petugas Melakukan uji coba pada account petugas. Hasil yang diperoleh dari uji coba account Admin adalah sebagai berikut: No. Nama Kegiatan Test Hasil yang diharapkan Hasil Test 1. Menu Admin Masuk ke halaman admin Sesuai Tabel 4.17 Tabel Uji Coba Account Pengunjung 2. Input username dan password admin Masuk ke halaman admin home Sesuai 3. Setelah masuk di menu admin home klik menu manajemen petugas Masuk ke halaman manajemen petugas Sesuai 4. Klik button tambah petugas Form tambah petugas Sesuai 5. Klik button simpan Data petugas bertambah dan kembali ke menu manajemen petugas Sesuai 6. Klik button batal Kembali ke menu manajemen petugas sesuai 7. Klik button edit Form edit petugas Sesuai 8. Klik button update Data petugas terupdate dan kembali ke menu manajemen petugas Sesuai 9. Klik button batal Kembali ke menu manajemen petugas Sesuai 10. Klik button hapus Data terhapus Sesuai 11. Klik manajemen modul Masuk ke halaman manajemen modul Sesuai 12. Klik button tambah modul Form tambah modul Sesuai 13. Klik button simpan Tampil data baru Data modul bertambah dan kembali ke menu manajemen modul Sesuai 14. Klik button batal Kembali ke menu manajemen modul Sesuai 15. Klik button edit Form edit modul Sesuai 16. Klik button update Data petugas terupdate dan kembali ke menu manajemen modul Sesuai 17. Klik button batal Kembali ke menu manajemen modul Sesuai 18. Klik button hapus Data terhapus Sesuai 19. Klik manajemen naskah Masuk ke halaman manajemen naskah sesuai 20. Klik button tambah modul Form tambah modul Sesuai 21. Klik button simpan Tampil data baru Data naskah bertambah dan kembali ke menu manajemen naskah Sesuai 22. Klik button batal Kembali ke menu manajemen Sesuai modul 23. Klik button hapus Data terhapus Sesuai 24. Klik download ebook Masuk ke halaman ebook naskah Sesuai 25. Klik button tambah ebook Form tambah ebook Sesuai 26. Klik button unggah Tampil data baru Data berada di tabel naskah baru dan berada di menu ebook naskah Sesuai 27. Klik button batal Kembali ke menu ebook naskah Sesuai 28. Klik button edit Form edit modul Sesuai 29. Klik button update Data petugas terupdate dan kembali ke menu manajemen modul Sesuai 30. Klik button batal Kembali ke menu ebook naskah Sesuai 31. Klik button hapus Data terhapus sesuai 32. Klik menu laporan produksi Masuk ke halaman laporan produksi Sesuai 33 Klik button tambah produksi Form tambah produksi Sesuai 34 Klik button simpan Data bertambah dan berada di menu laporan produksi Sesuai 35 Klik button batal Kembali ke menu laporan produksi Sesuai 36 Klik button detail produksi Masuk ke halaman detail produksi Sesuai 37 Klik button kirim Komentar bertambah Sesuai 38 Klik button edit produksi Masuk ke halaman edit produksi Sesuai 39 Klik button update Data terupdate dan kembali ke menu laporan produksi Sesuai 40 Klik button batal Kembali ke menu laporan produksi Sesuai 41 Klik button hapus Data terhapus Sesuai 42 Klik menu grafik produksi Masuk ke halaman grafik produksi Sesuai 43 klik button pilih tahun Muncul grafik statistik sesuai 44 Klik button help Muncul halaman help Sesuai 45 Klik button help Muncul halaman help Sesuai 46 Klik logoutkeluar Keluar dari aplikasi Sesuai 47 Menu koordinator naskah Masuk ke halaman koordinator Sesuai