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

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

Nomor Dokumen

Halaman

ELearning-001

<1>/<51>

Jurusan Teknik Komputer Institut Pertanian Bogor

Revisi

-

Tgl: 9 Desember 2013

DAFTAR PERUBAHAN Revisi

Deskripsi

A

B

C

D

E

F

G

INDEX TGL

-

A

B

C

D

E

F

G

Ditulis oleh Diperiksa oleh Disetujui oleh

Jurusan Teknik Komputer 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 Halaman Perubahan Halaman


Revisi

Halaman

E-prak - 001

Revisi

Halaman 3 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 IPB

E-prak - 001

Halaman 4 dari 38


3

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 Matriks Keterunutan ...................................................................................................................................... 38


E-prak - 001

Halaman 5 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 ................................................................................................................. 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


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.1Tujuan 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.2Lingkup 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


1.3Definisi 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.4Referensi 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.5Deskripsi 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 IPB

E-prak - 001

Halaman 8 dari 38


2

Deskripsi Perancangan 2.1Rancangan 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.2Dekomposisi Fungsional Modul Tabel 1 Dekomposisi Fungsional Modul

No. DPPL_E1

Fungsi / Proses Login Admin

Data Input Username Admin

dan

DPPL_E2

Logout Admin

Button Logout

DPPL_E3

Login Dosen

Username Dosen

DPPL_E4

Logout Dosen

Button Logout


dan

Data Output

Keterangan

Password Masuk ke Fungsi ini adalah halaman menu fungsi untuk admin utama admin menuju halaman

Kembali ke halaman awal E-Learning

Password Masuk ke halaman menu utama dosen

Kembali halaman E-prak - 001

ke awal

menu utama admin dengan hak akses penuh untuk memanipulasi datadata yang ada (kecuali data nilai). Fungsi ini adalah fungsi untuk melakukan logout dari sistem. Fungsi ini adalah fungsi untuk dosen menuju halaman menu utama dosen dengan hak akses tertentu seperti memanipulasi data nilai. Fungsi ini adalah Halaman 9 dari 38


E-Learning

DPPL_E5

Login Mahasiswa

Username Mahasiswa

DPPL_E6

Logout Mahasiswa

Button Logout

No.

Fungsi / Proses Manipulasi Data user

DPPL_E7

DPPL_E8

DPPL_E9

DPPL_E10

DPPL_E11

dan

Password Masuk ke halaman menu utama mahasiswa

Kembali ke halaman awal E-Learning

Data Input

Data Output

fungsi untuk melakukan logout dari sistem. Fungsi ini adalah fungsi untuk mahasiswa menuju halaman menu utama mahasiswa dengan hak akses tertentu. Fungsi ini adalah fungsi untuk melakukan logout dari sistem.

Keterangan

Masuk ke Fungsi ini adalah halaman fungsi untuk manipulasi data menampilkan list user user yang sudah terdaftar di dalam sistem dan memanipulasi data user. Daftar user Username Login, Password Masuk ke menu Fungsi ini adalah Admin Login, Status,Button adduser data user,data fungsi untuk admin telah memasukkan data ditambah. untuk login dan datadata yang diperlukan untuk menjadi admin. Edit user Button Edit. Masuk ke menu Fungsi ini adalah Admin data user , data untuk mengubah data telah di edit. admin. Hapus user Button Hapus . Masuk ke menu Fungsi ini adalah Admin data user , Data untuk menghapus admin telah data admin. terhapus. Daftar user Username Login, Password Masuk ke menu Fungsi ini adalah Dosen Login, Status,Button adduser data user,data fungsi untuk Dosen telah memasukkan data ditambah untuk login dan datadata yang diperlukan untuk menjadi Dosen.


Button DataUser

E-prak - 001

Halaman 10 dari 38


DPPL_E12

Edit user Button Edit. Dosen

Masuk ke menu Fungsi ini adalah data user , data untuk mengubah data telah di edit. Dosen

DPPL_E13

Hapus user Button Hapus Dosen

Masuk ke menu Fungsi ini adalah data user , Data untuk menghapus admin telah data Dosen. terhapus Data Output Keterangan

No. DPPL_E14

Fungsi / Data Input Proses Daftar user Username Login, Password Masuk ke menu Mahasiswa Login, Status,Button adduser data user,data Mahasiswa telah ditambah

DPPL_E15

Edit user Button Edit Mahasiswa

DPPL_E16

