DESKRIPSI PERANCANGAN PERANGKAT LUNAK

untuk:
Jurusan Teknik Informatika
ITS Surabaya

Dipersiapkan oleh:
Muhammad Yarjuna Rohmat

5112100158

Achmad Fauzi Azmi

5112100192

Jurusan Teknik Informatika - Institut Teknologi Sepuluh Nopember

Kampus ITS KeputihSukoliloSurabaya

Jurusan
TeknikInformatika
ITS

NomorDokumen

Halaman

DPPL-XXX

hlm / # hlm

Revisi

JurusanTeknikInformatika ITS

DPPL-XXX

Tgl release

Halaman1dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

DAFTAR PERUBAHAN
Revisi

Deskripsi

A
Ditambahkan perancangan untuk
kebutuhan baru.
B

INDEX
TGL

Ditulisole
h
Diperiksa
oleh
Disetujuio
leh

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman2dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

DaftarHalamanPerubahan
Halaman

Revisi

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman

Revisi

Halaman3dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

Daftar Isi
Daftar Isi ..................................................................................................................................................................... 4
1. Pendahuluan ........................................................................................................................................................... 7
1.1
Tujuan Penulisan Dokumen ........................................................................................................................ 7
1.2
Lingkup Masalah ........................................................................................................................................ 7
1.3
Definisi dan Istilah ..................................................................................................................................... 7
1.4
Aturan Penamaandan Penomoran ............................................................................................................... 8
1.5
Referensi ..................................................................................................................................................... 8
1.6
Ikhtisar Dokumen ....................................................................................................................................... 8
2
DeskripsiPerancangan Global (Arsitektural) ...................................................................................................... 9
2.1
Diagram KasusPenggunaan (Use Case) ..................................................................................................... 9
2.2
RancanganLingkunganImplementasi........................................................................................................ 10
2.3
DeskripsiPersistensiObjek (Basis Data) ................................................................................................... 10
2.3.1
Physical Data Model ......................................................................................................................... 10
2.4
DekomposisiSistem .................................................................................................................................. 11
2.4.1
Subsistem1: <Mahasiswa> ............................................................................................................... 11
2.4.2
Subsistem2: <Dosen Pembimbing> .................................................................................................. 12
2.4.3
Subsistem3: <Karyawan> ................................................................................................................. 12
2.4.4
Subsistem4: <Koordinator> .............................................................................................................. 13
2.4.5
Subsistem5: <DosenWali> ............................................................................................................... 15
2.4.6
Subsistem6: <Pembimbing KP> ....................................................................................................... 15
2.5
ArsitekturSistem ....................................................................................................................................... 16
2.5.1
Diagram Komponen ......................................................................................................................... 16
2.5.2
Diagram Deployment ....................................................................................................................... 17
3
Deskripsi Perancangan Rinci ............................................................................................................................ 18
3.1
Deskripsi Antarmuka/Layar ..................................................................................................................... 18
3.1.1
Antarmuka Form Data Perusahaan ................................................................................................... 18
Nama
: Form Data Perusahaan ............................................................................................................................ 18
Deskripsi Isi
: Proses ini untuk proses memasukan Nama Perusahaan, Alamat Perusahaan, email perusahaan
dan berkas file tambahan .......................................................................................................................................... 18
Jenis
: Form Entry ............................................................................................................................................. 18
3.1.1.1 Spesifikasi Layar Utama ............................................................................................................... 18
3.1.1.2 Spesifikasi Elemen-elemen pada Layar ........................................................................................ 18
3.1.2
Antarmuka Profil Perusahaan ........................................................................................................... 19
Nama
: Profil Perusahaan .................................................................................................................................... 19
Deskripsi Isi
: Proses ini untuk menampilkan Nama Perusahaan, Alamat Perusahaan, email perusahaan dan
berkas file tambahan ................................................................................................................................................. 19
Jenis
: view Profile ............................................................................................................................................ 19
3.1.2.1 Spesifikasi Layar Utama ............................................................................................................... 19
3.1.2.2 Spesifikasi Elemen-elemen pada Layar ........................................................................................ 19
3.1.3
Antarmuka Form Pengajuan KP ....................................................................................................... 20
Nama
: Form Pengajuan KP ................................................................................................................................ 20
Deskripsi Isi
: Proses ini untuk proses memasukan NRP Mahasiswa 1, Nama Mahasiswa 1, NRP Mahasiswa
2, Nama Mahasiswa 2, NIP Dosen Pembimbing, Nama Perusahaan, Alamat Perusahaan, email perusahaan dan
dan tanggal mulai KP. .............................................................................................................................................. 20
Jenis
: Form Entry ............................................................................................................................................. 20
3.1.3.1 Spesifikasi Layar Utama ............................................................................................................... 20
3.1.3.2 Spesifikasi Elemen-elemen pada Layar ........................................................................................ 21
3.1.4
Antarmuka Form Pemilihan Dosen Pembimbing ............................................................................. 22
Nama
: Form Pemilihan Dosen Pembimbing ...................................................................................................... 22
Deskripsi Isi
: Proses ini untuk proses pemilihan Dosen Pembimbing. ............................................................. 22
Jenis
: Form Entry ............................................................................................................................................. 22
3.1.4.1 Spesifikasi Layar Utama ............................................................................................................... 22
3.1.4.2 Spesifikasi Elemen-elemen pada Layar ........................................................................................ 22
3.1.5
Antarmuka Data Mahasiswa KP ....................................................................................................... 23
Nama
: Data Mahasiswa KP ............................................................................................................................... 23
Deskripsi Isi
: Proses ini untuk Melihat dan merubah, mengedit data mahasiswa KP. ...................................... 23
Jenis
: view profile............................................................................................................................................. 23

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman4dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.1.5.1 Spesifikasi Layar Utama ............................................................................................................... 23

