daftar gambar - Digilib Esa Unggul
advertisement
DAFTAR GAMBAR Halaman Gambar 2-1 Alur PKM dan M uara Kegiatan (Sumber: Direktorat Riset dan Pengabdian M asyarakat, 2015)............................................................................12 Gambar 2-2 Langkah-langkah meminta/menanggapi halaman web statis menggunakan HTM L (Sumber: Nixon, 2014) ....................................................31 Gambar 2-3 Control Panel XAM PP ....................................................................35 Gambar 2-4 Tampilan NotePad++ ......................................................................36 Gambar 3-1 Tahap Penelitian ..............................................................................44 Gambar 4-1 Diagram aktivitas penyebaran informasi dan file kegiatan PKM ...53 Gambar 4-2 Diagram aktivitas penulisan dan bimbingan proposal.....................55 Gambar 4-3 Diagram aktivitas coaching clinic ...................................................56 Gambar 4-4 Diagram Aktivitas sistem informasi pemeriksaaan proposal ..........59 Gambar 4-5 Diagram aktivitas pendaftaran data mahasiswa dan distribusi username dan password .......................................................................................61 Gambar 4-6 Diagram aktivitas pengunggahan proposal ke web Ristek Dikti.....63 Gambar 4-7 Diagram aktivitas sistem informasi tanya jawab PKM ...................64 Gambar 4-8 Diagram Use Case desain logis sistem yang akan dibangun ...........75 Gambar 4-9 Diagram aktivitas log in ke sistem PKM UEU ...............................78 Gambar 4-10 Diagram aktivitas penyebaran informasi dan file PKM UEU.......80 Gambar 4-11 Diagram aktivitas pendaftaran dan distribusi data mahasiswa ......82 Gambar 4-12 Diagram aktivitas pemeriksaan proposal.......................................85 Gambar 4-13 Diagram aktivitas pengelolaan daftar FAQ ...................................87 Gambar 4-14 Diagram aktivitas akses FAQ dan pengiriman pesan ....................88 Gambar 4-15 Diagram aktivitas forum diskusi ...................................................89 Gambar 4-16 Diagram aktifitas laporan PKM.....................................................90 Gambar 4-17 Diagram kelas sistem usulan .........................................................91 Gambar 4-18 Diagram Konteks Sistem Usulan.................................................100 Gambar 4-19 Diagram Berjenjang.....................................................................101 Gambar 4-20 Diagram Level 0 Proses Data ......................................................102 Gambar 4-21 Diagram Level 0 Proses Transaksi ..............................................103 Gambar 4-22 Diagram Level 0 Proses Laporan ................................................104 Gambar 4-23 Diagram Level 1 Pengolahan Data..............................................105 Gambar 4-24 Diagram Level 1 Pengolahan Transaksi......................................106 Gambar 4-25 Diagram Level 1 Pengolahan Laporan ........................................107 Gambar 4-26 Navigasi halaman web .................................................................111 Gambar 4-27 Sketsa halaman web untuk pengguna umum...............................113 xii Gambar 4-28 Sketsa halaman web untuk admin (mahasiswa, dosen dan operator UEU)..................................................................................................................114 Gambar 4-29 Database dalam phpMyAdmin di LocalHost ..............................115 Gambar 4-30 kumpulan file dan folder yang membangun SI PKM UEU ........115 Gambar 4-31 Script pengkodean dalam NotePad++ .........................................116 Gambar 4-32 Tampilan SI PKM UEU untuk pengguna umum ........................117 Gambar 4-33 Tampilan SI PKM UEU untuk pengguna sebagai operator ........117 Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar 1 Halaman Footer (Bagian bawah User Interface) ........................... L3-1 2 Halaman Pengumuman .................................................................. L3-2 3 Halaman File Download ................................................................ L3-2 4 Halaman Frequence Ask Question................................................. L3-3 5 Halaman Informasi Kontak............................................................ L3-4 6 Halaman Form Log In .................................................................... L3-4 7 Halaman Home .............................................................................. L3-5 8 Halaman M enampilkan Data Daftar Operator............................... L3-5 9 Halaman M enambah Data Operator .............................................. L3-6 10 Halaman Detail Data Operator .................................................... L3-6 11 Halaman Edit Data....................................................................... L3-7 12 Halaman Ubah Password ............................................................. L3-7 13 Halaman M enampilkan Daftar M ahasiswa.................................. L3-8 14 Halaman M enampilkan Daftar Dosen ......................................... L3-8 15 Halaman Daftar Jenis dan Bidang PKM...................................... L3-9 16 Halaman Kelola Batas Waktu pelaksanaan lomba PKM............. L3-9 17 Halaman Daftar Kelompok M ahasiswa..................................... L3-10 18 Halaman M enampilkan Daftar Proposal M ahasiswa................. L3-10 19 Halaman M elihat Hasil Review Proposal.................................. L3-11 20 Halaman M engedit Status Proposal........................................... L3-11 21 Halaman Form Review Proposal ............................................... L3-12 22 Halaman Kelola Ceklis Review Proposal.................................. L3-12 23 Halaman Kelola Status Proposal................................................ L3-13 24 Halaman Daftar Frequence Ask Question (FAQ)...................... L3-13 25 Halaman M enambah FAQ ......................................................... L3-14 26 Halaman M engedit FAQ............................................................ L3-14 27 Halaman M elihat FAQ yang tersedia ........................................ L3-15 28 Halaman Daftar Pesan yang Dikirim Pengguna ........................ L3-15 29 Halaman Form Balasan Pesan ................................................... L3-16 30 Halaman M elihat pesan yang telah dikirim ............................... L3-16 xiii Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar 31 Pesan yang telah masuk ke email penerima/ pengguna ............. L3-17 32 Halama Forum Diskusi .............................................................. L3-18 33 Halaman Kelola Pengumuman .................................................. L3-18 34 Halaman Kelola File Download ................................................ L3-19 35 Halaman Kelola Informasi Kontak ............................................ L3-19 36 Halaman Kelola Laporan PKM ................................................. L3-20 37 Halaman Tampilan Laporan PKM............................................. L3-20 38 Halaman Home .......................................................................... L3-21 39 Halaman Form Pendaftaran Lomba ........................................... L3-21 40 Halaman Data Profil M ahasiswa ............................................... L3-22 41 Halaman Edit Data Proposal...................................................... L3-22 42 Halaman upload proposal .......................................................... L3-23 43 Halaman Data Proposal ............................................................. L3-23 44 Halaman Data Proposal setelah di-review operator................... L3-24 45 Halaman Hasil Review .............................................................. L3-24 46 Halaman History Proposal ......................................................... L3-25 47 Halaman Daftar Proposal M ahasiswa........................................ L3-25 48 Halaman Detail Proposal M ahasiswa ........................................ L3-26 49 Halaman Home .......................................................................... L3-27 50 Halaman Profil Dosen ................................................................ L3-27 51 Halaman Proposal M ahasiswa yang dibimbing......................... L3-28 52 Halaman Form Komentar Proposal ........................................... L3-28 53 Halaman detail proposal yang telah diberi komentar ................ L3-29 54 Halaman History Proposal ......................................................... L3-29 55 Halaman Daftar Proposal M ahasiswa........................................ L3-30 56 Halaman Forum Diskusi ............................................................ L3-30 xiv