DPPL - Sistem Informasi Keuangan

DPPL-002
DESKRIPSI PERANCANGAN PERANGKAT LUNAK
Aplikasi Laporan Pengeluaran dan Pemasukan Keuangan
untuk:
PT.Adhiyaksa Persada Indonesia
Dipersiapkan oleh:
M Ramadhan Gandidi (1301170324)
Arya Wahyu Ramadhan (1301170414)
Jihan Lailatul Atiqoh (1301170455)
Ariva Syam Mursalat (1301170491)
Program Studi Informatika
Fakultas Informatika
Jl. Telekomunikasi 1, Dayeuhkolot Bandung
Nomor Dokumen Halaman
Prodi S1- Informatika <#>/<jml #

Universitas Telkom DPPL-xx <xx:no grp>
Revisi <nomor revisi> Tgl: <isi tanggal>
DAFTAR PERUBAHAN
Revisi Deskripsi
A
INDEX - A B C D E F G
TGL
Ditulis
oleh
Diperiksa
oleh
Disetujui
oleh
Prodi S1 Informatika Tel-U DPPL-002 Halaman 2 dari 17

Template dokumen ini dan informasi yang dimilikinya adalah milik Prodi S1 Informatika Tel-U dan bersifat rahasia. Dilarang me-
reproduksi dokumen ini tanpa diketahui oleh Prodi S1 Informatika Tel-U.
Daftar Halaman Perubahan
Halaman Revisi Halaman Revisi

Daftar Isi
1. Pendahuluan 6
1.1 Tujuan Penulisan Dokumen 6
1.2 Lingkup Masalah 6
1.3 Definisi dan Istilah 6
1.4 Referensi 7
1.5 Sistematika Pembahasan 7
2 Deskripsi Perancangan Global 8
2.1 Rancangan Lingkungan Implementasi 8
2.2 Deskripsi Arsitektural 8
2.3 Deskripsi Komponen 8
3 Perancangan Rinci 9
3.1 Realisasi Use Case 9
3.1.1 Use Case Login 9
3.1.1.1 Identifikasi Kelas 9
3.1.1.2 Sequence Diagram 9
3.1.1.3 Diagram Kelas 9
3.1.2 Use Case Edit Data 9
3.1.3 Use Case Input Data 10
3.1.4 Use Case Melihat History Perubahan 11
3.1.5 Use Case Melihat Laporan 12
3.1.6 Use Case Delete Data 13
3.2 Perancangan Detil Kelas 14
3.2.1 Kelas Admin 14
3.2.6 Kelas Laporan 15

3.3 Diagram Kelas Keseluruhan 15
3.4 Algoritma/Query 15
3.5 Perancangan Antarmuka 17
Setelah Daftar Isi Boleh ada Daftar Tabel dan Daftar Gambar

Pendahuluan
Dokumen ini berisi tentang segala aktivitas yang dilakukan selama pengembangan
perangkat lunak yang berbasis website. Pendahuluan RPL berisi bagian - bagian sebagai
berikut :
1. Tujuan Penulisan
2. Lingkup Masalah
3. Definisi dan Istilah
4. Referensi
5. Deskripsi Umum Dokumen
1.1 Tujuan Penulisan Dokumen
Tujuan dibuatnya dokumen Deskripsi Perancangan Perangkat Lunak (DPPL) ini

adalah untuk memberikan penjelasan mengenai perangkat lunak yang akan
dibangun baik berupa gambaran umum maupun penjelasan detil dan menyeluruh
mengenai spesifikasi dari sistem informasi yang akan dibuat. Adapun dokumen
digunakan oleh Pengembang dari Sistem Informasi Perangkat Lunak dan anggota
lainnya sebagai acuan dari pengerjaan proyek kedepannya dan sebagai bahan
evaluasi pada saat proses pengembangan perangkat lunak maupun di akhir
pengembangannya.
1.2 Lingkup Masalah
Aplikasi ini merupakan system informasi berbasis web untuk mempermudah