3.1.5.2 Spesifikasi Elemen-elemen pada Layar ........................................................................................ 23
3.1.6
Antarmuka Daftar Mahasiswa Bimbingan........................................................................................ 24
Nama
: Daftar Mahasiswa Bimbingan ................................................................................................................ 24
Deskripsi Isi
: Proses ini untuk melihat daftar mahasiswa yang dibimbing. ...................................................... 24
Jenis
: view profile............................................................................................................................................. 24
3.1.6.1 Spesifikasi Layar Utama ............................................................................................................... 24
3.1.6.2 Spesifikasi Elemen-elemen pada Layar ........................................................................................ 24
3.1.7
Antarmuka Konfirmasi Laporan ....................................................................................................... 26
Nama
: Konfirmasi Laporan................................................................................................................................ 26
Deskripsi Isi
: Proses ini untuk Konfirmasi Laporan. ........................................................................................ 26
Jenis
: Confirmation form .................................................................................................................................. 26
3.1.7.1 Spesifikasi Layar Utama ............................................................................................................... 26
3.1.7.2 Spesifikasi Elemen-elemen pada Layar ........................................................................................ 26
3.1.8
Antarmuka Konfirmasi Formulir ...................................................................................................... 27
Nama
: Konfirmasi Formulir ............................................................................................................................... 27
Deskripsi Isi
: Proses ini untuk mengkonfirmasi formulir. ................................................................................ 27
Jenis
: confirmation form................................................................................................................................... 27
3.1.8.1 Spesifikasi Layar Utama ............................................................................................................... 27
3.1.8.2 Spesifikasi Elemen-elemen pada Layar ........................................................................................ 27
3.1.9
Antarmuka Konfirmasi Nilai ............................................................................................................ 28
Nama
: Konfirmasi Nilai ..................................................................................................................................... 28
Deskripsi Isi
: Proses ini untukmengkonfirmasi Nilai. ...................................................................................... 28
Jenis
: confirmation form................................................................................................................................... 28
3.1.9.1 Spesifikasi Layar Utama ............................................................................................................... 28
3.1.9.2 Spesifikasi Elemen-elemen pada Layar ........................................................................................ 28
3.1.10
Antarmuka Suspend Mahasiswa ....................................................................................................... 29
Nama
: Suspend Mahasiswa................................................................................................................................ 29
Deskripsi Isi
: Proses ini mensuspend mahasiswa. ............................................................................................ 29
Jenis
: suspend form .......................................................................................................................................... 29
3.1.10.1
Spesifikasi Layar Utama ........................................................................................................... 29
3.1.10.2
Spesifikasi Elemen-elemen pada Layar .................................................................................... 29
3.1.11
Antarmuka Upload Laporan KP ....................................................................................................... 31
Nama
: Upload Laporan KP ................................................................................................................................ 31
Deskripsi Isi
: Proses ini untuk memasukan nama mahasiswa, NRP, minggu ke-X, isi laporan, keterangan
kedisiplinan dan melampirkan file TTD pegawai..................................................................................................... 31
Jenis
: form entry ............................................................................................................................................... 31
3.1.11.1
Spesifikasi Layar Utama ........................................................................................................... 31
3.1.11.2
Spesifikasi Elemen-elemen pada Layar .................................................................................... 32
3.1.12
Antarmuka Nilai KP ......................................................................................................................... 32
Nama
: Upload Nilai KP ..................................................................................................................................... 32
Deskripsi Isi
: Proses ini untuk memasukan nama mahasiswa, NRP, minggu ke-X, isi laporan, keterangan
kedisiplinan dan melampirkan file TTD pegawai..................................................................................................... 32
Jenis
: form entry ............................................................................................................................................... 32
3.1.12.1
Spesifikasi Layar Utama ........................................................................................................... 32
3.1.12.2
Spesifikasi Elemen-elemen pada Layar .................................................................................... 33
3.1.13
Antarmuka Form Evaluasi Perusahaan ............................................................................................. 34
Nama
: form evaluasi perusahaan ....................................................................................................................... 34
Deskripsi Isi
: Proses ini untuk memilih pilihan jawaban dari pertanyaan di kuisioner tentang perusahaan ..... 34
Jenis
: form entry ............................................................................................................................................... 34
3.1.13.1
Spesifikasi Layar Utama ........................................................................................................... 34
3.1.13.2
Spesifikasi Elemen-elemen pada Layar .................................................................................... 35
3.1.14
Antarmuka Form Evaluasi Mahasiswa ............................................................................................. 36
Nama
: form evaluasi mahasiswa ........................................................................................................................ 36
Deskripsi Isi
: Proses ini untuk memilih pilihan jawaban dari pertanyaan di kuisioner tentang mahasiswa ..... 36
Jenis
: form entry ............................................................................................................................................... 36
3.1.14.1
Spesifikasi Layar Utama ........................................................................................................... 36
3.1.14.1
Spesifikasi Elemen-elemen pada Layar .................................................................................... 37

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman5dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.1.15
Antarmuka Home Mahasiswa ........................................................................................................... 37
3.1.15.1
Spesifikasi Layar Utama ........................................................................................................... 37
Nama
: Home mahasiswa .................................................................................................................................... 37
Deskripsi Isi
: Proses halaman utama mahasiswa .............................................................................................. 37
Jenis
: form entry ............................................................................................................................................... 37
3.2
Deskripsi Rinci Kelas-kelas ...................................................................................................................... 38

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman6dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

1. Pendahuluan
Tujuan Penulisan Dokumen

1.1

Dokumen ini berisi Spesifikasi Kebutuhan Perangkat Lunak (SKPL) atauSoftware Requirement
Spesification (SRS) untuk Sistem Informasi Kerja Praktek.Tujuan dari penulisan dokumen ini adalah
untuk memberikan penjelasan mengenai perangkat lunak yang akan dibangun baik berupa gambaran
umum maupun penjelasan detil dan menyeluruh.
Pengguna dari dokumen ini adalah pengembang perangkat lunak sisteminformasidan pengguna
(klien) dari perangkat lunak atau personil-personil yang terlibat dalam sistem. Dokumen ini akan
digunakan sebagai bahan acuan dalam proses pengembangan dan sebagai bahan evaluasi pada saat
proses pengembangan perangkat lunak maupun di akhir pengembangannya. Dengan adanya dokumen
SKPL ini diharapkan pengembangan perangkat lunak akan lebih terarah dan lebih terfokus serta tidak
menimbulkan ambiguitas terutama bagi pengembang perangkat lunak sistem informasi.
.

Lingkup Masalah

1.2

Di jurusan Teknik Informatika Institut teknologi Sepuluh Nopember terdapat mata kuliah kerja
praktek yang dilakukan di semester 7 untuk mengaplikasikan berbagai teori yang telah diperoleh dalam
perkuliahan. Mata kuliah kerja praktek memiliki sistem yang berbeda dari mata kuliah lainnya.
Pengelolaan Mata kuliah kerja praktek saat ini dilakukan secara manual, sehingga mengakibatkan
susahnya

mengelola

secara

efektif

dan

efisien

Perangkatlunak

akandibangunakanmenggabungkansemuapengelolaandokumendanpelaksanaandari

yang
proses

bisnisdalamsatuperangkatlunak. Perangkat lunak yang akan dikembangkan adalah perangkat lunak

Sistem Informasi Kerja Praktek(SIKP), yaitu merupakan perangkat lunak yang digunakan untuk
melayani proses bisnisdari elemen-elemen kerja praktek.

Definisi dan Istilah

1.3

Berikut adalah daftar definisi dan istilah penting yang digunakan dalam dokumen SKPL ini:
o

SRS

: Software Requirements Specification, atau

SKPL

:Spesifikasi Kebutuhan Perangkat Lunak

Dokumenhasilanalisis yang berisi spesifikasi kebutuhan perangkatlunak.

o SIKP

