DPPL Sistem Pendaftaran Pelatihan Guru S

DPPL-09
DESKRIPSI PERANCANGAN PERANGKAT LUNAK
Sistem Pendaftaran Pelatihan Guru
“SPPG”
untuk:
Balai Pengembangan Pendidikan Kejuruan (BPDIKJUR)

Dipersiapkan oleh:
Kelompok 9
1. Panca Suharyo
(A11.2014.08676)
2. Yunita Dwi Setiyaningrum (A11.2014.08013)
3. Zia Ulkhaq

(A11.2014.08675)

4. Nila Nadia Eka .N

(A11.2014.08690)

5. Jorgy Michelle .M


(A11.2014.08691)

Program Studi Teknik Informatika
FASILKOM - UDINUS
Jl. Nakula I no. 5-11, Semarang

Program Studi
Teknik Informatika
FASILKOM – UDINUS

Nomor Dokumen

Halaman

DPPL-09

1/27

Revisi


A

Tgl : 10 Juni 2016

DAFTAR PERUBAHAN
Revisi

Deskripsi
Kata asing diketik miring. melengkapi referensi. Menyamakan
ukuran font. merubah format spesifikasi layar, spesifikasi field data
layar, spesifikasi objek-objek pada layar, algoritma , dan query.
Melengkapi lembar kontribusi.

A

B
C
D
E

F
G

INDEX
TGL
Ditulis
oleh

-

A

B

C

D

E


F

G

Kelompok
9

Diperiksa
oleh
Disetujui
oleh

Program Studi Teknik Informatika

DPPL-09

Halaman 2/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.


Daftar Halaman Perubahan
Halaman

Revisi

8 dan 9

Kata asing diketik

Halaman

Revisi

miring.
9
11

Melengkapi referensi.
Menyamakan ukuran

font.

16,17,18,19,20,21,22,
23,24

Lampiran

Merubah format
spesifikasi layar,
spesifikasi field data
layar, spesifikasi
objek-objek pada
layar, algoritma , dan
query.
Lembar kontribusi

Program Studi Teknik Informatika

DPPL-09


Halaman 3/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

Daftar Isi
Daftar Tabel............................................................................................................................................................. 5
Daftar Gambar ......................................................................................................................................................... 6
1. Pendahuluan ....................................................................................................................................................... 7
1.1
Tujuan Penulisan Dokumen ..................................................................................................................... 7
1.2
Lingkup Masalah ..................................................................................................................................... 7
1.3
Definisi dan Istilah .................................................................................................................................. 7
1.4
Aturan Penamaan dan Penomoran ........................................................................................................... 8
1.5
Referensi .................................................................................................................................................. 8
1.6

Ikhtisar Dokumen .................................................................................................................................... 8
2. Deskripsi Perancangan Global ......................................................................................................................... 10
2.1
Rancangan Lingkungan Implementasi................................................................................................... 10
2.2
Deskripsi Data ....................................................................................................................................... 10
2.2.1
E-R Diagram .................................................................................................................................. 11
2.2.2
Daftar Tabel Basisdata................................................................................................................... 11
2.3
Deskripsi Modul .................................................................................................................................... 12
3. Deskrisi Perancangan Rinci ............................................................................................................................. 13
3.1
Deskripsi Terperinci Tabel .................................................................................................................... 13
3.1.1
Tabel 2 : Pendaftaran ..................................................................................................................... 13
3.1.2
Tabel 3: Login Admin .................................................................................................................. 13
3.1.3

Tabel 4: Data Pendaftar dikelola Admin ....................................................................................... 14
3.2
Deskripsi Rinci Modul.......................................................................................................................... 15
3.2.1
Modul ....................................................... 15
3.2.1.1 Fungsi Modul ............................................................................................................................. 15
3.2.1.2 Spsefikasi Layar ......................................................................................................................... 16
3.2.1.2.1 Spesifikasi Layar Utama (L1) ............................................................................................. 16
3.2.1.2.2 Spesifikasi Field Data Layar (L1) ....................................................................................... 16
3.2.1.2.3 Spesifikasi Obek-Objek pada Layar (L1) ............................................................................ 17
3.2.1.2.4 Algoritma (L1) .................................................................................................................... 17
3.2.1.2.5 Query (L1) ........................................................................................................................... 17
3.2.1.3 Spesifikasi Layar ........................................................................................................................ 18
3.2.1.3.1 Spesifikasi Layar Pendaftaran (L2) ..................................................................................... 18
3.2.1.3.2 Spesifikasi Field Data Layar (L2) ....................................................................................... 18
3.2.1.3.3 Spesifikasi Obek-Objek pada Layar (L2) ............................................................................ 19
3.2.1.3.4 Algoritma (L2) .................................................................................................................... 19
3.2.1.3.5 Query (L2) ........................................................................................................................... 20
3.2.1.4 Spesifikasi Layar ........................................................................................................................ 20
3.2.1.4.1 Layar Login Admin (L3) ..................................................................................................... 20

