DOKUMEN PERANCANGAN PERANGKAT LUNAK

SISTEM ORMAWA SV IPB

Dipersiapkan oleh:

TEK B / P1
Aditya Muhammad Fallen J3D119005
Delwiena Agnel Viera Br Ginting J3D119029
Awalludin Luthfi Hirlan Bahari J3D219143
Raja Alamsyah Tahir J3D219170
Saddam Husein J3D219174
Shafira Novita Putri J3D219176

Program Studi Teknik Komputer

Sekolah Vokasi Institut Pertanian Bogor
2020
 Daftar Isi

Daftar Gambar...........................................................................................................................................................2
Daftar Table..............................................................................................................................................................3
1 Pendahuluan......................................................................................................................................................4
1.1 Tujuan Penulisan Dokumen......................................................................................................................4
1.2 Lingkup Masalah.......................................................................................................................................5
1.3 Definisi dan Istilah....................................................................................................................................5
1.4 Aturan Penamaan dan Penomoran............................................................................................................5
1.5 Referensi...................................................................................................................................................6
2 Rancangan Lingkungan Implementasi..............................................................................................................7
3 Perancangan Data..............................................................................................................................................9
3.1 Daftar Tabel..............................................................................................................................................9
3.2 Struktur Tabel............................................................................................................................................9
3.3 Skema Relasi...........................................................................................................................................18
4 Perancangan arsitektural.................................................................................................................................19
4.1 Struktur Program yang diperoleh............................................................................................................19
4.2 Dekomposisi Fungsional Modul.............................................................................................................19
5 Perancangan Antarmuka.................................................................................................................................22
5.1 Spesifikasi Antarmuka............................................................................................................................22
6 Perancangan Prosedural..................................................................................................................................32
7 Matriks Keterunutan........................................................................................................................................40

2
 Daftar Gambar
Gambar 1 Arsitektur jaringan....................................................................................................................................7
Gambar 2 Arsitektur sistem......................................................................................................................................7
Gambar 3 Entity Relationship Diagram Web Ormawa SV IPB.............................................................................17
Gambar 4 Spesifikasi layar utama 001....................................................................................................................21
Gambar 5 Spesifikasi layar pesan 001....................................................................................................................22
Gambar 7 Spesifikasi layar utama 002....................................................................................................................22
Gambar 9 Spesifikasi layar pesan 002....................................................................................................................23
Gambar 10 Spesifikasi layar utama 003..................................................................................................................23
Gambar 11 Spesifikasi layar pesan 003..................................................................................................................23
Gambar 12 Spesifikasi layar utama 005..................................................................................................................25
Gambar 13 Spesifikaasi layar utama 006................................................................................................................26
Gambar 14 Spesifikasi layar utama 007..................................................................................................................27
Gambar 15 Spesifikasi layar utama 008..................................................................................................................28
Gambar 16 Spesifikasi layar pesan 008..................................................................................................................28
Gambar 17 Spesifikasi layar utama 009-1..............................................................................................................28
Gambar 18 Spesifikasi layar pesan 009-1...............................................................................................................29
Gambar 19 Spesifikasi layar utama 009-2..............................................................................................................29
Gambar 20 Spesifikasi layar pesan 009-2...............................................................................................................30
Gambar 21 Spesifikasi layar utama 009-3..............................................................................................................30
Gambar 22 Spesifikasi layar pesan 009-3...............................................................................................................30

3
 Daftar Table
Table 1 Istilah dan definisi........................................................................................................................................5
Table 2 Spesifikasi....................................................................................................................................................7
Table 3 Software yang digunakan.............................................................................................................................7
Table 4 Daftar tabel web...........................................................................................................................................9
Table 5 Struktur tabel anggota..................................................................................................................................9
Table 6 Struktur tabel komdisma............................................................................................................................10
Table 7 Struktur tabel pembina...............................................................................................................................12
Table 8 Struktur tabel pimpinan..............................................................................................................................14
Table 9 Struktur tabel rkat.......................................................................................................................................16
Table 10 Struktur tabel non RKAT.........................................................................................................................17
Table 11 Dekomposisi fungsional Ormawa SV IPB...............................................................................................19
Table 12 Deskripsi layout 001................................................................................................................................22
Table 13 Spesifikasi Objek 001..............................................................................................................................23
Table 14 Deskripsi layout 002................................................................................................................................23
Table 15 Spesifikasi objek 002...............................................................................................................................23
Table 16 Deskripsi layout 003................................................................................................................................24
Table 17 Spesiikasi objek 003.................................................................................................................................24
Table 18 Deskripsi layout 004................................................................................................................................25
Table 19 Spesifikasi layar utama 004.....................................................................................................................25
Table 20 Spesifikasi objek 004...............................................................................................................................25
Table 21 Deskripsi layout 005................................................................................................................................26
Table 22 Spesifikasi objek 005...............................................................................................................................26
Table 23 Deskripsi layout 006................................................................................................................................27
Table 24 Spesifikasi objek 006...............................................................................................................................27
Table 25 Deskripsi layout 007................................................................................................................................27
Table 26 Spesifikasi objek 007...............................................................................................................................28
Table 27 Deskripsi layout 008................................................................................................................................28
Table 28 Spesifikasi objek 008...............................................................................................................................29
Table 29 Deskripsi layout 009-1.............................................................................................................................29
Table 30 Spesifikasi objek 009-1............................................................................................................................29
Table 31 Deskripsi layout 009-2.............................................................................................................................30
Table 32 Spesifikasi objek 009-2............................................................................................................................30
Table 33 Deskripsi layout 009-3.............................................................................................................................31
Table 34 Spesifikasi objek 009-3............................................................................................................................31
Table 35 Perancangan prosedural Register.............................................................................................................32
Table 36 Perancangan prosedural Login.................................................................................................................33
Table 37 Perancangan prosedural Forgot Password..............................................................................................33
Table 38 Perancangan prosedural Laman awal.......................................................................................................34
Table 39 Perancangan prosedural Profile...............................................................................................................35
Table 40 Perancangan prosedural Dashboard.........................................................................................................35
Table 41 Perancangan prosedural Jadwal kegiatan.................................................................................................36
Table 42 Perancangan prosedural Form..................................................................................................................36
Table 43 Perancangan prosedural Upload laporan kegiatan...................................................................................37
Table 44 Perancangan prosedural Upload evaluasi acara.......................................................................................38
Table 45 Perancangan prosedural Upload laporan kegiatan...................................................................................38
Table 46 Matriks Keteruntunan..............................................................................................................................40

4
 1 Pendahuluan
