7/25/2019 Tugas Pak Ruslan
1/35
1. Context Diagram (CD)
Gambar 1.Diagram konteks
Pada konteks diagram di atas dapat dilihat bahwa pada aplikasi e-
learning mempunyai tiga sumber atau tujuan data yaitu administrator, guru
dan user (siswa).
1 Admin bertugas mengelola semua fitur-fitur yang terdapat pada aplikasi
e- learning. emua data diolah oleh admin yang kemudian di akses oleh
user yang telah terdaftar.
! ementara user dari aplikasi ini mengakses data-data yang telah
diolah oleh admin, yang kemudian digunakan sebagai bahan dalam
pembelajaran.
input id user
input soal
input nilai
input jawaban
upload materi
tampil berita
informasi data user
tampil data soal
tampil materi
akses berita
load soal
unduh materi
jawaban soal
1
elearning
admin
user
7/25/2019 Tugas Pak Ruslan
2/35
2. Data Flow Diagram
2.1 Data Flow Diagram(D"D) #e$el %
Gambar 2D"D le$el %
Pada D"D le$el % terdapat empat proses yang dilakukan oleh admin dan
user.
a Proses pertama Administrator yang menangani manjemen data yang akan
ditampilkan dalam website. Data-data tersebut disimpan dalam database
yang ada. Data-data yang diinputkan oleh admin antara lain& data user, data
berita,pengumuman, soal, jawaban, nilai user dan sebagainya, setelah data-
informasi data user
tampil materi
tampil data jawaban
tampil data nilai
tampil d ata soal
autentifikasi login
login admin
login user
lihat soal
ja waban soal
unduh materi
liahat nilai
baca data usersimpan data user
simpan nilai
simpan soal
simpan jawaban
simpan materi
load data nilai
load data soal
load data jawaban
load materi
input soal
upload materi
input nilai
input jawaban
1.1
administrasi
admin
1.2
login
user
1.3
proses elearning
12 user
13 nilai
15 jawaban
14 soal
18 upload
7/25/2019 Tugas Pak Ruslan
3/35
dta dimasukkan kemudian data tersebut disimpan dalam tabel yang telah
dibuat sebelumnya.
b Proses kedua adalah login user, proses ini digunakan untuk memeriksa login user
untuk mendapatkan hak akses untuk mengelola content database. etiap kali user
melakukan login, data yang dimasukkan akan diperikasa dan di'o'okkan terlebih
dahulu apakah pengguna terdaftar dalam databse. Apabila data yang
dimasukkan dengan data yang terdapat pada database, maka user dapat
mengelola 'ontent yang ada. amun apabila data yang dimasukkan tidak sama
dengan yang ada pada database, maka sistem akan menolak user tersebut untuk
masuk ke dalam sistem.
' etiga adalah proses e-learning, pada proses ini merupakan proses
pembelajaran, di mana user dapat mengakses data-data yang telah
dimasukkan oleh admin sebelumnya untuk digunakan sebagai materipembelajaran,
pada proses ini user juga dapat melakukan ujian se'ara real time.
Pada proses keempat user dapat mengakses berita dan pengumuman terbaru
yang berkaitan dengan proses belajar mengajar. Pada halaman ini, admin
yang sebelumnya memasukkan data berita dan pengumuman kemudian
ditampilkan pada halaman informasi ini.
d. Pada proses keempat user dapat mengakses berita dan pengumuman terbaru
yang berkaitan dengan proses belajar mengajar. Pada halaman ini, admin
yang sebelumnya memasukkan data berita dan pengumuman kemudian
ditampilkan pada halaman informasi ini.
7/25/2019 Tugas Pak Ruslan
4/35
2.2 Data Flow Diagram(D"D) #e$el 1 admin
Gambar 3 D"D le$el 1 admin
Pada D"D le$el 1 merupakan pengembangan dari D"D le$el %, di sini dijelaskan
lebih terperin'i lagi mengenai proses e-learning, dimulai dari proses penginputan
user sampai pada proses penguploadan materi pembelajaran. Data-data yangdimasukkan nantinya akan disimpan pada database
2.3 Data "low Diagram(D"D) #e$el 1 user
input id user
informasi user
ambil data
user
input soal
tampil soal
tampil nilai
input nilai
upload m ateri
tampil m ateri
simpan
materi
load jawaban
simpan jawaban
simpan nil ai
ambil nilaisimpa n soal
ambil soal
tampil data jawaban
input jawaban
admin1
Proses user
2
Proses soal
3
Proses nil ai
4
Proses jawaban
5
Prses materi
1 user
2 soal
3 nilai
4 jawaban
5 upload
1.
1.
1.
1.
1.
7/25/2019 Tugas Pak Ruslan
5/35
Gambar 4 D"D le$el 1 user
2.4 Data "low Diagram(D"D) #e$el ! proses user
input id user
informasi user
ambil data
user
input soal
tampil soal
download materi
tampil materi
ambil materi
load jawaban
simpan jawaban
simpan soal
ambil soal
tampil data j awaban
input jawaban
user1
Proses user
2
Proses soal
3
Proses jawaban
4
Prses materi
6 user
13 soal
12 jawaban
1 downl oad
3.
3.
3.
3.
1.1.31.1.2
7/25/2019 Tugas Pak Ruslan
6/35
Gambar 5 D"D le$el ! proses user
*abel 1 pesifikasi Proses simpan data user
o Proses + 1.1.1
ama Proses + a$e data user
Deskripsi + ntuk menyimpan data user
emanggil oleh proses Proses user
Dipanggil oleh proses Proses user
"low input nput user
"low output Data user
tore input impan data user
tore output Ambil data user
#ogika Proses
Begin
While tambah data andhapus data do
If setuju then
data user
input data user
ambil datauser
simpan data
user
data user
edit ambil
data user
hapus datauser
input data user
proses user
1
sa!e2
edit
3
hapus
1 "ata user
1.1.1
7/25/2019 Tugas Pak Ruslan
7/35
impan ke tabel
ndif!
ndwhile!/nd.
*abel ! pesifikasi Proses edit data user
o Proses + 1.1.!
ama Proses + /dit data user
Deskripsi + ntuk edit data user
emanggil oleh proses Proses user
Dipanggil oleh proses Proses user
"low input nput user
"low output Data user
tore input /dit data user
tore output Ambil data user
#ogika Proses
Begin
Whilepengubahan data do
If setuju then
ubah data
l"e
Pembatalan pengubahan data&
ndif!
ndwhile!
nd.
7/25/2019 Tugas Pak Ruslan
8/35
*abel 0 pesifikasi Proses hapus data user
7/25/2019 Tugas Pak Ruslan
9/35
o Proses + 1.1.0
ama Proses + apus data user
Deskripsi + ntuk menghapus data user
emanggil oleh proses Proses user
"low input Data user
tore input apus data user
#ogika Proses
Begin
Whilepenghapusan data do
*ampilkan pesan konfirmasi penghapusan
If setuju then
apus andsimpan ke tabel
l"e
Pembatalan penghapusan&
ndif!
ndwhile!
nd.
7/25/2019 Tugas Pak Ruslan
10/35
2.5 Data "low Diagram(D"D) #e$el ! proses soal
7/25/2019 Tugas Pak Ruslan
11/35
data soal
input data soal
ambil data
al
simpan data
soal
edit ambil
hapus
input data soal data soal
data soal
proses soal
1
sa!e2
edit
3
hapus
1 "ata soal
Gambar #D"D le$el ! proses soal
*abel 2 pesifikasi Proses simpan soal
o Proses + 1.!.1
ama Proses + a$e data soal
Deskripsi + ntuk menyimpan data soal
emanggil oleh proses Proses soal
Dipanggil oleh proses Proses soal
"low input nput soal
"low output Data soal
tore input impan data soal
tore output Ambil data soal
#ogika Proses
Begin
While tambah data andhapus data do
1.2.31.2.11.2.2
7/25/2019 Tugas Pak Ruslan
12/35
If setuju then
impan ke tabel
ndif!ndwhile!
/nd.
*abel 3 pesifikasi Proses edit data soal
o Proses + 1.!.!
ama Proses + /dit data soal
Deskripsi + ntuk edit data soal
emanggil oleh proses Proses soal
Dipanggil oleh proses Proses soal
"low input nput soal
"low output Data soal
tore input /dit data soal
tore output Ambil data soal
#ogika Proses
Begin
Whilepengubahan data do
If setuju then
ubah data
l"e
Pembatalan pengubahan data&
ndif!
ndwhile!
nd.
7/25/2019 Tugas Pak Ruslan
13/35
*abel 4 pesifikasi Proses hapus data soal
o Proses + 1.!.0
ama Proses + apus data soal
Deskripsi + ntuk menghapus data soal
emanggil oleh proses Proses soal
"low input Data soal
tore input apus data soal
#ogika Proses
Begin
Whilepenghapusan data do
*ampilkan pesan konfirmasi penghapusan
If setuju then
apus andsimpan ke tabel
l"e
Pembatalan penghapusan&
ndif!
ndwhile!
nd.
7/25/2019 Tugas Pak Ruslan
14/35
data nilai
input data nilai
ambil data
nilai
simpan data
nilaiedit ambil
hapus
input data nilai data nilai
data nilai
proses nilai
1
sa!e2
edit
3
hapus
1 "ata nilai
2.# Data "low Diagram(D"D) #e$el ! proses nilai
Gamba r $
D"D le$el ! proses nilai
*abel 5 pesifikasi Proses simpan nilai
o Proses + 1.0.1
1.3.11.3.2 1.3.33.2
3.1
7/25/2019 Tugas Pak Ruslan
15/35
ama Proses + a$e data nilai
Deskripsi + ntuk menyimpan data nilai
emanggil oleh proses Proses nilai
Dipanggil oleh proses Proses nilai
"low input nput nilai
"low output Data nilai
tore input impan data nilai
tore output Ambil data nilai
#ogika Proses
Begin
While tambah data andhapus data do
If setuju then
impan ke tabel
ndif!
ndwhile!
/nd.
*abel 6 pesifikasi Proses edit data nilai
o Proses + 1.0.!
ama Proses + /dit data nilai
Deskripsi + ntuk edit data nilai
emanggil oleh proses Proses nilai
Dipanggil oleh proses Proses nilai
"low input nput nilai
"low output Data nilai
tore input /dit data nilai
tore output Ambil data nilai
#ogika Proses
Begin
Whilepengubahan data doIf setuju then
ubah data
l"e
Pembatalan pengubahan data&
ndif!
ndwhile!
nd.
7/25/2019 Tugas Pak Ruslan
16/35
7/25/2019 Tugas Pak Ruslan
17/35
*abel 7 pesifikasi Proses hapus data nilai
2.$ Data "low Diagram(D"D) #e$el ! proses jawaban
Gambar %D"D le$el ! proses jawaban
*abel 1% pesifikasi Proses simpan jawaban
o Proses + 1.2.1
1.4.31.4.2
1.4.1
o Proses + 1.0.0
ama Proses + apus data nilai
Deskripsi + ntuk menghapus data nilai
emanggil oleh proses Proses nilai
"low input Data nilai
tore input apus data nilai
#ogika Proses
Begin
Whilepenghapusan data do
*ampilkan pesan konfirmasi penghapusan
If setuju then
apus andsimpan ke tabel
l"e
Pembatalan penghapusan&
ndif!
ndwhile!
nd.
7/25/2019 Tugas Pak Ruslan
18/35
ama Proses + a$e data jawaban
Deskripsi + ntuk menyimpan data jawaban
emanggil oleh proses Proses jawaban
Dipanggil oleh proses Proses jawaban
"low input nput jawaban
"low output jawaban
tore input impan jawaban
tore output Ambil jawaban
#ogika Proses
Begin
While tambah data andhapus data do
If setuju then
impan ke tabel
ndif!
ndwhile!
/nd.
*abel 11 pesifikasi Proses edit data jawaban
data jawaban
input jawaban
ambil
jawaban
simpanjawaban
edit ambil
hapus
input jawabanjawaban
data soal
proses jawaban
1
sa!e2
edit
3
hapus
1 jawaban
o Proses + 1.2.!
ama Proses + /dit jawaban
Deskripsi + ntuk edit jawaban
emanggil oleh proses Proses jawaban
Dipanggil oleh proses Proses jawaban
"low input nput jawaban
"low output jawaban
tore input /dit jawaban
tore output Ambil jawaban
#ogika Proses
Begin
Whilepengubahan data doIf setuju then
ubah data
l"e
Pembatalan pengubahan data&
ndif!
ndwhile!
nd.
7/25/2019 Tugas Pak Ruslan
19/35
7/25/2019 Tugas Pak Ruslan
20/35
*abel 1! pesifikasi Proses hapus data jawaban
2.% Data "low Diagram(D"D) #e$el ! proses materi
1.5.31.5.21.5.1
o Proses + 1.2.0
ama Proses + apus jawaban
Deskripsi + ntuk menghapus jawaban
emanggil oleh proses Proses jawaban
"low input Data jawaban
tore input apus jawaban
#ogika Proses
Begin
Whilepenghapusan data do
*ampilkan pesan konfirmasi penghapusan
If setuju then
apus andsimpan ke tabel
l"e
Pembatalan penghapusan&
ndif!
ndwhile!
nd.
7/25/2019 Tugas Pak Ruslan
21/35
Gambar & D"D le$el ! proses materi
*abel 10 pesifikasi Proses simpan materi
o Proses + 1.3.1
ama Proses + a$e data materi
Deskripsi + ntuk menyimpan data materi
emanggil oleh proses Proses materi
Dipanggil oleh proses Proses materi
"low input nput materi
"low output Data materi
tore input impan materi
tore output Ambil materi
#ogika Proses
Begin
While tambah data andhapus data do
data materi
input materi
ambil m ateri simpanmateriedit ambil
hapus
input m aterimateri
data materi
proses materi
1
sa!e2
edit
3
hapus
1 materi
7/25/2019 Tugas Pak Ruslan
22/35
If setuju then
impan ke tabel
ndif!ndwhile!
/nd.
*abel 12 pesifikasi Proses edit data materi
o Proses + 1.3.!
ama Proses + /dit materi
Deskripsi + ntuk edit materi
emanggil oleh proses Proses materi
Dipanggil oleh proses Proses materi
"low input nput materi
"low output Data materi
tore input /dit materi
tore output Ambil materi
#ogika Proses
Begin
Whilepengubahan data do
If setuju then
ubah data
l"e
Pembatalan pengubahan data&
ndif!
ndwhile!
nd.
7/25/2019 Tugas Pak Ruslan
23/35
7/25/2019 Tugas Pak Ruslan
24/35
3 'am" lir Data
amus yang diran'ang untuk membangun databasesistem adalah kamus
data.Dalam kamus data ini dapat dilihat dengan jelas setiap data yang
mengalir dari satu proses ke data store.
lir Data Ambil data user
De"*ri+"i megambil data user dari database
Bent* data -
,tr*tr data 8id9user:ama9user:password;
lir Data Ambil nilai
De"*ri+"i megambil data nilai dari database
7/25/2019 Tugas Pak Ruslan
25/35
Bent* data -
,tr*tr data 8id9nilai:mata9perlajaran:nama9siswa;
lir Data Ambil soal
De"*ri+"i megambil data soal dari database
Bent* data -
,tr*tr data 8id9soal:
7/25/2019 Tugas Pak Ruslan
26/35
lir Data #oad jawaban
De"*ri+"i megambil data materi dari database
Bent* data
,tr*tr data 8id9jawaban:id9siswa=user:jawaban;
,
lir Data impan jawaban
De"*ri+"i enyimpan jawaban ke database
Bent* data
,tr*tr data 8id9jawaban:id9siswa=user:jawaban;
lir Data impan nilai
De"*ri+"i enyimpan nilai ke database
Bent* data
,tr*tr data 8id9nilai:mata9perlajaran:nama9siswa;
lir Data impan materi
De"*ri+"i enyimpan materi ke database
Bent* data
,tr*tr data 8id9materi:id9matapeljaran:judul:nama9file;
lir Data impan soal
De"*ri+"i enyimpan soal ke database
Bent* data
,tr*tr data 8id9soal:
7/25/2019 Tugas Pak Ruslan
27/35
laod materi
lihat nilai
liaht kelas #ang diampu
melihat kelas
manipulasi data pengajar
manipulasi data
melakuakn registrasi
load m ateri
download materi
load jawban
download
menentukan materi kuis
melihat kuis
admin
id$admin
nama
username
password
alamat
%nteger
&ariabl e characters '124(
&ariabl e characters '124(
&ariabl e characters '124(
&ariabl e characters '124(
&ariabl e characters '124(
materi
id$materi
id$matapelajaran
judul
nama file
tgl posting
%nteger
%nteger
&ariable characters '1(
&ariable characters '124(
"ate
kelas
nama
id$pengajar
id$siswa
&ariable characte
%nteger
%nteger
siswa
id$siswa
nis
nama
username
password
id$kleas
tgl lahir
alamat
agama
jenis kelami n
no tlp
id$materi
%nteger
%nteger
&ariable characters '124(
&ariable characters '124(
&ariable characters '124(
%nteger
"ate
&ariable characters '124(
&ariable characters '124(
)e*t
&ariable characters '2(
%nteger
pengajar
id$pengajar
nama
username
password
ni p
alamat
agama
tgl lahir
jenis kelamin
no tlp
%nteger
&ariabl e characters '124(
&ariabl e characters '124(
&ariabl e characters '124(
%nteger
&ariabl e characters '124(
&ariabl e characters '124(
"ate
)e*t
&ariabl e characters '2(
mata pelajaran
id mata pelaj aran
id$pengajar
nama
deskripsi
%nteger
%nteger
&ariable characters '124(
&ariable characters '124(
nilai
id$nilai
id$tk
id$siswa
benar
salah
%nteger
%nteger
%nteger
%nteger
%nteger
jawaban
id$jawaban
id$tk
id$siswa
jawaban
%nteger
%nteger
%nteger
)e*t
topik kuis
id$tk
judul
id$matapelajaran
tgl buat
%nteger
&ariable characters '1(
%nteger
"ate
registrasi siswa
id$registrasi
nis
nama
username
password
tgl lahir
alamat
agama
no tlp
jen is kelami n
%nteger
%nteger
&ariable characters '124(
&ariable characters '124(
&ariable characters '124(
"ate
&ariable characters '124(
&ariable characters '124(
&ariable characters '2(
)e*t
,tr*tr data 8id9jawaban:id9siswa=user:jawaban;
lir Data *ampil nilai
De"*ri+"i informasi yang dihasilkan dari inputan data nilai siswa
Bent* data
,tr*tr data 8id9nilai:mata9perlajaran:nama9siswa;
lir Data *ampil materi
De"*ri+"i informasi yang dihasilkan dari inputan materi
Bent* data
,tr*tr data 8id9materi:id9matapeljaran:judul:nama9file;
lir Data *ampil soal
De"*ri+"i informasi yang dihasilkan dari soal
Bent* data
,tr*tr data 8id9soal:
7/25/2019 Tugas Pak Ruslan
28/35
admin
id$admin
nama
username
password
alamatemail
int
!archar'124(
!archar'124(
!archar'124(
!archar'124(!archar'124(
materi
id$materi
id$matapelajaran
judul
nama file
tgl posting
int
int
!archar'1(
!archar'124(
date
kelas
id$kelasid$pengajar
nama
id$siswa
in tin t
!archar'124(
in t
siswa
id$siswa
nis
nama
username
password
id$kleas
tgl lahir
alamat
agama
jenis kelamin
no tlp
id$materi
in t
in t
!archar'124(
!archar'124(
!archar'124(
in t
date
!archar'124(
!archar'124(
te*t
!archar'2(
in t
pengajar
id$pengajar
nama
username
password
nip
alamat
agama
tgl lahir
jenis kelam in
no tlp
int
!archar'124(
!archar'124(
!archar'124(
int
!archar'124(
!archar'124(
date
te*t
!archar'2(
mata pelajaran
id matapelajaran
id$pengajar
nama
deskripsi
int
int
!archar'124(
!archar'124(
nilai
id$nilai
id$tk
id$siswa
benar
salah
...
in t
in t
in t
in t
in t
jawaban
id$jawaban
id$tk
id$siswajawaban
...
in t
in t
in tte*t
topik kuis
id$tk
judul
id$matapelajaran
tgl buat
in t
!archar'1(
in t
date
registrasi siswa
id$registrasi
nis
nama
username
password
tgl lahir
alamat
agama
no tlpjenis kelam in
int
int
!archar'124(
!archar'124(
!archar'124(
date
!archar'124(
!archar'124(
!archar'2(te*t
Gambar 1>D
4.2Physical Data Model (0D)
7/25/2019 Tugas Pak Ruslan
29/35
Gambar 11 PD
4.3 'am" Data abel
a. abel dmin
Nama Tipe Data Keterangan
%d$admin %nt '1( +en#impan %" admin 'primary(
,ama &archar '1(
7/25/2019 Tugas Pak Ruslan
30/35
-sername &archar '1(
Password &archar '1(
lamat &archar '1(
email &archar '5(
abel 1$Data item untuk tabel admin
b. abel 0engaar
Nama Tipe Data Keterangan
%d$pengajar %nt '1( +en#impan %" pengajar 'primary(
,ama &archar '1(
-sername &archar '1(
Password &archar '1(
lamat &archar '1(
email &archar '5(,ip %nt '1(
)gl lahir "ate
gama &archar '1(
/enis kelamin )e*t
,o tlp &archar '2(
abel 1%Data item untuk tabel pengajar
.abel ,i"wa
Nama Tipe Data Keterangan
%d$siswa %nt '1( +en#impan %" siswa'primary(,ama &archar '1(
-sername &archar '1(
Password &archar '1(
lamat &archar '1(
%d$kelas &archar '5(
,is %nt '1(
)gl lahir "ate
gama &archar '1(
/enis kelamin )e*t
%d$materi int
,o tlp &archar '2(
abel 1&Data item untuk tabel siswa
d.abel ilai
Nama Tipe Data Keterangan
%d$nilai %nt '1( +en#impan %" nilai 'primary(
%d$tk %nt '1(%d$siswa %nt '1(
0enar %nt '1(
salah %nt '1(
7/25/2019 Tugas Pak Ruslan
31/35
abel 2Data item untuk tabel nilai
e. able 6awaban
Nama Tipe Data Keterangan
%d$jawaban %nt '1( +en#impan %" jawaban 'primary(
%d$tk %nt '1(
%d$siswa %nt '1(
jawaban &archar '1(
abel 21Data item untuk table jawaban
f. able ata 0elaaran
Nama Tipe Data Keterangan
%d$matapelajaran %nt '1( +en#impan %" mata pelajaran 'primary(
%d$pengajar %nt '1(
,ama &archar '1(
"eskripsi &archar '1(
abel 22Data item untuk table mata pelajaran
g. able o+i* 'i"
Nama Tipe Data Keterangan%d$tk %nt '1( +en#impan %" topik kuis 'primary(
/udul &archar '1(
%d$matapelajaran %nt '1(
)gl buat Date
abel 23 Data item untuk table topik kuis
h.able 'ela"
Nama Tipe Data Keterangan
%d$kelas %nt '1( +en#impan %" kelas 'primary(
%d$siswa %nt '1(
%d$spengajar %nt '1(
nama &archar '1(
7/25/2019 Tugas Pak Ruslan
32/35
7/25/2019 Tugas Pak Ruslan
33/35
Gambar 12truktur menu siswa
5.2. ,tr*tr men gr
berita view
view
downloa
Cek
materihome
Lihat
Lihat
tu asViewUjian &
nilai
ViewLogout
dit
!ro"le
7/25/2019 Tugas Pak Ruslan
34/35
Gambar 13 truktur menu guru
5.3. ,tr*tr men admin
#amba
!engolahan
materi $elet
%om
e
Uloa
$ownload
dit
$ownload
Uloa
#amba
!engolahan ujian &
$elet
dit
7/25/2019 Tugas Pak Ruslan
35/35
'anage data guru
'anage d
List d
'ana
View
# b h
dit
%aus
Gambar 14truktur menu admin
$elete