DESKRIPSI PERANCANGAN PERANGKAT LUNAK E Learning Praktikum ... · E – Learning Praktikum ( E-prak ) ... akan dibangun merupakan perangkat lunak berbasis web dengan menggunakan ...

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

ELearning-001 <1>/<51>

Revisi - Tgl: 9 Desember 2013


IPB

E-prak - 001 Halaman 2 dari 38

Dokumen ini dan informasi yang dimilikinya adalah milik Jurusan Teknik Komputer-IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Jurusan Teknik Komputer

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

oleh


IPB



Daftar Halaman Perubahan

Halaman Revisi Halaman Revisi


IPB



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


IPB



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


IPB



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


IPB



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.


IPB



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.


IPB



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


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


halaman awal Fungsi ini adalah


IPB



E-Learning fungsi untuk

melakukan logout

dari sistem.

DPPL_E5 Login

Mahasiswa


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


halaman awal

E-Learning

Fungsi ini adalah

fungsi untuk

melakukan logout

dari sistem.

No. Fungsi /

Proses


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



Masuk ke menu

data user,data

Dosen telah

ditambah

Fungsi ini adalah

fungsi untuk

memasukkan data



untuk menjadi

Dosen.


IPB



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


DPPL_E14 Daftar user

Mahasiswa



Masuk ke menu

data user,data

Mahasiswa

telah ditambah

Fungsi ini adalah

fungsi untuk

memasukkan data



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.

DPPL_E23 Manipulasi Button data Mahasiswa Masuk ke menu Fungsi ini adalah


IPB



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


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.


IPB



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


IPB



2.3.2 Struktur Tabel Login


Nama Tabel : login

Primary Key : -

Tabel 3 Login


Length

Boleh

Null

Keterangan

Username Varchar[40] No

Password Varchar[40] No

status Varchar[40] No

2.3.3 Struktur Tabel Kelompok


Nama Tabel : kelompok

Primary Key : id_kelompok

Tabel 4 Kelompok


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 Tabel : tbl_mengajar

Primary Key : id_user

Tabel 5 Mengajar


Length

Boleh

Null

Keterangan

Id_dosen Integer[25] No foreignkey

Nama_dosen Varchar[20] No

Id_mk TinyInteger[4] No Foreign Key


IPB



2.3.5 Struktur Tabel Mahasiswa


Nama Tabel : tbl _mhs

Primary Key : NIM

Tabel 6 Mahasiswa


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 Tabel : tbl_mk

Primary Key : id_mk

Tabel 7 MK


Length

Boleh

Null

Keterangan

Id_mk Varchar[10] No Primary Key

Nama_mk Varchar[30] No

2.3.7 Struktur Tabel Vote


Nama Tabel : vote

Primary Key : id

Tabel 8 Nilai


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


IPB



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

Input mhs Modul untuk input mhs


IPB



..\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


..\project DPPL_E24

index3.php


..\project DPPL_E25

user.php

user Modul untuk user


IPB



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).


IPB



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.


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.


IPB



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.


Pada halaman ini terdapat tabel Akun yang sudah

terdaftar / mendaftarkan dri, fasilitas pencarian, dan

tombol “Kembali”.


IPB



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.


Pada halaman ini terdapat button untuk mengubah data ,

tambah data , dan hapus data mahasiswa..


IPB



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.


Pada halaman ini terdapat tabel dosen yang sudah

terdaftar, fasilitas pencarian,tambah ,edit dan hapus data

dan tombol “clear”.


IPB



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”.


Pada halaman ini terdapat button hapus.tambah,edit,clear

dan cari mahasiswa.


IPB



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.


Pada halaman ini terdapat button data kelompok dan lihat

nilai.


IPB



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.


Pada halaman ini terdapat pilihan kelompok dan

mahasiswa apa saja yang ingin di kelompokan.


IPB



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.


Pada halaman ini dosen dapat melihat nilai hasil vote

sesuai kelompok dan matakuliahnya.


IPB



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.


Pada halaman ini terdapat kriteria pengguna audience

atau pembahas.


IPB



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.


Pada halaman ini mahasiswa dapat melakukan penilaian

sesuai kelompok dan matakuliahnya..


IPB



2.5.1.12 Layar Pembahas

Gambar 12 Layar Pembahas

Identitas Nama : layar pembahas

Deskripsi : Layar yang muncul saat mahasiswa menekan

tombol ”pembahas”.


Pada halaman ini pembahas dapat melihat nilai sesuai

kelompok dan matakuliahnya


IPB



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.


Di bagian header, terdapat link tulisan “Logout”.


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"; }


IPB



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.


input nama ,pk , jenis kelamin ,nim , alamat


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


-


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))

{

?>


IPB



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.


Terdapat 6 textbox yaitu username, password, nickname,

NIP, nama, umur, lalu ada 2 textarea yaitu alamat dan

deskripsi, serta 1 listbox yaitu level.


Menuju ke form list Dosen.

2.5.2.5.3 Algoritma

2.5.2.6 Proses Edit Dosen

Nama Proses : Edit Dosen

<?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']."')


IPB



Deskripsi : Proses untuk mengubah dosen yang sudah




NIP, nama, umur, lalu ada 2 textarea yaitu alamat dan




2.5.2.6.3 Algoritma

2.5.2.7 Proses Hapus Dosen

Nama Proses : Hapus Dosen

Deskripsi : Proses untuk menghapus Dosen.


Terdapat link tulisan “Hapus” dalam 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

WHERE id_mhs = '".$_GET['nim']."'


IPB



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.



NIM, nama, umur, lalu ada 2 textarea yaitu alamat dan



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




NIM, nama, umur, lalu ada 2 textarea yaitu alamat dan




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']."')


IPB



2.5.2.9.3 Algoritma

2.5.2.10 Proses Hapus Mahasiswa

Nama Proses : Hapus Mahasiswa

Deskripsi : Proses untuk menghapus Mahasiswa.


Terdapat link tulisan “Hapus” dalam list Mahasiswa.



2.5.2.10.3 Algoritma

2.5.2.11 Proses vote

Nama Proses : vote

Deskripsi : Proses untuk menambah Nilai.


Masukan kelompok data mk.


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']."'


IPB




2.5.2.12 Proses lihat nilai

Nama Proses : lihat nilai

Deskripsi : Proses untuk lihat nilai.


Pada proses ini dosen dapat melihat nilai


Menuju ke form lihat nilai.


<?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];

$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>";

}

?>


IPB




Menggunakan Tombol “Cetak Excel” pada list Nilai.


SELECT n.id_mhs, mk.nama_mk, n.nilai_mk

FROM nilai n, mk mk

WHERE n.id_mk=mk.id_mk


IPB



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

DESKRIPSI PERANCANGAN PERANGKAT LUNAK E Learning Praktikum ... · E – Learning Praktikum ( E-prak ) ... akan dibangun merupakan perangkat lunak berbasis web dengan menggunakan ...

Documents

DESKRIPSI PERANCANGAN PERANGKAT LUNAK E Learning Praktikum ... · E – Learning Praktikum ( E-prak ) ... akan dibangun merupakan perangkat lunak berbasis web dengan menggunakan ...