: Sistem Informasi Kerja Praktek

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman7dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

Aturan Penamaandan Penomoran

1.4

Tabel 1 Aturan Penamaan dan Penomoran

Hal/Bagian

AturanPenomoran/Penamaan

Referensi

1.5
-

kp.if.its.ac.id

Panduan Penggunaan dan Pengisian Spefisikasi Perangkat Lunak (SKPL), Jurusan Teknik
Informatika, Institut Teknologi Sepuluh Nopember.

Ikhtisar Dokumen

1.6

Dokumen ini secara garis besar terdiri dari tiga bab dengan perincian sebagai berikut:

Bab 1 Pendahuluan, merupakan pengantar dokumen SKPL ini yang berisi tujuan penulisan
dokumen, lingkup masalah, juga memuat definisi dan istilah yang digunakan serta deskripsi
umum dokumen yang merupakan ikhtisar dokumen SKPL.

Bab 2 Deskripsi Global Perangkat Lunak, mendefinisikan perspektif produk perangkat lunak
serta asumsi dan ketergantungan yang digunakan dalam pengembanganSistemInformasiKerja
Praktek.

Bab 3 Deskripsi Rinci Kebutuhan, mendeskripsikan kebutuhan khusus bagi Sistem Informasi
Beasiswa, yang meliputideskripsi rinci kelas-kelas.

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman8dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

2 DeskripsiPerancangan Global (Arsitektural)

2.1

Diagram KasusPenggunaan (Use Case)

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman9dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

RancanganLingkunganImplementasi

2.2

Bagian ini berisi rancangan global dari sistem informasi kerja praktek(SIKP) ITS Surabaya,
mencakup perancangan lingkungan implementasi, diantaranya adalah:
1. Sistem Operasi

:Windows 7

2. DBMS

: PHPmyadmin

3. Bahasa Pemrograman

:SQL digunakan untuk database dan html.

4. Development

: Power Designer, Sublime, Microsoft Office Visio 2013

Tools

5. Filing System

:Microsoft Office Word 2013

DeskripsiPersistensiObjek (Basis Data)

2.3

2.3.1 Physical Data Model

Mahasiswa
NRP_mhs

Dosen_Pembimbing

varchar(20) <pk>

NIP_dosen

Nama_mhs varchar(40)
email_mhs varchar(40)

Perusahaan

varchar(20) <pk>

Nama_dosen varchar(40)

ID_perusahaan

varchar(20) <pk>

Email_dosen varchar(30)

Nama_perusahaan

varchar(40)

email_perusahaan

varchar(30)

Alamat_perusahaan varchar(40)

kuisioner_perusahaan
ID_kuisioner_perusahaan varchar(30) <pk>
ID_perusahaan

varchar(20) <fk2>

NRP_mhs

varchar(20) <fk1>

Jawaban_1_prshn

varchar(50)

Jawaban_2_prhsn

varchar(50)

Jawaban_3_prhsn

varchar(50)

Jawaban_4_prhsn

varchar(50)

Koordinator_KP
ID_Koordinator_KP

varchar(30) <pk>

Nama_Koordinator_KP varchar(30)
Data_KP
ID_KP

varchar(20) <pk>

NRP_mhs

varchar(20) <fk1>

NIP_dosen

varchar(20) <fk2>

ID_pembimbing

varchar(20) <fk4>

ID_perusahaan

varchar(20) <fk3>

NIP_Dosen_wali

varchar(30) <fk5>

Pembimbing_KP

ID_Koordinator_KP varchar(30) <fk6>

ID_pembimbing

varchar(20) <pk>

Tanggal_KP

varchar(20)

ID_perusahaan

varchar(20) <fk>

Status_KP

varchar(20)

nama_pembimbing varchar(30)

Nilai_KP

integer

email_pembimbing varchar(20)

NRP_mhs2

varchar
Dosen_Wali

kuisioner_mahasiswa
NIP_Dosen_wali
ID_kuisioner_mahasiswa varchar(20) <pk>
ID_pembimbing

varchar(20) <fk1>

NRP_mhs

varchar(20) <fk2>

Jawaban_1_mhs

varchar(50)

Jawaban_2_mhs

varchar(50)

Jawaban_3_mhs

varchar(50)

Jawaban_4_mhs

varchar(50)

varchar(30) <pk>

Nama_Dosen_wali varchar(30)

Laporan_KP
ID_Laporan_KP

varchar(20)

<pk>

ID_KP

varchar(20)

<fk>

Minggu_Ke

integer

File_Laporan_KP binary(100000)

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman10dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

2.4

DekomposisiSistem

2.4.1 Subsistem1: <Mahasiswa>

Subsistem 1 :
Subsistem untuk actor mahasiswa merupakan realisasi kasus penggunaan melakukan pengajuan
KP, mencari informasi perusahaan kp, Upload laporan KP mingguan, mengisi kuisioner
evaluasi perusahaan.

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman11dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

2.4.2 Subsistem2: <Dosen Pembimbing>

Subsistem2 :
Subsistem untuk actor Dosen Pembimbing merupakan realisasi kasus penggunaan memasukkan
nilai KP, melihat daftar mahasiswa yang dibimbing.
2.4.3 Subsistem3: <Karyawan>

Subsistem3 :
Subsistem untuk actor karyawan merupakan realisasi kasus penggunaan memasukkan daftar
perusahaan, konfirmasi laporan KP.

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman12dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

2.4.4 Subsistem4: <Koordinator>

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman13dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

Subsistem4 :
Subsistem untuk actor Koordinator merupakan realisasi kasus penggunaan konfirmasi nilai,
memilih dosen pembimbing, konfiormasi formulir KP, melihat data mahasiswa KP,
mensuspend mahasiswa KP

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman14dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

2.4.5 Subsistem5: <DosenWali>

Subsistem5 :
Subsistem untuk aktor Dosen Wali merupakan realisasi kasus penggunaan konfirmasi formulir
KP

2.4.6 Subsistem6: <Pembimbing KP>

Subsistem6 :
Subsistem untuk aktor Pembimbing KP merupakan realisasi kasus penggunaan evaluasi
Mahasiswa

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman15dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

2.5

ArsitekturSistem

2.5.1 Diagram Komponen

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman16dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

2.5.2 Diagram Deployment

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman17dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3 Deskripsi Perancangan Rinci

3.1

Deskripsi Antarmuka/Layar

3.1.1 Antarmuka Form Data Perusahaan

Nama
: Form Data Perusahaan
Deskripsi Isi : Proses ini untuk proses memasukan Nama Perusahaan, Alamat
Perusahaan, email perusahaan dan berkas file tambahan
Jenis
: Form Entry
3.1.1.1 Spesifikasi Layar Utama

3.1.1.2 Spesifikasi Elemen-elemen pada Layar

No
1.

Id Elemen
B101

Jenis
Label

2.

