DESKRIPSI PERANCANGAN PERANGKAT LUNAK. E Learning Praktikum. ( E-prak )

DESKRIPSI PERANCANGAN PERANGKAT LUNAK E Learning Praktikum ( E-prak ) Dipersiapkan oleh: Ahmad Aqil Muyassar Arif Firmansyah Gilang Wahyu Triwibowo J3D111049 J3D111109 J3D111097 TEK A Praktikum 2 - Institut Pertanian Bogor Jl. Kumbang No. 14 Kampus Diploma Institut Pertanian Bogor Nomor Dokumen Halaman ELearning-001 <1>/<51> Revisi - Tgl: 9 Desember 2013

Revisi A DAFTAR PERUBAHAN Deskripsi B C D E F G INDEX - A B C D E F G TGL Ditulis oleh Diperiksa oleh Disetujui oleh E-prak - 001 Halaman 2 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

Daftar Halaman Perubahan Halaman Revisi Halaman Revisi E-prak - 001 Halaman 3 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

Daftar Isi 1 Pendahuluan... 7 1.1 Tujuan Penulisan Dokumen... 7 1.2 Lingkup Masalah... 7 1.3 Definisi dan Istilah... 8 1.4 Referensi... 8 1.5 Deskripsi Umum Dokumen... 8 2 Deskripsi Perancangan... 9 2.1 Rancangan Lingkungan Implementasi... 9 2.2 Dekomposisi Fungsional Modul... 9 2.3 Deskripsi Data... 13 2.3.1 Struktur Tabel Dosen... 13 2.3.2 Struktur Tabel Login... 14 2.3.3 Struktur Tabel Kelompok... 14 2.3.4 Struktur Tabel Mengajar... 14 2.3.5 Struktur Tabel Mahasiswa... 15 2.3.6 Struktur Tabel MK... 15 2.3.7 Struktur Tabel Vote... 15 2.4 Dekomposisi Fisik Modul... 16 2.5 Deskripsi Rinci Modul... 18 2.5.1 Deskripsi Layar... 18 2.5.1.1 Layar Login... 18 2.5.1.1.1 Deskripsi Objek... 18 2.5.1.2 Layar Form Utama Admin... 19 2.5.1.2.1 Deskripsi Objek... 19 2.5.1.3 Layar Pengaturan User... 20 2.5.1.3.1 Deskripsi Objek... 20 2.5.1.4 Layar manipulasi data mahasiswa... 21 2.5.1.4.1 Deskripsi Objek... 21 2.5.1.5 Layar Manipulasi Data dosen... 22 2.5.1.5.1 Deskripsi Objek... 22 2.5.1.6 Layar manipulasi data user... 23 2.5.1.6.1 Deskripsi Objek... 23 2.5.1.7 Layar utama dosen... 24 2.5.1.7.1 Deskripsi Objek... 24 2.5.1.8 Insert data kelompok... 25 2.5.1.8.1 Deskripsi Objek... 25 2.5.1.9 Layar lihat nilai... 26 2.5.1.9.1 Deskripsi Objek... 26 2.5.1.10 Layar utama mahasiswa... 27 2.5.1.10.1 Deskripsi Objek... 27 2.5.1.11 Layar voting audience... 28 2.5.1.11.1 Deskripsi Objek... 28 2.5.1.12 Layar Pembahas... 29 2.5.1.12.1 Deskripsi Objek... 29 2.5.2 Deskripsi Proses... 30 2.5.2.1 Proses Login... 30 2.5.2.1.1 Deskripsi Masukan... 30 2.5.2.1.2 Deskripsi Keluaran... 30 2.5.2.1.3 Algoritma... 30 2.5.2.2 Proses Logout... 30 2.5.2.2.1 Deskripsi Masukan... 30 2.5.2.2.2 Deskripsi Keluaran... 30 2.5.2.2.3 Algoritma... 31 2.5.2.3 Proses Edit Mhs... 31 E-prak - 001 Halaman 4 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.2.3.1 Deskripsi Masukan... 31 2.5.2.3.2 Deskripsi Keluaran... 31 Menuju ke form Data mhs.... 31 2.5.2.3.3 Algoritma... 31 2.5.2.4 Proses update mhs... 31 2.5.2.4.1 Deskripsi Masukan... 31 2.5.2.4.2 Deskripsi Keluaran... 31 Menuju ke form data mahasiswa... 31 2.5.2.4.3 Algoritma... 32 2.5.2.5 Proses Tambah Dosen... 32 2.5.2.5.1 Deskripsi Masukan... 32 2.5.2.5.2 Deskripsi Keluaran... 32 2.5.2.5.3 Algoritma... 32 2.5.2.6 Proses Edit Dosen... 32 2.5.2.6.1 Deskripsi Masukan... 33 2.5.2.6.2 Deskripsi Keluaran... 33 2.5.2.6.3 Algoritma... 33 2.5.2.7 Proses Hapus Dosen... 33 2.5.2.7.1 Deskripsi Masukan... 33 2.5.2.7.2 Deskripsi Keluaran... 33 2.5.2.7.3 Algoritma... 33 2.5.2.8 Proses Tambah Mahasiswa... 34 2.5.2.8.1 Deskripsi Masukan... 34 2.5.2.8.2 Deskripsi Keluaran... 34 2.5.2.8.3 Algoritma... 34 2.5.2.9 Proses Edit Mahasiswa... 34 2.5.2.9.1 Deskripsi Masukan... 34 2.5.2.9.2 Deskripsi Keluaran... 34 2.5.2.9.3 Algoritma... 35 2.5.2.10 Proses Hapus Mahasiswa... 35 2.5.2.10.1 Deskripsi Masukan... 35 2.5.2.10.2 Deskripsi Keluaran... 35 2.5.2.10.3 Algoritma... 35 2.5.2.11 Proses vote... 35 2.5.2.11.1 Deskripsi Masukan... 35 2.5.2.11.2 Deskripsi Keluaran... 35 2.5.2.11.3 Algoritma... 36 2.5.2.12 Proses lihat nilai... 36 2.5.2.12.1 Deskripsi Masukan... 36 2.5.2.12.2 Deskripsi Keluaran... 36 2.5.2.12.3 Algoritma... 36 2.5.2.12.4 Deskripsi Masukan... 37 2.5.2.12.5 Algoritma... 37 3 Matriks Keterunutan... 38 E-prak - 001 Halaman 5 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