3.2.1.4.2 Spesifikasi Field Data Layar (L3) ....................................................................................... 21
3.2.1.4.3 Spesifikasi Obek-Objek pada Layar (L3) ............................................................................ 21
3.2.1.4.4 Algoritma (L3) .................................................................................................................... 21
3.2.1.4.5 Query (L3) ........................................................................................................................... 21
3.2.1.5 Spsesifikasi Layar ...................................................................................................................... 22
3.2.1.5.1 Spesifikasi Layar Data Pendaftar untuk Admin (L4) .......................................................... 22
3.2.1.5.2 Spesifikasi Field Data Layar (L4) ....................................................................................... 22
3.2.1.5.3 Spesifikasi Obek-Objek pada Layar (L4) ............................................................................ 23
3.2.1.5.4 Algoritma (L4) .................................................................................................................... 23
3.2.1.5.5 Query (L4) ........................................................................................................................... 23
3.2.1.6 Spesifikasi Layar ........................................................................................................................ 24
3.2.1.6.1 Spesifikasi Layar Webmail (L5) ......................................................................................... 24
3.2.1.6.2 Spesifikasi Field Data Layar (L5) ....................................................................................... 24
3.2.1.6.3 Spesifikasi Obek-Objek pada Layar (L5) ............................................................................ 24
3.2.1.6.4 Algoritma (L5) .................................................................................................................... 25
3.2.1.6.5 Query (L5) ........................................................................................................................... 25
3.2.1.7 Lampiran .................................................................................................................................... 26
3.3
Matriks Kenurutan ................................................................................................................................. 27


Program Studi Teknik Informatika

DPPL-09

Halaman 4/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

Daftar Tabel

Tabel 1: Aturan Penomoran ............................................................................................................................ 8
Tabel 2: Rancangan Lingkungan Implementasi ............................................................................................ 10
Tabel 3: Deskripsi Data ................................................................................................................................ 10
Tabel 4: Daftar Tabel Basisdata .................................................................................................................... 11
Tabel 5: Deskripsi Modul ............................................................................................................................. 12
Tabel 6: Tabel daftar ..................................................................................................................................... 13
Tabel 7: Tabel loginadmin ............................................................................................................................ 13
Tabel 8: Tabel daftarAd ................................................................................................................................ 14
Tabel 9: Fungsi Modul .................................................................................................................................. 15
Tabel 10: Spesifikasi Field Data Layar ............................................. 16
Tabel 11: Spesifikasi Objek-objek pada Layar ................................. 17
Tabel 12: Spesifikasi Field Data ...................................................................................... 18
Tabel 13: Spesifikasi Objek-objek pada Layar ................................... 19
Tabel 14: Spesifikasi Field Data .......................................................................... 21
Tabel 15: Spesifikasi Objek-objek pada Layar ................................ 21
Tabel 16: Spesifikasi Field Data .................................................. 22
Tabel 17: Spesifikasi Objek-objek pada Layar .............. 23
Tabel 18: Spesifikasi Field Data Layar ........................ 24
Tabel 19: Spesifikasi Objek-objek pada Layar ............. 24
Tabel 20 : Matriks Kenurutan ....................................................................................................................... 27

Program Studi Teknik Informatika

DPPL-09

Halaman 5/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

Daftar Gambar
Gambar 1: E-R Diagram ............................................................................................................................... 11
Gambar 2: Modul SPPG ............................................................................................................................... 15
Gambar 3: Layar Utama ................................................................................................................................ 16
Gambar 4: Layar Pendaftaran ....................................................................................................................... 18
Gambar 5: Layar Login Admin ..................................................................................................................... 20
Gambar 6: Tampilan jika login admin salah ................................................................................................. 20
Gambar 7: Layar Data Pendaftar untuk Admin ............................................................................................ 22
Gambar 7: Layar Webmail ............................................................................................................................ 24
Gambar 8: Template surat undangan ............................................................................................................ 26
Gambar 9: Template Daftar Peserta Pelatihan (Laporan) ............................................................................. 26
Gambar 10 : Template Jadwal Kegiatan ....................................................................................................... 27

Program Studi Teknik Informatika

DPPL-09

Halaman 6/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

1. Pendahuluan
1.1

Tujuan Penulisan Dokumen
Dokumen DPPL ini bertujuan untuk menjelaskan secara terperinci mengenai rancangan
yang akan dibuat. DPPL ini ditunjukan bagi pengguna perangkat lunak ,ini digunakan
untuk mempermudah proses pendaftaran pelatihan guru dan juga untuk mempermudah
pendaftar pelatihan dalam pengecekan informasi pelatihan yang telah dan akan
dilaksanakan.

1.2