1.1 Tujuan Penulisan Dokumen
Dokumen ini merupakan Dokumen Perancangan Perangkat Lunak (DPPL) yang
bertujuan untuk memberikan penjelasan secara detail mengenai perangkat lunak Sistem
Ormawa SV IPB yang akan dibangun dan juga diharapkan proses pembuatan dan
pengembangan perangkat lunak dapat lebih terarah sehingga tidak menimbulkan
ketidakjelasan, terutama dalam proses pengembangan Sistem Ormawa SV IPB.
Bagi pihak pengembang, dokumen ini digunakan sebagai panduan atau acuan teknis
dalam proses pembuatan dan pengembangan perangkat lunak. Sedangkan bagi pihak
pengguna dokumen ini digunakan untuk mencatat dan memenuhi semua spesifikasi perangkat
lunak sesuai dengan kebutuhan pengguna.

1.2 Lingkup Masalah

Perangkat lunak yang akan dibangun adalah Sistem Ormawa SV IPB yang merupakan
aplikasi berbasis Website dimana nantinya akan dikelola oleh Ormawa dan DPM, serta di
bawah pengawasan Komisi Disiplin dan Kemahasiswaan Sekolah Vokasi IPB. Sistem
Orwama SV IPB bertujuan untuk mempermudah Ormawa dalam mengelola data RKAT dan
Non-RKAT yang belum, sedang, dan setelah diproses, sehingga pengelolaan data akan lebih
cepat dan terjamin keamanannya.

1.3 Definisi dan Istilah

Definisi dari istilah yang digunakan dalam dokumen ini adalah :
Table 1 Istilah dan definisi
No Istilah Definisi
Spesifikasi Kebutuhan Perangkat Lunak merupakan
1. SKPL spesifikasi dari perangkat lunak yang akan dibangun atau
dikembangkan.
Deskripsi Perancangan Perangkat Lunak merupakan hasil
2. DPPL perancangan perangkat lunak yang siap
diimplementasikan.
Entity Relationship Diagram (ERD) adalah sekumpulan
cara untuk mendeskripsikan data-data yang dibuat
3. ERD berdasarkan entitas (entity) serta hubungan (relationship)
antar entitas tersebut dengan menggunakan beberapa
notasi.

5
 1.4 Aturan Penamaan dan Penomoran
Berikut adalah aturan penamaan dan penomoran yang digunakan dalam dokumen
DPPL:
- DPPL.ORMAWA.001 : Mendaftar akun.
- DPPL.ORMAWA.002 : Melakukan login.
- DPPL.ORMAWA.003 : Me-reset password.
- DPPL.ORMAWA.004 : Menampilkan halaman awal web.
- DPPL.ORMAWA.005 : Menampilkan informasi user.
- DPPL.ORMAWA.006 : Menampilkan informasi dasar terkait fitur aplikasi.
- DPPL.ORMAWA.007 : Menampilkan jadwal kegiatan.
- DPPL.ORMAWA.008 : Menambah anggota.
- DPPL.ORMAWA.009-1 : Meng-upload laporan kegiatan (proposal atau LPJ).
- DPPL.ORMAWA.009-2 : Meng-upload laporan penilaian acara.
- DPPL.ORMAWA.009-3 : Meng-upload laporan evaluasi acara.

1.5 Referensi
Dokumen acuan yang digunakan dalam penulisan dokumen ini adalah :
1. Spesifikasi Kebutuhan Perangkat Lunak (SKPL)
2. Template dokumen Deskripsi Perancangan Perangkat Lunak (DPPL)

6
 2 Rancangan Lingkungan Implementasi
Spesifikasi yang digunakan pada saat implementasi dan minimum spesifikasi yang digunakan:
- Hardware:
Table 2 Spesifikasi
Komponen Minimum Digunakan
RAM 4 8
Storage 512 GB 1 TB
Processor Intel® Core™ i3-11100HE Intel® Core™ i5-10300H

- Software:
Table 3 Software yang digunakan
Nama Software Fungsi
Sistem Operasi Perangkat lunak dasar yang digunakan untuk menghubungkan antara
perangkat lunak dan perangkat keras, serta berfungsi sebagai antarmuka
bagi pengguna agar dapat berinteraksi dengan komputer.
Visual Studio Perangkat lunak yang digunakan untuk membuat program atau code
Code dalam membangun aplikasi berbasis web.
Laravel Framework yang digunakan untuk memaksimalkan penggunaan PHP di
dalam proses pengembangan website.
XAMPP Server local yang digunakan untuk mengembangkan berbagai jenis data
website yang sedang dibangun dengan mudah, cepat, dan terstruktur.
Browser Perangkat lunak yang digunakan untuk menguji program yang sedang
dibangun.
Github Platform khusus developer yang memberikan layanan berupa pengelolaan
project hingga kolaborasi dalam pembuatan software.
Microsoft Project Perangkat lunak yang digunakan untuk mengontrol project management
atau Gantt Chart.
Microsoft Visio Perangkat lunak yang digunakan untuk membuat diagram.
Microsoft Word Perangkat lunak yang digunakan untuk membuat laporan.

- Basis Data :
Sebutkan tool untuk implementasi basis data beserta alasannya:
- MySQL
Karena bersifat Open Source, terintegrasi dengan bahasa pemograman php yang
menggunakan framework laravel sehingga memudahkan developer, memiliki tipe data
yang bervariatif seperti : date , timestamp, serta struktur tabel yang fleksibel.

- PhpMyAdmin
Karena memiliki sebagian besar dukungan dari fitur MySQL seperti menambah,
menghapus, menyalin, memperbaharui database, tabel, view, fields, dan index, lalu
melakukan pemeliharaan database dengan mudah melalui menu konfigurasi dan
7
 melakukan eksekusi, edit serta menyimpan perintah MySQL, termasuk melakukan
eksekusi banyak query sekaligus.
- Arsitektur Jaringan :

Gambar 1 Arsitektur jaringan

Gambar 2 Arsitektur sistem

3 Perancangan Data
3.1 Daftar Tabel
Berikut daftar dari tabel yang akan digunakan sebagai media penyimpanan data (Data
Storage) :
8
 Table 4 Daftar tabel web
Nama Tabel Primary Key Data Store Deskripsi isi
Tabel anggotas berisi
anggotas nim ormawa tentang daftar anggota
ormawa.
Tabel komdismas berisi
data-data dari komisi
komdismas nip ormawa
disiplin dan
kemahasiswaan.
Tabel pembinas berisi
pembinas nip ormawa
data-data dari pembina.
Tabel pimpinans berisi
pimpinans nip ormawa
data-data dari pimpinan.
Tabel rkats berisi tentang
program kerja dari
rkats id_rkat ormawa
ormawa yang wajib
diselenggarakan.
Tabel nonrkats berisi
tentang program kerja dari
nonrkats id_nonrkats ormawa
ormawa yang tidak wajib
diselenggarakan.