B102

Label

3.
4.

B103
B104

Text Box
Label

5.
6.

B105
B106

Text Box
Label

7.

B107

Text Box

Nilai Default
Form data
Perusahaan
Nama
Perusahaan

JurusanTeknikInformatika ITS

Alamat
Perusahaan
Email
Perusahaan

Enable

Keterangan
Menampung kata Form Data
Perusahaan
Menampung kata Nama Perusahaan

Enable
Enable

Memasukkan Nama Perusahaan

Menampung kata Alamat Perusahaan

Enable
Enable

Memasukkan Alamat perusahaan

Menampung kata Email perusahaan

Enable

Memasukkan email perusahaan

Status

Enable

DPPL-XXX

Halaman18dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

No
8.
9
10

Id Elemen
B108
B109
B110

Jenis
Label
File
Upload
Button

Nilai Default
Lampiran

Submit

Status

Enable
Enable
Enable

Keterangan
Menampung kata Lampiran
Mengupload lampiran
Mensubmit form

3.1.2 Antarmuka Profil Perusahaan

Nama
: Profil Perusahaan
Deskripsi Isi : Proses ini untuk menampilkan Nama Perusahaan, Alamat
Perusahaan, email perusahaan dan berkas file tambahan
Jenis
: view Profile
3.1.2.1 Spesifikasi Layar Utama

3.1.2.2 Spesifikasi Elemen-elemen pada Layar

No
1.

Id Elemen
B201

Jenis
Label

2.

B202

Label

3.
4.
5.
6.
7.
8.

B203
B204
B205
B206
B207
B208

Label
Label
Drop down
Label
Label
Label

Nilai Default
Sistem
Informasi
Kerja Praktek
54321 Tatang
Karyawan
Perusahaan
Kerja Praktek
<<segitiga>>
No
ID
Nama
perusahaan

JurusanTeknikInformatika ITS

Enable

Keterangan
Menampung kata Sistem informasi kerja
Praktek

Enable

Menampung kata ID, nama, jabatan

Enable
Enable
Enable
Enable
Enable
Enable

Menampung kata perusahaan

Menampung kata kerja praktek
Melihat submenu
Menampung kata No
Menampung kata ID
Menampung kata Nama Perusahaan

Status

DPPL-XXX

Halaman19dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

No
9
10
11
12
13
14
15
16

Id Elemen
B209
B210
B211
B212
B213
B214
B215
B216

Jenis
Label
Label
Label
icon
icon
icon
Label
Background

Nilai Default
Email
Perusahaan
Lampiran
Manage

Keluar

Status

Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable

Keterangan
Menampung kata email perusahaan
Menampung kata lampiran
Menampung kata Manage
Icon dari download
Icon dari merubah profil
Icon dari menghapus profil
Menampung kata keluar
Menandakan Profil dalam
kategoriblacklist

3.1.3 Antarmuka Form Pengajuan KP

Nama
: Form Pengajuan KP
Deskripsi Isi : Proses ini untuk proses memasukan NRP Mahasiswa 1, Nama
Mahasiswa 1, NRP Mahasiswa 2, Nama Mahasiswa 2, NIP
Dosen Pembimbing, Nama Perusahaan, Alamat Perusahaan,
email perusahaan dan dan tanggal mulai KP.
Jenis
: Form Entry
3.1.3.1 Spesifikasi Layar Utama

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman20dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.1.3.2 Spesifikasi Elemen-elemen pada Layar

No
1.

Id Elemen
B301

Jenis
Label

2.

B302

Label

3.
4.

B303
B304

Text Box
Label

5.
6.

B305
B306

Text Box
Label

7.
8.

B307
B308

Text Box
Label

9.
10.

B309
B310

Text Box
Label

11.
12.

B311
B312

Text Box
Label

13.
14.

B313
B314

Text Box
Label

15.
16.
17.

B315
B316
B317

Text Box
Label
Label

18.
19.

B318
B319

Text Box
Button

Nilai Default
Form
Pengajuan KP
NRP
Mahasiswa 1
Nama
Mahasiswa 1
NRP
Mahasiswa 2
Nama
Mahasiswa 2
Nama
Perusahaan
Alamat
Perusahaan
Email
Perusahaan
Lampiran
Tanggal Mulai
KP

JurusanTeknikInformatika ITS

Submit

Enable

Keterangan
Menampung kata Form Pengajuan KP

Enable

Menampung kata NRP Mahasiswa 1

Enable
Enable

Memasukkan NRP Mahasiswa 1

Menampung kata Nama Mahasiswa 1

Enable
Enable

Memasukkan Nama Mahasiswa 1

Menampung kata NRP Mahasiswa 2

Enable
Enable

Memasukkan NRP Mahasiswa 2

Menampung kata Nama Mahasiswa 2

Enable
Enable

Memasukkan Nama Mahasiswa 2

Menampung kata Nam Perusahaan

Enable
Enable

Memasukkan Nama Perusahaan

Menampung kata Alamat Perusahaan

Enable
Enable

Memasukkan Alamat perusahaan

Menampung kata Email perusahaan

Enable
Enable
Enable

Memasukkan email perusahaan

Menampung kata Lampiran
Menampung kata tanggal mulai KP

Enable
Enable

Memasukkan tanggal mulai KP

Mensubmit form

Status

DPPL-XXX

Halaman21dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.1.4 Antarmuka Form Pemilihan Dosen Pembimbing

Nama
: Form Pemilihan Dosen Pembimbing
Deskripsi Isi : Proses ini untuk proses pemilihan Dosen Pembimbing.
Jenis
: Form Entry
3.1.4.1 Spesifikasi Layar Utama

3.1.4.2 Spesifikasi Elemen-elemen pada Layar

No
1.

Id Elemen
B401

Jenis
Label

2.

B402

Label

3.
4.
5.
6.
7.
8.
9.
10
11.

B403
B404
B405
B405
B406
B407
B408
B409
B411

Label
Label
Label
Drop down
Label
Label
Label
Label
Label

12.
13.
14.
15.
16.

B412
B413
B215
B215
B216

Label
Label
Label
Label
Label

Nilai Default
Sistem
Informasi Kerja
Praktek
511234
Anjasmara
Koordinator KP
Mahasiswa
Kerja Praktek
Dosen
<<segitiga>>
No
NRP
Nama
Email
Dosen
Pembimbing
Keluar
Help
About Us
Send Feedback
Privacy and

JurusanTeknikInformatika ITS

Enable

Keterangan
Menampung kata Sistem informasi kerja
Praktek

Enable

Menampung kata ID, nama, jabatan

Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable

Menampung kata perusahaan

Menampung kata kerja praktek
Menampung kata Dosen
Melihat submenu
Menampung kata No
Menampung kata NRP
Menampung kata Nama
Menampung kata Email
Menampung kata Dosen pembimbing