Lingkup Masalah
Perangkat lunak SPPG yang dibuat akan dipergunakan untuk mempermudah pendaftar
dalam melakukan pendaftaran pelatihan dan juga dalam mencari informasi jenis jurusan
atau jadwal pelatihan yang akan dilaksanakan. Cara kerja secara singkat mengenai
sistem pendaftaran ini sebagai berikut :
1. Admin mengirim surat panggilan ke tiap sekolah dengan melalui media e-mail.
2. Pihak sekolah menerima e-mail tersebut kemudian merespon dengan membalas
kesanggupan akan mengikuti pelatihan.
3. Admin menerima data.
4. Pendaftar (guru) melakukan pendaftaran online.
5. Admin mengirim borang apakah pendaftar benar sanggup mengikuti pelatihan
ini dengan mengirim e-mail ke tiap pendaftar.
6. Pendaftar memvalidasi/menyanggupi akan mengikuti pelatihan.
7. Admin mengirim jadwal pelatihan sebagai tanda pendaftar telah divalidasi, jika
pendaftar batal mengikuti, maka admin tidak akan mengirim jadwal pelatihan.

1.3

Definisi dan Istilah
1. DDPL
: Desain Perancnagan Perangkat Lunak.
2. SKPL

: Spesifikasi Kebutuhan Perangkat Lunak.

3. BPDIKJUR : Badan Pelatihan Pendidikan dan Kejuruan.
4. SPPG

: Sistem Pendaftaran Pelatihan Guru.

5. DFD

: Data Flow Program, diagram untuk menunjukan aliran data.

Program Studi Teknik Informatika

DPPL-09

Halaman 7/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

6. HTML

: Hyper Text Markup Language, sintaks bahasa dalam world wide web.

7. DBMS

: Data Base Management System

8. MySQL

: My Structured Query Language,perangkat lunak sistem manajemen

basis data SQL atau DBMS yang multithread, multiuser, dengan 6 juta instalasi
didunia.
9. XAMPP

: Perangkat lunak yang terdiri atas Cross-Platform, Apache, MySQL,

PHP, Perl yang mendukung banyak sistem operasi.

1.4

Aturan Penamaan dan Penomoran
Kode/Aturan Penomoran

Hal/ Bagian

SPPG--xxx

Kode Spesifikasi

L-xx

Deskripsi Modul
Tabel 1: Aturan Penomoran

1.5

Referensi
Dokumen acuan yang dipergunakan dalam penulisan dokumen ini adalah :
1. Template DPPL Terstruktur, program studi Teknik Informatika S1, Universitas
Dian Nuswantoro.
2. GL02Sample, Desain Perancangan Perangkat Lunak Anjungan Tunai Mandiri
(ATM) Bank-xxx.
3. DPPL, Sistem Informasi Kearsipan oleh Ardaneswari (H1L009094) Universitas
Jenderal Soedirman.
4. SKPL, Sistem Pendaftaran Pelatihan Guru kelompok 9 Universitas Dian
Nuswantoro.

1.6

Ikhtisar Dokumen
Dokumen DDPL ini memberikan spesifikasi dari produk yang akan dibuat dan sesuai
dengan kebutuhan yang diberikan oleh pihak pengguna dan telah disepakati bersama
dengan perancang. Gambaran umum dan khusus dari perangkat lunak, yang meliputi :
1. Rancangan Lingkungan Implementasi
2. Deskripsi Data
3. Definisi Domain/Type
4. E-R Diagram
5. Daftar Tabel Basisdata

Program Studi Teknik Informatika

DPPL-09

Halaman 8/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

6. Deskripsi Modul
7. Deskripsi Terperinci Tabel
8. Deskripsi Rinci Modul
9. Fungsi Modul
10. Spesifikasi Query
11. Spesifikasi Field Data Layar
12. Spesifikasi Objek-objek pada Layar
13. Spesifikasi Proses/Algoritma
14. Matriks Kenurutan
15. DPPL ini dibuat dengan standar sesuai template struktur DPPL yang telah
disebutkan pada bagian 1.5 Referensi, dan terdiri dari bab-bab seperti yang
tercantum pada daftar isi.

Program Studi Teknik Informatika

DPPL-09

Halaman 9/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

2. Deskripsi Perancangan Global
2.1

Rancangan Lingkungan Implementasi

Spesifikasi lingkungan implementasi pengembangan sistem pendaftaran pelatihan guru akan
diuraikan pada tabel 1. Spesifikasi tersebut meliputi Sistem Operasi, DBMS, Development
Tools dan Bahasa Pemrograman yang dipakai.
Sistem Pendaftaran
Sistem Operasi

Spesifikasi
Microsoft Windows XP/Vista/7, Mach
OS, Linux, dan semua sistem operasi
yang mempunyai web browser.
DBMS
XAMPP MySQL
Web Server
Apache dengan modul PHP
Bahasa Pemrograman PHP script
Tabel 2: Rancangan Lingkungan Implementasi