3.2 Struktur Tabel

Berikut adalah struktur dari masing-masing daftar tabel :
Identifikasi/Nama : anggotas
Deskripsi Isi : tabel anggotas berisi tentang daftar anggota ormawa.
Primary Key : nim
Constraint Integrity : -
Table 5 Struktur tabel anggota
Nama Tipe dan Boleh
Deskripsi Default Keterangan
Field Length NULL
nim j3d119029 CHAR(255) NO None Primary Key

NIM merupakan nomor

identitas selama kuliah.
Data nim berisi
kombinasi huruf dan
angka dengan struktur :

Kode diploma : j
Diploma : 3
Kode fakultas/keahlian
dari masing-masing
mahasiswa : A-N
Jalur masuk : 1 untuk
usmi dan 2 untuk
regular
Tahun masuk : yy
3 digit untuk nomor
9
 urut mahasiswa
Data char dengan
panjang data 255,
berisikan
nama lengkap dari user
nama CHAR(255) NO None -
Admin. Data nama
hanya dapat
diisi dengan alphabet
dan spasi.
Data char dengan
panjang data 255,
dengan menggunakan
prodi CHAR(255) NO None -
jenis input option yang
berisikan 17 jurusan
dari user.
Data char dengan
panjang data 255,
dengan menggunakan
ormawa jenis input option yang CHAR(255) NO None -
berisikan 18 organisasi
kemahasiswaan dari
user.
Data status berisi
jabatan di ormawa dari
user yang
menggunakan jenis
status CHAR(255) NO None -
input option, terdiri
atas ketua, wakil ketua,
sekretaris, bendahara,
dan anggota.

Identifikasi/Nama : komdismas
Deskripsi Isi : tabel komdismas berisi data-data dari komisi disiplin dan
kemahasiswaan.
Primary Key : NIP
Constraint Integrity : -
Table 6 Struktur tabel komdisma
Tipe dan Boleh
Nama Field Deskripsi Default Keterangan
Length NULL
NIP 19860926  201505  1  BIGINT(20 NO None Primary Key
001 )

NIP adalah nomor

identitas pegawai dari
user. Data nip akan diisi
dengan huruf saja dengan
struktur :
8 digit pertama adalah
tahun, bulan, dan tanggal
lahir : yyyymmdd
6 digit berikutnya adalah
tahun dan bulan
pengangkatan pegawai :
10
 xxxxyy
Jenis kelamin : 1 untuk
laki-laki dan 2 untuk
perempuan.
3 digit terakhir adalah
nomor urut pegawai.
120505 600801 0010

NIK merupakan nomor

identitas penduduk
bersifat unik dan melekat
pada seseorang. Data nik
akan diisi dengan huruf
saja dengan struktur :

6 digit pertama adalah

BIGINT(20
NIK kode wilayah tempat NO None -
)
tinggal : xxxxxx
6 digit kedua adalah
tanggal, bulan, dan tahun
kelahiran. Dan khusus
perempuan tanggal lahir
ditambah 40 : ddmmyy
4 digit terakhir
merupakan nomor urut
diproses secara otomatis
oleh SIAK.
NPI 201708 19751110 1 030 BIGINT(20 NO None -
)
NPI adalah Nomor
Pegawai IPB yang
diberikan kepada Pegawai
Tetap Non PNS sebagai
identitas kepegawaian.
Data NPI hanya diisikan
dengan angka dan bersifat
unik dengan struktur :

6 digit pertama adalah

angka pengenal yang
menunjukan tahun dan
bulan pengangkatan
calon/pegawai tetap Non
PNS :
yyyymm

8 digit berikutnya adalah

angka pengenal yang
menunjukan tahun, bulan
dan tanggal lahir
Calon/Pegawai Tetap
Non PNS :
11
 yyyymmdd

1 digit berikutnya adalah

angka personal yang
menunjukan jenis
kelamin Calon/Pegawai
Tetap Non PNS :
1 untuk laki-laki dan 2
untuk perempuan.

3 digit berikutnya adalah

angka pengenal yang
menunjukan nomor urut
Calon/Pegawai Tetap
Non PNS
: xxx
Data char dengan panjang
data 255, berisikan
nama lengkap dari user
nama_lengka
Admin. Data nama hanya CHAR(255) NO None -
p
dapat
diisi dengan alfabet dan
spasi.

Identifikasi/Nama : pembinas
Deskripsi Isi : tabel pembina berisi tentang data-data dari pembina.
Primary Key : NIP
Constraint Integrity : -
Table 7 Struktur tabel pembina
Tipe dan Boleh
Nama Field Deskripsi Default Keterangan
Length NULL
19860926  201505  1 
001

NIP adalah nomor

identitas pegawai dari
user. Data nip akan diisi
dengan huruf saja dengan
struktur :
8 digit pertama adalah
tahun, bulan, dan tanggal BIGINT(20
NIP lahir : yyyymmdd NO None Primary Key
)
6 digit berikutnya adalah
tahun dan bulan
pengangkatan pegawai :
yyyymm
Jenis kelamin : 1 untuk
laki-laki dan 2 untuk
perempuan.
3 digit terakhir adalah
nomor urut pegawai.
NIK 120505 600801 0010 BIGINT(20 NO None -
)
12
 NIK merupakan nomor
identitas penduduk
bersifat unik dan melekat
pada seseorang. Data nik
akan diisi dengan huruf
saja dengan struktur :
6 digit pertama adalah
kode wilayah tempat
tinggal : xxxxxx
6 digit kedua adalah
tanggal, bulan, dan tahun
kelahiran. Dan khusus
perempuan tanggal lahir
ditambah 40 : yymmdd
4 digit terakhir
merupakan nomor urut
diproses secara otomatis
oleh SIAK.
NPI 201708 19751110 1 030 BIGINT(20 NO None -
)
NPI adalah Nomor
Pegawai IPB yang
diberikan kepada Pegawai
Tetap Non PNS sebagai
identitas kepegawaian.
Data NPI hanya diisikan
dengan angka dan bersifat
unik dengan struktur :

6 digit pertama adalah

angka pengenal yang
menunjukan tahun dan
bulan pengangkatan
calon/pegawai tetap Non
PNS :
yyyymm

8 digit berikutnya adalah

angka pengenal yang
menunjukan tahun, bulan
dan tanggal lahir
Calon/Pegawai Tetap
Non PNS :
yyyymmdd

1 digit berikutnya adalah