bagian keuangan perusahaan dalam proses peng-inputan-an data pemasukan dan
pengeluaran serta mampu mempercepat proses pembuatan laporan. Sistem
informasi ini dibuat karena terkait system yang ada masih secara manual,
khususnya pada proses pembukuan pengeluaran dan pemasukan keuangan. Oleh
karena itu, kami merancang dan mengimplementasikan system informasi berbasis
web yang akan membantu dan mempermudah penguna dalam proses tersebut.
1.3 Definisi dan Istilah
No Kata Kunci Definisi

1 DPPL Deskripsi Perancangan Perangkat Lunak
2 SDD Software Design Description
3 DFD (Data Merupakan diagram dan notasi yang digunakan untuk
Flow menunjukan aliran data

Diagram)
4 Admin Merupakan pihak yang memegang kendali penuh terhadap
perangkat lunak
5 User Merupakan pihak yang akan menggunakan perangkat lunak
6 Use Case Merupakan diagram dan notasi yang menunjukan interaksi
Diagram antara aktor dengan sistem pada perangkat lunak
Class Merupakan diagram dan notasi yang menggambarkan
7 Diagram struktur dan hubungan antar class pada perangkat lunak
8 ERD (Entity Merupakan diagram dan notasi yang digunakan untuk
Relationship mempresentasikan struktur data statis pada perangkat lunak
Diagram)
10 HTML Merupakan syntax bahasa yang digunakan dalam
(HyperText perancangan web
Markup
Language)
11 CSS Merupakan salah satu bahasa pemrograman web untuk
(Cascading mengendalikan komponen dalam web sehingga lebih
Style Sheet) terstruktur
12 JavaScript Merupakan bahasa scripting untuk membuat web lebih
atraktif
13 SQL Merupakan script yang disisipkan ke dalam HTML untuk
pengolahan data
14 Oracle DBMS Merupakan script yang disisipkan ke dalam HTML untuk
pengolahan data
15 XAMPP Merupakan script yang disisipkan ke dalam HTML untuk
pengolahan data
1.4 Referensi
1. SKPL-001 : SPESIFIKASI KEBUTUHAN PERANGKAT LUNAK, Sistem

Informasi Keuangan
1.5 Sistematika Pembahasan
Dalam dokumen ini, terdapat 3 bagian utama. Bagian pertama dokumen DPPL
berisi tentang hal-hal yang mencakup tujuan pembuatan dokumen ini, ruang
lingkup masalah yang diselesaikan dengan perancangan perangkat lunak yang akan
dibangun, penjelasan mengenai definisi maupun akronim, referensi yang digunakan
dalam pembuatan dokumen, dan deskripsi umum dokumen.
Bagian kedua dokumen berisi tentang hal-hal yang mencakup perancangan
lingkungan implementasi, deskripsi arsitektural dan komponen dengan
menggunakan diagram

Bagian ketiga dokumen berisi tentang perancangan rinci dari perangkat lunak
yang meliputi realisasi use case, kelas diagram, perancangan antarmuka, dan
matriks kerunutan
2 Deskripsi Perancangan Global
2.1 Rancangan Lingkungan Implementasi
Lingkungan implementasi yang akan digunakan dalam perancangan “Sistem

Keuangan” ini adalah :
• Operating System : Microsoft Windows XP/Vista/7/8/10
• DBMS : Oracle DBMS dan MySQL
• Development Tools : Microsoft Visio 2016, Microsoft Word 2017
• Bahasa Pemrograman : Sublime Text 3 dan Visual Studio Code
(HTML,CSS, dan JAVASCRIPT)
• Web Browser : Google Chrome 7.5
2.2 Deskripsi Arsitektural
2.3 Deskripsi Komponen
No Nama Komponen Keterangan

1 Admin Pengguna yang menggunakan aplikasi dengan
berbasis website
2 Server Melayani kebutuhan Client yang terkait dengan
aplikasi
3 View Bagian dari server yang menangani tampilan
dari aplikasi

4 Controller Bagian dari server yang menghubungkan View
dan Model
5 Model Bagian dari server yang berhubungan langsung
dengan database
3 Perancangan Rinci
3.1 Realisasi Use Case
3.1.1 Use Case Login
3.1.1.1 Identifikasi Kelas
No Nama Kelas Perancangan Tipe Kelas