2.2 Deskripsi Data
Dari tahap analisis terlihat bahwa sistem ini mempunyai 2 data store yaitu Log Pendaftar dan
Pendaftaran. Log pendaftar digunakan untuk mencatat semua kegiatan yang dilakukan oleh
pendaftar. Log ini akan mencatat semua kegiatan seperti pengisian formulir pendaftaran.
Sedangkan pendaftaran digununakan untuk menyimpan data verifikasi pendaftar. Secara
terperinci akan diuraikan pada tabel dibawah ini.

Sistem Pendaftaran

1. Log Pendaftaran

Spesifikasi

Data Store ini digunakan ketika pendaftar sudah
mengisi formulir pendaftaran. Dan akan dilanjutkan
untuk proses pengiriman undangan baik via e-mail
maupun pos.

2. Pendaftaran

Data store ini digunakan ketika data pendaftar
sudah divalidasi oleh admin.
Tabel 3: Deskripsi Data

Program Studi Teknik Informatika

DPPL-09

Halaman 10/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

2.2.1 E-R Diagram

Gambar 1: E-R Diagram

2.2.2 Daftar Tabel Basisdata
Nama Tabel

Primary
key

Data Store
pada DFD
Terkait
Pendaftaran

Elemen E/R
Terkait

Deskripsi isi

T_mengundang

no_pend+
kode_pel+
kode_und

no_pend+kode_pel
+kode_und

Berisi data pendaftar
yang sudah terverifikasi
oleh admin. Terdiri dari
nama dan lampiran.
Berisi data pendaftar
yang akan mendapatkan
undangan baik via email
maupun pos.
Berisi data-data
pendaftar yang harus
diisi untuk mendaftar
pelatihan.
Berisi info tentang
pelatihan, yaitu nama
pelatihan , waktu dan
tempat.

T_undangan

Kode_und

Pendaftarn

kode_und+nama+
alamat+lampiran

T_pendaftar

no_pend

Log
pendaftar

no_pend+nama+
alamat+tgl_lahir

T_pelatihan

kode_pel

Log
pendaftar

Kodepel+nama_pel+
waktu+tempat

Tabel 4: Daftar Tabel Basisdata

Program Studi Teknik Informatika

DPPL-09

Halaman 11/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

2.3

Deskripsi Modul
No
L1
L2
L3
L4

Nama Modul
Menu Utama
Form Pendaftaran
Halaman Login Admin
Halaman Data Pendaftar
untuk Admin

L5

Halaman Webmail

Keterangan
Menu Utama Web BPDIKJUR
Form Pendaftaran Perserta Pelatihan
Halaman yang hanya dapat diakses oleh admin
Halaman ini berisi biodata pendaftar yang sudah
divalidasi dan hanya admin yang dapat melakukan
aksi
Halaman untuk mengirim email kepada pendaftar
yang datanya sudah divalidasi.

Tabel 5: Deskripsi Modul

Program Studi Teknik Informatika

DPPL-09

Halaman 12/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3. Deskrisi Perancangan Rinci
3.1

Deskripsi Terperinci Tabel

3.1.1
Tabel 2 : Pendaftaran
Identifikasi/Nama : t_daftar
Deskripsi Isi
: Biodata_pendaftar
Jenis
: tabel data induk
Volume
: 100 record
Laju
: 100 record/data
Primary Key
: no_pend
Id Field
no_pend
Nama
No_hp
Dd
Mm
Yy
Alamat
kode_pos
Jenis_kel
Option

Jurusan

Deskripsi
Id peserta
Nama peserta
Nomor telepon
/ handphone
Tanggal lahir
Bulan lahir
Tahun lahir
Alamat tempat
tinggal
Kode pos
Jenis kelamin
Pernyataan
data tersebut
benar
Jurusan
program studi

Tipe &
length

Default

Keterangan

text(100)
text(30)

Boleh
NULL
NO
NO
NO

-

text(30)
text(50)
text(60)
text(100)

NO
NO
NO
NO

-

text(30)

NO
NO
NO

-

Nomor id pendaftar
Nama pendaftar
No telepon pendaftar yang
masih aktif
Tanggal lahir pendaftar
Bulan lahir pendaftar
Tahun lahir pendaftar
Alamat tempat tinggal
pendaftar
Kode pos alamat pendaftar
Jenis kelamin pendaftar
Pernyataan pendaftar
bahwa data tersebut benar

text(30)

NO

-

Jurusan Program studi yang
akan diambil

Tabel 6: Tabel daftar

3.1.2
Tabel 3: Login Admin
Identifikasi/Nama : t_loginadmin
Deskripsi Isi
: data login
Jenis
: tabel data induk
Volume
: 10 record
Laju
: 10 record/data
Primary Key
: user_name
Id Field

Deskripsi

user_name

nama panggilan
/kode unik login
password pada
saat login

Password

Tipe &
length
text(20)

Boleh
NULL
NO

Default

Keterangan

-

text(20)

NO

-

Nama pengguna yang
dapat mengakses sistem
Kata kunci atas tiap nama
user yang dapat
mengakses sistem