Enable
Enable
Enable
Enable
Enable

Menampung kata keluar

Menampung Kata Help
Menampung kata About US
Menampung kata Send Feedback
Menampung kata Privacy and Terms

Status

DPPL-XXX

Halaman22dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

No

Id Elemen

17.

B217

18

B218

Jenis
Drop
Down
Button

Nilai Default
Terms
Pak A
Save

Status

Keterangan

Enable

Fungsi drop down pilihan dosen

Enable

Fungsi memilih button save

3.1.5 Antarmuka Data Mahasiswa KP

Nama
: Data Mahasiswa KP
Deskripsi Isi : Proses ini untuk Melihat dan merubah, mengedit data mahasiswa
KP.
Jenis
: view profile
3.1.5.1 Spesifikasi Layar Utama

3.1.5.2 Spesifikasi Elemen-elemen pada Layar

No
1.

Id Elemen
B501

Jenis
Label

2.

B502

Label

3.
4.
5.
6.
7.
8.
9.

B503
B504
B505
B506
B507
B508
B509

Label
Label
Label
Drop down
Label
Label
Label

Nilai Default
Sistem
Informasi Kerja
Praktek
511234
Anjasmara
Koordinator KP
Mahasiswa
Kerja Praktek
Dosen
<<segitiga>>
No
NRP
Nama

JurusanTeknikInformatika ITS

Enable

Keterangan
Menampung kata Sistem informasi kerja
Praktek

Enable

Menampung kata ID, nama, jabatan

Enable
Enable
Enable
Enable
Enable
Enable
Enable

Menampung kata perusahaan

Menampung kata kerja praktek
Menampung kata Dosen
Melihat submenu
Menampung kata No
Menampung kata NRP
Menampung kata Nama

Status

DPPL-XXX

Halaman23dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

No
10
11.
12.
13.
14.
15.
16.

Id Elemen
B510
B511
B512
B513
B514
B515
B516

Jenis
Label
Label
Label
Label
Label
Label
Label

Nilai Default
Email
Status
Keluar
Help
About Us
Send Feedback
Privacy and
Terms

Enable
Enable
Enable
Enable
Enable
Enable
Enable

Keterangan
Menampung kata Email
Menampung kata Status
Menampung kata keluar
Menampung Kata Help
Menampung kata About US
Menampung kata Send Feedback
Menampung kata Privacy and Terms

Enable

Fungsi drop down pilihan dosen

Enable
Enable
Enable
Enable

Menampung kata Manage

Icon dari merubah profil
Icon dari menghapus profil
Icon dari menyelesaikan tahap formulir

Status

17.

B517

18.
19.
20.
21.

B518
B519
B520
B521

Drop
Down
Label
Icon
Icon
Icon

22.

B522

Icon

Enable

Icon dari bekerja praktek

23.

B523

Icon

Enable

Icon dari telah menyelesaikan Buku

Laporan Kerja Praktek

Manage

3.1.6 Antarmuka Daftar Mahasiswa Bimbingan

Nama
: Daftar Mahasiswa Bimbingan
Deskripsi Isi : Proses ini untuk melihat daftar mahasiswa yang dibimbing.
Jenis
: view profile
3.1.6.1 Spesifikasi Layar Utama

3.1.6.2 Spesifikasi Elemen-elemen pada Layar

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman24dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

No
1.

Id Elemen
B501

Jenis
Label

Nilai Default
Sistem
Informasi Kerja
Praktek
511234 Pak A
Dosen
pembimbing
Mahasiswa
<<segitiga>>
No
NRP
Nama
Email
Nilai KP
Status
Nama
perusahaan
Keluar
Help
About Us
Send Feedback
Privacy and
Terms

Enable

Keterangan
Menampung kata Sistem informasi kerja
Praktek

Enable

Menampung kata ID, nama, jabatan

Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable

Menampung kata perusahaan

Melihat submenu
Menampung kata No
Menampung kata NRP
Menampung kata Nama
Menampung kata Email
Menampung kata Nilai KP
Menampung kata Status
Menampung kata Nama Perusahaan

Enable
Enable
Enable
Enable
Enable

Menampung kata keluar

Menampung Kata Help
Menampung kata About US
Menampung kata Send Feedback
Menampung kata Privacy and Terms

Status

2.

B502

Label

3.
4.
5.
6.
8.
10
11.
12.
13.

B603
B606
B607
B608
B609
B610
B611
B612
B613

Label
Drop down
Label
Label
Label
Label
Label
Label
Label

14.
15.
16.
17.
18.

B614
B615
B616
B617
B618

Label
Label
Label
Label
Label

19.

B619

Icon

Enable

Icon dari menyelesaikan tahap formulir

20.

B620

Icon

Enable

Icon dari bekerja praktek

21.

B621

Icon

Enable

22.

B622

Button

Icon dari telah menyelesaikan Buku

Laporan Kerja Praktek
Fungsi memilih button save

JurusanTeknikInformatika ITS

Save

Enable

DPPL-XXX

Halaman25dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.1.7 Antarmuka Konfirmasi Laporan

Nama
: Konfirmasi Laporan
Deskripsi Isi : Proses ini untuk Konfirmasi Laporan.
Jenis
: Confirmation form
3.1.7.1 Spesifikasi Layar Utama

3.1.7.2 Spesifikasi Elemen-elemen pada Layar

No
1.

Id Elemen
B701

Jenis
Label

2.

B702

Label

3.
4.
5.
6.
7.
8.
9

B703
B704
B705
B706
B707
B708
B709

Label
Label
Drop down
Label
Label
Label
Label

10
11
12

B710
B711
B712

icon
Label
Icon

13

B713

Icon

14
15
16

B714
B715
B716

Button
Label
Label

Nilai Default
Sistem
Informasi Kerja
Praktek
54321 Tatang
Karyawan
Perusahaan
Kerja Praktek
<<segitiga>>
No
Nama
Laporan KP
Email
Perusahaan

JurusanTeknikInformatika ITS

Keluar

Save
Help
About Us

Enable

Keterangan
Menampung kata Sistem informasi kerja
Praktek

Enable

Menampung kata ID, nama, jabatan

Enable
Enable
Enable
Enable
Enable
Enable
Enable

Menampung kata perusahaan

Menampung kata kerja praktek
Melihat submenu
Menampung kata No
Menampung kata Nama
Menampung kata Laporan KP
Menampung kata email perusahaan

Enable
Enable
Enable
Enable

Icon dari belum mengumpulkan laporan

Menampung kata keluar
Icon dari telah mengumpulkan Laporan
KP
Icon untuk mendownload laporan KP

Enable
Enable
Enable

Fungsi memilih button save

Menampung Kata Help
Menampung kata About US

Status

DPPL-XXX

Halaman26dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

No
17
18

Id Elemen
B717
B718

Jenis
Label
Label

Nilai Default
Send Feedback
Privacy and
Terms