1 Controller Controller
2 Admin Object
3 Database Entity
3.1.1.2 Sequence Diagram
3.1.1.3 Diagram Kelas
3.1.2 Use Case Edit Data


2 Database Entity
3 Admin Object
4 Transaksi Object
3.1.3 Use Case Input Data

2 Database Entity
3 Admin Object
4 Transaksi Object

3.1.4 Use Case Melihat History Perubahan

2 Database Entity
3 Transaksi Object

3.1.5 Use Case Melihat Laporan

2 Database Entity
3 Transaksi Object

3.1.6 Use Case Delete Data

2 Database Entity
3 Admin Object

3.2 Perancangan Detil Kelas
No Nama Kelas Perancangan Nama Kelas Analisis Terkait

1 Admin Laporan
2 Laporan Admin
3.2.1 Kelas Admin
Nama Kelas : Admin
Nama Operasi Visibility Keterangan

Login Public Menerima data masukan dari aplikasi berupa id
dan password
Login_validation Public Melakukan pengecekan id dan password ke
dalam database
Nama Atribut Visibility Tipe
Id Public String
Password Public String

3.2.6 Kelas Laporan
Nama Kelas : Laporan
Nama Operasi Visibility Keterangan

Create_transaksi Public Membuat transaksi baru dengan constructor null
Store Public Memasukan transaksi ke dalam database
Edit Public Menerima inputan edit data dari aplikasi dan
disimpan
Search Public Menerima inputan dari aplikasi dan mencari
data ke database
View_laporan Public Mengambil semua data transaksi dari database
dan disimpan
View_history Public Mengambil semua data history dari database
dan disimpan
Nama Atribut Visibility Tipe
No_transaksi Public String
Jenis_transaksi Public String
Nominal Public Integer
Detail Public String
Tanggal_transaksi Public Date
3.3 Diagram Kelas Keseluruhan
3.4 Algoritma/Query
Nama Kelas : Admin

Nama Operasi : login()
Algoritma : ALGO-001
Ambil inputan dari user
String id = id
String password = password
Return id,password
Nama Kelas : Admin

Nama Operasi : login_validation()
Pangil ALGO-001
Validation_id,validation_password = login()

Excecute QUERY-001
If true maka login
Else gagal login
Nama Kelas : Transaksi

Nama Operasi : create_transaksi()
Create transaksi berdasarkan inputan user
No = no_transaksi
Jenis = jenis_transaksi
Nominal = nominal
Detail = detail
Tanggal = tanggal_transaksi
Return No, Jenis, Nominal, Detail, Tanggal

Nama Operasi : Store()
Eksekusi ALGO-003
Ambil datanya dan simpan di dalam Array Data

Lalu eksekusi QUERY-002 dan QUERY-007

Nama Operasi : Edit()
Ambil data yang ingin di edit
Simpan atribut id yang ingin di edit
Id = id
Store data dengan menjalankan QUERY-003

Nama Operasi : search()
Ambil data dari search box
search = data.search_box()
Eksekusi QUERY-004

Nama Operasi : view_laporan()
Eksekusi QUERY-005
Ambil data dari QUERY-005, simpan di dalam Array, dan tampilkan dalam bentuk table
foreach(Database as Driver) {
Table_Row.add(Data)
}

Nama Operasi : view_history()
Eksekusi QUERY-006
Ambil data dari QUERY-006, simpan di dalam Array, dan tampilkan dalam bentuk table

foreach(Database as Driver) {
Table_Row.add(Data)
}
No Query Query Keterangan

QUERY-001 SELECT id, password Mencari data Admin di Database
FROM admin
WHERE id =’id’
QUERY-002 INSERT INTO transaksi Menambahkan data Transaksi di
VALUES Database
(‘no_transaksi’,’jenis_transaksi’,’nominal’,’detail’,’tan
ggal_transaksi’)
QUERY-003 INSERT INTO transaksi Menginput data berdasarkan id
VALUES
(‘no_transaksi’,’jenis_transaksi’,’nominal’,’detail’,’tan
ggal_transaksi’)
WHERE id = ‘id’
QUERY-004 SELECT * Menampilkan tagihan yang dicari
FROM transaksi oleh user
WHERE no_transaksi = ‘search’
QUERY-005 SELECT * Menampilkan transaksi
FROM transaksi
QUERY-006 SELECT * Menampilkan history perubahan
FROM mencatat
QUERY-007 INSERT INTO mencatat Menambahkan data mencatat ke
VALUES (‘id’,’no_transaksi’,’tanggal’) dalam database
3.5 Perancangan Antarmuka


