SISTEM FARMASI DAN GUDANG BERBASIS WEB

DPPL-OO-01
DESKRIPSI PERANCANGAN PERANGKAT LUNAK
Sistem Farmasi dan Gudang Berbasis Web
untuk:
Puskesmas Sehat Selalu
Dipersiapkan oleh:
A11.4617
A11.2015.08832 Adib Firdaus Labibie
A11.2015.08761 Ilham Raudafasyah
A11.2015.08878 Leonardo Adi Wahyudi
A11.2015.09200 Rofi Fakhrudianto
A11.2015.08952 Zaenal Amirudin
Program Studi Teknik Informatika
FIK - UDINUS
Jl. Imam Bonjol No. 207 Semarang
Nomor Dokumen Halaman

Program Studi
Teknik Informatika
FIK – UDINUS DPPL-OO-01 A11.4617 1/12
Revisi <xx:no<nomor
grp> revisi> Tgl: 10 MEI 2018
Daftar Isi
1. Pendahuluan ........................................................................................................................................................ 3
1.1 Tujuan Penulisan Dokumen ..................................................................................................................... 3
1.2 Lingkup Masalah ..................................................................................................................................... 3
1.3 Definisi dan Istilah .................................................................................................................................. 3
1.4 Aturan Penamaan dan Penomoran ........................................................................................................... 3
1.5 Referensi .................................................................................................................................................. 3
1.6 Ikhtisar Dokumen .................................................................................................................................... 3
2 Deskripsi Perancangan Global......................................................................................................................... 3
2.1 Rancangan Lingkungan Implementasi..................................................................................................... 4
2.2 Deskripsi Arsitektural .............................................................................................................................. 4
2.3 Deskripsi Komponen .............................................................................................................................. 4
2.4 Pedoman Perancangan ............................................................................................................................. 5
3 Perancangan Rinci ........................................................................................................................................... 6
3.1 Realisasi Use Case ................................................................................................................................... 6
3.1.1 Use Case <nama use case 1> ........................................................................................................... 6
3.1.1.1 Identifikasi Elemen WAE - Logical View ................................................................................... 6
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> ........................................................................................................... 8
3.1.2.1 Identifikasi Elemen WAE - Logical View ................................................................................... 8
3.1.2.2 Identifikasi Kelas ......................................................................................................................... 8
3.1.2.3 Sequence Diagram ....................................................................................................................... 9
3.1.2.4 Diagram Kelas ............................................................................................................................. 9
3.2 Diagram Kelas Keseluruhan .................................................................................................................... 9
3.3 Perancangan Detil Elemen Logical View ................................................................................................ 9
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 ........................................................................................................................ 10
3.4.1 Kelas <nama kelas> ....................................................................................................................... 10
3.4.2 Kelas <nama kelas> ....................................................................................................................... 10
3.5 Perancangan Antarmuka ........................................................................................................................ 12
3.6 Perancangan Representasi Persistensi Kelas ......................................................................................... 18
3.7 Deployment Diagram ............................................................................................................................ 18
4 Matriks Kerunutan ......................................................................................................................................... 19
Setelah Daftar Isi Boleh ada Daftar Tabel dan Daftar Gambar
Program Studi Teknik Informatika DPPL-W-xx Halaman 2/ dari 19 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.
1. Pendahuluan
1.1 Tujuan Penulisan Dokumen
Tujuan penulisan dokumen ini yaitu sebagai dokumentasi dari segala aktifitas
yang dilakukan selama pengembangan proyek perangkat lunak yang berbasis website
ini dimulai dari tahap user requirement, analisis dan desain, implementasi, hingga
testing. Adapun tujuan dari proyek ini guna memfasilitasi bagian farmasi dan gudang
untuk mengelola transaksi keluar masuk barang dan juga pendataan barang yang ada di
Gudang dan Farmasi. Proyek ini dikatakan berhasil apabila sistem yang dimaksud dapat
menangani seluruh kebutuhan pengguna dan proses transaksi yang telah di jabarkan
dalam dokumen ini.
1.2 Lingkup Masalah

Sistem Farmasi dan Gudang ini adalah perangkat lunak untuk mengelola
transaksi barang yang di butuhkan oleh bagian farmasi dan gudang seperti melihat stock
obat, Inventory barang di gudang, dan cetak laporan dengan basis web. Komputasi yang
ada berupa komputasi aritmatika sederhana berupa penjumlahan , pengurangan ,
perkalian dan pembagian.
.
1.3 Definisi dan Istilah

 SKPL adalah spesifikasi kebutuhan perangkat lunak.
 SRS atau Software Requirtmen Spesification merupakan spesifikasi dari perangkat