Tabel 7: Tabel loginadmin

Program Studi Teknik Informatika

DPPL-09

Halaman 13/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.1.3
Tabel 4: Data Pendaftar dikelola Admin
Identifikasi/Nama : t_daftarAd
Deskripsi Isi
: Data Pendaftar yang dikelola Admin
Jenis
: tabel data induk
Volume
: 100 record
Laju
: 100 record/data
Primary Key
: no_pend
Id Field

Deskripsi

Tipe & length

Boleh
NULL

Default

Keterangan

-

Nomor id pendaftar
Nama pendaftar
No telepon
pendaftar yang
masih aktif
Tanggal lahir
pendaftar
Bulan lahir
pendaftar
Tahun lahir
pendaftar
Alamat tempat
tinggal pendaftar
Kode pos alamat
pendaftar
Jenis kelamin
pendaftar

no_pend
Nama
no_telp

Id peserta
Nama peserta
Nomor telepon /
handphone

text(100)
text(30)

NO
NO
NO

Dd

Tanggal lahir

text(30)

NO

-

Mm

Bulan lahir

text(50)

NO

-

Yy

Tahun lahir

text(60)

NO

-

Alamat

text(100)

NO

-

kode_pos

Alamat tempat
tinggal
Kode pos

text(30)

NO

-

Kelamin

Jenis kelamin

NO

-

Tabel 8: Tabel daftarAd

Program Studi Teknik Informatika

DPPL-09

Halaman 14/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.2

Deskripsi Rinci Modul
3.2.1 Modul

Gambar 2: Modul SPPG

3.2.1.1 Fungsi Modul
No
1.

Fungsi
Login

2.
3.

Registrasi
Pengisian formulir

3.1

Menerima undangan

3.2

Mengirim undangan

3.3
4.

Verifikasi data pendaftar
Pencetakan data pendaftar

Jenis
Terdapat dua textfield
dan atu button login
Terdapat beberapa
textfield, dua button
dan option button
Terdapat textfield dan
button
Terdapat textfield dan
button
Terdapat tiga button
-

Tabel Terkait
T_pendaftar
T_pendaftar
T_pendaftar

T_pelatihan
T_pelatihan
T_pelatihan
T_pelatihan

Tabel 9: Fungsi Modul

Program Studi Teknik Informatika

DPPL-09

Halaman 15/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.2.1.2 Spsefikasi Layar
3.2.1.2.1 Spesifikasi Layar Utama (L1)

Gambar 3: Layar Utama

3.2.1.2.2 Spesifikasi Field Data Layar (L1)

Label

Field

Tabel/
Query
-

Validasi

Keterangan

Open/Close

Halaman utama website
BPDIKJUR berisi
informasi-informasi
Info profil dari BPDIKJUR
Info bagian/instasi/bidang di
BPDIKUR
Model elektronik
pembelajaran
Formulir pendaftaran
Pelatihan
Login Admin

Home

Home

Profil
Departemen

Profil
departemen

-

Open/Close
Open/Close

E-learning

Elearning

-

Open/Close

Pendaftaran

Pendaftar

daftar

Open/Close

Login

Log

login admin

Open/Close

Tabel 10: Spesifikasi Field Data Layar

Program Studi Teknik Informatika

DPPL-09

Halaman 16/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.2.1.2.3 Spesifikasi Obek-Objek pada Layar (L1)

Id_Objek
MenuHome
MenuProfil
MenuDepartemen
MenuElearning
MenuLogin

Jenis
Menubar
Menubar
Menubar
Menubar
Menubar

Keterangan
Klik untuk masuk halaman home
Klik untuk masuk halaman profil
Klik untuk masuk halaman departemen
Klik untuk masuk halaman Elearning
Klik untuk masuk halaman login

Tabel 11: Spesifikasi Objek-objek pada Layar

3.2.1.2.4 Algoritma (L1)


Objek Terkait
Event

:1
: menuHome, menuProfil, menuDepartemen, menuElearning
: Menu Utama

Initial State (IS):
Tabel menu sudah dibuat strukturnya
Final State (FS):
Peserta dapat memeperoleh berbagai informasi mengenai profil, departement,
ataupun informasi pelatihan di BPDIKJUR
Spesifikasi Proses/Algoritma:
1. Menubar Home
Halaman utama website BPDIKJUR berisi informasi-informasi
2. Menubar Profil
Info profil dari BPDIKJUR
3. MenubarDepartemen
Info bagian/instasi/bidang di BPDIKUR
4. Menu Elearning
Metode e-pembelajaran
3.2.1.2.5 Query (L1)

Tidak Ada

Program Studi Teknik Informatika

DPPL-09

Halaman 17/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.2.1.3 Spesifikasi Layar
3.2.1.3.1 Spesifikasi Layar Pendaftaran (L2)

Gambar 4: Layar Pendaftaran

3.2.1.3.2 Spesifikasi Field Data Layar (L2)