angka personal yang
menunjukan jenis
kelamin Calon/Pegawai
Tetap Non PNS :
1 untuk laki-laki dan 2
untuk perempuan.
13
 3 digit berikutnya adalah
angka pengenal yang
menunjukan nomor urut
Calon/Pegawai Tetap
Non PNS
: xxx
Data char dengan panjang
data 255, berisikan
nama lengkap dari user
nama_lengka
Admin. Data nama hanya CHAR(255) NO None -
p
dapat
diisi dengan alfabet dan
spasi.

Identifikasi/Nama : pimpinans
Deskripsi Isi : tabel berisikan data-data dari pimpinan.
Primary Key : NIP
Constraint Integrity : -
Table 8 Struktur tabel pimpinan
Tipe dan Boleh
Nama Field Deskripsi Default Keterangan
Length NULL
19860926  201505  1 
001

NIP adalah nomor

identitas pegawai dari
user. Data nip akan diisi
dengan huruf saja dengan
struktur :
8 digit pertama adalah
tahun, bulan, dan tanggal BIGINT(20
NIP lahir : yyyymmdd NO None Primary Key
)
6 digit berikutnya adalah
tahun dan bulan
pengangkatan pegawai :
yyyymm
Jenis kelamin : 1 untuk
laki-laki dan 2 untuk
perempuan.
3 digit terakhir adalah
nomor urut pegawai.
NIK 120505 600801 0010 BIGINT(20 NO None -
)
NIK merupakan nomor
identitas penduduk
bersifat unik dan melekat
pada seseorang. Data nik
akan diisi dengan huruf
saja dengan struktur :
6 digit pertama adalah
kode wilayah tempat
tinggal : xxxxxx
14
 6 digit kedua adalah
tanggal, bulan, dan tahun
kelahiran. Dan khusus
perempuan tanggal lahir
ditambah 40 : ddmmyy
4 digit terakhir
merupakan nomor urut
diproses secara otomatis
oleh SIAK.
201708 19751110 1 030

NPI adalah Nomor

Pegawai IPB yang
diberikan kepada Pegawai
Tetap Non PNS sebagai
identitas kepegawaian.
Data NPI hanya diisikan
dengan angka dan bersifat
unik dengan struktur :

6 digit pertama adalah

angka pengenal yang
menunjukan tahun dan
bulan pengangkatan
calon/pegawai tetap Non
PNS :
yyyymm

8 digit berikutnya adalah

BIGINT(20
NPI angka pengenal yang NO None -
)
menunjukan tahun, bulan
dan tanggal lahir
Calon/Pegawai Tetap
Non PNS :
yyyymmdd

1 digit berikutnya adalah

angka personal yang
menunjukan jenis
kelamin Calon/Pegawai
Tetap Non PNS :
1 untuk laki-laki dan 2
untuk perempuan.

3 digit berikutnya adalah

angka pengenal yang
menunjukan nomor urut
Calon/Pegawai Tetap
Non PNS
: xxx
nama_lengka Data char dengan panjang CHAR(255) NO None -
p data 255, berisikan
15
 nama lengkap dari user
Admin. Data nama hanya
dapat
diisi dengan alfabet dan
spasi.

Identifikasi/Nama : rkats
Deskripsi Isi : berisi data yang berkaiatan dengan rkat ormawa yang wajib
diselenggarakan.
Primary Key : id_rkat
Constraint Integrity :-
Table 9 Struktur tabel rkat
Tipe dan Boleh
Nama Field Deskripsi Default Keterangan
length NULL
Id_rkat berisi id
proposal atau file yang
diupload oleh masing
masing ormawa ke
dalam website
Ormawasv yang
bersifat unique.
id_rkat Data rkat berisi nama CHAR(255) NO None Primary Key
kegiatan, tanggal
kegiatan, id ormawa
yang menggupload,
dan status apakah
sudah di verifikasi
oleh pihak bph dan
komdisma atau tidak.
nama_kegiatan berisi
nama dari kegiatan
nama_kegiatan yang diajukan oleh CHAR(255) NO None -
masing masing
ormawa.
tanggal kegiatan berisi
tanggal_kegiatan tanggal dari kegiatan DATE NO None -
yang diajukan.
id_ormawa
merupakan unique
id_ormawa CHAR(255) NO None -
keys yang dimiliki
setiap ormawa.
status merupakan
fungsi dimana yang
menunjukkan bahwa
status rkat yang
status CHAR(255) NO None -
diajukan ormawa
kepada komdisma di
terima , diproses atau
ditolak

Identifikasi/Nama : nonrkats
Deskripsi Isi : berisi data data yang berkaiatan nonrkat ormawa

16
Primary Key : id_nonrkat
Constraint Integrity :
Table 10 Struktur tabel non RKAT
Tipe dan Boleh
Nama Field Deskripsi Default Keterangan
length NULL
Id_nonrkat berisi id
proposal atau file yang
diupload oleh masing
masing ormawa ke dalam
website Ormawasv yang
bersifat unique. Data rkat
id_nonrkat berisi nama kegiatan, CHAR(255) NO None Primary Key
tanggal kegiatan, id
ormawa yang
menggupload, dan status
apakah sudah di verifikasi
oleh pihak bph dan
komdisma atau tidak.
nama_kegiatan ber isi
nama dari kegiatan yang
nama_kegiata
diajukan oleh masing CHAR(255) NO None -
n
masing ormawa

tanggal kegiatan berisi

tanggal_kegia
tanggal dari kegiatan yang DATE NO None -
tan
diajukan
id_ormawa merupakan
id_ormawa unique keys yang dimiliki CHAR(255) NO None -
setiap ormawa.
Status merupakan fungsi
dimana yang
menunjukkan bahwa
status status rkat yang diajukan CHAR(255) NO None -
ormawa kepada
komdisma di terima ,
diproses atau ditolak

3.3 Skema Relasi

Berikut skema rancangan hubungan fisik antar tabel pada basis data yang digunakan
oleh perangkat lunak :
- ERD

17
 Gambar 3 Entity Relationship Diagram Web Ormawa SV IPB
- Skema Relasi
Tbl_ormawa

nama_ormawa deskripsi_ormawa
id_ormawa

Tbl_anggotas

nim nama prodi ormawa status

Tbl_pembinas

NIP NIK NPI nama_lengkap

Tbl_pembinas

NIP NIK NPI nama_lengkap

Tbl_pimpinans

NIP NIK NPI nama_lengkap

Tbl_rkats

id_rkat nama_kegiatan tanggal_kegiatan id_ormawa status

Tbl_nonrkats

id_rkat nama_kegiatan tanggal_kegiatan id_ormawa status

18
 4 Perancangan arsitektural