Status

Enable
Enable

Keterangan
Menampung kata Send Feedback
Menampung kata Privacy and Terms

3.1.8 Antarmuka Konfirmasi Formulir

Nama
: Konfirmasi Formulir
Deskripsi Isi : Proses ini untuk mengkonfirmasi formulir.
Jenis
: confirmation form
3.1.8.1 Spesifikasi Layar Utama

3.1.8.2 Spesifikasi Elemen-elemen pada Layar

No
1.

Id Elemen
B801

Jenis
Label

2.

B802

Label

3.
4.
5.
6.
7.
8.
9.
10
11.

B803
B804
B805
B806
B807
B808
B809
B810
B811

Label
Label
Label
Drop down
Label
Label
Label
Label
Label

Nilai Default
Sistem
Informasi Kerja
Praktek
511234
Anjasmara
Koordinator KP
Mahasiswa
Kerja Praktek
Dosen
<<segitiga>>
No
NRP
Nama
Email
Status

JurusanTeknikInformatika ITS

Enable

Keterangan
Menampung kata Sistem informasi kerja
Praktek

Enable

Menampung kata ID, nama, jabatan

Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable

Menampung kata perusahaan

Menampung kata kerja praktek
Menampung kata Dosen
Melihat submenu
Menampung kata No
Menampung kata NRP
Menampung kata Nama
Menampung kata Email
Menampung kata Status

Status

DPPL-XXX

Halaman27dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

No
12.
13.
14.
15.
16.
20.
21.
22.

Id Elemen
B812
B813
B814
B815
B816
B817
B818
B819

Jenis
Label
Label
Label
Label
Label

Nilai Default
Keluar
Help
About Us
Send Feedback
Privacy and
Terms

Icon
Icon
Icon

Enable
Enable
Enable
Enable
Enable

Keterangan
Menampung kata keluar
Menampung Kata Help
Menampung kata About US
Menampung kata Send Feedback
Menampung kata Privacy and Terms

Enable
Enable
Enable

Icon dari belum mengumpulkan formulir

Icon dari telah mengumpulkan Formulir
Icon untuk mendownload Formulir

Status

3.1.9 Antarmuka Konfirmasi Nilai

Nama
: Konfirmasi Nilai
Deskripsi Isi : Proses ini untukmengkonfirmasi Nilai.
Jenis
: confirmation form
3.1.9.1 Spesifikasi Layar Utama

3.1.9.2 Spesifikasi Elemen-elemen pada Layar

No
1.

Id Elemen
B901

Jenis
Label

2.

B902

Label

3.
4.
5.

B903
B904
B905

Label
Label
Label

Nilai Default
Sistem
Informasi Kerja
Praktek
511234
Anjasmara
Koordinator KP
Mahasiswa
Kerja Praktek
Dosen

JurusanTeknikInformatika ITS

Enable

Keterangan
Menampung kata Sistem informasi kerja
Praktek

Enable

Menampung kata ID, nama, jabatan

Enable
Enable
Enable

Menampung kata perusahaan

Menampung kata kerja praktek
Menampung kata Dosen

Status

DPPL-XXX

Halaman28dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

No
6.
7.
8.
9.
10
11.
12.
13.
14.
15.
16.

Id Elemen
B906
B907
B908
B909
B910
B911
B912
B913
B914
B915
B916

17

B917

Jenis
Drop down
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label
Button

Nilai Default
<<segitiga>>
No
NRP
Nama
Nilai KP
Status
Keluar
Help
About Us
Send Feedback
Privacy and
Terms
Save

Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable

Keterangan
Melihat submenu
Menampung kata No
Menampung kata NRP
Menampung kata Nama
Menampung kata Nilai KP
Menampung kata Status
Menampung kata keluar
Menampung Kata Help
Menampung kata About US
Menampung kata Send Feedback
Menampung kata Privacy and Terms

Enable

Fungsi memilih button save

Status

3.1.10 Antarmuka Suspend Mahasiswa

Nama
: Suspend Mahasiswa
Deskripsi Isi : Proses ini mensuspend mahasiswa.
Jenis
: suspend form
3.1.10.1

Spesifikasi Layar Utama

3.1.10.2

Spesifikasi Elemen-elemen pada Layar

No
1.

Id Elemen
B1001

Jenis
Label

2.

B1002

Label

3.

B1003

Label

Nilai Default
Sistem
Informasi Kerja
Praktek
511234
Anjasmara
Koordinator KP
Mahasiswa

JurusanTeknikInformatika ITS

Enable

Keterangan
Menampung kata Sistem informasi kerja
Praktek

Enable

Menampung kata ID, nama, jabatan

Enable

Menampung kata perusahaan

Status

DPPL-XXX

Halaman29dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

No
4.
5.
6.
7.
8.
9.
10
12.
13.
14.
15.
16.

Id Elemen
B1004
B1005
B1006
B1007
B1008
B1009
B1010
B1011
B1012
B1013
B1014
B1015

17.

B1016

Jenis
Label
Label
Drop down
Label
Label
Label
Label
Label
Label
Label
Label
Label
Button

Nilai Default
Kerja Praktek
Dosen
<<segitiga>>
No
NRP
Nama
Suspend
Keluar
Help
About Us
Send Feedback
Privacy and
Terms
Suspend >>

JurusanTeknikInformatika ITS

Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable

Keterangan
Menampung kata kerja praktek
Menampung kata Dosen
Melihat submenu
Menampung kata No
Menampung kata NRP
Menampung kata Nama
Menampung kata Suspend
Menampung kata keluar
Menampung Kata Help
Menampung kata About US
Menampung kata Send Feedback
Menampung kata Privacy and Terms

Enable

Memilih fungsi suspend

Status

DPPL-XXX

Halaman30dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.1.11 Antarmuka Upload Laporan KP

Nama
: Upload Laporan KP
Deskripsi Isi : Proses ini untuk memasukan nama mahasiswa, NRP, minggu
ke-X, isi laporan, keterangan kedisiplinan dan melampirkan file
TTD pegawai.
Jenis
: form entry
3.1.11.1

Spesifikasi Layar Utama

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman31dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.1.11.2
No
1.

Spesifikasi Elemen-elemen pada Layar

Id Elemen
B1101

Jenis
Label

2.

B1102

Label

3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

B1103
B1104
B1105
B1106
B1107
B1108
B1109
B1110
B1111
B1112

13.

B1113

Text Box
Label
Text Box
Label
Text Box
Label
Text Box
Label
Text Box
File
Upload
Button

Nilai Default
Form data
Perusahaan
Nama
Mahasiswa

Status

Enable
Enable

Keterangan
Menampung kata Form laporan
Mingguan KP
Menampung kata Nama Mahasiswa

Choose file

Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable

Memasukkan Nama Perusahaan