Daftar Gambar Gambar 1 Layar Login... 18 Gambar 2 Layar Form Utama Admin... 19 Gambar 3 Layar Pengaturan User... 20 Gambar 4 Layar Edit Akun... 21 Gambar 5 Layar List Manipulasi data dosen... 22 Gambar 6 Layar Tambah Admin... 23 Gambar 7 Layar utama dosen... 24 Gambar 8 Layar insert data kelompok... 25 Gambar 9 Layar lihat nilai... 26 Gambar 10 Layar utama mahasiswa.... 27 Gambar 11 Layar voting audience... 28 Gambar 12 Layar Pembahas... 29 Daftar Tabel Tabel 1 Dekomposisi Fungsional Modul... 9 Tabel 2 Dosen... 13 Tabel 3 Login... 14 Tabel 4 Kelompok... 14 Tabel 5 Mengajar... 14 Tabel 6 Mahasiswa... 15 Tabel 7 MK... 15 Tabel 8 Nilai... 15 Tabel 12 Dekomposisi Fisik Modul... 16 Tabel 13 Matriks Keterunutan... 38 E-prak - 001 Halaman 6 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

1 Pendahuluan Dokumentasi ini berisi tentang segala aktivitas yang dilakukan selama pengembangan perangkat lunak yang berbasis website. Pendahuluan RPL berisi bagian bagian sebagai berikut : 1. Tujuan 2. Lingkup Masalah 3. Definisi, Akronim dan Singkatan 4. Referensi 5. Deskripsi Umum Dokumen 1.1 Tujuan Penulisan Dokumen Dokumen ini ditujukan untuk pengembang dan desainer dari perangkat lunak yang akan dibuat sebagai acuan teknis pengembangan perangkat lunak selanjutnya. Tujuan dokumen ini untuk memberikan gambaran secara lebih detail kepada para pengembang tentang apa dan bagaimana perangkat lunak berjudul E-learning Praktikum. 1.2 Lingkup Masalah Perangkat lunak yang akan dibangun adalah software yang dapat membantu mahasiswa dalam mendapatkan informasi tentang nilainya. Perangkat lunak yang akan dibangun merupakan perangkat lunak berbasis web dengan menggunakan bahasa pemrograman PHP dan Adobe Dreamweaver sebagai design serta phpmyadmin sebagai database-nya. E-prak - 001 Halaman 7 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

