DPPL

DPPL-W-03
DESKRIPSI PERANCANGAN PERANGKAT LUNAK
Surat Generator
untuk:
Organisasi Mahasiswa Fakultas Ilmu Komputer
Universitas Dian Nuswantoro
Dipersiapkan oleh:
Hussein Faisol A11.2015.08998
Muhammad Hafidz A11.2015.09000
Dwi Dian Ayu A11.2015.09001
Anindian Raka P. A11.2015.09018
Muhammad Afifuddin A11.2015.09103
Program Studi Teknik Informatika
FIK - UDINUS
Jl. Imam Bonjol No. 207 Semarang
Nomor Dokumen Halaman

Program Studi
Teknik Informatika
FIK – UDINUS DPPL-W-03 1/
Revisi <nomor revisi> Tgl: 27 Desember

Program Studi Teknik Informatika DPPL-W-03 Halaman 2/ dari 30 halaman
Template dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-FIK-UDINUS dan bersifat
rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika FIK UDINUS.
Daftar Isi
1. Pendahuluan 5
1.1 Tujuan Penulisan Dokumen 5
1.2 Lingkup Masalah 5
1.3 Definisi dan Istilah 5
1.4 Aturan Penamaan dan Penomoran 5
1.5 Referensi 5
1.6 Ikhtisar Dokumen 5
2 Deskripsi Perancangan Global 6
2.1 Rancangan Lingkungan Implementasi 6
2.2 Deskripsi Arsitektural 6
2.3 Deskripsi Komponen 6
2.4 Pedoman Perancangan 6
3 Perancangan Rinci 7
3.1 Realisasi Use Case 7
3.1.1 Use Case <nama use case 1> 7
3.1.1.1 Identifikasi Elemen WAE - Logical View 7
3.1.1.2 Identifikasi Kelas 7
3.1.1.3 Sequence Diagram 7
3.1.1.4 Diagram Kelas 7
3.1.2 Use Case <nama use case 2> 7
3.1.2.1 Identifikasi Elemen WAE - Logical View 8
3.1.2.2 Identifikasi Kelas 8
3.1.2.3 Sequence Diagram 8
3.1.2.4 Diagram Kelas 8
3.2 Diagram Kelas Keseluruhan 8
3.3 Perancangan Detil Elemen Logical View 8
3.3.1 Stereotyped Class <nama elemen logical view> 9
3.3.2 Stereotyped Class <nama elemen logical view> 9
3.4 Perancangan Detil Kelas 9
3.4.1 Kelas <nama kelas> 9
3.4.2 Kelas <nama kelas> 10
3.5 Algoritma/Query 10
3.6 Diagram Statechart 11
3.7 Perancangan Antarmuka 11
3.8 Perancangan Representasi Persistensi Kelas 11
3.9 Deployment Diagram 11
4 Matriks Kerunutan 11
Setelah Daftar Isi Boleh ada Daftar Tabel dan Daftar Gambar

1. Pendahuluan
1.1 Tujuan Penulisan Dokumen

Dokumen Deskripsi Perancangan Perangkat Lunak ini ditujukan untuk
mendeskripsikan dan menjabarkan tentang aplikasi Surat Generator serta untuk memenuhi
tugas mata kuliah Rekayasa Perangkat Lunak Lanjut. Dokumen ini bertujuan untuk dijadikan
bahan acuan bagi dua pihak yang terkait, antara pengembang dan pengguna. Untuk
pengembang dokumen ini digunakan sebagai acuan dalam pembuatan perangkat lunak,
sedangkan bagi pengguna dokumen ini digunakan untuk mencatat semua spesifikasi
kebutuhan yang akan dibutuhkan nanti oleh pengguna. Perangkat lunak Surat Generator
yang dibuat ini berfungsi untuk mengefisiensikan proses pembuatan surat.
1.2 Lingkup Masalah

Surat Generator merupakan sistem informasi repositori surat berbasis web untuk
mendata dan memantau pembuatan surat akademik anggota organisasi mahasiswa
Universitas Dian Nuswantoro agar dalam pengerjaannya menjadi terarah dan terpadu
sehingga dapat mempercepat proses pembuatan surat.
1.3 Definisi dan Istilah

● SKPL adalah Spesifikasi Kebutuhan Perangkat Lunak, atau dalam bahasa Inggris-nya sering
juga disebut sebagai software requirements specification (SRS), dan merupakan spesifikasi
perngkat lunak yang akan dikembangkan.
● Ubuntu adalah salah satu distribusi Linux yang berbasiskan pada Debian dan memiliki
interface desktop.
● Apache2 Web Server adalah server web yang dapat dijalankan di banyak sistem operasi
(Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform lainnya) yang
berguna untuk melayani dan memfungsikan situs web.
● PHP adalah bahasa pemrograman yang digunakan secara luas untuk penanganan
pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan
HTML
● MySQL adalah sebuah perangkat lunak system manajemen basis data SQL (DBMS) yang
multithread, dan multi-user.
1.4 Aturan Penamaan dan Penomoran