Menampung kata NRP
Memasukkan Alamat perusahaan
Menampung kata Minggu ke
Memasukkan email perusahaan
Menampung kata Laporan
Memasukkan laporan
Menampung Kata kedisiplinan
Memasukkan kedisiplinan
Melampirak TTD pengawas KP

Submit

Enable

Mensubmit form

NRP
Minggu ke
Laporan
Kedisiplinan

3.1.12 Antarmuka Nilai KP

Nama
: Upload Nilai KP
Deskripsi Isi : Proses ini untuk memasukan nama mahasiswa, NRP, minggu
ke-X, isi laporan, keterangan kedisiplinan dan melampirkan file
TTD pegawai.
Jenis
: form entry
3.1.12.1

Spesifikasi Layar Utama

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman32dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.1.12.2
No
1.

Spesifikasi Elemen-elemen pada Layar

Id Elemen
B1201

Jenis
Label

2.

B1202

Label

3.
4.
5.
6.
7.
8
9.
10.
11.
12.
13.
14.

B1203
B1204
B1205
B1206
B1207
B1208
B1209
B1210
B1211
B1212
B1213
B1214

Label
Drop down
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label

15.

B1215

16.

B1216

Drop
Down
Button

Nilai Default
Sistem
Informasi Kerja
Praktek
511234 Pak A
Dosen
pembimbing
Mahasiswa
<<segitiga>>
No
NRP
Nama
Email
Nilai
Keluar
Help
About Us
Send Feedback
Privacy and
Terms
A

JurusanTeknikInformatika ITS

Save

Enable

Keterangan
Menampung kata Sistem informasi kerja
Praktek

Enable

Menampung kata ID, nama, jabatan

Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable
Enable

Menampung kata perusahaan

Melihat submenu
Menampung kata No
Menampung kata NRP
Menampung kata Nama
Menampung kata Email
Menampung kata Nilai
Menampung kata keluar
Menampung Kata Help
Menampung kata About US
Menampung kata Send Feedback
Menampung kata Privacy and Terms

Enable

Memilih pilihan nilai

Enable

Fungsi memilih button save

Status

DPPL-XXX

Halaman33dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.1.13 Antarmuka Form Evaluasi Perusahaan

Nama
: form evaluasi perusahaan
Deskripsi Isi : Proses ini untuk memilih pilihan jawaban dari pertanyaan di
kuisioner tentang perusahaan
Jenis
: form entry
3.1.13.1

Spesifikasi Layar Utama

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman34dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.1.13.2
No
1.

Spesifikasi Elemen-elemen pada Layar

Id Elemen
B1301

Jenis
Label

2.

B1302

Label

3.
4.

B1303
B1304

5.

B1305

Label
Multiple
choice
Label

6.

B1306

Text Box

7.

B1307

Button

Nilai Default
Form data
Perusahaan
Kuisioner
Evaluasi
perusahaan
<<pertanyaan>>

Jika tidak, berapa

lama anda
bekerja?

JurusanTeknikInformatika ITS

Submit

DPPL-XXX

Status

Enable
Enable

Keterangan
Menampung kata Form laporan
Mingguan KP
Menampung kata Kuisioner Evaluasi
Perusahaan

Enable
Enable

Menampung kata berbagai pertanyaan

Memilih satu dari beberapa pilihan

Enable

Menampung Kata Jika tidak, berapa

lama anda bekerja?

Enable

Memasukkan jawaban dar Jika tidak,

berapa lama anda bekerja?
Mensubmit form

Enable

Halaman35dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.1.14 Antarmuka Form Evaluasi Mahasiswa

Nama
: form evaluasi mahasiswa
Deskripsi Isi : Proses ini untuk memilih pilihan jawaban dari pertanyaan di
kuisioner tentang mahasiswa
Jenis
: form entry
3.1.14.1

Spesifikasi Layar Utama

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman36dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.1.14.1
No
1.

Spesifikasi Elemen-elemen pada Layar

Id Elemen
B1401

Jenis
Label

2.

B1402

Label

3.
4.

B1403
B1404

5.

B1404

Label
Multiple
choice
Label

6.

B1405

Text Box

10

B1406

Button

Nilai Default
Form data
Perusahaan
Kuisioner
Evaluasi
perusahaan
<<pertanyaan>>

Jika tidak, berapa

lama anda
bekerja?

Submit

Status

Enable
Enable

Keterangan
Menampung kata Form laporan
Mingguan KP
Menampung kata Kuisioner Evaluasi
Perusahaan

Enable
Enable

Menampung kata berbagai pertanyaan

Memilih satu dari beberapa pilihan

Enable

Menampung Kata Jika tidak, berapa

lama anda bekerja?

Enable

Memasukkan jawaban dar Jika tidak,

berapa lama anda bekerja?
Mensubmit form

Enable

3.1.15 Antarmuka Home Mahasiswa

3.1.15.1

Spesifikasi Layar Utama

Nama
: Home mahasiswa
Deskripsi Isi : Proses halaman utama mahasiswa
Jenis
: form entry

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman37dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

3.2

Deskripsi Rinci Kelas-kelas

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman38dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman39dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

A. Sudahkah Anda mempertimbangkan Pemilihan Ragam Arsitektur,

Prinsip Perancangan PL dan Isu Kunci Perancangan PL berikut?
1. Ragam arsitektur yang digunakan adalah MVC (Model View Controller).
2. Sistem informasi kerja praktek ini akan dikembangkan dengan menggunakan arsitektur
sistem Model View Controller (MVC). Pada arsitektur ini sistem akan terbagi ke dalam
3 bagian, model, control, dan view. Dalam hal ini database adalah bagian model, web
server adalah bagian control, dan bagian view akan menangani tampilan pada sisi client.
Sehingga dengan arsitektur ini pengembang dapat melakukan maintenance pada satu
bagian tanpa mempengaruhi bagian lain.
3. Dijelaskan pada bab Arsitektur Sistem. Lalu digambarkan pada Diagram component
dan deployment, karena diagram tersebut menunjukkan bagaimana komponen
komponen perangkat lunak saling terkait dan bagaimana proses berjalannya perangkat
lunak
4. Abstraksi(spesifikasi dan parameterisasi fungsi fungsi perangkat lunak digambarkan
pada PDM dan Class Diagram)
5. Abstraksi tentang kebutuhan fungsional yang harus ada dalam perangkat lunak dan
penjelasan berjalannya kebutuhan tersebut tanpa memperhatikan detail di dalam sistem
6. Cohesion dan Coupling juga dipertimbangkan, karena cohesion berperan penting dalam
proses proses yang ada didalam modul dan coupling berkaitan dengan keterkaitan
antar modul
7. Cohesion dan Coupling ditunjukan pada Package diagram, karena diagram tersebut
menjelaskan kelas kelas yang ada didalam sistem
8. High cohesion (functional), contohnya dapat dilihat di class Data KP yang dimana tiap
fungsi kelas tersebut dibutuhkan untuk menjalankan fungsi-fungsi kelas tersebut
9. Loose Coupling (Data), contohnya dapat dilihat pada setiap package yang hanya
berelasi dengan sedikit entitas.
10. Prinsip enkapsulisasi terdapat pada Class Diagram, didalam diagram tersebut terdapat
beberapa atribut yang diberi access modifier private karena atribut tersebut tidak boleh
dirubah. Seluruh function diberi access modifier public karena nantinya pengguna
berinteraksi dengan fungsi fungsi tersebut