1.3 Definisi dan Istilah DPPL adalah Deskripsi Perancangan Perangkat Lunak, DPPL adalah Deskripsi Perancangan Perangkat Lunak, atau dalam bahasa Inggris-nyasering juga disebut sebagai Software Design Description (SDD), dan merupakan deskripsi perancangan dari perangkat lunak yang akan dikembangkan. DPPL-E-PRAK-xxxx adalah kode yang digunakan untuk mengimplementasikan perancangan pada E-Learning Tugas, dengan E-PRAK merupakan kode perangkat lunak, E-PRAK adalah kode fase, dan xxxx adalah digit/nomor perancangan. 1.4 Referensi Referensi yang digunakan pada perangkat lunak ini adalah: STAF IF. GL02, Spesifikasi Kebutuhan Perangkat Lunak. Jurusan Teknik Informatika ITB. Bayu Hendradjaya. Panduan Penulisan Spesifikasi Kebutuhan Perangkat Lunak (SKPL). Jurusan Teknik Informatika ITB. 1.5 Deskripsi Umum Dokumen Dokumen DPPL ini menjelaskan atau memberi informasi tentang software penilaian praktikum pada mahasiswa yang berfungsi untuk memudahkan mahasiswa dan dosen. Dengan adanya software ini mahasiswa dapat dengan mudah melihat nilai tentang perkuliahan. Dalam dokumen ini tersaji tiga bagian utama. Bagian utama berisi penjelasan tentang dokumen DPPL yang mencakup tujuan pembuatan dokumen ini, lingkup masalah yang diselesaikan oleh perangkat lunak yang dikembangkan, definisi, referensi dan deskripsi umum. Bagian kedua berisi penjelasan secara umum mengenai perangkat lunak yang akan dikembangkan meliputi fungsi dari perangkat lunak, karakteristik pengguna, batasan, dan asumsi yang diambil dalam pengembangan perangkat lunak. Bagian ketiga berisi uraian kebutuhan perangkat lunak secara lebih rinci. E-prak - 001 Halaman 8 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2 Deskripsi Perancangan 2.1 Rancangan Lingkungan Implementasi Operating system, DBMS, development tools, filing system, bahasa pemrograman yang dipakai : - Operating Sistem : Windows 7 - DBMS : MySQL - Development Tools : Adode Dreamweaver CS4, AgroUML, XAMPP, Visio 2002, Ms. Word 2007, Notepad ++. - Bahasa Pemrograman : PHP - Framework : - 2.2 Dekomposisi Fungsional Modul Tabel 1 Dekomposisi Fungsional Modul No. Fungsi / Proses DPPL_E1 Login Admin DPPL_E2 DPPL_E3 DPPL_E4 Logout Admin Login Dosen Logout Dosen Data Input Data Output Keterangan Username dan Password Admin Masuk ke halaman menu utama admin Button Logout Kembali ke halaman awal E-Learning Username dan Password Dosen Masuk ke halaman menu utama dosen Button Logout Kembali ke halaman awal fungsi untuk admin menuju halaman menu utama admin dengan hak akses penuh untuk memanipulasi datadata yang ada (kecuali data nilai). fungsi untuk melakukan logout dari sistem. fungsi untuk dosen menuju halaman menu utama dosen dengan hak akses tertentu seperti memanipulasi data nilai. E-prak - 001 Halaman 9 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

DPPL_E5 DPPL_E6 Login Mahasiswa Logout Mahasiswa Username dan Password Mahasiswa E-Learning Masuk ke halaman menu utama mahasiswa Button Logout Kembali ke halaman awal E-Learning fungsi untuk melakukan logout dari sistem. fungsi untuk mahasiswa menuju halaman menu utama mahasiswa dengan hak akses tertentu. fungsi untuk melakukan logout dari sistem. No. Fungsi / Proses DPPL_E7 Manipulasi Data user DPPL_E8 Daftar user Admin DPPL_E9 Edit user Admin DPPL_E10 DPPL_E11 Hapus user Admin Daftar user Dosen Data Input Data Output Keterangan Button DataUser Masuk ke halaman manipulasi data user Username Login, Password Login, Status,Button adduser Button Edit. Button Hapus. Username Login, Password Login, Status,Button adduser Masuk ke menu data user,data admin telah ditambah. Masuk ke menu data user, data telah di edit. Masuk ke menu data user, Data admin telah terhapus. Masuk ke menu data user,data Dosen telah ditambah fungsi untuk menampilkan list user yang sudah terdaftar di dalam sistem dan memanipulasi data user. fungsi untuk memasukkan data untuk login dan datadata yang diperlukan untuk menjadi admin. untuk mengubah data admin. untuk menghapus data admin. fungsi untuk memasukkan data untuk login dan datadata yang diperlukan untuk menjadi Dosen. E-prak - 001 Halaman 10 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

DPPL_E12 Edit user Dosen Button Edit. Masuk ke menu data user, data telah di edit. untuk mengubah data Dosen DPPL_E13 Hapus user Dosen No. Fungsi / Proses DPPL_E14 Daftar user Mahasiswa DPPL_E15 Edit user Mahasiswa DPPL_E16 DPPL_E17 DPPL_E18 Hapus Mahasiswa Manipulasi data Dosen Daftar Data Dosen Button Hapus Masuk ke menu data user, Data untuk menghapus admin telah data Dosen. terhapus Data Input Data Output Keterangan Username Login, Password Login, Status,Button adduser Button Edit Button Hapus Button data Dosen NIP,Nama Dosen,Umur,Tempat Lahir,Alamat,Pendidikan,Jeni s Kelamin,Button tambah data,button tambah Masukan data yang ingin diubah,button update Masuk ke menu data user,data Mahasiswa telah ditambah Masuk ke menu data user, data telah di edit Masuk ke menu data user, Data admin telah terhapus Masuk ke menu data Dosen Masuk ke menu data Dosen,data dosen telah ditambah. fungsi untuk memasukkan data untuk login dan datadata yang diperlukan untuk menjadi Mahasiswa. untuk mengubah data Mahasiswa. untuk menghapus data Mahasiswa. memanipulasi data Dosen. untuk menambah data dosen. DPPL_E19 Edit data Masuk ke menu. Dosen data Dosen,data untuk mengubah data dosen telah dosen. diubah. DPPL_E20 Hapus data Pilih data yang ingin Masuk ke menu Dosen dihapus,button hapus data Dosen,data untuk menghapus dosen telah data dosen.. dihapus. DPPL_E21 Cari data Masukan nama Dosen Masuk ke menu Fungsi untuk Dosen kedalam keyword,button cari data Dosen,data mencari data Dosen Dosen. telah pada table dosen. ditemukan. DPPL_E22 Clear Button Clear No fungsi untuk membersihkan keyword. DPPL_E23 Manipulasi Button data Mahasiswa Masuk ke menu E-prak - 001 Halaman 11 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