● Sequence Diagram
Sistem penamaan untuk Sequence Diagram dibuat dengan format SQ-D-XX-YY
dengan ketentuan :
- XX merupakan nomor kode use case,

- YY merupakan sequence diagram untuk satu use case (satu use case dapat terdiri
dari beberapa sequence diagram). Contoh : SQ-D-03-02, maka itu merupakan
sequence diagram versi 2 untuk use case no 3.
1.5 Referensi
1. Octavia, Citra et all. 2012.“DPPL Sistem Informasi Transaksi Pinjaman untuk
Perpustakaan IF Universitas Komputer Indonesia” : Bandung.
2. Rachmadi, Anis et all. 2014. “DPPl Sistem Manajemen Resource Toko untuk Toko
Sebelah”: Universitas Brawijaya.
3. Anggareksa, Dekha et all. - . “DPPL Easy Internet Banking untuk PT. BCA Group,
Tbk” : ITB.
1.6 Ikhtisar Dokumen

Dokumen DPPL untuk aplikasi Surat Generator ini berisi deskripsi kebutuhan pengembangan
perangkat lunak secara rinci. Pengorganisasian dokumen dikelompokkan dalam tiga bagian
utama, yaitu :
1. Bab 1 Pendahuluan, berisi tujuan penulisan dokumen, lingkup masalah yang
ditangani pada perangkat lunak yang akan dibangun, dan deskripsi umum dokumen.
2. Bab 2 Deskripsi Global Perangkat Lunak, berisi penjelasan perangkat lunak yang akan
diimplemetasikan di lingkungan pengguna secara global. Bagian ini terdiri dari
perspektif produk, fungsi produk, karakteristik pengguna, batasan – batasan dan
asumsi dan kebergantungan.
3. Bab 3 Deskripsi Rinci Kebutuhan, berisi hasil analisis terhadap kebutuhan perangkat
lunak secara terperinci.
2 Deskripsi Perancangan Global
2.1 Rancangan Lingkungan Implementasi
Sistem Peminjaman Spesifikasi
Sistem Operasi Ubuntu 16.04
DBMS MySQL
Developer Tools PHP 5.0
Bahasa Pemrograman PHP

2.2 Deskripsi Arsitektural
Perangkat lunak ini dibangun menggunakan template engine sebagai
penghubung antara daftar surat yang pernah dibuat (seperti surat peminjaman
bendera, surat open stand, surat peminjaman kabel dan surat media partner) dengan
Dashboard yang merupakan fungsional system. Di dalam menu utama terdapat
beberapa komponen yang tergantung kepadanya, yaitu membuat surat, riwayat surat
dan mengunduh surat.
2.3 Deskripsi Komponen

Diisi dengan daftar modul. Daftar modul bisa dalam bentuk tabel berikut:
No Nama Komponen Keterangan
Profil Pengguna Berisi entitas pengguna serta detil informasinya
Dashboard Antarmuka yang berisi kelas-kelas utama Surat
Generator
Template Engine Penghubung entitas pengguna dengan dashboard
Surat Generator
Membuat Surat Kumpulan kelas buat surat. Dependen terhadap
dashboard
Riwayat Surat Kumpulan kelas history surat. Dependen terhadap
dashboard
Mengunduh Surat

3 Perancangan Rinci
3.1 Realisasi Use Case
3.1.1 Use Case Melihat Daftar Surat

Pada Use Case ini user dapat melihat surat yang telah dibuatnya.
3.1.1.1 Identifikasi Elemen WAE - Logical View

No Nama Elemen Lojik WAE Stereotype
1 HalamanUtama Client Page
2 DaftarSurat Server Page
3.1.1.2 Identifikasi Kelas

No Nama Kelas Library yang digunakan
1 Surat -
2 User -
3.1.1.3 Sequence Diagram

3.1.1.4 Diagram Kelas
3.1.2 Use Case Membuat Surat

Pada Use Case ini User dapat membuat surat baru.
3.1.2.1. Identifikasi Elemen WAE - Logical View

1 HalamanUtama Client Page
2 BuatSurat Server Page
3 FormBuatSurat HTML Form
3.1.2.2. Identifikasi Kelas

1 Surat -
2 User -