Label
Nama
No. Hp
Tanggal Lahir
Bulan Lahir
Tahun Lahir
Alamat
Kode pos
Email
Jurusan
Jenis Kelamin
Pernyataan

Field
Nama
no_hp
Dd
Mm
Yy
Alamat
kode_pos
email
jurusan
Kelamin
Option

Tabel/
Query
daftar
daftar
daftar
daftar
daftar
daftar
daftar
daftar
daftar
daftar
daftar

Validasi

Keterangan

Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset

Nama pendaftar
No telepon pendaftar yang masih aktif
Tanggal lahir pendaftar
Bulan lahir pendaftar
Tahun lahir pendaftar
Alamat tempat tinggal pendaftar
Kode pos alamat pendaftar
Email pendaftar
Jurusan Program studi
Jenis kelamin pendaftar
Pernyataan pendaftar bahwa data
tersebut benar

Tabel 12: Spesifikasi Field Data

Program Studi Teknik Informatika

DPPL-09

Halaman 18/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.2.1.3.3 Spesifikasi Obek-Objek pada Layar (L2)

Id_Objek
txtNama
txtHp
cmbDD
cmbMM
cmbYY
txtAlamat
txtKodpos
OptionKelamin
cmbJurusan
TxtEmail
cmdKirim
cmdReset

Jenis
TextField
TextField

Keterangan
Diisi untuk memasukkan nama pendaftar
Diisi untuk memasukkan nomor telepon pendaftar
yang masih aktif
Combobox
Dipilih untuk memasukkan tanggal lahir pendaftar
Combobox
Dipilih untuk memasukkan bulan lahir pendaftar
Combobox
Dipilih untuk memasukkan tahun lahir pendaftar
TextField
Diisi untuk memasukkan alamat pendaftar
TextField
Diisi untuk memasukkan kode pos alamat pendaftar
Optionbuttton
Klik salah satu untuk memilih jenis kelamin
pendaftar
Combobox
Dipilih salah satu jurusan yang akan diambil
TextField
Diisi untuk memasukkan email pendaftar
Commandbutton Klik untuk menyimpan data
Commandbutton Klik untuk mereset atau menghapus semua data
yang sudah ada

Tabel 13: Spesifikasi Objek-objek pada Layar

3.2.1.3.4 Algoritma (L2)

: 2
Objek Terkait : TxtNama, txtTelp, cmbDD, cmbMM, cmbYY, txtAlamat, txtKodpos,
OptionKelamin, txtxEmail, cmdKirim, cmdReset
Event
: Pendaftaran
Initial State (IS):
Tabel daftar sudah dibuat strukturnya tetapi mungkin masih kosong
Final State (FS):
Pendaftar mengisi data kemudian berhasil disimpan
Pendaftar dapat mereset data jika ingin mengulangi isi data dari awal.
Spesifikasi Proses/Algoritma:
1. Cek apakah data berhasil dikirim
If : form pada pendaftaran pelatihan telah diisikan semua dengan benar sesuai
identitas diri si pendaftar
Then : data diri pendaftar telah tersimpan pada database system pendaftaran yang
nantinya akan dikelola oleh admin
Else
Data diri pendaftar belum tersimpan, pendaftar diminta untuk melengkapi data
dirinya kembali
2. Cek apakah data dapat direset
If : salah satu form telah terisikan
Then : semua form menjadi kosong kembali
Else
Semua form masih kosong

Program Studi Teknik Informatika

DPPL-09

Halaman 19/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.2.1.3.5 Query (L2)

: Ekspresi Insert BiodataPendaftar
Insert Into Biodata_Pendaftar values (“Nama”, “No_Hp”, “Tanggal_lahir”, “Alamat”,
“Jurusan”,Kode_Pos”, “Email”, “Jenis_Kelamin”);
3.2.1.4 Spesifikasi Layar
3.2.1.4.1 Layar Login Admin (L3)

Gambar 5: Layar Login Admin

Gambar 6: Tampilan jika login admin salah

Program Studi Teknik Informatika

DPPL-09

Halaman 20/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.2.1.4.2 Spesifikasi Field Data Layar (L3)

Label

Field

Username

user_name

Tabel/
Query
loginadmin

Password

password

loginadmin

Validasi

Keterangan

Masuk/Hapus Nama pengguna yang dapat
mengakses sistem
Masuk/Hapus Kata kunci atas tiap nama user
yang dapat mengakses sistem

Tabel 14: Spesifikasi Field Data

3.2.1.4.3 Spesifikasi Obek-Objek pada Layar (L3)

Id_Objek
TxtUsername
TxtPassword
cmdLogin

Jenis
TextField
TextField
Commandbutton

Keterangan
Diisi untuk memasukkan username
Diisi untuk memasukkan password
Klik untuk login atau masuk ke halaman berikutnya

Tabel 15: Spesifikasi Objek-objek pada Layar

3.2.1.4.4 Algoritma (L3)


Objek Terkait
Event