Hapus Mahasiswa

Button Hapus

DPPL_E17

Manipulasi data Dosen

Button data Dosen

DPPL_E18

Daftar Data Dosen

DPPL_E19

DPPL_E22

Masuk ke menu data Dosen,data dosen telah diubah. Hapus data Pilih data yang ingin Masuk ke menu Dosen dihapus,Button hapus data Dosen,data dosen telah dihapus. Cari data Masukan nama Dosen Masuk ke menu Dosen kedalam keyword,Button cari data Dosen,data Dosen. telah ditemukan. Clear Button Clear No

DPPL_E23

Manipulasi

DPPL_E20

DPPL_E21

NIP,Nama Dosen,Umur,Tempat Lahir,Alamat,Pendidikan,Jeni s Kelamin ,Button tambah data,Button tambah Edit data Masukan data yang ingin Dosen diubah ,Button update


Button data Mahasiswa E-prak - 001

Fungsi ini adalah fungsi untuk memasukkan data untuk login dan datadata yang diperlukan untuk menjadi Mahasiswa. Fungsi ini adalah untuk mengubah data Mahasiswa. Fungsi ini adalah untuk menghapus data Mahasiswa.

Masuk ke menu data user , data telah di edit Masuk ke menu data user , Data admin telah terhapus Masuk ke menu Fungsi ini adalah data Dosen memanipulasi data Dosen. Masuk ke menu Fungsi ini adalah data Dosen,data untuk menambah dosen telah data dosen. ditambah. .Fungsi ini adalah untuk mengubah data dosen.

Fungsi ini adalah untuk menghapus data dosen.. Fungsi untuk mencari data Dosen pada table dosen. Fungsi ini adalah fungsi untuk membersihkan keyword.

Masuk ke menu Fungsi

ini

adalah

Halaman 11 dari 38


DPPL_E23

DPPL_E24

DPPL_E25

DPPL_E26

DPPL_E27

No. DPPL_E28

data Mahasiswa Daftar Data Mahasiswa

data Mahasiswa

memanipulasi data Mahasiswa. NIM , Nama Mahasiswa , Masuk ke menu Fungsi ini adalah Program Keahlian , Alamat , data fungsi untuk Jenis Keahlian, Button tambah Mahasiswa,data menambah data Mahasiswa mahasiswa. telah ditambah.siste m

Edit data Pilih data yang ingin diubah , Mahasiswa button edit.

Masuk kemenu data mahasiswa.data mahasiswa telah di edit. Hapus Pilih data yang ingin dihapus, Masuk kemenu Data Button Hapus. data Mahasiswa mahasiswa,data telah di hapus Tambah Kelompok combo box , Masuk kemenu Data matakuliah combo box , memilih kelompok Button insert. mahasiswa berdasarkan nim. Lihat nilai Kelompok combo box,mata NO,tampil data kelompok kuliah combobox , bitton lihat nilai kelompok nilai. yang dimaksud. Fungsi / Data Input Data Output Proses Audience Button audience Masuk kemenu voting

DPPL_29

Memulai voting

DPPL_30

voting

DPPL_E30

Pembahas

DPPL_E31

Lihat nilai Pembahas


Fungsi ini fungsi mengubah mahasiswa.

adalah untuk data

Fungsi ini adalah untuk menghapus data mahasiswa. Fungsi ini adalah untuk menambah data kelompok.

Fungsi ini adalah untuk melihat nilai kelompok. Keterangan

Fungsi ini adalah fungsi untuk menjadi audience sebagai penilai. Pilih kelompok Checkbox, Masuk kemenu Fungsi ini adalah Matakuliah Check box , button voting fungsi untuk Mulai vote memiilih kelompok dan matakuliah yang ingin di vote. Checkbox beri prnilaian Kembali Fungsi ini adalah !!,Button vote. kemenu untuk memberi nilai mahasiswa. kepada kelompok pembahas. Button pembahas Masuk kemenu Fungsi ini adalah lihat nilai. fungsi untuk menjadi sebagai pembahas. Checkbox kelompok , Tampil nilai Fungsi ini adalah checkbox mata kuliah , button pembahas . fungsi untuk melihat lihat nilai. nilai kelompok pada hak akses pembahas.

E-prak - 001

Halaman 12 dari 38


2.3Deskripsi Data 2.3.1

Struktur Tabel Dosen Nama Database

: E-prak

Nama Tabel