lunak yang dikembangkan.
 SKPL-NFxxx adalah Spesifikasi Kebutuhan Perangkat Lunak – Non Fungsional ke xxx
(xxx yaitu nomor ID SKPL-NF)
 SKF-xx adalah spesifikasi fungsional
 SK-xx adalah Spesifikasi Kebutuhan ke xx (xx yaitu nomor ID SK )
 OS adalah Operating System
 DBMS adalah database management system
1.4 Aturan Penamaan dan Penomoran

Tuliskan aturan penomoran dan penamaan yang dipakai dalam dokumen ini jika ada (misalnya aturan
penomroan Fungsi/CSU, penomoran modul, penamaan file, dsb)
1.5 Referensi
Template SKPL OO
1.6 Ikhtisar Dokumen

Dokumen DPPL ini dibagi menjadi tiga bagian utama. Bagian pertama berisi penjelasan
tentang dokumen DPPL yang mencakup tujuan pembuatan dokumen ini, lingkup masalah
yang diselesaikan oleh perangkat lunak yang dikembangkan, definisi, referensi dan deskripsi
umum. Bagian kedua berisi diagram dan spesifikasi class komponen sistem farmasi dan
gudang berbasis web telah dispesifikasikan pada dokumen SKPL. Bagian ketiga berisi
deskripsi rinci masing-masing class.

2 Deskripsi Perancangan Global
2.1 Rancangan Lingkungan Implementasi

Perangkat lunak yang dibutuhkan pada “Sistem Farmasi Dan Gudang Berbasis Web” adalah :
- Windows 7 sebagai sistem operasi.
- Sublimetext untuk memprogram sistem.
- Xampp dan php sebagai pengolahan database dan localhost.
- Bahasa pemrograman yang digunakan adalah php, javascript, html dan css.
2.2 Deskripsi Arsitektural

Berikan penjelasan singkat tentang arsitekturP /L yang akan dibangun. Gambarkan dalam bentuk diagram
komponen.
2.3 Deskripsi Komponen

Diisi dengan daftar modul. Daftar modul bisa dalam bentuk tabel berikut:
No Nama Komponen Keterangan

2.4 Pedoman Perancangan
Bagian ini diisi dengan uraian mengenai framework atau arsitektur khusus yang digunakan
pada saat perancangan dan implementasi. Jika tidak ada, hilangkan subbab ini

3 Perancangan Rinci
3.1 Realisasi Use Case
3.1.1 Use Case <Interaksi pada sistem>
uc Use Case Mo...
sistem farmasi dan gudang
Login
Kelola Data
Admin
Lihat data
User
Cari data
data laporan farmasi

dan gudang
manager
Jika use case ini akan direalisasikan dalam bentuk aplikasi berbasis web, maka subbab yang
terkait dengan perancangan elemen aplikasi berbasis web harus diisi.
3.1.1.1 Identifikasi Elemen WAE - Logical View

Bagian ini diisi dengan hasil identifikasi elemen WAE-Logical View yang merealisasikan use
case (antara lain berasal dari kelas analisis yang TIDAK AKAN direalisasikan menjadi kelas
biasa, tetapi akan menjadi PAGE atau FORM):
- server page
- client page
- html form
No Nama Elemen Lojik WAE Stereotype

Server Page
Server Page
Client Page

3.1.1.2 Identifikasi Kelas
Buat daftar kelas perancangan (berasal dari kelas analisis yang TIDAK direalisasikan menjadi
elemen WAE ogical View) yang merealisasikan use case dalam tabel berikut:
No Nama Kelas Library yang digunakan
No Nama Kelas Library yang digunakan

1 Topic -
2 Topic control -
3.1.1.3 Sequence Diagram

Buatlah diagram sequence untuk setiap skenario use case. Skenario MELIBATKAN elemen
WAE Logical View (jika berbasis web) dan Kelas
3.1.1.4 Diagram Kelas

Buatlah diagram kelas lengkap dengan Elemen WAE-Logical View (jika berbasis web).

3.1.2 Use Case <nama use case 2>
Jika use case ini akan direalisasikan dalam bentuk aplikasi berbasis web, maka subbab yang
terkait dengan perancangan elemen aplikasi berbasis web harus diisi.
3.1.2.1 Identifikasi Elemen WAE - Logical View

Bagian ini diisi dengan hasil identifikasi elemen WAE-Logical View yang merealisasikan use
case (antara lain berasal dari kelas analisis yang TIDAK AKAN direalisasikan menjadi kelas
biasa, tetapi akan menjadi PAGE atau FORM):
- server page
- client page
- html form