Perancangan arsitektur adalah untuk mengembangkan struktur program modular dan
merepresentasikan hubungan kontrol antar modul. Perancangan arsitektur juga membentuk
struktur program dan struktur data dengan menentukan antarmuka yang memungkinkan data
mengalir melalui program. Alat pemodelan untuk merancang arsitektur perangkat lunak
menggunakan structure chart.

4.1 Struktur Program yang diperoleh

Menjelaskan bagan struktur (representasi dari struktur program) yang digunakan untuk
menunjukan hirarki modul tersebut. Struktur program menampilkan / menyajikan organisasi
(seringkali organisasi hirarki ) dari komponen-komponen program ( modul-modul ) dan
mengandung arti hirarki dari kontrol program. Notasi yang digunakan adalah diagram tree.
Biasanya dinamakan structure chart.

Sistem Ormawa SV
IPB

User Admin Super Admin

Home Page Dashboard Dashboard

Dashboard Profile Profile

Manajemen file Manajemen file

Profile (proposal, LPJ, dan (proposal, LPJ, dan
jadwal kegiatan) jadwal kegiatan)

Manajemen
Manajemen akses
penilaian kegiatan

4.2 Dekomposisi Fungsional Modul

Bagian ini berisi dekomposisi logik dari modul. Pada bagian ini berisi tabel dengan kolom
Modul, Proses, Keterangan. Kolom keterangan hanya diisi jika proses tidak tergambarkan
dalam DFD. Misalnya untuk proses-proses yang mewakili suatu library umum. Contoh
dekomposisi fungsional modul adalah sebagai berikut:
Table 11 Dekomposisi fungsional Ormawa SV IPB
Fungsi/
No DPPL Data Input Data Output Keterangan
Proses
DPPL.ORMAWA. Register Email, nama, Validasi benar : Pesan -
001 kata sandi, berhasil mendaftarkan
jabatan dan dialihkan ke home
page.

19
 Validasi salah : Pesan
gagal didaftarkan dan
dialihkan ke halaman
daftar.
Validasi benar :
dialihakan ke dashboard
DDPL.ORMAWA. Username, Validasi salah : pesan
Login -
002 password gagal masuk dan
dialihkan ke halaman
login.
Validasi benar : Pesan
berhasil mengirim ke
email.
DPPL.ORMAWA. Forgot Validasi salah : pesan
email -
003 password gagal mengirim email
dan dialihkan ke
halaman forgot
password.
Menampilkan Menampilkan ucapan
ucapan selamat datang.
DPPL.ORMAWA.
Laman awal selamat -
004
datang ke
website.
Nama, email, Dialihkan ke halam
DPPL.ORMAWA. nim, ormawa, profile user dan
Profile -
005 jabatan, menampilkan informasi
user
Menampilkan Menampilkan informasi
informasi dasar terkait fitur
Dashboard
DPPL.ORMAWA. dasar system aplikasi.
-
006 ormawa
terkait fitur
aplikasi.
DPPL.ORMAWA. Jadwal Tanggal dan Menampilkan jadwal
-
007 kegiatan waktu dalam bentuk kalender.
Validasi benar : Pesan
berhasil mendaftarkan
Nama, dan dialihkan ke home
DPPL.ORMAWA.
Form NIM/NIP page. -
008
Jabatan. Validasi salah : Pesan
gagal didaftarkan dan
dialihkan ke form.
Validasi benar : Pesan
Ormawa,
berhasil di-upload dan di
Upload Judul
DPPL.ORMAWA. simpan proses upload-
laporan kegiatan, dan -
009-1 nya
kegiatan Add
Validasi salah : Pesan
Submission
gagal meng-upload file.
DPPL.ORMAWA. Upload Ormawa dan Validasi benar : Pesan -
009-2 laporan Laporan berhasil di-upload dan di
penilaian Penilaian simpan proses upload-
nya
20
 Validasi salah : Pesan
gagal meng-upload file.
Validasi benar : Pesan
Ormawa, berhasil di-upload dan di
Upload
DPPL.ORMAWA. Laporan simpan proses upload-
evaluasi CKEditor
009-3 evaluasi nya
acara
acara Validasi salah : Pesan
gagal meng-upload file.

21
 5 Perancangan Antarmuka
5.1 Spesifikasi Antarmuka
Merupakan penjelasan dari antarmuka yang tercantum pada daftar antarmuka pemakai.
Untuk setiap antarmuka pemakai, harus mengandung nama antarmuka, nama modul yang
menggunakan antarmuka tersebut, deskripsi fungsi antarmuka, spesifikasi layar, dan data
input/output yang melewati antarmuka tersebut.
1. Layout-001
a. Nama Pengguna : Ormawa, Komdisma, Pembina, dan Pimpinan
b. Nama Modul/Fungsi : Register
i. Data Input : email, nama, kata sandi,
ii. Data Output : validasi benar  pesan berhasil didaftarkan dan dialihkan ke
halaman utama. Validasi salah  pesan gagal didaftarkan dan dialihkan ke
halaman daftar.
c. Deskripsi
Table 12 Deskripsi layout 001
Nama Komponen Jumlah Komponen Keterangan
Label 1 SIGN UP
Username, Email,
Textbox 4 Password, dan Repeat
Password
Button 1 Tombol Register
Hyperlink 1 Menuju halaman Sign In
Image 1 Foto pelajar

d. Spesifikasi Layar Utama

Gambar 4 Spesifikasi layar utama 001

22
 e. Spesifikasi Objek Pada Layar
Table 13 Spesifikasi Objek 001

Id_Objek Jenis Keterangan

Register Button Ketika di klik akan masuk ke validasi . Jika validasi benar
sistem akan menampilkan home page. Jika validasi salah,
sistem akan mengalihkan user ke laman Sign Up.

f. Spesifikasi Layar Pesan

Gambar 5 Spesifikasi layar pesan 001

2. Layout-002
a. Nama Pengguna : Ormawa, Komdisma, Pembina, dan Pimpinan
b. Nama Modul/Fungsi : Login
i. Data Input : Username dan password
ii. Data Output : validasi benar  dialihkan ke home page. Validasi salah 
pesan gagal masuk dan dialihkan ke halaman login.
c. Deskripsi
Table 14 Deskripsi layout 002

Nama Komponen Jumlah Komponen Keterangan

Label 1 SIGN IN
Textbox 2 Username, dan
Password
Button 1 Tombol Login
Hyperlink 1 Menuju halaman Forgot
Password
Image 1 Foto pelajar

d. Spesifikasi Layar Utama

Gambar 6 Spesifikasi layar utama 002

e. Spesifikasi Objek Pada Layar

Table 15 Spesifikasi objek 002