: dosen

Primary Key

: NIP Tabel 2 Dosen

ID_field NIP Nama_Dosen Umur Tempat_Lahir Alamat Pendidikan Jenis_Kelamin


Deskripsi

Tipe & Length Varchar[12] Varchar[50] Int[11] Varchar[20] text Varchar[15] Varchar[50]

E-prak - 001

Boleh Null No No No No No No No

Keterangan Primary Key

Halaman 13 dari 38


2.3.2

Struktur Tabel Login Nama Database

: E-prak

Nama Tabel

: login

Primary Key

:Tabel 3 Login

ID_field

Deskripsi

Username Password status

2.3.3

Tipe & Length Varchar[40] Varchar[40] Varchar[40]

Boleh Null No No No

Keterangan

Struktur Tabel Kelompok Nama Database

: E-prak

Nama Tabel

: kelompok

Primary Key

: id_kelompok Tabel 4 Kelompok

ID_field

Deskripsi

Id_kelompok Id_mk nm_kelompok nilai

2.3.4

Tipe & Length Varchar[10] Varchar[10] Varchar[50] Decimal[4 ,0]

Boleh Null No No No No

Keterangan Primary Key Foreign key

Struktur Tabel Mengajar Nama Database

: E-prak

Nama Tabel

: tbl_mengajar

Primary Key

: id_user Tabel 5 Mengajar

ID_field Id_dosen Nama_dosen Id_mk


Deskripsi

Tipe & Length Integer[25] Varchar[20] TinyInteger[4]

E-prak - 001

Boleh Null No No No

Keterangan foreignkey Foreign Key

Halaman 14 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 Varchar[10] Varchar[50] Varchar[50] Varchar[10] text Varchar[50]

NIM Nama_Mhs Program_keahlian Id_kelompok Alamat Jenis_kelamin

2.3.6

Boleh Null No No no yes no no


Struktur Tabel MK Nama Database

: E-prak

Nama Tabel

: tbl_mk

Primary Key

: id_mk Tabel 7 MK

ID_field

Deskripsi

Tipe & Length Varchar[10] Varchar[30]

Id_mk Nama_mk

2.3.7

Boleh Null No No


Struktur Tabel Vote Nama Database

: E-prak

Nama Tabel

: vote

Primary Key

: id Tabel 8 Nilai

ID_field Id Username Id_kelompok N_vote


Deskripsi

Tipe & Length Integer[11] Varchar[40] Varchar[10] Deimal[3 , 0]

E-prak - 001

Boleh Null No No No yes

Keterangan Primary Key Foreign key

Halaman 15 dari 38


2.4 Dekomposisi Fisik Modul Tabel 9 Dekomposisi Fisik Modul

Nama Direktori ..\project

No. DPPL

Nama File

DPPL_E1

Nama Modul

Keterangan

Tambah mhs

Modul untuk tambah mhs

Tambah user

Modul untuk tambah user

Edit dosen

Modul untuk edit dosen

Edit mhs

Modul untuk edit mhs

Edit user

Modul untuk edit user

Update user

Modul untuk update user

Update mhs

Modul untuk update mhs

update dosen

Modul untuk update dosen

addmhs.php

..\project

DPPL_E2 adduser.php

..\project

DPPL_E3 editdosen.php

..\project

DPPL_E4 editmhs.php

..\project

DPPL_E5 edituser.php

..\project

DPPL_E6 edituser.php

..\project

DPPL_E7 upmhs.php

..\project

DPPL_E8 updosen.php

..\project

.

DPPL_E9

Tambah dosen Modul untuk menambah dosen tambahdsn.php

..\project

DPPL_E10

Nlain dosen

Modul untuk melihat nilai kelompok mhs

logout

Modul untuk logout

vote

Modul untuk memvote

vote

Modul untuk memvote

Input mhs

Modul untuk input mhs

nilai_dosen.php

..\project

DPPL_E11 logout.php

..\project

DPPL_E12 kvote.php

..\project

DPPL_E13 kvote2.php

..\project

DPPL_E14 inmhs.php


E-prak - 001

Halaman 16 dari 38


..\project

DPPL_E15 inkel.php

..\project

DPPL_E16

Input kelompok

Modul untuk input kelompok

Input mhs

Modul untuk input mhs.

Input user

Modul untuk input user

Selesai input

Modul untuk selesai input.

inmhs.php

..\project

DPPL_E17 inuser.php

..\project