DPPL_E23 data Mahasiswa Daftar Data Mahasiswa NIM, Nama Mahasiswa, Program Keahlian, Alamat, Jenis Keahlian, Button tambah data Mahasiswa memanipulasi data Mahasiswa. Masuk ke menu data fungsi untuk Mahasiswa,data menambah data Mahasiswa mahasiswa. telah ditambah.siste m DPPL_E24 Edit data Mahasiswa DPPL_E25 DPPL_E26 DPPL_E27 Hapus Data Mahasiswa Tambah Data kelompok Lihat nilai kelompok Pilih data yang ingin diubah, button edit. Pilih data yang ingin dihapus, Button Hapus. Kelompok combo box, matakuliah combo box, Button insert. Masuk kemenu data mahasiswa.data mahasiswa telah di edit. Masuk kemenu data mahasiswa,data telah di hapus Masuk kemenu memilih mahasiswa berdasarkan nim. NO,tampil data nilai kelompok yang dimaksud. fungsi untuk mengubah data mahasiswa. untuk menghapus data mahasiswa. untuk menambah data kelompok. Kelompok combo box,mata kuliah combobox, bitton lihat nilai. untuk melihat nilai kelompok. Data Input Data Output Keterangan No. Fungsi / Proses DPPL_E28 Audience Button audience Masuk kemenu voting DPPL_29 Memulai voting Pilih kelompok Checkbox, Matakuliah Check box, button Mulai vote DPPL_30 voting Checkbox beri prnilaian!!,button vote. Masuk kemenu voting Kembali kemenu mahasiswa. DPPL_E30 Pembahas Button pembahas Masuk kemenu lihat nilai. DPPL_E31 Lihat nilai Pembahas Checkbox kelompok, checkbox mata kuliah, button lihat nilai. Tampil nilai pembahas. fungsi untuk menjadi audience sebagai penilai. fungsi untuk memiilih kelompok dan matakuliah yang ingin di vote. untuk memberi nilai kepada kelompok pembahas. fungsi untuk menjadi sebagai pembahas. fungsi untuk melihat nilai kelompok pada hak akses pembahas. E-prak - 001 Halaman 12 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.3 Deskripsi Data 2.3.1 Struktur Tabel Dosen Nama Database Nama Tabel Primary Key : E-prak : dosen : NIP Tabel 2 Dosen ID_field Deskripsi Tipe & Boleh Keterangan Length Null NIP Varchar[12] No Primary Key Nama_Dosen Varchar[50] No Umur Int[11] No Tempat_Lahir Varchar[20] No Alamat text No Pendidikan Varchar[15] No Jenis_Kelamin Varchar[50] No E-prak - 001 Halaman 13 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.3.2 Struktur Tabel Login Nama Database Nama Tabel Primary Key : - : E-prak : login Tabel 3 Login ID_field Deskripsi Tipe & Length Boleh Null Username Varchar[40] No Password Varchar[40] No status Varchar[40] No Keterangan 2.3.3 Struktur Tabel Kelompok Nama Database Nama Tabel Primary Key : E-prak : kelompok : id_kelompok Tabel 4 Kelompok ID_field Deskripsi Tipe & Boleh Keterangan Length Null Id_kelompok Varchar[10] No Primary Key Id_mk Varchar[10] No Foreign key nm_kelompok Varchar[50] No nilai Decimal[4,0] No 2.3.4 Struktur Tabel Mengajar Nama Database Nama Tabel Primary Key : E-prak : tbl_mengajar : id_user Tabel 5 Mengajar ID_field Deskripsi Tipe & Boleh Keterangan Length Null Id_dosen Integer[25] No foreignkey Nama_dosen Varchar[20] No Id_mk TinyInteger[4] No Foreign Key E-prak - 001 Halaman 14 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.3.5 Struktur Tabel Mahasiswa Nama Database Nama Tabel Primary Key : E-prak : tbl _mhs : NIM Tabel 6 Mahasiswa ID_field Deskripsi Tipe & Boleh Keterangan Length Null NIM Varchar[10] No Primary Key Nama_Mhs Varchar[50] No Program_keahlian Varchar[50] no Id_kelompok Varchar[10] yes Alamat text no Jenis_kelamin Varchar[50] no 2.3.6 Struktur Tabel MK Nama Database Nama Tabel Primary Key : E-prak : tbl_mk : id_mk Tabel 7 MK ID_field Deskripsi Tipe & Boleh Keterangan Length Null Id_mk Varchar[10] No Primary Key Nama_mk Varchar[30] No 2.3.7 Struktur Tabel Vote Nama Database Nama Tabel Primary Key : E-prak : vote : id Tabel 8 Nilai ID_field Deskripsi Tipe & Length Boleh Null Keterangan Id Integer[11] No Primary Key Username Varchar[40] No Id_kelompok Varchar[10] No Foreign key N_vote Deimal[3, 0] yes E-prak - 001 Halaman 15 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.4 Dekomposisi Fisik Modul Nama Direktori Tabel 9 Dekomposisi Fisik Modul No. DPPL Nama File Nama Modul Keterangan DPPL_E1 Tambah mhs Modul untuk tambah mhs addmhs.php DPPL_E2 Tambah user Modul untuk tambah user adduser.php DPPL_E3 Edit dosen Modul untuk edit dosen editdosen.php DPPL_E4 Edit mhs Modul untuk edit mhs editmhs.php DPPL_E5 Edit user Modul untuk edit user edituser.php DPPL_E6 Update user Modul untuk update user edituser.php DPPL_E7 Update mhs Modul untuk update mhs DPPL_E8 DPPL_E9 upmhs.php updosen.php. update dosen Modul untuk update dosen Tambah dosen Modul untuk menambah dosen tambahdsn.php DPPL_E10 nilai_dosen.php Nlain dosen Modul untuk melihat nilai kelompok mhs DPPL_E11 logout Modul untuk logout logout.php DPPL_E12 vote Modul untuk memvote kvote.php DPPL_E13 vote Modul untuk memvote kvote2.php DPPL_E14 Input mhs Modul untuk input mhs inmhs.php E-prak - 001 Halaman 16 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