Id_Objek Jenis Keterangan

Login Button Ketika di klik akan masuk ke Sistem Ormawa SV IPB. Jika
validasi benar sistem akan menampilkan Home Page. Jika

23
 Id_Objek Jenis Keterangan
validasi salah sistem akan dialihkan ke halaman Sign In.
Forgot Ketika di klik akan masuk ke halaman forgot password
Hyperlink
Password untuk mendapatkan notifikasi email.

f. Spesifikasi Layar Pesan

Gambar 7 Spesifikasi layar pesan 002

3. Layout-003
a. Nama Pengguna : Ormawa, Komdisma, Pembina, dan Pimpinan
b. Nama Modul/Fungsi : Forgot Password
i. Data Input : Email
ii. Data Output : validasi benar  pesan berhasil mengirim email. Validasi
salah  pesan gagal mengirim email dan dialihkan ke halaman Forgot Password.
c. Deskripsi
Table 16 Deskripsi layout 003
Nama Komponen Jumlah Komponen Keterangan
Label 1 Forgot Password
Input 1 Email
Button 1 Tombol Send
Image 1 Gambar Pelajar

d. Spesifikasi Layar Utama

Gambar 8 Spesifikasi layar utama 003

e. Spesifikasi Objek Pada Layar

Table 17 Spesiikasi objek 003
Id_Objek Jenis Keterangan
Email Input Memasukkan email yang terdaftar
Send Button Untuk mengirim validasi ke email yang telah dimasukan

f. Spesifikasi Layar Pesan

Gambar 9 Spesifikasi layar pesan 003

24
4. Layout-004
a. Nama Pengguna : Ormawa, Komdisma, dan Pembina
b. Nama Modul/Fungsi : Laman awal
i. Data Input : Menampilkan informasi dasar system ormawa terkait fitur
aplikasi
ii. Data Output : Menampilkan informasi dasar terkait fitur aplikasi.
c. Deskripsi
Table 18 Deskripsi layout 004

Nama Komponen Jumlah Komponen Keterangan

Label 2 Nama web dan tentang
Login, Register, About,
Button 7 Ormawa, Komdisma,
Contact, dan Dark Mode
Image 2 Logo Vokasi IPB dan
gambar Pelajar

d. Spesifikasi Layar Utama

Table 19 Spesifikasi layar utama 004

e. Spesifikasi Objek Pada Layar

Table 20 Spesifikasi objek 004
Id_Objek Jenis Keterangan
Login Button Menuju halaman Sign In
Register Button Menuju halaman Sign Up
Menampilkan halaman about yaitu menjelaskan kepada user
About Button
seperti apa Web.
Ormawa Button
Komdisma Button
Contact Button

5. Layout-005
a. Nama Pengguna : Ormawa, Komdisma, Pembina, dan Pimpinan
b. Nama Modul/Fungsi : Profile
i. Data Input : Nama, email, nim, ormawa, jabatan,

25
 ii. Data Output : Dialihkan ke halam profile user dan menampilkan informasi
user
c. Deskripsi
Table 21 Deskripsi layout 005

Nama Komponen Jumlah Komponen Keterangan

Label 8 Profile, Nama Akun,
Name, Email, NIM,
Status, Prodi, Nama
Ormawa
Input 3 Name, Email, dan NIM
Option 3 Status, Prodi, dan Nama
Ormawa
Button 4 Change Picture,
Personal Information,
Change Password, dan
Save Change
Image 1 Gambar user
Hyperlink 4 Dashboard, Profile,
Setting, dan Home

d. Spesifikasi Layar Utama

Gambar 10 Spesifikasi layar utama 005

e. Spesifikasi Objek Pada Layar

Table 22 Spesifikasi objek 005
Id_Objek Jenis Keterangan
Dashboard Hyperlink Untuk menuju ke laman dashboard
Setting Hyperlink Untuk menuju ke laman setting
Home Hyperlink Untuk menuju laman sebelumnya
Change
Button Untuk mengubah foto profil user
Picture
Change
Button Untuk mengakses menu ubah kata sandi
Password
Save Button Untuk menyimpan perubahan

26
 Id_Objek Jenis Keterangan
Change

6. Layout-006
a. Nama Pengguna : Ormawa, Komdisma, Pembina, dan Pimpinan
b. Nama Modul/Fungsi : Dashboard
i. Data Input : Menampilkan ucapan selamat datang ke website.
ii. Data Output : Menampilkan ucapan selamat datang.
c. Deskripsi
Table 23 Deskripsi layout 006
Nama Komponen Jumlah Komponen Keterangan
Label 1 Ucapan selamat dating di
web
Input 1 Email
Button 1 Tombol Send
Image 1 Gambar Pelajar

d. Spesifikasi Layar Utama

Gambar 11 Spesifikaasi layar utama 006

e. Spesifikasi Objek Pada Layar

Table 24 Spesifikasi objek 006
Id_Objek Jenis Keterangan
Email Input Memasukkan email yang terdaftar
Send Button Untuk mengirim validasi ke email yang telah dimasukan

7. Layout-007
a. Nama Pengguna : Ormawa, Komdisma, Pembina, dan Pimpinan
b. Nama Modul/Fungsi : Jadwal kegiatan
i. Data Input : Tanggal dan waktu
ii. Data Output : Menampilkan jadwal dalam bentuk kalender.
c. Deskripsi
Table 25 Deskripsi layout 007

Nama Komponen Jumlah Komponen Keterangan

27
 Label 1 Event
Button 2 New Event dan
berpindah bulan/tahun

d. Spesifikasi Layar Utama

Gambar 12 Spesifikasi layar 007

e. Spesifikasi Objek Pada Layar

Table 26 Spesifikasi objek 007
Id_Objek Jenis Keterangan
New Event Button Untuk Meng-input jadwal kegiatan terbaru.

8. Layout-008
a. Nama Pengguna : Ormawa (DPM) dan Komdisma
b. Nama Modul/Fungsi : Form
i. Data Input : Nama, NIM/NIP Jabatan
ii. Data Output : Validasi benar : Pesan berhasil mendaftarkan dan dialihkan ke
home page. Validasi salah : Pesan gagal didaftarkan dan dialihkan ke form.
c. Deskripsi

Table 27 Deskripsi layout 008

Nama Komponen Jumlah Komponen Keterangan
Label 1 Forgot Password
Input 1 Email
Button 1 Tombol Send
Image 1 Gambar Pelajar

d. Spesifikasi Layar Utama

28
 Gambar 13 Spesifikasi layar 008

e. Spesifikasi Objek Pada Layar

Table 28 Spesifikasi objek 008
Id_Objek Jenis Keterangan
Save Button Untuk menyimpan penambahan anggota