:3
: TxtUsername, TxtPassword, cmdLogin
: Login Admin

Initial State (IS):
Tabel login sudah dibuat strukturnya tetapi mungkin masih kosong
Final State (FS):
Admin dapat login lalu bisa mengakses ke halaman berikutnya.
Spesifikasi Proses/Algoritma:
Cek apakah admin dapat login
If : username benar dan password benar
Then : masuk ke halaman berikutnya, yaitu halaman biodata pendaftar.
Else
Admin diminta untuk mengisikan kembali username dan password yang benar
3.2.1.4.5 Query (L3)

Select *from login
When username=’username’ and password=’password’;

Program Studi Teknik Informatika

DPPL-09

Halaman 21/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.2.1.5

Spsesifikasi Layar

3.2.1.5.1 Spesifikasi Layar Data Pendaftar untuk Admin (L4)

Gambar 7: Layar Data Pendaftar untuk Admin

3.2.1.5.2 Spesifikasi Field Data Layar (L4)

Label

Field

Undang
Update

undang
update

Tabel/
Query
daftarAd
daftarAd

Validasi

Delete

Del

daftarAd

Kirim/Batal

Nama
No. Telp
Tanggal Lahir
Bulan Lahir
Tahun Lahir
Alamat
Kode pos
Email
Jurusan
Jenis Kelamin
Pernyataan

nama
no_telp
Dd
Mm
Yy
alamat
kode_pos
email
jurusan
kelamin
option

daftarAd
daftarAd
daftarAd
daftarAd
daftarAd
daftarAd
daftarAd
daftarAd
daftarAd
daftarAd
daftarAd

Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset
Kirim/Reset

Kirim/Batal
Kirim/Batal

Keterangan
Undang peserta melalui e-mail
Update data jika ada pembenaran data
peserta
Hapus data yang salah atau sudah
tidak diperlukan
Nama pemdaftar
No telepon pendaftar yang masih aktif
Tanggal lahir pendaftar
Bulan lahir pendaftar
Tahun lahir pendaftar
Alamat tempat tinggal pendaftar
Kode pos alamat pendaftar
Email pendaftar
Jurusan Program studi
Jenis kelamin pendaftar
Pernyataan pendaftar bahwa data
tersebut benar

Tabel 16: Spesifikasi Field Data

Program Studi Teknik Informatika

DPPL-09

Halaman 22/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.2.1.5.3 Spesifikasi Obek-Objek pada Layar (L4)

Id_Objek
cmdUndang
cmdUpdate
cmdDelete
txtNama
txtHp
cmbDD
cmbMM
cmbYY
txtAlamat
txtKodpos
cmbJurusan
TxtEmail
OptionKelamin

Jenis
Keterangan
Commandbutton Klik untuk mengundang pendaftar yang akan dilakukan oleh
admin
Commandbutton Klik untuk mengupdate data pendaftar jika terdapat kesalahan
dalam pengisian form yang akan dilakukan oleh admin
Commandbutton Klik untuk mendelete data pendaftar yang akan dilakukan
oleh admin
TextField
Diisi untuk memasukkan nama pendaftar
TextField
Diisi untuk memasukkan nomor telepon pendaftar yang masih
aktif
Combobox
Dipilih untuk memasukkan tanggal lahir pendaftar
Combobox
Dipilih untuk memasukkan bulan lahir pendaftar
Combobox
Dipilih untuk memasukkan tahun lahir pendaftar
TextField
Diisi untuk memasukkan alamat pendaftar
TextField
Diisi untuk memasukkan kode pos alamat pendaftar
Combobox
Dipilih salah satu jurusan yang akan diambil
TextField
Diisi untuk memasukkan email pendaftar
Optionbuttton
Klik salah satu untuk memilih jenis kelamin pendaftar

Tabel 17: Spesifikasi Objek-objek pada Layar

3.2.1.5.4 Algoritma (L4)

: 4
Objek Terkait : cmdUndang, cmdUpdate, cmdDelete,TxtNama, txtTelp, cmbDD,
CmbMM, cmbYY, txtAlamat, txtKodpos, OptionKelamin, txtxEmail
Event
: Data pendaftar dikelola Admin
Initial State (IS):
Tabel daftarAd sudah dibuat strukturnya
Final State (FS):
Jika peserta sudah registrasi maka admin akan mengundang peserta melalui email
Admin dapat mengahapus data peserta jika data mengalami kesamaan atau peserta
mengundurkan diri.
Admin dapat mengupdate data peserta yang sudah pasti mengikuti pelatihan.
Spesifikasi Proses/Algoritma:
1. Button undang
Akan merujuk ke halaman webmail
2. Button update
Digunakan admin untuk mengedit data peserta pada tabel biodata peserta
3. Button delete
Digunakan admin untuk menghapus record/file tertentu pada tabel biodata peserta.
3.2.1.5.5 Query (L4)