Server Page
Server Page
Client Page
3.1.2.2 Identifikasi Kelas
Buat daftar kelas perancangan (berasal dari kelas analisis yang TIDAK direalisasikan menjadi
elemen WAE ogical View) yang merealisasikan use case dalam tabel berikut:
No Nama Kelas

3.1.2.3 Sequence Diagram
Buatlah diagram sequence untuk setiap skenario use case. Skenario MELIBATKAN elemen
WAE Logical View (jika berbasis web) dan Kelas
3.1.2.4 Diagram Kelas

Buatlah diagram kelas lengkap dengan Elemen WAE-Logical View (jika berbasis web).
3.2 Diagram Kelas Keseluruhan

Bagian ini diisi dengan diagram kelas keseluruhan.
3.3 Perancangan Detil Elemen Logical View

Server Page
Server Page
Client Page
Untuk setiap elemen:
 identifikasi atribut
 identifikasi operasi
3.3.1 Stereotyped Class <nama elemen logical view>
Nama Kelas : ……..

Jenis : Server Page / Client Page / HTML Form
Nama Operasi Visibility Keterangan

(private, public)
Diisi dengan signature operasi
Nama Atribut Visibility Tipe

(private, public)
Diisi dengan nama atribut Tuliskan tipenya sesuai dengan
yang dikenal pada bahasa
pemrograman yang digunakan
3.3.2 Stereotyped Class <nama elemen logical view>

Jenis : Server Page / Client Page / HTML Form

(private, public)

(private, public)
3.4 Perancangan Detil Kelas

Bagian ini diisi dengan daftar kelas dalam tabel berikut:
No Nama Kelas
Untuk setiap kelas:

 identifikasi operasi (mengacu pada tanggung-jawab kelas), termasuk visibility-nya
 identifikasi atribut, termasuk visibility-nya
3.4.1 Kelas <nama kelas>

Bagian ini diisi dengan daftar operasi dan atribut Buat untuk setiap kelas.

(private, public)

(private, public)
3.4.2 Kelas <nama kelas>

Bagian ini diisi dengan daftar operasi dan atribut Buat untuk setiap kelas.

Nama Kelas: ……..

(private, public)

(private, public)

3.5 Perancangan Antarmuka
Antarmuka : {INT-01}
Id_Objek Jenis Nama Keterangan

Halaman Login Sistem menampilkan form login , pengguna
memasukkan user dan password pada kolom
Login & Password
Bt_login Button Sign In Link untuk masuk ke dalam halaman beranda
sistem.


Halaman Sistem menampilkan Menu : Master Data(Sub
Beranada Admin Menu : Produk (Sub Sub Menu : Kategori ,
Produk)) , Inventori(Sub Menu : List Barang) ,
Logout dan tabel daftar barang. Daftar barang
memiliki atribut :cek list , kode , nama barang ,
kategori , tanggal exp , harga , jumlah
Bt_search Button Cari Link untuk mencari barang
Antarmuka :{ INT-03}

Halaman Kelola Sistem menampilkan Tabel daftar barang ,
Data Admin Kolom Kode/Nama dan Kategori untuk mencari
barang
Bt_tambah Button Tambah Link untuk masuk ke form tambah barang
Bt_edit Button Edit Link untuk mengedit data
Bt_delete Button Delete Link untuk mendelete data

Halaman Form Sistem menampilkan Form Tambah barang .
Tambah Barang memiliki atribut Kode (integer), Nama Barang
(String), Kategori (String) , Tanggal (Date) ,
Harga (Float) , Jumlah (Number)
Bt_tambah_brg Button Tambah_brg Link untuk tambah barang
Bt_cancel Button Cancel Link untuk cancel perintah

Antarmuka :{INT-05}

Halaman Sistem menampilkan Menu : Master Data(Sub
Beranda User Menu : Produk (Sub Sub Menu : Kategori ,
Produk)) , Inventori(Sub Menu : List Barang) ,
Logout dan tabel daftar barang. Daftar barang
memiliki atribut :cek list , kode , nama barang ,
kategori , tanggal exp , harga , jumlah
Bt_search Button Cari Link untuk cari barang


Halaman Lihat Sistem menampilkan kolom Kode dan Kategori
Barang User untuk Mencari dan Mengambil barang
Bt_ambil Button Ambil Link untuk ambil barang (mengurangi stock)
Bt_cari Button Cari Link untuk mencari barang

Halaman Beranda Manajer Sistem menampilkan Menu : Master
Data(Sub Menu : Produk (Sub Sub Menu :
Kategori , Produk)) , Inventori(Sub Menu :
List Barang) , Logout dan tabel daftar barang.
Daftar barang memiliki atribut :cek list , kode
, nama barang , kategori , tanggal exp , harga
, jumlah