f. Spesifikasi Layar Pesan

Gambar 14 Spesifikasi layar pesan 008

9. Layout-009-1
a. Nama Pengguna : Ormawa
b. Nama Modul/Fungsi : Upload Laporan Kegiatan
i. Data Input : Ormawa dan judul kegiatan
ii. Data Output : Validasi benar : Pesan berhasil di-upload dan di simpan proses
upload- nya. Validasi salah : Pesan gagal meng-upload file.
c. Deskripsi
Table 29 Deskripsi layout 009-1

Nama Komponen Jumlah Komponen Keterangan

Laporan Kegiatan,
Label 3 Organisasi Mahasiswa,
dan Judul Kegiatan.
Option 1 Pilih ormawa
Button 1 Add Submission

d. Spesifikasi Layar Utama

29
 Gambar 15 Spesifikasi layar 009-1

e. Spesifikasi Objek Pada Layar

Table 30 Spesifikasi objek 009-1
Id_Objek Jenis Keterangan
Save Button Untuk menyimpan penambahan anggota

f. Spesifikasi Layar Pesan

Gambar 16 Spesifikasi layar pesan 009-1

10. Layout-009-2
a. Nama Pengguna : Ormawa
b. Nama Modul/Fungsi : Upload Laporan Penilaian
i. Data Input : Ormawa, judul kegiatan, dan nilai
ii. Data Output : Validasi benar : Pesan berhasil di-upload dan di simpan proses
upload- nya. Validasi salah : Pesan gagal meng-upload file.
c. Deskripsi
Table 31 Deskripsi layout 009-2
Nama Komponen Jumlah Komponen Keterangan
Laporan Evaluasi,
Organisasi Mahasiswa,
Label 3
Judul Kegiatan, dan Nilai
ormawa
Option 1 Pilih ormawa
Button 1 Save

d. Spesifikasi Layar Utama

30
 Gambar 17 Spesifikasi layar 009-2

e. Spesifikasi Objek Pada Layar

Table 32 Spesifikasi objek 009-2
Id_Objek Jenis Keterangan
Save Button Untuk menyimpan penambahan anggota

f. Spesifikasi Layar Pesan

Gambar 18 Spesifikasi layar pesan 009-2

11. Layout-009-3
a. Nama Pengguna : Ormawa
b. Nama Modul/Fungsi : Evaluasi acara
i. Data Input : Ormawa dan judul kegiatan
ii. Data Output : Validasi benar : Pesan berhasil di-upload dan di simpan proses
upload- nya. Validasi salah : Pesan gagal meng-upload file.
c. Deskripsi

Table 33 Deskripsi layout 009-3

Nama Komponen Jumlah Komponen Keterangan
Evaluasi Acara,
Label 3 Organisasi Mahasiswa,
dan Judul Kegiatan.
Option 1 Pilih ormawa
Button 1 Save

d. Spesifikasi Layar Utama

31
 Gambar 19 Spesifikasi layar 009-3

e. Spesifikasi Objek Pada Layar

Table 34 Spesifikasi objek 009-3
Id_Objek Jenis Keterangan
Save Button Untuk menyimpan penambahan anggota

f. Spesifikasi Layar Pesan

Gambar 20 Spesifikasi layar pesan 009-3

6 Perancangan Prosedural

Berisi deskripsi detail dari setiap modul yang ada pada perangkat lunak sesuai dengan
struktur program yang telah dibuat pada perancangan arsitektur. Untuk setiap modul yang
ada, harus mengandung nama modul, deskripsi proses, antarmuka pemakai (jika ada interaksi
dengan pemakai), spesifikasi input, spesifikasi output, dan spesifikasi program (algoritma).
Spesifikasi program diperlukan untuk menetapkan detail algoritma yang dinyatakan dengan
menggunakan notasi pseudo-code, atau notasi yang mirip dengan bahasa pemrograman yang
digunakan (Codingannya).

1. Register
Table 35 Perancangan prosedural Register

Kode Perancangan DPPL.ORMAWA.001

Input Email, nama, kata sandi, jabatan
Output Validasi benar : Pesan berhasil mendaftarkan
dan dialihkan ke home page.
Validasi salah : Pesan gagal didaftarkan dan
32
 dialihkan ke halaman daftar.
Initial State Tersedia form pendafataran akun kosong.
Final State Form yang tersedia terisi.
Pengguna Mahasiswa
Alur Proses Flowchart / activity diagram

Pseudocode / Algoritma string email, nama, kata_sandi, jabatan.

IF (email && nama && kata_sandi &&

jabtaban)
Query Register
pesan ("Berhasil")
ELSE
pesan("Gagal")
END IF
redirect("/Masuk")
Spesifikasi Query Query Register:
INSERT INTO `mahasiswa` (`email`,
`nama`, `kata_sandi`,`jabatan`)
VALUES (email, nama, kata_sandi,
jabatan);

2. Login
Table 36 Perancangan prosedural Login

Kode Perancangan DPPL.ORMAWA.002

Input Username, dan password
Output Validasi benar : dialihakan ke dashboard
Validasi salah : pesan gagal masuk dan
dialihkan ke halaman login.
Initial State Tersedia form masuk kosong.
Final State Form yang tersedia terisi.
Pengguna User, admin, super admin
Alur Proses Flowchart / activity diagram

33
 Pseudocode / Algoritma string username, password
IF (username && password)
QueryGetUsername
sessionSet("username", username)
pesan("Berhasil")
redirect("/Beranda")
ELSE
pesan("Gagal")
redirect("/Masuk")
END IF
Spesifikasi Query QueryGetUsername:
SELECT `id_user`
FROM `anggotas`
WHERE `username` = username
LIMIT 1;

3. Forgot Password
Table 37 Perancangan prosedural Forgot Password

Kode Perancangan DPPL.ORMAWA.003

Input email
Output Validasi benar : Pesan berhasil mengirim ke
email.
Validasi salah : pesan gagal mengirim email
dan dialihkan ke halaman forgot password.
Initial State Tersedia form forgot password kosong.
Final State Form forgot password yang tersedia terisi.
Pengguna User, admin, super admin
Alur Proses Flowchart / activity diagram

Pseudocode / Algoritma string email

IF (email)
IF (email &&
kirimEmailLupaKataSandi(email))
pesan("Berhasil")
34
 redirect("/lupa_kata_sandi")
ELSE
pesan("Gagal")
ELSE
pesan("Gagal")
END IF
Spesifikasi Query -

4. Laman awal
Table 38 Perancangan prosedural Laman awal

Kode Perancangan DPPL.ORMAWA.004