Update daftar set Nama = 'Yunita' where No_pend = '01234';
Delete from daftar where No_pend = '01234';
Untuk kata yang disertai hanya tanda petik itu hanya untuk contoh, selanjutnya bisa
disesuaikan dengan data pada tabel daftar.
Program Studi Teknik Informatika

DPPL-09

Halaman 23/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.2.1.6

Spesifikasi Layar

3.2.1.6.1

Spesifikasi Layar Webmail (L5)

Gambar 7: Layar Webmail

3.2.1.6.2 Spesifikasi Field Data Layar (L5)

Label

Field

Kepada
Perihal
Tulis
Kirim
Simpan
Hapus

kepada
perihal
tulis
kirim
simpan
hapus

Tabel/
Query
-

Validasi
Kirim/Simpan/Hapus
Kirim/Simpan/Hapus
Kirim/Simpan/Hapus
Kirim/Simpan/Hapus
Kirim/Simpan/Hapus
Kirim/Simpan/Hapus

Keterangan
Alamat email pendaftar
Perihal email dikirim
Masuk ke form pengiriman
Mengirim email
Menyimpan email
Menghapus email

Tabel 18: Spesifikasi Field Data Layar

3.2.1.6.3 Spesifikasi Obek-Objek pada Layar (L5)

Id_Objek
TxtKepada
TxtPerihal
cmdTulis
cmdKirim
cmdSimpan
cmdHapus

Jenis
TextField
TextField
CommandButton
Commandbutton
Commandbutton
Commandbutton

Keterangan
Diisi untuk memasukkan alamat email pendaftar
Diisi untuk memasukkan perihal email dikirim
Klik untuk masuk ke form pengiriman
Klik untuk mengirim email
Klik untuk menyimpan email
Klik untuk menghapus email

Tabel 19: Spesifikasi Objek-objek pada Layar

Program Studi Teknik Informatika

DPPL-09

Halaman 24/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.2.1.6.4 Algoritma (L5)

: 5
Objek Terkait : TxtKepada, TxtPerihal, cmdTulis, cmdKirim, cmdSimpan, cmdHapus
Event
: Webmail
Initial State (IS):
Tabel daftarAd sudah dibuat strukturnya
Final State (FS):
Admin akan mengisi email peserta dan perihal dari undangan tersebut.
Admin akan mengirim undangan peserta melalui email.
Admin dapat menyimpan email peserta yang sudah dikirim kedalam draft.
Admin dapat mengahapus email peserta jika ada pembatalan pengiriman.
Spesifikasi Proses/Algoritma:
1. Button tulis
Menyediakan pengisian pesan (undangan) untuk dikirimkan kepada pendaftar
2. Button kirim
If : Semua form telah terisikan dengan benar
Then : mengirimkan pesan (undangan) pelatihan
Else
Admin diminta untuk melengkapi form yang masih kosong
3. Button simpan
If : salah satu form telah terisikan
Then : menyimpan pesan ke draft
Else
Tidak melakukan penyimpanan pesan
4. Button hapus
If : salah satu form telah terisikan
Then : semua form menjadi kosong kembali
Else
Semua form masih kosong
3.2.1.6.5 Query (L5)

Tidak Ada

Program Studi Teknik Informatika

DPPL-09

Halaman 25/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

3.2.1.7 Lampiran

Gambar 8: Template surat undangan

Gambar 9: Template Daftar Peserta Pelatihan (Laporan)

Program Studi Teknik Informatika

DPPL-09

Halaman 26/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.

Gambar 10 : Template Jadwal Kegiatan

3.3

Matriks Kenurutan

Kode
Nama
Spesifikasi Spesifikasi
SPPG-01
Pengisian
formulir
SPPG-02
Pengecekan
data
pendaftar

Kode Proses
3(DFD level 1)
4(DFD level 1)

Nama
Proses
Mengisi
formulir
Mengecek
data
pendaftar

No
layar
L2
L4

Nama
Layar
Form
Pendaftaran
Layar data
pendaftar
untuk
admin
Layar
webmail

SPPG-03

Menerima
undangan

3.1(DFD level 2)

Menerima
undangan

L5

SPPG-04

Mengirim
undangan

3.2(DFD level 2)

Mengirim
undangan

L5

Layar
webmail

SPPG-05

Verifikasi
data
pendaftar

3.3(DFD level 2)

Memverifi
kasi data
pendaftar

L4

Layar data
pendaftar
untuk
admin

Keterangan
Diisi ketika
hendak mendaftar
Yang dapat
melakukan aksi
pada halaman ini
adalah admin
Penerimaan
undangan oleh
pendaftar
Pengiriman
undangan oleh
admin kepada
pendaftar via
email maupun via
pos
Verifikasi data
pendaftar akan
dilakukan oleh
admin

Tabel 20 : Matriks Kenurutan

Program Studi Teknik Informatika

DPPL-09

Halaman 27/ dari 27 halaman

Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FASILKOM-UDINUS dan
bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika-FASILKOMUDINUS.