3.1.2.3. Sequence Diagram
3.1.2.4. Diagram Kelas

3.1.3 Use Case Mengunduh Surat
Pada Use Case ini User dapat melakukan pengunduhan file surat dalam bentuk pdf

1 LoginScreen Client Page
2 Dashboard Server Page

1 Surat -
2 User -

3.1.4 Use Case Menghapus Surat

Pada Use Case ini User dapat mengahapus surat yang telah dibuat.

2 History Server Page

1 Surat -
2 User -


3.1.5 Use Case Membuat User
Pada Use Case ini Admin dapat membuat User Baru.

2 ControlUser Server Page

1 Admin -
2 User -

3.1.6 Use Case Menghapus User

Pada Use Case ini Admin dapat menghapus User dengan username tertentu.

2 ControlUser Server Page

1 Admin -
2 User -


3.2 Diagram Kelas Keseluruhan
3.3 Perancangan Detil Elemen Logical View

1. HalamanUtama Client Page
2. DaftarSurat Server Page
3. BuatSurat Server Page
4. FormBuatSurat HTML Form
5. LoginScreen Client Page
6. Dashboard Server Page
7. History Server Page
8. ControlUser Server Page
3.3.1 Stereotyped Class HalamanUtama
Nama Kelas : Halaman Utama

Jenis : Client Page
Nama Operasi Visibility Keterangan

(private, public)
Dashboard public Menuju halaman utama
BuatSuratView public Menuju halaman pembuatan
surat baru

HistoryView public Menuju halaman daftar surat
yang pernah dibuat
Logout public Melepaskan sesi login
3.3.2 Stereotyped Class DaftarSurat
Nama Kelas : DaftarSurat

Jenis : Server Page

(private, public)
ListSurat public Menampilkan Semua Surat
Nama Atribut Visibility Tipe
(private, public)
hal private string
kategori private string
keapada private string
lampiran private string
no private int
tanda_tangan private string
tanggal private date
3.3.3 Stereotyped Class BuatSurat
Nama Kelas : BuatSurat

Jenis : Server Page

(private, public)
CreateSurat public Menambah surat yang telah
dibuat
(private, public)
hal private string
no private int

3.3.4 Stereotyped Class FormBuatSurat
Nama Kelas : FormBuatSurat

Jenis : HTML Form

(private, public)
Submit public Mengirim hasil inputan form
ke server page BuatSurat
Reset public Mereset hasil inputan yang
telah dimasukkan
(private, public)
hal private string
kepada private string
no private int
3.3.5 Stereotyped Class LoginScreen
Nama Kelas : LoginScreen

Jenis : Client Page

(private, public)
Login public Login ke HalamanUtama
(private, public)
username private string
password private string
3.3.6 Stereotyped Class Dashboard
Nama Kelas : Dashboard

Jenis : Server Page

(private, public)

Download public Mengunduh surat
(private, public)
hal private string
no private int
3.3.7 Stereotyped Class History
Nama Kelas : History

Jenis : Server Page

(private, public)
Delete public Menghapus surat
(private, public)
hal private string
no private int
3.3.8 Stereotyped Class ControlUser
Nama Kelas : ControlUser

Jenis : Server Page

(private, public)
CreateUser public Membuat user baru
DeleteUser public Menghapus user

(private, public)
full_name private string
3.4 Perancangan Detil Kelas

No Nama Kelas
1. Surat
2. Kategori Surat
3. User
4. Admin
3.4.1 Kelas Surat

Nama Kelas : Surat

(private, public)
hal private string
no private int
3.4.2 Kelas Kategori Surat

Nama Kelas : Kategori Surat
Nama Atribut Visibility Keterangan

(private, public)
3.4.3 Kelas User

Nama Kelas : User

(private, public)
buatSurat() public Membuat surat

daftarSurat() public Melihat daftar surat
detailSurat(int) public Melihat detail surat
downloadSurat() public Mengunduh surat dalam
forma pdf
editSurat(int) public Mengedit surat
hapusSurat(int) public Menghapus Surat
(private, public)
full_name private string
3.4.4 Kelas Admin

Nama Kelas : Admin

(private, public)
buatUser() public Membuat user
daftarSurat() public Melihat daftar surat
hapusSurat(int) public Mengapus surat
hapusUser(int) public Menghapus user
tambahKategoriSurat() public Menambah kategori surat
(private, public)
3.5 Algoritma/Query
Nama Kelas : User

Nama Operasi : buatSurat()
Algoritma : (Algo-01)
tanggal : string = post[‘tanggal’]
no : string = post[‘no’]
hal : string = post[‘hal’]
lampiran : string = post[‘lampiran’]
kepada : string = post[‘kepada’]
ttd : string = post[‘ttd’]
kategori : string = post[‘kepada’]
sql : string = “insert into surat values