Halaman Beranda Manajer Sistem menampilkan Kolom Perode Dari –
Sampai untuk menentukan laporan yang akan
di cetak
Bt_tampil Button Tampil Link untuk menampilkan laporan
Bt_Cetak Button Cetak Link untuk mencetak laporan

3.6 Perancangan Representasi Persistensi Kelas
Bagian ini diisi dengan rancangan skema basisdata dan traceability-nya terhadap kelas
entity.
No Nama Tabel Atribut Deskripsi

1 Kategori Id_kategori Primary key Tabel Kategori
Judul Judul kategori
deskripsi Deskripsi kategori
3.7 Deployment Diagram

Bagian ini diisi dengan deployment diagram yang menggambarkan sistem saat implementasi.

4 Matriks Kerunutan
Mapping kelas dan elemen WAE logical view dengan use case terkait
No Kelas Use Case Terkait
No Nama Elemen WAE (Logical View) Stereotype Use Case Terkait

Client Page
Server Page
HTML Form


SISTEM FARMASI DAN GUDANG BERBASIS WEB

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

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

SISTEM FARMASI DAN GUDANG BERBASIS WEB

Diunggah oleh

Hak Cipta:

Format Tersedia

DPPL-OO-01

DESKRIPSI PERANCANGAN PERANGKAT LUNAK

Sistem Farmasi dan Gudang Berbasis Web

Puskesmas Sehat Selalu

Program Studi Teknik Informatika

Jl. Imam Bonjol No. 207 Semarang

Nomor Dokumen Halaman

Program Studi Teknik Informatika DPPL-W-xx Halaman 2/ dari 19 halaman

1.2 Lingkup Masalah

1.3 Definisi dan Istilah

1.4 Aturan Penamaan dan Penomoran

1.6 Ikhtisar Dokumen

Program Studi Teknik Informatika DPPL-W-xx Halaman 3/ dari 19 halaman

2.1 Rancangan Lingkungan Implementasi

2.2 Deskripsi Arsitektural

2.3 Deskripsi Komponen

Program Studi Teknik Informatika DPPL-W-xx Halaman 4/ dari 19 halaman

Program Studi Teknik Informatika DPPL-W-xx Halaman 5/ dari 19 halaman

3.1 Realisasi Use Case

3.1.1 Use Case <Interaksi pada sistem>

uc Use Case Mo...

sistem farmasi dan gudang

data laporan farmasi

3.1.1.1 Identifikasi Elemen WAE - Logical View

No Nama Elemen Lojik WAE Stereotype

Program Studi Teknik Informatika DPPL-W-xx Halaman 6/ dari 19 halaman

No Nama Kelas Library yang digunakan

No Nama Kelas Library yang digunakan

3.1.1.3 Sequence Diagram

3.1.1.4 Diagram Kelas

Program Studi Teknik Informatika DPPL-W-xx Halaman 7/ dari 19 halaman

3.1.2.1 Identifikasi Elemen WAE - Logical View

No Nama Elemen Lojik WAE Stereotype

3.1.2.2 Identifikasi Kelas

Program Studi Teknik Informatika DPPL-W-xx Halaman 8/ dari 19 halaman

3.1.2.4 Diagram Kelas

3.2 Diagram Kelas Keseluruhan

3.3 Perancangan Detil Elemen Logical View

No Nama Elemen Lojik WAE Stereotype

Untuk setiap elemen:

3.3.1 Stereotyped Class <nama elemen logical view>

Nama Kelas : ……..

Nama Operasi Visibility Keterangan

Nama Atribut Visibility Tipe

3.3.2 Stereotyped Class <nama elemen logical view>

Nama Operasi Visibility Keterangan

Nama Atribut Visibility Tipe

Program Studi Teknik Informatika DPPL-W-xx Halaman 9/ dari 19 halaman

3.4 Perancangan Detil Kelas

Untuk setiap kelas:

3.4.1 Kelas <nama kelas>

Nama Operasi Visibility Keterangan

Nama Atribut Visibility Tipe

3.4.2 Kelas <nama kelas>

Program Studi Teknik Informatika DPPL-W-xx Halaman 10/ dari 19 halaman

Nama Operasi Visibility Keterangan

Nama Atribut Visibility Tipe

Program Studi Teknik Informatika DPPL-W-xx Halaman 11/ dari 19 halaman

Id_Objek Jenis Nama Keterangan

Program Studi Teknik Informatika DPPL-W-xx Halaman 12/ dari 19 halaman

Id_Objek Jenis Nama Keterangan

Program Studi Teknik Informatika DPPL-W-xx Halaman 13/ dari 19 halaman