DPPL_E18 finish_inkel.php

Nama Direktori ..\project

No. DPPL

Nama File

DPPL_E19

Nama Modul

Keterangan

home

Modul untuk home

Form vote

Modul untuk form vote

Form vote2

Modul untuk form vote

index

Modul untuk index

index

Modul untuk index

index

Modul untuk index

user

Modul untuk user

finish_inkel.php

..\project

DPPL_E20 frmvote.php

..\project

DPPL_E21 frmvote2.php

..\project

DPPL_E22 index.php

..\project

DPPL_E23 index2.php

..\project

DPPL_E24 index3.php

..\project

DPPL_E25 user.php


E-prak - 001

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


E-prak - 001

Halaman 18 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.


E-prak - 001

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


E-prak - 001

Halaman 20 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..


E-prak - 001

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


E-prak - 001

Halaman 22 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.


E-prak - 001

Halaman 23 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.


E-prak - 001

Halaman 24 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.


E-prak - 001

Halaman 25 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.


E-prak - 001

Halaman 26 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.


E-prak - 001

Halaman 27 dari 38


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


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


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


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.


E-prak - 001

Halaman 31 dari 38


2.5.2.4.3 Algoritma
2.5.2.5 Proses Tambah Dosen Nama Proses

: Tambah Dosen

Deskripsi

:

mendaftarkan

dosen.

Proses

ini

Pendaftaran

dilakukan yang

admin

dilakukan

untuk 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 Jurusan Teknik Komputer IPB

: Edit Dosen E-prak - 001

Halaman 32 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 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

: 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 DELETE FROM dosen WHERE id_mhs = '".$_GET['nim']."'


E-prak - 001

Halaman 33 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 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


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

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


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


$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 "$row[2]$row[1]$row[3]"; } } else{ $sql = "select * from tbl_kelompok"; $hasil = mysql_query($sql); while ($row = mysql_fetch_row($hasil)){ echo "$row[2]$row[1]$row[3]"; E-prak - 001 Halaman 36 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 WHERE n.id_mk=mk.id_mk


E-prak - 001

Halaman 37 dari 38


3

Matriks Keterunutan Tabel 10 Matriks Keterunutan

SKPL E-prak K-0001 E-PRAK.K-0002 E-PRAK.K-0001 E-PRAK.K-0004 E-PRAK.K-0005 E-PRAK.K-0006

DPPL DPPL_E1 DPPL_E2 DPPL_E3 DPPL_E4 DPPL_E5 DPPL_E6

E-PRAK.K-0007

DPPL_E7

E-PRAK.K-0008 E-PRAK.K-0009 E-PRAK.K-0010 E-PRAK.K-0011 E-PRAK.K-0012 E-PRAK.K-0013

DPPL_E8 DPPL_E9 DPPL_E10 DPPL_E11 DPPL_E12 DPPL_E13

E-PRAK.K-0014

DPPL_E14

E-PRAK.K-0015 E-PRAK.K-0016 E-PRAK.K-0017

DPPL_E15 DPPL_E16 DPPL_E17

E-PRAK.K-0018

DPPL_E18

E-PRAK.K-0019 E-PRAK.K-0020 E-PRAK.K-0021 E-PRAK.K-0022 E-PRAK.K-0023

DPPL_E19 DPPL_E20 DPPL_E21 DPPL_E22 DPPL_E23


Fungsi Perangkat Lunak Fungsi untuk Login Admin Fungsi untuk Logout Admin Fungsi untuk Login Dosen Fungsi untuk Logout Dosen Fungsi untuk Login Mhs Fungsi untuk Logout Mhs Fungsi untuk melihat list data mahasiswa dan memanipulasi data mahasiswa Fungsi untuk mengedit mahasiswa Fungsi untuk menghapus mahasiswa Fungsi untuk tambah mahasiswa Fungsi untuk menambah user Fungsi untuk mengedit user Fungsi untuk menghapus user Fungsi untuk melihat list Dosen dan memanipulasi data Dosen Fungsi untuk menambah Dosen Fungsi untuk mengedit Dosen Fungsi untuk menghapus Dosen Fungsi untuk melihat list kelompok dan memanipulasi data kelompok Fungsi untuk melihat nilai Fungsi untuk audience Fungsi untuk voting Fungsi untuk pembahas Fungsi untuk lihat nilai

E-prak - 001

Halaman 38 dari 38


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

Recommend Documents