DPPL_E15 inkel.php Input kelompok Modul untuk input kelompok DPPL_E16 Input mhs Modul untuk input mhs. inmhs.php DPPL_E17 Input user Modul untuk input user inuser.php DPPL_E18 Selesai input Modul untuk selesai input. finish_inkel.php Nama Direktori No. DPPL Nama File Nama Modul Keterangan DPPL_E19 home Modul untuk home finish_inkel.php DPPL_E20 Form vote Modul untuk form vote frmvote.php DPPL_E21 Form vote2 Modul untuk form vote frmvote2.php DPPL_E22 index Modul untuk index index.php DPPL_E23 index Modul untuk index index2.php DPPL_E24 index Modul untuk index index3.php DPPL_E25 user Modul untuk user user.php E-prak - 001 Halaman 17 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5 Deskripsi Rinci Modul 2.5.1 Deskripsi Layar 2.5.1.1 Layar Login Gambar 1 Layar Login Identitas Nama : Layar Login Admin, Dosen dan Mahasiswa Deskripsi : Halaman utama Sistem E-prak untuk memasukkan username dan password sebagai validasi untuk masuk ke form selanjutnya. 2.5.1.1.1 Deskripsi Objek Pada halaman ini,1 button tombol login untuk menuju halaman form utama dari tiap level (bergantung pada level mana user tersebut login). E-prak - 001 Halaman 18 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.1.2 Layar Form Utama Admin Gambar 2 Layar Form Utama Admin Identitas Nama : Layar Form Utama Admin Deskripsi : Layar utama saat Admin masuk ke dalam sistem setelah Admin melakukan login, berisi menu-menu manipulasi data sesuai hak akses admin yang sudah ditentukan sebelumnya saat perencanaan sistem. 2.5.1.2.1 Deskripsi Objek Pada halaman ini, terdapat menu-menu sesuai hak akses admin yang sudah ditentukan sebelumnya seperti yang sudah dijelaskan dalam bagian deskripsi. Terdapat menu manipulasi data dosen, manipulasi data mahasiswa. E-prak - 001 Halaman 19 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.1.3 Layar Pengaturan User Gambar 3 Layar Pengaturan User Identitas Nama : Layar Pengaturan User Deskripsi : Layar yang muncul saat Admin menekan menu Data User. Admin dapat memanipulasi data user pada halaman ini. 2.5.1.3.1 Deskripsi Objek Pada halaman ini terdapat tabel Akun yang sudah terdaftar / mendaftarkan dri, fasilitas pencarian, dan tombol Kembali. E-prak - 001 Halaman 20 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.1.4 Layar manipulasi data mahasiswa Gambar 4 Layar Edit Akun Identitas Nama : Layar Manipulasi data mahasiswa Deskripsi : Layar yang muncul saat Admin menekan tombol Data Mahasiswa pada halaman awal admin. 2.5.1.4.1 Deskripsi Objek Pada halaman ini terdapat button untuk mengubah data, tambah data, dan hapus data mahasiswa.. E-prak - 001 Halaman 21 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.1.5 Layar Manipulasi Data dosen Gambar 5 Layar List Manipulasi data dosen Identitas Nama : layar manipulasi data dosen Deskripsi : Layar yang muncul saat Admin menekan menu Data dosen. Admin dapat memanipulasi data dosen pada halaman ini. 2.5.1.5.1 Deskripsi Objek Pada halaman ini terdapat tabel dosen yang sudah terdaftar, fasilitas pencarian,tambah,edit dan hapus data dan tombol clear. E-prak - 001 Halaman 22 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.1.6 Layar manipulasi data user Gambar 6 Layar Tambah Admin Identitas Nama : manipulasi data user Deskripsi : Layar yang muncul saat Admin menekan tombol data user. 2.5.1.6.1 Deskripsi Objek Pada halaman ini terdapat button hapus.tambah,edit,clear dan cari mahasiswa. E-prak - 001 Halaman 23 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.1.7 Layar utama dosen Gambar 7 Layar utama dosen Identitas Nama : layar utama dosen Deskripsi : Layar yang muncul saat dosen melakukan login. 2.5.1.7.1 Deskripsi Objek Pada halaman ini terdapat button data kelompok dan lihat nilai. E-prak - 001 Halaman 24 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.1.8 Insert data kelompok Gambar 8 Layar insert data kelompok Identitas Nama : insert data kelompok Deskripsi : Layar yang muncul saat dosen menekan menu Data kelompok. Dosen dapat mendaftarkan data kelompok. 2.5.1.8.1 Deskripsi Objek Pada halaman ini terdapat pilihan kelompok dan mahasiswa apa saja yang ingin di kelompokan. E-prak - 001 Halaman 25 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.1.9 Layar lihat nilai Gambar 9 Layar lihat nilai Identitas Nama : Tambah lihat nilai Deskripsi : Layar yang muncul saat dosen menekan tombol lihat nilai. 2.5.1.9.1 Deskripsi Objek Pada halaman ini dosen dapat melihat nilai hasil vote sesuai kelompok dan matakuliahnya. E-prak - 001 Halaman 26 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.1.10 Layar utama mahasiswa Gambar 10 Layar utama mahasiswa. Identitas Nama : layar utama mahasiswa Deskripsi : Layar yang muncul saat mahasiswa melakukan login. 2.5.1.10.1 Deskripsi Objek Pada halaman ini terdapat kriteria pengguna audience atau pembahas. E-prak - 001 Halaman 27 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.1.11 Layar voting audience Gambar 11 Layar voting audience Identitas Nama : Layar voting audience Deskripsi : Layar yang muncul saat mahasiswa menekan button audience maka akan tampil halaman voting. 2.5.1.11.1 Deskripsi Objek Pada halaman ini mahasiswa dapat melakukan penilaian sesuai kelompok dan matakuliahnya.. E-prak - 001 Halaman 28 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.1.12 Layar Pembahas Gambar 12 Layar Pembahas Identitas Nama : layar pembahas Deskripsi : Layar yang muncul saat mahasiswa menekan tombol pembahas. 2.5.1.12.1 Deskripsi Objek Pada halaman ini pembahas dapat melihat nilai sesuai kelompok dan matakuliahnya E-prak - 001 Halaman 29 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.2 Deskripsi Proses 2.5.2.1 Proses Login Nama Proses : Login Deskripsi : Proses ini dilakukan agar user dapat mengakses sistem E-prak sesuai level mereka dan menuju ke form utama masing-masing user. 2.5.2.1.1 Deskripsi Masukan input proses ini adalah username dan password anggota untuk login dan ada tombol Login. 2.5.2.1.2 Deskripsi Keluaran Menuju ke form utama masing-masing user sesuai level mereka saat pendaftaran. 2.5.2.1.3 Algoritma SELECT * FROM login WHERE id_user = '$username' <?php $is_ajax = $_REQUEST['is_ajax']; if(isset($is_ajax) && $is_ajax) { $username = $_REQUEST['username']; $password = $_REQUEST['password']; ($password == $data['password']){ 2.5.2.2 Proses Logout Nama Proses : Logout Deskripsi : Proses ini dilakukan user agar dapat keluar dari sistem. Proses ini dapat dilakukan kapan saja karena ada pada bagian header form user setelah user tersebut login. 2.5.2.2.1 Deskripsi Masukan Di bagian header, terdapat link tulisan Logout. 2.5.2.2.2 Deskripsi Keluaran Menuju ke halaman utama Sistem E-prak. E-prak - 001 Halaman 30 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.2.2.3 Algoritma <?php session_start(); session_destroy(); header('location:../index.php');?> 2.5.2.3 Proses Edit Mhs Nama Proses Deskripsi terdaftar dalam sistem. : Edit Mhs 2.5.2.3.1 Deskripsi Masukan : Proses untuk mengubah Mahasiswa yang sudah input nama,pk, jenis kelamin,nim, alamat 2.5.2.3.2 Deskripsi Keluaran Menuju ke form Data mhs. 2.5.2.3.3 Algoritma 2.5.2.4 Proses update mhs Nama Proses Deskripsi : update mhs : Proses update mhs 2.5.2.4.1 Deskripsi Masukan - <?php include "../koneksi.php"; $nim=$_get['id']; $sql = mysql_query("select NIM,Nama_Mhs,program_keahlian,alamat,Jenis_Kelamin from tbl_mhs where NIM='$nim'"); if($hsl=mysql_fetch_row($sql)) {?> 2.5.2.4.2 Deskripsi Keluaran Menuju ke form data mahasiswa. E-prak - 001 Halaman 31 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.2.4.3 Algoritma <?php include "../koneksi.php"; $nim = $_POST['nim']; $nm = $_POST['nm']; $pk = $_POST['pk']; $alamat = $_POST['alamat']; $jk = $_POST['jk']; extract($_post); 2.5.2.5 Proses Tambah Dosen Nama Proses : Tambah Dosen Deskripsi : Proses ini dilakukan admin untuk mendaftarkan dosen. Pendaftaran yang dilakukan adalah pendaftaran untuk login dan data dosen. 2.5.2.5.1 Deskripsi Masukan Terdapat 6 textbox yaitu username, password, nickname, NIP, nama, umur, lalu ada 2 textarea yaitu alamat dan deskripsi, serta 1 listbox yaitu level. 2.5.2.5.2 Deskripsi Keluaran Menuju ke form list Dosen. 2.5.2.5.3 Algoritma INSERT INTO login VALUES( '".$_POST['username']."', '".$_POST['pass']."', '".$_POST['nick']."', '".$_POST['lvl']."', '".$_POST['nim']."') INSERT INTO dosen VALUES( '".$_POST['nim']."', '".$_POST['nama']."', '".$_POST['umur']."', '".$_POST['alamat']."', '".$_POST['deskripsi']."') 2.5.2.6 Proses Edit Dosen Nama Proses : Edit Dosen E-prak - 001 Halaman 32 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

Deskripsi terdaftar dalam sistem. 2.5.2.6.1 Deskripsi Masukan : Proses untuk mengubah dosen yang sudah Terdapat 6 textbox yaitu username, password, nickname, NIP, nama, umur, lalu ada 2 textarea yaitu alamat dan deskripsi, serta 1 listbox yaitu level. 2.5.2.6.2 Deskripsi Keluaran Menuju ke form list Dosen. 2.5.2.6.3 Algoritma UPDATE dosen SET id_dosen='".$_post['nim']."', nama_dosen='".$_post['nama']."', umur_dosen='".$_post['umur']."', alamat_dosen='".$_post['alamat']."', deskripsi_dosen='".$_post['deskripsi']."' WHERE id_dosen='".$_post['nim_lama']."' 2.5.2.7 Proses Hapus Dosen Nama Proses Deskripsi : Hapus Dosen 2.5.2.7.1 Deskripsi Masukan : Proses untuk menghapus Dosen. Terdapat link tulisan Hapus dalam list Dosen. 2.5.2.7.2 Deskripsi Keluaran Menuju ke form list Dosen. 2.5.2.7.3 Algoritma DELETE FROM dosen WHERE id_mhs = '".$_GET['nim']."' E-prak - 001 Halaman 33 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.2.8 Proses Tambah Mahasiswa Nama Proses : Tambah Mahasiswa Deskripsi : Proses ini dilakukan admin untuk mendaftarkan mahasiswa. Pendaftaran yang dilakukan adalah pendaftaran untuk login dan data mahasiswa. 2.5.2.8.1 Deskripsi Masukan Terdapat 6 textbox yaitu username, password, nickname, NIM, nama, umur, lalu ada 2 textarea yaitu alamat dan deskripsi, serta 1 listbox yaitu level. 2.5.2.8.2 Deskripsi Keluaran Menuju ke form list Mahasiswa. 2.5.2.8.3 Algoritma INSERT INTO login VALUES( '".$_POST['username']."', '".$_POST['pass']."', '".$_POST['nick']."', '".$_POST['lvl']."', '".$_POST['nim']."') INSERT INTO mahasiswa VALUES( '".$_POST['nim']."', '".$_POST['nama']."', '".$_POST['umur']."', '".$_POST['alamat']."', '".$_POST['deskripsi']."') 2.5.2.9 Proses Edit Mahasiswa Nama Proses : Edit Mahasiswa Deskripsi : Proses untuk mengubah mahasiswa yang sudah terdaftar dalam sistem. 2.5.2.9.1 Deskripsi Masukan Terdapat 6 textbox yaitu username, password, nickname, NIM, nama, umur, lalu ada 2 textarea yaitu alamat dan deskripsi, serta 1 listbox yaitu level. 2.5.2.9.2 Deskripsi Keluaran Menuju ke form list Mahasiswa. E-prak - 001 Halaman 34 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.2.9.3 Algoritma UPDATE mahasiswa SET id_mhs='".$_post['nim']."', nama_mhs='".$_post['nama']."', umur_mhs='".$_post['umur']."', alamat_mhs='".$_post['alamat']."', deskripsi_mhs='".$_post['deskripsi']."' WHERE id_mhs='".$_post['nim_lama']."' 2.5.2.10 Proses Hapus Mahasiswa Nama Proses Deskripsi : Hapus Mahasiswa 2.5.2.10.1 Deskripsi Masukan : Proses untuk menghapus Mahasiswa. Terdapat link tulisan Hapus dalam list Mahasiswa. 2.5.2.10.2 Deskripsi Keluaran Menuju ke form list Mahasiswa. 2.5.2.10.3 Algoritma DELETE FROM mahasiswa WHERE id_mhs = '".$_GET['nim']."' 2.5.2.11 Proses vote Nama Proses : vote Deskripsi : Proses untuk menambah Nilai. 2.5.2.11.1 Deskripsi Masukan Masukan kelompok data mk. 2.5.2.11.2 Deskripsi Keluaran Menuju ke form list Nilai. E-prak - 001 Halaman 35 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.2.11.3 Algoritma <?php include "../koneksi.php"; session_start(); $kl = $_POST['kl']; $mk = $_POST['mk']; $user = $_GET['user']; $sql = mysql_fetch_row(mysql_query("selec t id_kelompok from tbl_kelompok where nm_kelompok='$kl' and id_mk = '$mk'")) or die("error".mysql_error()); $id = $sql[0]; 2.5.2.12 Proses lihat nilai Nama Proses : lihat nilai Deskripsi : Proses untuk lihat nilai. 2.5.2.12.1 Deskripsi Masukan Pada proses ini dosen dapat melihat nilai 2.5.2.12.2 Deskripsi Keluaran Menuju ke form lihat nilai. 2.5.2.12.3 Algoritma $sql = "select * from tbl_kelompok where nm_kelompok like '%".$cari1."%' and id_mk like '%".$cari2."%'"; $hasil = mysql_query($sql); while ($row = mysql_fetch_row($hasil)){ echo "<tr><td align='center'>$row[2]</td><td align='center'>$row[1]</td><td align='center'>$row[3]</td></tr>"; } } else{ $sql = "select * from tbl_kelompok"; $hasil = mysql_query($sql); while ($row = mysql_fetch_row($hasil)){ echo "<tr><td align='center'>$row[2]</td><td E-prak - 001 Halaman 36 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

2.5.2.12.4 Deskripsi Masukan Menggunakan Tombol Cetak Excel pada list Nilai. 2.5.2.12.5 Algoritma SELECT n.id_mhs, mk.nama_mk, n.nilai_mk FROM nilai n, mk mk WHERE n.id_mk=mk.id_mk E-prak - 001 Halaman 37 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh

3 Matriks Keterunutan Tabel 10 Matriks Keterunutan SKPL DPPL Fungsi Perangkat Lunak E-prak K-0001 DPPL_E1 Fungsi untuk Login Admin E-PRAK.K-0002 DPPL_E2 Fungsi untuk Logout Admin E-PRAK.K-0001 DPPL_E3 Fungsi untuk Login Dosen E-PRAK.K-0004 DPPL_E4 Fungsi untuk Logout Dosen E-PRAK.K-0005 DPPL_E5 Fungsi untuk Login Mhs E-PRAK.K-0006 DPPL_E6 Fungsi untuk Logout Mhs E-PRAK.K-0007 DPPL_E7 Fungsi untuk melihat list data mahasiswa dan memanipulasi data mahasiswa E-PRAK.K-0008 DPPL_E8 Fungsi untuk mengedit mahasiswa E-PRAK.K-0009 DPPL_E9 Fungsi untuk menghapus mahasiswa E-PRAK.K-0010 DPPL_E10 Fungsi untuk tambah mahasiswa E-PRAK.K-0011 DPPL_E11 Fungsi untuk menambah user E-PRAK.K-0012 DPPL_E12 Fungsi untuk mengedit user E-PRAK.K-0013 DPPL_E13 Fungsi untuk menghapus user E-PRAK.K-0014 DPPL_E14 Fungsi untuk melihat list Dosen dan memanipulasi data Dosen E-PRAK.K-0015 DPPL_E15 Fungsi untuk menambah Dosen E-PRAK.K-0016 DPPL_E16 Fungsi untuk mengedit Dosen E-PRAK.K-0017 DPPL_E17 Fungsi untuk menghapus Dosen E-PRAK.K-0018 DPPL_E18 Fungsi untuk melihat list kelompok dan memanipulasi data kelompok E-PRAK.K-0019 DPPL_E19 Fungsi untuk melihat nilai E-PRAK.K-0020 DPPL_E20 Fungsi untuk audience E-PRAK.K-0021 DPPL_E21 Fungsi untuk voting E-PRAK.K-0022 DPPL_E22 Fungsi untuk pembahas E-PRAK.K-0023 DPPL_E23 Fungsi untuk lihat nilai E-prak - 001 Halaman 38 dari 38 Dokumen ini dan informasi yang dimilikinya adalah milik - dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh