DESKRIPSI PERANCANGAN PERANGKAT LUNAK
E – Learning Praktikum
( E-prak )
Dipersiapkan oleh:
Ahmad Aqil Muyassar
J3D111049
Arif Firmansyah
J3D111109
Gilang Wahyu Triwibowo
J3D111097
TEK A Praktikum 2
Jurusan Teknik Komputer - Institut Pertanian Bogor
Jl. Kumbang No. 14 Kampus Diploma
Jurusan Teknik Komputer Institut Pertanian Bogor
Nomor Dokumen
Halaman
Jurusan Teknik Komputer E-prak - 001 Halaman 2 dari 38
DAFTAR PERUBAHAN
Revisi
Deskripsi
A
B
C
D
E
F
G
INDEX - A B C D E F G TGL Ditulis oleh Diperiksa oleh Disetujui olehJurusan Teknik Komputer E-prak - 001 Halaman 3 dari 38
Daftar Halaman Perubahan
Jurusan Teknik Komputer E-prak - 001 Halaman 4 dari 38
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
Jurusan Teknik Komputer E-prak - 001 Halaman 5 dari 38
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
Jurusan Teknik Komputer E-prak - 001 Halaman 6 dari 38
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 ... 9Tabel 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
Jurusan Teknik Komputer E-prak - 001 Halaman 7 dari 38
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.
Jurusan Teknik Komputer E-prak - 001 Halaman 8 dari 38
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.
Jurusan Teknik Komputer E-prak - 001 Halaman 9 dari 38
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
Data Input
Data Output
Keterangan
DPPL_E1
Login
Admin
Username
dan
Password
Admin
Masuk
ke
halaman menu
utama admin
Fungsi ini adalah
fungsi untuk admin
menuju
halaman
menu utama admin
dengan hak akses
penuh
untuk
memanipulasi
data-data
yang
ada
(kecuali data nilai).
DPPL_E2
Logout
Admin
Button Logout
Kembali
ke
halaman
awal
E-Learning
Fungsi ini adalah
fungsi untuk
melakukan logout
dari sistem.
DPPL_E3
Login
Dosen
Username
dan
Password
Dosen
Masuk
ke
halaman menu
utama dosen
Fungsi ini adalah
fungsi untuk dosen
menuju
halaman
menu utama dosen
dengan hak akses
tertentu
seperti
memanipulasi data
nilai.
DPPL_E4
Logout
Dosen
Button Logout
Kembali
ke
halaman
awal
Jurusan Teknik Komputer E-prak - 001 Halaman 10 dari 38
E-Learning
fungsi untuk
melakukan logout
dari sistem.
DPPL_E5
Login
Mahasiswa
Username
dan
Password
Mahasiswa
Masuk
ke
halaman menu
utama
mahasiswa
Fungsi ini adalah
fungsi
untuk
mahasiswa menuju
halaman
menu
utama
mahasiswa
dengan hak akses
tertentu.
DPPL_E6
Logout
Mahasiswa
Button Logout
Kembali
ke
halaman
awal
E-Learning
Fungsi ini adalah
fungsi untuk
melakukan logout
dari sistem.
No.
Fungsi /
Proses
Data Input
Data Output
Keterangan
DPPL_E7
Manipulasi
Data user
Button DataUser
Masuk
ke
halaman
manipulasi data
user
Fungsi ini adalah
fungsi
untuk
menampilkan
list
user
yang
sudah
terdaftar di dalam
sistem
dan
memanipulasi
data
user.
DPPL_E8
Daftar user
Admin
Username Login, Password
Login, Status,Button adduser
Masuk ke menu
data
user,data
admin
telah
ditambah.
Fungsi ini adalah
fungsi
untuk
memasukkan
data
untuk login dan
data-data yang diperlukan
untuk
menjadi
admin.
DPPL_E9
Edit
user
Admin
Button Edit.
Masuk ke menu
data user , data
telah di edit.
Fungsi ini adalah
untuk mengubah data
admin.
DPPL_E10 Hapus user
Admin
Button Hapus .
Masuk ke menu
data user , Data
admin
telah
terhapus.
Fungsi ini adalah
untuk
menghapus
data admin.
DPPL_E11 Daftar user
Dosen
Username Login, Password
Login, Status,Button adduser
Masuk ke menu
data
user,data
Dosen
telah
ditambah
Fungsi ini adalah
fungsi
untuk
memasukkan
data
untuk login dan
data-data yang diperlukan
untuk
menjadi
Dosen.
Jurusan Teknik Komputer E-prak - 001 Halaman 11 dari 38
DPPL_E12 Edit
user
Dosen
Button Edit.
Masuk ke menu
data user , data
telah di edit.
Fungsi ini adalah
untuk mengubah data
Dosen
DPPL_E13 Hapus user
Dosen
Button Hapus
Masuk ke menu
data user , Data
admin
telah
terhapus
Fungsi ini adalah
untuk
menghapus
data Dosen.
No.
Fungsi /
Proses
Data Input
Data Output
Keterangan
DPPL_E14 Daftar user
Mahasiswa
Username Login, Password
Login, Status,Button adduser
Masuk ke menu
data
user,data
Mahasiswa
telah ditambah
Fungsi ini adalah
fungsi
untuk
memasukkan
data
untuk login dan
data-data yang diperlukan
untuk
menjadi
Mahasiswa.
DPPL_E15 Edit
user
Mahasiswa
Button Edit
Masuk ke menu
data user , data
telah di edit
Fungsi ini adalah
untuk mengubah data
Mahasiswa.
DPPL_E16 Hapus
Mahasiswa
Button Hapus
Masuk ke menu
data user , Data
admin
telah
terhapus
Fungsi ini adalah
untuk
menghapus
data Mahasiswa.
DPPL_E17 Manipulasi
data Dosen
Button data Dosen
Masuk ke menu
data Dosen
Fungsi ini adalah
memanipulasi
data
Dosen.
DPPL_E18 Daftar
Data
Dosen
NIP,Nama
Dosen,Umur,Tempat
Lahir,Alamat,Pendidikan,Jeni
s Kelamin ,Button tambah
data,Button tambah
Masuk ke menu
data Dosen,data
dosen
telah
ditambah.
Fungsi ini adalah
untuk
menambah
data dosen.
DPPL_E19 Edit
data
Dosen
Masukan data yang ingin
diubah ,Button update
Masuk ke menu
data Dosen,data
dosen
telah
diubah.
.Fungsi ini adalah
untuk mengubah data
dosen.
DPPL_E20 Hapus data
Dosen
Pilih
data
yang
ingin
dihapus,Button hapus
Masuk ke menu
data Dosen,data
dosen
telah
dihapus.
Fungsi ini adalah
untuk
menghapus
data dosen..
DPPL_E21 Cari
data
Dosen
Masukan
nama
Dosen
kedalam keyword,Button cari
Dosen.
Masuk ke menu
data Dosen,data
telah
ditemukan.
Fungsi
untuk
mencari data Dosen
pada table dosen.
DPPL_E22 Clear
Button Clear
No
Fungsi ini adalah
fungsi
untuk
membersihkan
keyword.
Jurusan Teknik Komputer E-prak - 001 Halaman 12 dari 38
data
Mahasiswa
data Mahasiswa memanipulasi
data
Mahasiswa.
DPPL_E23 Daftar
Data
Mahasiswa
NIM , Nama Mahasiswa ,
Program Keahlian , Alamat ,
Jenis Keahlian, Button tambah
Masuk ke menu
data
Mahasiswa,data
Mahasiswa
telah
ditambah.siste
m
Fungsi ini adalah
fungsi
untuk
menambah
data
mahasiswa.
DPPL_E24 Edit
data
Mahasiswa
Pilih data yang ingin diubah ,
button edit.
Masuk kemenu
data
mahasiswa.data
mahasiswa
telah di edit.
Fungsi ini adalah
fungsi
untuk
mengubah
data
mahasiswa.
DPPL_E25 Hapus
Data
Mahasiswa
Pilih data yang ingin dihapus,
Button Hapus.
Masuk kemenu
data
mahasiswa,data
telah di hapus
Fungsi ini adalah
untuk
menghapus
data mahasiswa.
DPPL_E26 Tambah
Data
kelompok
Kelompok
combo
box
,
matakuliah
combo
box
,
Button insert.
Masuk kemenu
memilih
mahasiswa
berdasarkan
nim.
Fungsi ini adalah
untuk
menambah
data kelompok.
DPPL_E27 Lihat nilai
kelompok
Kelompok combo box,mata
kuliah combobox , bitton lihat
nilai.
NO,tampil data
nilai kelompok
yang dimaksud.
Fungsi ini adalah
untuk melihat nilai
kelompok.
No.
Fungsi /
Proses
Data Input
Data Output
Keterangan
DPPL_E28 Audience
Button audience
Masuk kemenu
voting
Fungsi ini adalah
fungsi untuk menjadi
audience
sebagai
penilai.
DPPL_29
Memulai
voting
Pilih
kelompok
Checkbox,
Matakuliah Check box , button
Mulai vote
Masuk kemenu
voting
Fungsi ini adalah
fungsi
untuk
memiilih kelompok
dan matakuliah yang
ingin di vote.
DPPL_30
voting
Checkbox
beri
prnilaian
!!,Button vote.
Kembali
kemenu
mahasiswa.
Fungsi ini adalah
untuk memberi nilai
kepada
kelompok
pembahas.
DPPL_E30 Pembahas
Button pembahas
Masuk kemenu
lihat nilai.
Fungsi ini adalah
fungsi untuk menjadi
sebagai pembahas.
DPPL_E31 Lihat nilai
Pembahas
Checkbox
kelompok
,
checkbox mata kuliah , button
lihat nilai.
Tampil
nilai
pembahas .
Fungsi ini adalah
fungsi untuk melihat
nilai kelompok pada
hak akses pembahas.
Jurusan Teknik Komputer E-prak - 001 Halaman 13 dari 38
2.3 Deskripsi Data
2.3.1 Struktur Tabel Dosen
Nama Database
: E-prak
Nama Tabel
: dosen
Primary Key
: NIP
Tabel 2 Dosen
ID_field
Deskripsi
Tipe &
Length
Boleh
Null
Keterangan
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
Jurusan Teknik Komputer E-prak - 001 Halaman 14 dari 38
2.3.2 Struktur Tabel Login
Nama Database
: E-prak
Nama Tabel
: login
Primary Key
: -
Tabel 3 Login
ID_field
Deskripsi
Tipe &
Length
Boleh
Null
Keterangan
Username
Varchar[40]
No
Password
Varchar[40]
No
status
Varchar[40]
No
2.3.3 Struktur Tabel Kelompok
Nama Database
: E-prak
Nama Tabel
: kelompok
Primary Key
: id_kelompok
Tabel 4 Kelompok
ID_field
Deskripsi
Tipe &
Length
Boleh
Null
Keterangan
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
: E-prak
Nama Tabel
: tbl_mengajar
Primary Key
: id_user
Tabel 5 Mengajar
ID_field
Deskripsi
Tipe &
Length
Boleh
Null
Keterangan
Id_dosen
Integer[25]
No
foreignkey
Nama_dosen
Varchar[20]
No
Jurusan Teknik Komputer E-prak - 001 Halaman 15 dari 38
2.3.5 Struktur Tabel Mahasiswa
Nama Database
: E-prak
Nama Tabel
: tbl _mhs
Primary Key
: NIM
Tabel 6 Mahasiswa
ID_field
Deskripsi
Tipe &
Length
Boleh
Null
Keterangan
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
: E-prak
Nama Tabel
: tbl_mk
Primary Key
: id_mk
Tabel 7 MK
ID_field
Deskripsi
Tipe &
Length
Boleh
Null
Keterangan
Id_mk
Varchar[10]
No
Primary Key
Nama_mk
Varchar[30]
No
2.3.7 Struktur Tabel Vote
Nama Database
: E-prak
Nama Tabel
: vote
Primary Key
: 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
Jurusan Teknik Komputer E-prak - 001 Halaman 16 dari 38
2.4 Dekomposisi Fisik Modul
Tabel 9 Dekomposisi Fisik Modul
Nama
Direktori
No. DPPL
Nama File
Nama Modul
Keterangan
..\project
DPPL_E1
addmhs.php
Tambah mhs
Modul untuk tambah mhs
..\project
DPPL_E2
adduser.php
Tambah user
Modul untuk tambah user
..\project
DPPL_E3
editdosen.php
Edit dosen
Modul untuk edit dosen
..\project
DPPL_E4
editmhs.php
Edit mhs
Modul untuk edit mhs
..\project
DPPL_E5
edituser.php
Edit user
Modul untuk edit user
..\project
DPPL_E6
edituser.php
Update user
Modul untuk update user
..\project
DPPL_E7
upmhs.php
Update mhs
Modul untuk update mhs
..\project
DPPL_E8
updosen.php
.
update dosen
Modul untuk update dosen
..\project
DPPL_E9
tambahdsn.php
Tambah dosen Modul untuk menambah dosen
..\project
DPPL_E10
nilai_dosen.php
Nlain dosen
Modul untuk melihat nilai
kelompok mhs
..\project
DPPL_E11
logout.php
logout
Modul untuk logout
..\project
DPPL_E12
kvote.php
vote
Modul untuk memvote
..\project
DPPL_E13
kvote2.php
vote
Modul untuk memvote
..\project
DPPL_E14
inmhs.php
Jurusan Teknik Komputer E-prak - 001 Halaman 17 dari 38
..\project
DPPL_E15
inkel.php
Input
kelompok
Modul untuk input kelompok
..\project
DPPL_E16
inmhs.php
Input mhs
Modul untuk input mhs.
..\project
DPPL_E17
inuser.php
Input user
Modul untuk input user
..\project
DPPL_E18
finish_inkel.php
Selesai input
Modul untuk selesai input.
Nama
Direktori
No. DPPL
Nama File
Nama Modul
Keterangan
..\project
DPPL_E19
finish_inkel.php
home
Modul untuk home
..\project
DPPL_E20
frmvote.php
Form vote
Modul untuk form vote
..\project
DPPL_E21
frmvote2.php
Form vote2
Modul untuk form vote
..\project
DPPL_E22
index.php
index
Modul untuk index
..\project
DPPL_E23
index2.php
index
Modul untuk index
..\project
DPPL_E24
index3.php
index
Modul untuk index
..\project
DPPL_E25
user.php
Jurusan Teknik Komputer E-prak - 001 Halaman 18 dari 38
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).
Jurusan Teknik Komputer E-prak - 001 Halaman 19 dari 38
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.
Jurusan Teknik Komputer E-prak - 001 Halaman 20 dari 38
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”.
Jurusan Teknik Komputer E-prak - 001 Halaman 21 dari 38
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..
Jurusan Teknik Komputer E-prak - 001 Halaman 22 dari 38
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”.
Jurusan Teknik Komputer E-prak - 001 Halaman 23 dari 38
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.
Jurusan Teknik Komputer E-prak - 001 Halaman 24 dari 38
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.
Jurusan Teknik Komputer E-prak - 001 Halaman 25 dari 38
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.
Jurusan Teknik Komputer E-prak - 001 Halaman 26 dari 38
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.
Jurusan Teknik Komputer E-prak - 001 Halaman 27 dari 38
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.
Jurusan Teknik Komputer E-prak - 001 Halaman 28 dari 38
2.5.1.11 Layar voting audience
Gambar 11 Layar voting audience
Identitas Nama :
Layar voting audienceDeskripsi
: 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..
Jurusan Teknik Komputer E-prak - 001 Halaman 29 dari 38
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
Jurusan Teknik Komputer E-prak - 001 Halaman 30 dari 38
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
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.
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']){ … include "form_level.php"; }
Jurusan Teknik Komputer E-prak - 001 Halaman 31 dari 38
2.5.2.2.3 Algoritma
2.5.2.3 Proses Edit Mhs
Nama Proses
: Edit Mhs
Deskripsi
: Proses untuk mengubah Mahasiswa yang sudah
terdaftar dalam sistem.
2.5.2.3.1 Deskripsi Masukan
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
: update mhs
Deskripsi
: Proses update mhs
2.5.2.4.1 Deskripsi Masukan
-
2.5.2.4.2 Deskripsi Keluaran
Menuju ke form data mahasiswa.
<?php session_start(); session_destroy(); header('Location: ../index.php'); ?> <?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)) {
Jurusan Teknik Komputer E-prak - 001 Halaman 32 dari 38
2.5.2.4.3 Algoritma
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
2.5.2.6 Proses Edit Dosen
Nama Proses
: Edit Dosen
<?php include "../koneksi.php"; $nim = $_POST['nim']; $nm = $_POST['nm']; $pk = $_POST['pk']; $alamat = $_POST['alamat']; $jk = $_POST['jk']; extract($_POST);
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']."')
Jurusan Teknik Komputer E-prak - 001 Halaman 33 dari 38
Deskripsi
: Proses untuk mengubah dosen yang sudah
terdaftar dalam sistem.
2.5.2.6.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.6.2 Deskripsi Keluaran
Menuju ke form list Dosen.
2.5.2.6.3 Algoritma
2.5.2.7 Proses Hapus Dosen
Nama Proses
: Hapus Dosen
Deskripsi
: Proses untuk menghapus Dosen.
2.5.2.7.1 Deskripsi Masukan
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
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']."'
DELETE FROM dosen
Jurusan Teknik Komputer E-prak - 001 Halaman 34 dari 38
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
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.
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']."')
Jurusan Teknik Komputer E-prak - 001 Halaman 35 dari 38
2.5.2.9.3 Algoritma
2.5.2.10 Proses Hapus Mahasiswa
Nama Proses
: Hapus Mahasiswa
Deskripsi
: Proses untuk menghapus Mahasiswa.
2.5.2.10.1 Deskripsi Masukan
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
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.
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']."'
DELETE FROM mahasiswa WHERE id_mhs = '".$_GET['nim']."'
Jurusan Teknik Komputer E-prak - 001 Halaman 36 dari 38
2.5.2.11.3 Algoritma
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
<?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'")) ordie("ERROR".mysql_error()); $id = $sql[0];
$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 align='center'>$row[1]</td><td
align='center'>$row[3]</td></tr>"; }
Jurusan Teknik Komputer E-prak - 001 Halaman 37 dari 38
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
Jurusan Teknik Komputer E-prak - 001 Halaman 38 dari 38
3 Matriks Keterunutan
Tabel 10 Matriks Keterunutan