Input Button login dan Register
Output Dialihkan ke halaman login atau register
Initial State Menampilkan ucapan selamat datang ke
website.
Final State Menampilkan ucapan selamat dating.
Pengguna User, admin, super admin
Alur Proses Flowchart / activity diagram

Pseudocode / Algoritma -
Spesifikasi Query -

5. Profile
Table 39 Perancangan prosedural Profile

Kode Perancangan DPPL.ORMAWA.005

Input nama, email, nim, ormawa, jabatan.
Output Dialihkan ke halam profile user dan
menampilkan informasi
Initial State Tersedia form profile kosong.
Final State Form telah terisi.
Pengguna User, admin, super admin
Alur Proses Flowchart / activity diagram

35
 Pseudocode / Algoritma string nama, email, ormawa, jabatan

IF (email && password)

QueryGetUserId
sessionSet("userid", userid)
pesan("Berhasil")
redirect("/Beranda")
ELSE
pesan("Gagal")
redirect("/Masuk")
END IF
Spesifikasi Query -

6. Dashboard
Table 40 Perancangan prosedural Dashboard

Kode Perancangan DPPL.ORMAWA.006

Input Menampilkan informasi dasar terkait fitur
aplikasi.
Output Menampilkan informasi dasar terkait fitur
apliakasi
Initial State Menampilkan form upload.
Final State Menampilkan form upload yang telah diisi
Pengguna User, admin, super admin
Alur Proses Flowchart / activity diagram

Pseudocode / Algoritma -
Spesifikasi Query -

7. Jadwal kegiatan
Table 41 Perancangan prosedural Jadwal kegiatan

Kode Perancangan DPPL.ORMAWA.007

Input Tanggal dan waktu
36
 Output Menampilkan jadwal kegiatan acara
Initial State Menampilkan kalender kosong.
Final State Menampilkan jadwal yang telah diisi
dikalender.
Pengguna User, admin, super admin
Alur Proses Flowchart / activity diagram

Pseudocode / Algoritma -
Spesifikasi Query -

8. Form
Table 42 Perancangan prosedural Form

Kode Perancangan DPPL.ORMAWA.008

Input nama, nim, jabatan.
Output Validasi benar : Pesan berhasil
mendaftarkan dan dialihkan ke home page.
Validasi salah : Pesan gagal didaftarkan dan
dialihkan ke form.
Initial State Tersedia form masuk kosong.
Final State Form yang tersedia terisi.
Pengguna Super admin
Alur Proses Flowchart / activity diagram

Pseudocode / Algoritma string nama, nim, jabatan.

IF (nama && nim && jabtaban)

Query form
pesan ("Berhasil")
ELSE
pesan("Gagal")
END IF
Spesifikasi Query Query form:
INSERT INTO `ormawa ` (`nama`,
`nim`, `jabatan`)
VALUES (nama, nim, jabatan);
37
9. Upload laporan kegiatan
Table 43 Perancangan prosedural Upload laporan kegiatan

Kode Perancangan DPPL.ORMAWA.009-1

Input Ormawa, judul kegiatan, dan add
submission
Output Validasi benar : Pesan berhasil di-upload
dan di simpan proses upload-nya.
Validasi salah : Pesan gagal meng-upload
file.
Initial State Tersedia form laporan kegiatan masuk
kosong.
Final State Form yang tersedia terisi.
Pengguna ormawa
Alur Proses Flowchart / activity diagram

Pseudocode / Algoritma string ormawa, judul kegiatan

IF (add_submission)
Query lap_kegiatan
pesan ("Berhasil")
ELSE
pesan("Gagal")
END IF
Spesifikasi Query Query form:
INSERT INTO `form ` (`ormawa`,
`judul kegiatan`, `file`)
VALUES (nama, nim, jabatan);

10. Upload evaluasi acara

Table 44 Perancangan prosedural Upload evaluasi acara

Kode Perancangan DPPL.ORMAWA.009-2

Input Ormawa, dan judul kegiatan
Output Validasi benar : Pesan berhasil di-upload
dan di simpan proses upload-nya.
Validasi salah : Pesan gagal meng-upload
file.
Initial State Tersedia form evaluasi acara kosong.
Final State Form yang tersedia terisi.
Pengguna ormawa
Alur Proses Flowchart / activity diagram

38
 Pseudocode / Algoritma string ormawa, judul kegiatan

IF (add_submission)
Query acara
pesan ("Berhasil")
ELSE
pesan("Gagal")
END IF
Spesifikasi Query Query form:
INSERT INTO `form ` (`ormawa`,
`judul kegiatan`, `file`)
VALUES (nama, nim, jabatan);

11. Upload laporan kegiatan

Table 45 Perancangan prosedural Upload laporan kegiatan

Kode Perancangan DPPL.ORMAWA.009-3

Input Ormawa, dan judul kegiatan.
Output Validasi benar : Pesan berhasil di-upload
dan di simpan proses upload-nya.
Validasi salah : Pesan gagal meng-upload
file.
Initial State Tersedia form laporan kegiatan masuk
kosong.
Final State Form yang tersedia terisi.
Pengguna ormawa
Alur Proses Flowchart / activity diagram

Pseudocode / Algoritma string ormawa, judul kegiatan

IF (add_submission)
Query lap_kegiatan
pesan ("Berhasil")
ELSE
pesan("Gagal")

39
 END IF
Spesifikasi Query Query form:
INSERT INTO `form ` (`ormawa`,
`judul kegiatan`, `file`)
VALUES (nama, nim, jabatan);

7 Matriks Keterunutan
Table 46 Matriks Keteruntunan

Fungsionalita
No No SKPL DPPL
s
1 SKPL.ORMAWA.001 Register DPPL.ORMAWA.001
2 SKPL.ORMAWA.002 Login DPPL.ORMAWA.002
Forgot
3 SKPL.ORMAWA.003 DPPL.ORMAWA.003
Password
4 SKPL.ORMAWA.004 Laman Awal DPPL.ORMAWA.004
5 SKPL.ORMAWA.005 Profile DPPL.ORMAWA.005
6 SKPL.ORMAWA.006 Dashboard DPPL.ORMAWA.006
Jadwal
7 SKPL.ORMAWA.007 DPPL.ORMAWA.007
kegiatan
8 SKPL.ORMAWA.008 Form DPPL.ORMAWA.008
9 SKPL.ORMAWA.009-1 Upload DPPL.ORMAWA.009-1
40
 laporan
kegiatan
Upload
10 SKPL.ORMAWA.009-2 laporan DPPL.ORMAWA.009-2
kegiatan
Upload
11 SKPL.ORMAWA.009-3 DPPL.ORMAWA.009-3
evaluasi acara

41