DPPL - Sistem Informasi Keuangan

Diunggah oleh

Informasi Dokumen

Deskripsi 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 - Sistem Informasi Keuangan

Diunggah oleh

Hak Cipta:

Format Tersedia

DPPL-002

DESKRIPSI PERANCANGAN PERANGKAT LUNAK

Aplikasi Laporan Pengeluaran dan Pemasukan Keuangan

PT.Adhiyaksa Persada Indonesia

Arya Wahyu Ramadhan (1301170414)

Jihan Lailatul Atiqoh (1301170455)

Ariva Syam Mursalat (1301170491)

Program Studi Informatika

Jl. Telekomunikasi 1, Dayeuhkolot Bandung

Nomor Dokumen Halaman

Prodi S1- Informatika <#>/<jml #

Prodi S1 Informatika Tel-U DPPL-002 Halaman 2 dari 17

Halaman Revisi Halaman Revisi

Prodi S1 Informatika Tel-U DPPL-002 Halaman 3 dari 17

Prodi S1 Informatika Tel-U DPPL-002 Halaman 4 dari 17

Prodi S1 Informatika Tel-U DPPL-002 Halaman 5 dari 17

1.1 Tujuan Penulisan Dokumen

Tujuan dibuatnya dokumen Deskripsi Perancangan Perangkat Lunak (DPPL) ini

1.2 Lingkup Masalah

Aplikasi ini merupakan system informasi berbasis web untuk mempermudah

1.3 Definisi dan Istilah

No Kata Kunci Definisi

Prodi S1 Informatika Tel-U DPPL-002 Halaman 6 dari 17

1. SKPL-001 : SPESIFIKASI KEBUTUHAN PERANGKAT LUNAK, Sistem

1.5 Sistematika Pembahasan

Prodi S1 Informatika Tel-U DPPL-002 Halaman 7 dari 17

Lingkungan implementasi yang akan digunakan dalam perancangan “Sistem

2.2 Deskripsi Arsitektural

2.3 Deskripsi Komponen

No Nama Komponen Keterangan

Prodi S1 Informatika Tel-U DPPL-002 Halaman 8 dari 17

3.1 Realisasi Use Case

3.1.1 Use Case Login

3.1.1.1 Identifikasi Kelas

No Nama Kelas Perancangan Tipe Kelas

3.1.1.2 Sequence Diagram

3.1.1.3 Diagram Kelas

3.1.2 Use Case Edit Data

3.1.2.1 Identifikasi Kelas

No Nama Kelas Perancangan Tipe Kelas

Prodi S1 Informatika Tel-U DPPL-002 Halaman 9 dari 17

3.1.2.2 Sequence Diagram

3.1.2.3 Diagram Kelas

3.1.3 Use Case Input Data

3.1.3.1 Identifikasi Kelas

No Nama Kelas Perancangan Tipe Kelas

3.1.3.2 Sequence Diagram

Prodi S1 Informatika Tel-U DPPL-002 Halaman 10 dari 17

3.1.4 Use Case Melihat History Perubahan

3.1.4.1 Identifikasi Kelas

No Nama Kelas Perancangan Tipe Kelas

3.1.4.2 Sequence Diagram

Prodi S1 Informatika Tel-U DPPL-002 Halaman 11 dari 17

3.1.5 Use Case Melihat Laporan

3.1.5.1 Identifikasi Kelas

No Nama Kelas Perancangan Tipe Kelas

3.1.5.2 Sequence Diagram

Prodi S1 Informatika Tel-U DPPL-002 Halaman 12 dari 17

3.1.6 Use Case Delete Data

3.1.6.1 Identifikasi Kelas

No Nama Kelas Perancangan Tipe Kelas

3.1.6.2 Sequence Diagram

Prodi S1 Informatika Tel-U DPPL-002 Halaman 13 dari 17