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/27Revisi A Tgl : 10 Juni 2016
DAFTAR PERUBAHAN
Revisi Deskripsi
A
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.B
C
D
E
F
G
INDEX TGL
- A B C D E F G
Ditulis oleh
Kelompok 9
Diperiksa oleh
Daftar Halaman Perubahan
Halaman
Revisi
Halaman
Revisi
8 dan 9
9
11
16,17,18,19,20,21,22, 23,24
Lampiran
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.
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 <SISTEM PENDAFTARAN PELATIHAN GURU> ... 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
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 <Tabel 1: Layar Utama BPDIKJUR>... 16
Tabel 11: Spesifikasi Objek-objek pada Layar <Tabel 1: Layar Utama BPDIKJUR> ... 17
Tabel 12: Spesifikasi Field Data <Tabel 2: daftar> ... 18
Tabel 13: Spesifikasi Objek-objek pada Layar <Tabel 2: Layar Form Pendaftaran> ... 19
Tabel 14: Spesifikasi Field Data <Tabel 3: Login Admin> ... 21
Tabel 15: Spesifikasi Objek-objek pada Layar <Tabel 3: Layar untuk Login Admin> ... 21
Tabel 16: Spesifikasi Field Data <Tabel 4: Data Pendaftar untuk Admin> ... 22
Tabel 17: Spesifikasi Objek-objek pada Layar <Tabel 4: Layar Data Pendaftar dikelola Admin> ... 23
Tabel 18: Spesifikasi Field Data Layar <Tabel 5: Layar Pengiriman E-mail melalui web> ... 24
Tabel 19: Spesifikasi Objek-objek pada Layar <Tabel 5: Layar Pengiriman E-mail melalui web> ... 24
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
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.
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
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
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 Spesifikasi
Sistem Operasi 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 Spesifikasi
1. Log Pendaftaran 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.
2.2.1 E-R Diagram
Gambar 1: E-R Diagram
2.2.2 Daftar Tabel Basisdata
Nama Tabel Primary
key
T_mengundang no_pend+ kode_pel+ kode_und
Pendaftaran no_pend+kode_pel +kode_und
Berisi data pendaftar yang sudah terverifikasi oleh admin. Terdiri dari nama dan lampiran. T_undangan Kode_und Pendaftarn kode_und+nama+
alamat+lampiran
Berisi data pendaftar yang akan mendapatkan undangan baik via email maupun pos.
T_pendaftar no_pend Log pendaftar
no_pend+nama+ alamat+tgl_lahir
Berisi data-data pendaftar yang harus diisi untuk mendaftar pelatihan.
T_pelatihan kode_pel Log pendaftar
Kode-pel+nama_pel+ waktu+tempat
Berisi info tentang pelatihan, yaitu nama pelatihan , waktu dan tempat.
2.3 Deskripsi Modul
No Nama Modul Keterangan
L1 Menu Utama Menu Utama Web BPDIKJUR L2 Form Pendaftaran Form Pendaftaran Perserta Pelatihan
L3 Halaman Login Admin Halaman yang hanya dapat diakses oleh admin L4 Halaman Data Pendaftar
untuk Admin
Halaman ini berisi biodata pendaftar yang sudah divalidasi dan hanya admin yang dapat melakukan aksi
L5 Halaman Webmail Halaman untuk mengirim email kepada pendaftar yang datanya sudah divalidasi.
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
Default Keterangan
no_pend Id peserta NO - Nomor id pendaftar
Nama Nama peserta text(100) NO - Nama pendaftar No_hp Nomor telepon
/ handphone Alamat Alamat tempat
tinggal
text(100) NO - Alamat tempat tinggal pendaftar
kode_pos Kode pos text(30) NO - Kode pos alamat pendaftar Jenis_kel Jenis kelamin NO - Jenis kelamin pendaftar Option Pernyataan
data tersebut benar
NO - Pernyataan pendaftar bahwa data tersebut benar
Jurusan Jurusan program studi
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 Tipe &
length
Boleh NULL
Default Keterangan
user_name nama panggilan /kode unik login
text(20) NO - Nama pengguna yang dapat mengakses sistem Password password pada
saat login
text(20) NO - Kata kunci atas tiap nama user yang dapat
mengakses sistem
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
no_pend Id peserta NO - Nomor id pendaftar
Nama Nama peserta text(100) NO - Nama pendaftar
no_telp Nomor telepon / handphone
text(30) NO - No telepon
pendaftar yang masih aktif
Dd Tanggal lahir text(30) NO - Tanggal lahir
pendaftar
Mm Bulan lahir text(50) NO - Bulan lahir
pendaftar
Yy Tahun lahir text(60) NO - Tahun lahir
pendaftar Alamat Alamat tempat
tinggal
text(100) NO - Alamat tempat tinggal pendaftar
kode_pos Kode pos text(30) NO - Kode pos alamat
pendaftar
Kelamin Jenis kelamin NO - Jenis kelamin
pendaftar
3.2 Deskripsi Rinci Modul
3.2.1 Modul <SISTEM PENDAFTARAN PELATIHAN GURU>
Gambar 2: Modul SPPG
3.2.1.1 Fungsi Modul
No Fungsi Jenis Tabel Terkait
1. Login Terdapat dua textfield
dan atu button login
T_pendaftar
2. Registrasi - T_pendaftar
3. Pengisian formulir Terdapat beberapa textfield, dua button dan option button
T_pendaftar
3.1 Menerima undangan Terdapat textfield dan button
T_pelatihan
3.2 Mengirim undangan Terdapat textfield dan button
T_pelatihan
3.3 Verifikasi data pendaftar Terdapat tiga button T_pelatihan
4. Pencetakan data pendaftar - T_pelatihan
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
Home Home - Open/Close Halaman utama website
BPDIKJUR berisi informasi-informasi
Profil Profil - Open/Close Info profil dari BPDIKJUR Departemen departemen - Open/Close Info bagian/instasi/bidang di
BPDIKUR E-learning Elearning - Open/Close Model elektronik
pembelajaran
Pendaftaran Pendaftar daftar Open/Close Formulir pendaftaran Pelatihan
Login Log login admin Open/Close Login Admin
3.2.1.2.3 Spesifikasi Obek-Objek pada Layar (L1)
Id_Objek Jenis Keterangan
MenuHome Menubar Klik untuk masuk halaman home MenuProfil Menubar Klik untuk masuk halaman profil MenuDepartemen Menubar Klik untuk masuk halaman departemen MenuElearning Menubar Klik untuk masuk halaman Elearning MenuLogin Menubar Klik untuk masuk halaman login
Tabel 11: Spesifikasi Objek-objek pada Layar <Tabel 1: Layar Utama BPDIKJUR>
3.2.1.2.4 Algoritma (L1)
<Id. Proses > : 1
Objek Terkait : menuHome, menuProfil, menuDepartemen, menuElearning
Event : 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)
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 Field Tabel/
Query
Validasi Keterangan
Nama Nama daftar Kirim/Reset Nama pendaftar
No. Hp no_hp daftar Kirim/Reset No telepon pendaftar yang masih aktif
Tanggal Lahir Dd daftar Kirim/Reset Tanggal lahir pendaftar
Bulan Lahir Mm daftar Kirim/Reset Bulan lahir pendaftar
Tahun Lahir Yy daftar Kirim/Reset Tahun lahir pendaftar
Alamat Alamat daftar Kirim/Reset Alamat tempat tinggal pendaftar
Kode pos kode_pos daftar Kirim/Reset Kode pos alamat pendaftar
Email email daftar Kirim/Reset Email pendaftar
Jurusan jurusan daftar Kirim/Reset Jurusan Program studi
Jenis Kelamin Kelamin daftar Kirim/Reset Jenis kelamin pendaftar
Pernyataan Option daftar Kirim/Reset Pernyataan pendaftar bahwa data
tersebut benar
3.2.1.3.3 Spesifikasi Obek-Objek pada Layar (L2)
Id_Objek Jenis Keterangan
txtNama TextField Diisi untuk memasukkan nama pendaftar
txtHp TextField Diisi untuk memasukkan nomor telepon pendaftar yang masih aktif
cmbDD Combobox Dipilih untuk memasukkan tanggal lahir pendaftar cmbMM Combobox Dipilih untuk memasukkan bulan lahir pendaftar cmbYY Combobox Dipilih untuk memasukkan tahun lahir pendaftar txtAlamat TextField Diisi untuk memasukkan alamat pendaftar
txtKodpos TextField Diisi untuk memasukkan kode pos alamat pendaftar OptionKelamin Optionbuttton Klik salah satu untuk memilih jenis kelamin
pendaftar
cmbJurusan Combobox Dipilih salah satu jurusan yang akan diambil TxtEmail TextField Diisi untuk memasukkan email pendaftar cmdKirim Commandbutton Klik untuk menyimpan data
cmdReset Commandbutton Klik untuk mereset atau menghapus semua data yang sudah ada
Tabel 13: Spesifikasi Objek-objek pada Layar <Tabel 2: Layar Form Pendaftaran>
3.2.1.3.4 Algoritma (L2)
<Id. Proses > : 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
3.2.1.3.5 Query (L2)
<Nama Query > : 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
3.2.1.4.2 Spesifikasi Field Data Layar (L3)
Label Field Tabel/
Query
Validasi Keterangan
Username user_name loginadmin Masuk/Hapus Nama pengguna yang dapat
mengakses sistem
Password password loginadmin Masuk/Hapus Kata kunci atas tiap nama user
yang dapat mengakses sistem
Tabel 14: Spesifikasi Field Data <Tabel 3: Login Admin>
3.2.1.4.3 Spesifikasi Obek-Objek pada Layar (L3)
Id_Objek Jenis Keterangan
TxtUsername TextField Diisi untuk memasukkan username TxtPassword TextField Diisi untuk memasukkan password
cmdLogin Commandbutton Klik untuk login atau masuk ke halaman berikutnya
Tabel 15: Spesifikasi Objek-objek pada Layar <Tabel 3: Layar untuk Login Admin>
3.2.1.4.4 Algoritma (L3)
<Id. Proses > : 3
Objek Terkait : TxtUsername, TxtPassword, cmdLogin
Event : 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
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 Tabel/
Query
Validasi Keterangan
Undang undang daftarAd Kirim/Batal Undang peserta melalui e-mail
Update update daftarAd Kirim/Batal Update data jika ada pembenaran data
peserta
Delete Del daftarAd Kirim/Batal Hapus data yang salah atau sudah
tidak diperlukan
Nama nama daftarAd Kirim/Reset Nama pemdaftar
No. Telp no_telp daftarAd Kirim/Reset No telepon pendaftar yang masih aktif
Tanggal Lahir Dd daftarAd Kirim/Reset Tanggal lahir pendaftar
Bulan Lahir Mm daftarAd Kirim/Reset Bulan lahir pendaftar
Tahun Lahir Yy daftarAd Kirim/Reset Tahun lahir pendaftar
Alamat alamat daftarAd Kirim/Reset Alamat tempat tinggal pendaftar
Kode pos kode_pos daftarAd Kirim/Reset Kode pos alamat pendaftar
Email email daftarAd Kirim/Reset Email pendaftar
Jurusan jurusan daftarAd Kirim/Reset Jurusan Program studi
Jenis Kelamin kelamin daftarAd Kirim/Reset Jenis kelamin pendaftar
Pernyataan option daftarAd Kirim/Reset Pernyataan pendaftar bahwa data
tersebut benar
3.2.1.5.3 Spesifikasi Obek-Objek pada Layar (L4)
Id_Objek Jenis Keterangan
cmdUndang Commandbutton Klik untuk mengundang pendaftar yang akan dilakukan oleh admin
cmdUpdate Commandbutton Klik untuk mengupdate data pendaftar jika terdapat kesalahan dalam pengisian form yang akan dilakukan oleh admin
cmdDelete Commandbutton Klik untuk mendelete data pendaftar yang akan dilakukan oleh admin
txtNama TextField Diisi untuk memasukkan nama pendaftar
txtHp TextField Diisi untuk memasukkan nomor telepon pendaftar yang masih aktif
cmbDD Combobox Dipilih untuk memasukkan tanggal lahir pendaftar cmbMM Combobox Dipilih untuk memasukkan bulan lahir pendaftar cmbYY Combobox Dipilih untuk memasukkan tahun lahir pendaftar txtAlamat TextField Diisi untuk memasukkan alamat pendaftar
txtKodpos TextField Diisi untuk memasukkan kode pos alamat pendaftar cmbJurusan Combobox Dipilih salah satu jurusan yang akan diambil
TxtEmail TextField Diisi untuk memasukkan email pendaftar
OptionKelamin Optionbuttton Klik salah satu untuk memilih jenis kelamin pendaftar
Tabel 17: Spesifikasi Objek-objek pada Layar <Tabel 4: Layar Data Pendaftar dikelola Admin>
3.2.1.5.4 Algoritma (L4)
<Id. Proses > : 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';
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 Tabel/
Query
Validasi Keterangan
Kepada kepada - Kirim/Simpan/Hapus Alamat email pendaftar Perihal perihal - Kirim/Simpan/Hapus Perihal email dikirim Tulis tulis - Kirim/Simpan/Hapus Masuk ke form pengiriman Kirim kirim - Kirim/Simpan/Hapus Mengirim email
Simpan simpan - Kirim/Simpan/Hapus Menyimpan email Hapus hapus - Kirim/Simpan/Hapus Menghapus email
Tabel 18: Spesifikasi Field Data Layar <Tabel 5: Layar Pengiriman E-mail melalui web>
3.2.1.6.3 Spesifikasi Obek-Objek pada Layar (L5)
Id_Objek Jenis Keterangan
TxtKepada TextField Diisi untuk memasukkan alamat email pendaftar TxtPerihal TextField Diisi untuk memasukkan perihal email dikirim cmdTulis CommandButton Klik untuk masuk ke form pengiriman
cmdKirim Commandbutton Klik untuk mengirim email cmdSimpan Commandbutton Klik untuk menyimpan email cmdHapus Commandbutton Klik untuk menghapus email
3.2.1.6.4 Algoritma (L5)
<Id. Proses > : 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)
3.2.1.7 Lampiran
Gambar 8: Template surat undangan
Gambar 10 : Template Jadwal Kegiatan
3.3 Matriks Kenurutan
Kode
SPPG-01 Pengisian formulir hendak mendaftar SPPG-02 Pengecekan
data pendaftar
4(DFD level 1) Mengecek data pada halaman ini adalah admin SPPG-03 Menerima
undangan
3.1(DFD level 2) Menerima undangan SPPG-04 Mengirim
undangan
3.2(DFD level 2) Mengirim undangan email maupun via pos
SPPG-05 Verifikasi data pendaftar
3.3(DFD level 2) Memverifi kasi data
Tabel 20 : Matriks Kenurutan