11. Iya, karena prinsip tersebut penting dalam perancangan perangkat lunak, dalam
perancangannya komponen komponen yang ada harus dipisahkan dan dikelompokkan
sesuai kebutuhan fungsionalnya masing masing
12. Component diagram dan Package Diagram
13. Sebagian sudah, dapat memastikan bahwa komponen PL telah menangkap semua
karakteristik penting dari abstraksi, tanpa ada yang kurang atau ada yang kelebihan.
Rancangan juga harus sesuai pola yang mudah diterapkan
JurusanTeknikInformatika ITS

DPPL-XXX

Halaman40dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

14. Bagian tersebut dapat dipastikan dengan membandingkan antara abstraksi yang ada di
usecase diagram dan PDM dengan fungsi fungsi yang ada di class diagram, apakah
sudah lengkap atau belum. Dalam component diagram juga dapat dilihat bagaimana
pola dari perangkat lunak, ap akah mudah diterapkan atau tidak
15. Belum mempertimbangkan prinsip Seperation of Concerns pada desain ini
16. Usecase diagram, karena dalam diagram diagram ini tergambar dengan jelas kebutuhan
kebutuhan fungsional yang ada dan keterkaitan antar kebutuhan.
17. Sudah, pengguna hanya berinteraksi dengan interface tanpa berhubungan langsung
dengan komponen lain didalamnya
18. Component Diagram dan Deployment Diagram, karena diagram tersebut menjelaskan
keterpisahan setiap komponen yang ada dalam perangkat lunak dan komponen yang
berhubungan langsung dengan pengguna
19. Belum mempertimbangkan Control dan Event Handling
20. Jika diterapkan, akan digunakan pada Sequence Diagram atau Activity Diagram, karena
diagram ini menjelaskan alur interaksi antara pengguna dengan sistem dan setiap event
yang ada.
21. Sudah, data yang akan ditampilkan tidak berubah/tetap sesuai dengan perubahan
terakhir yang dilakukan oleh pengguna
22. PDM, karena diagram ini menunjukkan bagaimana data dalam basis data berelasi satu
sama lain
23. Sudah, komponen yang ada didalam perangkat lunak telah terdistribusi ke dalam
kedalam masing masing fungsional yang bersangkutan
24. Component diagram dan Deployment Diagram, karena pada diagram tersebut
menunjukkan interaksi tiap komponen dalam perangkat lunak dan berelasi pada
perangkat keras

B. Bagaimana desain PL yang Anda buat menangani permasalahan yang

muncul pada proses manual berikut? Beri penjelasan! (Jawaban Anda
harus tercermin pada dokumen DPPL).
1. Untuk menangani masalah melacak status kerja praktek mahasiswa, maka akan
ditambahkan data Status_KP, yang dimana pada setiap tahapan-tahapan yang telah
dilalui oleh mahasiswa maka sistem akan memberikan flag atau dengan increment nilai
flag yang nantinya akan dapat dipantau berdasarkan nilai flag tersebut.
2. Mahasiswa dapat melihat daftar data perusahaan yang sudah diisikan dan blacklist oleh
Karyawan , agar mahasiswa mendapatkan kerja praktek sesuai dengan bidangnya.
Dapat terlihat pada usecase Mencari Informasi KP dan Memasukkan Data
Perusahaan
3. Solusi dari permasalahan ini adalah dengan membuat sebuah tempat upload laporan
kegiatan KP mahasiswa per minggu sehingga pada akhirnya laporan keseluruhan dapat
diselesaikan berdasarkan laporan-laporan mingguan yang telah dibuat oleh mahasiswa
sebelumnya.
JurusanTeknikInformatika ITS

DPPL-XXX

Halaman41dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.

4. Untuk solusinya sama dengan permasalahan nomer 3. Setiap laporan mingguan yang
dibuat oleh mahasiswa merepresentasikan kegiatan apa saja yang telah diselesaikan oleh
mahasiswa sehingga terpantau oleh pengawas KP.
5. Indikator permasalahan kedisiplinan mahasiswa KP adalah dari pengumpulan laporan
mingguan dan juga laporan langsung dari pembimbing lapangan KP. Koordinator dapat
mensuspend jika terdapat permasalahan kedisiplinan pada mahasiswa KP.
6. (masalah bukan bagian dari sistem)
7. Data-data perusahaan yang terdapat pada sistem merupakan data yang dimasukkan oleh
karyawan, dan data yang dimasukkan oleh karyawan merupakan perusahaanperusahaan yang direkomendasikan untuk menjadi tempat KP berdasarkan beberapa
indikator seperti durasi KP, bidang pekerjaan, dan tidak adanya tanda blacklist.

C. Bagaimana desain PL yang Anda buat menangani kebutuhan tambahan

berikut? (Jawaban Anda harus tercermin pada dokumen DPPL).
1. Adanya integrasi dengan sistem informasi akademik kampus yang memiliki data
tentang banyaknya sks lulus yang telah ditempuh.
2. Mahasiswa mengisi formulir seperti pada usecase diagram, kemudian mengisi data-data
pada form formulir KP (individu atau kelompok) dan nantinya control Input Data
formulir KP akan menambahkan data tersebut jika belum ada.
3. Pembimbing lapangan mengisi kuisioner evaluasi mahasiswa KP yang ada pada sistem
yang nantinya akan menjadi indikator penilaian oleh dosen pembimbing dan akan
disetujui oleh koordinator KP.
4. Pada usecase Melihat Data Mahasiswa oleh koordinator akan ada fungsi
pengkategorian mahasiswa berdasarkan Dosen Pembimbing.
5. Pada usecase Mengisi Kuisioner Evaluasi Perusahaan oleh mahasiswa, mahasiswa
akan mengisi kuisioner yang datanya berupa indikator-indikator perusahaan yang
nantinya akan dimasukkan oleh karyawan atau tidak. Blacklist perusahaan akan
ditemukan pada beberapa pertanyaan di kuisioner.

JurusanTeknikInformatika ITS

DPPL-XXX

Halaman42dari42

Template dokumen ini dan informasi yang dimilikinya adalah milik Laboratorium Rekayasa Perangkat Lunak Jurusan Teknik
Informatika-ITS dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Laboratorium Rekayasa
Perangkat Lunak Jurusan Teknik Informatika-ITS.