(”+tanggal+”,”+no+”,”+hal+”,”+lampiran+”,”+kepada+”,”+ttd+”,”+kategori+”)”

mysqli_query(con,sql)
Nama Kelas : User, Admin

Nama Operasi : daftarSurat()
sql : string = “select * from surat
Nama Kelas : User

Nama Operasi : detailSurat(int)
id : int = get[‘id’]
sql : string = “select * from surat where id = “+id
Nama Kelas : User

Nama Operasi : downloadSurat(int)
sql : string = “select * from surat
Nama Kelas : User

Nama Operasi : editSurat()
id : int = get[‘id’]
sql : string = “select * from surat where id = “+id
tanggal : string = post[‘tanggal’]

no : string = post[‘no’]
hal : string = post[‘hal’]
lampiran : string = post[‘lampiran’]
kepada : string = post[‘kepada’]
ttd : string = post[‘ttd’]
kategori : string = post[‘kepada’]

sql : string = “update surat set tanggal= ”+tanggal+”,no= “+no+ ”,hal=”+hal+ ”,lampiran=”+lampiran+
”,kepada=”+kepada+”,ttd=”+ttd+”.kepada=”kepada+”)”
Nama Kelas : User, Admin

Nama Operasi : hapusSurat(int)
id : string = get[‘id’]
kategori : string = get[‘kategori’]
sql : string = “delete from surat where no = “ + id
if(kategori == ”bendera”){
header("location:history_bendera.php");
}
else if(ketegori == “kabel”){
header("location:history_kabel.php");
}
else if(ketegori == “stand”){
header("location:history_stand.php");
}
else if(ketegori == “kabel”){
header("location:history_mediapartner.php");
}
else{
Nama Kelas : Admin

Nama Operasi : buatUser()
realname : string = get[‘realname’]
username : string = get[‘username’]
password : string = get[‘password’]
sql : string = “add to admin where realname=”+realname+”username= ”username+”and password =

“+password
mysqli_query(con, sql)
header(“location:index.php”)
Nama Kelas : Admin

Nama Operasi : hapusUser(int)

id string = get[‘id’]
sql : string = “delete from surat where id= ”+id
Nama Kelas : Admin

Nama Operasi : tambahKategoriSurat()
kategori : string = post[‘kategori’]
sql : string = “insert into kategori_surat values (“+kategori”)”
3.6 Diagram Statechart

3.6.1. Admin State Chart Diagram
3.6.2. User State Chart Diagram

3.7 Perancangan Antarmuka
3.7.1 Tampilan Sign In
Id_Objek Jenis Nama Keterangan

username Input Text User ID Menerima inputan teks berupa nama username
password Input Text Password Menerima inputan teks password
sign_in Button SIGN IN Melakukan proses login

3.7.2 Dashboard Menu

panel_das Menu Menampilkan pilihan menu yang tersedia di samping layar,
hboard tampilan panel bersifat statik selalu ada ditampilan menu
lainnya
dashboard Link Dashboard Ketika diklik akan menuju menu Dashboard
create Link Create Ketika diklik akan menuju menu membuat surat baru
history Link History Ketika diklik akan menuju menu History
logout Link Logout Ketika diklik maka akan kembali ke menu sign in dan sesi
user sebelumnya di hancurkan
download Link lihat pdf Ketiak diklik akan melihat tampilan pdf/mengunduh surat
dalam bentuk file pdf
3.7.3 Tampilan Membuat Surat Baru

tanggal_s Input Date Tanggal Surat Menerima inputan berupa tanggal atau teks dengan format
urat tanggal
no_surat Input Text No Surat Menerima inputan teks
hal_surat Input Text Hal Menerima inputan teks
lampiran_ Input Text Lampiran Menerima inputan teks
surat
kepada_su Input Text Kepada Menerima inputan teks
rat
pelaksana Input Text Ketua Pelaksana Menerima inputan teks
_surat
submit Button submit Melakukan proses query penambahan data surat ke
database
reset Button reset Menghapus semua hasil inputan yang telah di isi
3.7.4 Tampilan History

no_surat Label No Surat Label untuk keterangan no surat
kategori Label Kategori Label untuk kategori surat yang telah dibuat
lihat_pdf Link lihat pdf Jika diklik akan menuju penampil pdf pada browser
hapus Button hapus Melakukan query pengahpusan surat pada database
3.8 Perancangan Representasi Persistensi Kelas
Entity Class Database
Admin User
User Surat
Surat Surat

3.9 Deployment Diagram
4 Matriks Kerunutan
No Kelas Use Case Terkait

1 User Melihat daftar
surat
2 User Membuat surat
3 User Mengunduh surat
4 User Menghapus surat
5 Admin Melihat daftar
surat
6 Admin Membuat User
7 Admin Menghapus User
8 Admin Menghapus surat
No Nama Elemen WAE (Logical View) Stereotype Use Case Terkait

1 HalamanUtama Client Page Melihat Daftar Surat,
Membuat Surat
2 DaftarSurat Server Page Melihat Daftar Surat
3 BuatSurat Membuat Surat
4 FormBuatSurat HTML Form
5 LoginScreen Client Page Mengunduh Surat,

Menghapus Surat,
Membuat User,
Menghapus User
6 Dashboard Server Page Mengunduh Surat
7 History Menghapus Surat
8 ControlUser Membuat User,
Menghapus User


DPPL

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

DPPL

Diunggah oleh

Hak Cipta:

Format Tersedia

DPPL-W-03

DESKRIPSI PERANCANGAN PERANGKAT LUNAK

Program Studi Teknik Informatika

Jl. Imam Bonjol No. 207 Semarang

Nomor Dokumen Halaman

Revisi <nomor revisi> Tgl: 27 Desember

Program Studi Teknik Informatika DPPL-W-03 Halaman 3/ dari 30 halaman

1.1 Tujuan Penulisan Dokumen

1.2 Lingkup Masalah

1.3 Definisi dan Istilah

1.4 Aturan Penamaan dan Penomoran

Program Studi Teknik Informatika DPPL-W-03 Halaman 4/ dari 30 halaman

1.6 Ikhtisar Dokumen

2 Deskripsi Perancangan Global

2.1 Rancangan Lingkungan Implementasi

Sistem Peminjaman Spesifikasi

Sistem Operasi Ubuntu 16.04

Developer Tools PHP 5.0

Bahasa Pemrograman PHP

Program Studi Teknik Informatika DPPL-W-03 Halaman 5/ dari 30 halaman

2.3 Deskripsi Komponen

Program Studi Teknik Informatika DPPL-W-03 Halaman 6/ dari 30 halaman

3.1 Realisasi Use Case

3.1.1 Use Case Melihat Daftar Surat

3.1.1.1 Identifikasi Elemen WAE - Logical View

3.1.1.2 Identifikasi Kelas

3.1.1.3 Sequence Diagram

Program Studi Teknik Informatika DPPL-W-03 Halaman 7/ dari 30 halaman

3.1.2 Use Case Membuat Surat

3.1.2.1. Identifikasi Elemen WAE - Logical View

No Nama Elemen Lojik WAE Stereotype

3.1.2.2. Identifikasi Kelas

No Nama Kelas Library yang digunakan

Program Studi Teknik Informatika DPPL-W-03 Halaman 8/ dari 30 halaman

3.1.2.4. Diagram Kelas

Program Studi Teknik Informatika DPPL-W-03 Halaman 9/ dari 30 halaman

3.1.3.1. Identifikasi Elemen WAE - Logical View

No Nama Elemen Lojik WAE Stereotype

3.1.3.2. Identifikasi Kelas

No Nama Kelas Library yang digunakan

3.1.3.3. Sequence Diagram

Program Studi Teknik Informatika DPPL-W-03 Halaman 10/ dari 30 halaman

3.1.4 Use Case Menghapus Surat

3.1.4.1. Identifikasi Elemen WAE - Logical View

No Nama Elemen Lojik WAE Stereotype

3.1.4.2. Identifikasi Kelas

No Nama Kelas Library yang digunakan

Program Studi Teknik Informatika DPPL-W-03 Halaman 11/ dari 30 halaman

3.1.4.4. Diagram Kelas

Program Studi Teknik Informatika DPPL-W-03 Halaman 12/ dari 30 halaman

3.1.5.1. Identifikasi Elemen WAE - Logical View

No Nama Elemen Lojik WAE Stereotype

3.1.5.2. Identifikasi Kelas

No Nama Kelas Library yang digunakan

3.1.5.3. Sequence Diagram

Program Studi Teknik Informatika DPPL-W-03 Halaman 13/ dari 30 halaman

3.1.6 Use Case Menghapus User

3.1.6.1. Identifikasi Elemen WAE - Logical View

No Nama Elemen Lojik WAE Stereotype

3.1.6.2. Identifikasi Kelas

No Nama Kelas Library yang digunakan

Program Studi Teknik Informatika DPPL-W-03 Halaman 14/ dari 30 halaman

3.1.6.4. Diagram Kelas