DAPL UAS Lafarew

Pengembangan Sistem Informasi
S1 Sistem Informasi
SISTEM INFORMASI EKSEKUTIF PADA LAFAREW

SHOP
Desain Arsitektur Perangkat Lunak

Versi 1
Universitas Dinamika
April 2021
Sistem Informasi Eksekutif Pada UMKM LAFAREW Shop Versi: 1
Desain Arsitektur Perangkat Lunak Tanggal: 1 Mei 2021
SEJARAH REVISI DOKUMEN
Tanggal Versi Deskripsi Penulis
1 | halaman
© Universitas Dinamika, 2021
HALAMAN PENGESAHAN
Sistem Informasi Eksekutif Pada LAFAREW Shop
Proyek ini dikerjakan sebagai bagian dari Proyek Mata Kuliah Analisa dan Perancangan
Sistem.
Disusun oleh:
1. Nama : Erga Ivan Saputra
NIM : 18410100193
2. Nama : Galih Nur Baladil Amin

NIM : 18410100195
3. Nama : Djatu Hamidan Ardiwinanto

NIM : 18410100206
4. Nama : Aditya Lila Saputra

NIM : 18410100207
Surabaya, 1 Mei 2021

Menyetujui,
___________________
( )
Dosen
2 | halaman
DAFTAR ISI
SEJARAH REVISI DOKUMEN 1
HALAMAN PENGESAHAN 2
DAFTAR ISI 3
DAFTAR TABEL 5
DAFTAR GAMBAR 6
1. Perkenalan 7
1.1 Tujuan 7
1.2 Ruang Lingkup 7
1.3 Definisi, Akronim, dan Singkatan 8
1.4 Referensi 8
1.5 Gambaran 9
2. Tujuan dan Batasan Arsitektural 10
3. Gambaran Umum Arsitektur Sistem Error! Bookmark not defined.
3. 1 Context Diagram Error! Bookmark not defined.
3. 2 Diagram Berjenjang Error! Bookmark not defined.
3. 3 Data Flow Diagram Level 0 Error! Bookmark not defined.
4. Desain Arsitektur Basis Data 17
4.1 Conseptual Data Model 17
4.2 Physical Data model 17
4.3 Keterangan Tabel 18
5. Desain Input dan Output 23
5.1 Desain Input 23
5.1.1 Desain Input Tanggal Pada History Penjualan 24
5.1.2 Desain Input Tanggal Pada History Absensi 24
5.1.3 Desain Input History Penggajian 25
3 | halaman
5.1.4 Desain Input History Restock 26
5.1.5 Desain Input Atur Target Penggajian pada History Penggajian 26
5.1.6 Desain Atur Target Absensi pada History Absensi 27
5.2 Desain Output 27
5.2.1 Output Pada Homepage 27
5.2.2 Output History Penjualan 28
5.2.3 Output History Absensi 29
5.2.4 Output History Penggajian 29
5.2.5 Output History Restock 29
5.2.6 Output Detail Restock 30
5.2.7 Output Laporan Penjualan 30
5.2.8 Output Laporan Absensi 31
5.2.9 Output Laporan Penggajian 31
5.2.10 Output Laporan Restock 32
4 | halaman
DAFTAR TABEL
Tabel 4.3. 1 Tabel History Penggajian..................................................................................... 18
Tabel 4.3. 2 Tabel Master Karyawan ....................................................................................... 18
Tabel 4.3. 3 Tabel Absensi ...................................................................................................... 19
Tabel 4.3. 4 Tabel Restock ...................................................................................................... 19
Tabel 4.3. 5 Tabel Detail Restock ............................................................................................ 20
Tabel 4.3. 6 Tabel Master Kamar ............................................................................................ 20
Tabel 4.3. 7 Tabel History Barang ........................................................................................... 21
5 | halaman
DAFTAR GAMBAR
Gambar 2. 1 Gambar Batasan Arsitektural .............................................................................. 10
Gambar 3. 1 Context Diagram Sistem Informasi Eksekutif pada Lafarew Shop ............Error!
Bookmark not defined.
Gambar 3. 2 Diagram berjenjang Sistem Informasi Eksekutif pada Lafarew Shop ........Error!
Gambar 3. 3 Diagram Flow Level 0 Sistem Informasi Eksekutif pada Lafarew Shop ...Error!
Gambar 5. 1 Conseptual Data Model Sistem Informasi Eksekutif Pada Lafarew Shop .......... 17
Gambar 5. 2 Physical Data Model Sistem Informasi Eksekutif Pada Lafarew Shop .............. 18
Gambar 5.1. 1 Desain Input History Penjualan ....................................................................... 24

Gambar 5.1. 2 Desain Input History Absensi .......................................................................... 25
Gambar 5.1. 3 Desain Input History Penggajian ..................................................................... 25
Gambar 5.1. 4 Desain Input Tipe History Restock .................................................................. 26
Gambar 5.1. 5 Desain Input Atur Target Penggajian pada History Penggajian ...................... 26
Gambar 5.1. 6 Desain Atur Target Absensi Pada History Absensi ......................................... 27
Gambar 5.2. 1 Desain Output Pada Homepage ....................................................................... 28

Gambar 5.2. 2 Desain Output History Penjualan ..................................................................... 28
Gambar 5.2. 3 Desain Output History Absensi........................................................................ 29
Gambar 5.2. 4 Desain Output History Penggajian ................................................................... 29
Gambar 5.2. 5 Desain Output History Restock........................................................................ 30
Gambar 5.2. 6 Desain Output Detail Restock .......................................................................... 30
Gambar 5.2. 7 Desain Output Laporan Penjualan ................................................................... 31
Gambar 5.2. 8 Desain Output Laporan Absensi ...................................................................... 31
Gambar 5.2. 9 Desain Output Laporan Penggajian ................................................................. 32
Gambar 5.2. 10 Output Laporan Restock ................................................................................ 32
6 | halaman
7 | halaman
DESAIN ARSITEKTUR PERANGKAT LUNAK
1. Perkenalan
Dokumen Desain dan Arsitektur Perangkat Lunak (DAPL) menjelaskan tentang

desain dan arsitektur perangkat lunak Sistem Informasi pada Lafarew Shop Pembuatan
DAPL ini bertujuan untuk membantu tahapan implementasi dari rancang bangun
perangkat lunak sistem informasi pada Lafarew Shop. Dalam DAPL ini akan
digambarkan tentang representasi arsitektur perangkat lunak serta penjelasan tentang
desain fungsional, desain sistem, dan desain program. DAPL merupakan kelanjutan
dari dokumen Spesifikasi Kebutuhan Perangkat Lunak (SKPL) terlampir, yang dibuat
berdasarkan Business Requirement Document (BRD) dan proposal proyek.
1.1 Tujuan
Tujuan dari dokumen ini adalah untuk memberikan gambaran tentang

berbagai kebutuhan yang diperlukan untuk membangun perangkat lunak sistem
informasi Lafarew Shop meliputi deskripsi produk, karakteristik pengguna,
spesifikasi kebutuhan fungsional, dan spesifikasi kebutuhan non fungsional.
1.2 Ruang Lingkup
Modul-modul yang akan dibangun untuk sistem informasi eksekutif

pada Lafarew Shop, dan dibahas dalam dokumen ini meliputi:
1. Lihat Informasi Absensi

2. Lihat Informasi Penggajian
3. Lihat Informasi Restock
4. Lihat Informasi Penjualan
5. Menentukan Target
6. Pembuatan Laporan
Sedangkan hal-hal yang tidak termasuk dalam sistem informasi yang akan
dibangun dan tidak dibahas dalam dokumen ini adalah:
1. Pengelolaan barang pada inventory.

2. Pengelolaan penjualan.
3. Pengelolaan restock.
8 | halaman
4. Pengelolaan penggajian.
5. Pengelolaan karyawan.
1.3 Definisi, Akronim, dan Singkatan
1. UMKM adalah bisnis yang dijalankan individu, rumah tangga, atau badan
usaha ukuran kecil. Penggolongan lazimnya dilakukan dengan batasan
omzet per tahun, jumlah kekayaan atau aset, serta jumlah karyawan.
2. Sistem Informasi Eksekutif adalah salah satu jenis manajemen sistem
informasi untuk memudahkan dan mendukung keterangan dan pembuatan
keputusan yang dibutuhkan eksekutif senior dengan menyediakan
kemudahan akses terhadap informasi baik dari dalam maupun dari luar yang
relevan dengan tujuan organisasi.
3. Inventory mengacu pada semua barang, produk, barang dagangan, dan

bahan baku yang dimiliki oleh bisnis untuk dijual di pasar untuk
mendapatkan keuntungan.
4. Restock merupakan proses pengisian kembali stok yang sebelumnya out of
stock atau stok barang tersebut hampir habis dengan cara membeli lagi
kepada supplier
5. Absensi adalah sebuah kegiatan pengambilan data guna mengetahui jumlah

kehadiran pada suatu acara. Setiap kegiatan yang membutuhkan informasi
mengenai peserta tentu akan melakukan absensi.
1.4 Referensi
AGAZI, M. A. (2020). DESAIN UI DASHBOARD EKSEKUTIF STANDAR

KE-2 (TATA PAMONG, TATA KELOLA, KERJASAMA) DAN KE-3
(MAHASISWA) PADA UNIVERSITAS DINAMIKA. REPOSITORI
UNIVERSITAS DINAMIKA, 1-92.
Dawan, A. (2018). SISTEM INFORMASI EKSEKUTIF BERBASIS WEB
PADA FAKULTAS TEKNIK UNIVERSITAS DIPONEGORO.
Makalah Seminar Tugas Akhir, 23-45.
Widiyastuti, S., Abdillah, S. A., & Kurniawan. (2014). SISTEM INFORMASI
EKSEKUTIF BAGIAN. Seminar Nasional Teknologi Informasi,
Komunikasi dan Managemen, 165-171.
9 | halaman
1.5 Gambaran
Dokumen ini disusun mengikuti struktur sebagai berikut:
1. Pada bagian pertama menjelaskan tentang deskripsi dokumen.

2. Pada bagian kedua berisi tentang representasi arsitektur yang terdiri atas (1)
arsitektur sistem dan (2) deskripsi umum dari arsitektur sistem.
3. Pada bagian ketiga, desain fungsional dokumen ini menjelaskan tentang
bagaimana desain proses, desain data, dan desain antarmuka. Desain proses
berisi tentang conteks diagram, diagram jenjang proses, dan data flow
diagram. Desain data berisi tentang desain konseptual, skema relasi,
normalisasi, dan conceptual data model. Desain antarmuka berisi tentang
antarmuka perangkat lunak, antarmuka perangkat keras, antarmuka
jaringan, dan antarmuka pengguna namun dalam dokumen ini hanya
terbatas pada desain antar muka pengguna. Desain keamanan berisi tentang
keamanan fisik, keamanan logical, keamanan personal, dan enkripsi namun
tidak dijelaskan di dalam dokumen ini
4. Pada bagian keempat desain sistem, dokumen ini mencoba menjelaskan
bagaimana standar pemrograman, Physical Data Model (PDM), dan data
dictionary sedangkan dalam rencana uji coba akan dijelaskan desain tentang
uji coba implementasi perangkat lunak yang telah dibuat.
5. Pada bagian kelima desain program, dokumen ini berisikan tentang

bagaimana desain unit/modul, dan pseudocode. Dalam bagian desain
unit/modul berisi tentang prosedur dan fungsi-fungsi namun tidak dijelaskan
dalam dokumen ini.
10 | halaman
2. Tujuan dan Batasan Arsitektural
Gambar 2. 1 Gambar Batasan Arsitektural
Lafarew Shop menggunakan arsitektur jaringan lokal (LAN) dan jaringan WAN yang
dimana menggunakan server internal terintegrasi langsung dengan router yang terhubung
dengan modem, sehingga dapat diakses pada perangkat yang terhubung dengan LAN
maupun WAN. Tujuan dari arsitektur jaringan ini tidak lain adalah untuk mempermudah
akses dalam mengakses aplikasi.
3. Gambaran Umum Arsitektur Sistem
3.1 Deployment Diagram Hardware
11 | halaman
3.2 Deployment Diagram Software
12 | halaman
4. Desain Arsitektur Komponen Sistem
13 | halaman
5. Daftar interaksi Antar Obyek
5.1 Melihat Informasi Penjualan
14 | halaman
5.2 Melihat Informasi Absensi
15 | halaman
5.3 Melihat Informasi Restock
16 | halaman
5.4 Melihat Informasi Penggajian
17 | halaman
6. Desain Struktur Kelas System
7. Desain Arsitektur Basis Data

7.1 Conseptual Data Model
Gambar 5. 1 Conseptual Data Model Sistem Informasi Eksekutif Pada Lafarew Shop
7.2 Physical Data model
18 | halaman
Gambar 5. 2 Physical Data Model Sistem Informasi Eksekutif Pada Lafarew Shop
7.3 Keterangan Tabel
1. Tabel History Penggajian
Tabel 4.3. 1 Tabel History Penggajian
Foreign Key
Constrai
No Kolom Tipe Data Lebar
nt
Tabel Kolom
1 ID_GAJI varchar 10 PK
ID_KAR Master
ID_KARY
2 YAWA varchar 10 FK Karya
AWAN
N wan
TANGG
AL_PEN
3 date
GGAJIA
N
4 TOTAL numeric 255
2. Tabel Master Karyawan
Tabel 4.3. 2 Tabel Master Karyawan
Foreign Key
No Kolom Tipe Data Lebar Constraint
Tabel Kolom
19 | halaman
ID_KARY
1 varchar 10 PK
AWAN
2 NAMA varchar 255
3 KELAMIN char 1
3. Tabel Absensi
Tabel 4.3. 3 Tabel Absensi
Foreign Key
Tipe Leba
No Kolom Constraint
Data r
Tabel Kolom
1 ID_ABSENSI varchar 10 PK
Master ID_KA
ID_KARYA
2 varchar 10 FK Karya RYAW
WAN
wan AN
TANGGAL_
3 datetime
ABSENSI
KETERANG
4 AN_ABSENS char 1
I
4. Tabel Restock
Tabel 4.3. 4 Tabel Restock
Foreign Key
Tabel Kolom
ID_RESTO
1 varchar 10 PK
CK
Master ID_KA
ID_KARY
2 varchar 10 FK Karya RYAW
AWAN
wan AN
20 | halaman
TANGGAL
3 _RESTOC date
K
5. Tabel Detail Restock
Tabel 4.3. 5 Tabel Detail Restock
Foreign Key
Tabel Kolom
ID_DETAI
1 L_RESTOC varchar 10 PK
K
ID_RE
ID_RESTO
2 varchar 10 FK Restock STOC
CK
K
ID_B
ID_BARA Master
3 varchar 10 FK ARAN
NG Barang
G
JUMLAH_
4 int
RESTOCK
6. Tabel Master Barang
Tabel 4.3. 6 Tabel Master Kamar
Foreign Key
Tabel Kolom
ID_BARA
1 varchar 10 PK
NG
NAMA_BA
2 varchar 255
RANG
HARGA_J
3 numeric 255
UAL
4 STOK int
21 | halaman
HARGA_B
5 numeric 255
ELI
7. Tabel History Barang
Tabel 4.3. 7 Tabel History Barang
Foreign Key
Tabel Kolom
ID_HISTO
1 RY_BARA varchar 10 PK
NG
ID_B
ID_BARA Master
2 varchar 10 FK ARAN
NG Barang
G
3 JUMLAH int
TANGGAL
4 date
_HISTORY
5 STATUS char 1
8. Desain Transisi Sistem
22 | halaman
8.1 Menampilkan Informasi Penjualan
8.2 Menampilkan Informasi Restock
8.3 Melihat Informasi Absensi
23 | halaman
8.4 Melihat Informasi Penggajian
9. Desain Input dan Output

9.1 Desain Input
Masukan (input) merupakan awal dimulainya informasi. Bahan mentah dari

informasi adalah data yang terjadi dari transaksi yang dilakukan oleh organisasi.
24 | halaman
Desain input digunakan untuk merancang tampilan layar dikomputer yang

menggambarkan bagaimana bentuk pemasukan data.
9.1.1 Desain Input Tanggal Pada History Penjualan
Berikut merupakan tampilan dari fitur history penjualan dimana

inputan berada pada periode history penjualan seperti pada gambar yang
terdapat lingkaran merah.
Gambar 5.1. 1 Desain Input History Penjualan
Gambar 6.1.1 adalah desain dari fitur history penjualan yang berisikan
inputan ID History, ID Barang, Nama Barang, Jumlah, Tanggal yang
otomatis dari system.
9.1.2 Desain Input Tanggal Pada History Absensi
Berikut merupakan tampilan dari input history absensi dimana inputan

berada pada periode history absensi seperti pada gambar yang terdapat
lingkaran merah.
25 | halaman
Gambar 5.1. 2 Desain Input History Absensi
Gambar 6.1.2 adalah desain fitur input history absensi yang berisikan
ID Absensi, ID Karyawan, Nama Karyawan, Tanggal Absensi, Status.
9.1.3 Desain Input History Penggajian
Berikut merupakan tampilan dari input history absensi dimana inputan

berada pada periode history penjualan seperti pada gambar yang terdapat
lingkaran merah.
Gambar 5.1. 3 Desain Input History Penggajian
Gambar 5.1.3 adalah desain fitur input history penggajian yang

berisikan ID Gaji, ID Karyawan, Nama Karyawan, Total.
26 | halaman
9.1.4 Desain Input History Restock
Berikut merupakan tampilan dari input history restock dimana inputan

berada pada periode history restock seperti pada gambar yang terdapat
lingkaran merah.
Gambar 5.1. 4 Desain Input Tipe History Restock
Gambar 5.1.4 adalah desain History Restock yang berisikan ID

Restock, ID Karyawan, Nama Karyawan, Tanggal Restock.
9.1.5 Desain Input Atur Target Penggajian pada History Penggajian
Dibawah Merupakan tampilan atur target penggajian yang akan muncul

saat kita menekan tombol “atur target penjualan” pada history penggajian:
Gambar 5.1. 5 Desain Input Atur Target Penggajian pada History Penggajian
27 | halaman
9.1.6 Desain Atur Target Absensi pada History Absensi
Dibawah Merupakan tampilan atur target absensi yang akan muncul saat
kita menekan tombol “atur target absensi” pada history absensi:
Gambar 5.1. 6 Desain Atur Target Absensi Pada History Absensi
9.2 Desain Output
Output merupakan produk dari sistem informasi yang dapat dilihat. Output
ini dapat berupa hasil yang dikeluarkan di media keras (kertas dan lain-lain) dan
output yang berupa hasil dikeluarkan ke media lunak (tampilan di layar).
9.2.1 Output Pada Homepage

Berikut merupakan tampilan Homepage sistem informasi eksekutif
pada Lafarew Shop, terdapat beberapa informasi yang ditampilkan seperti
summary penjualan, absensi, penggajian dan restock pada bulan ini dan
juga informasi-informasi grafik pada segmen dashboard.
28 | halaman
Gambar 5.2. 1 Desain Output Pada Homepage
9.2.2 Output History Penjualan
Berikut merupakan tampilan output history penjualan pada Lafarew

Shop per periode yang diinginkan
Gambar 5.2. 2 Desain Output History Penjualan
29 | halaman
9.2.3 Output History Absensi
Gambar dibawah tampilan output history Absensi karyawan pada

Lafarew Shop per periode yang diinginkan.
Gambar 5.2. 3 Desain Output History Absensi
9.2.4 Output History Penggajian
Berikut merupakan tampilan output history penggajian pada

Lafarew Shop per periode yang diinginkan.
Gambar 5.2. 4 Desain Output History Penggajian
9.2.5 Output History Restock
Berikut merupakan tampilan output history Restock pada Lafarew

Shop per periode yang diinginkan.
30 | halaman
Gambar 5.2. 5 Desain Output History Restock
9.2.6 Output Detail Restock
Berikut merupakan tampilan output detail restock pada Lafarew

Shop saat kita menekan salah satu data pada history restock.
Gambar 5.2. 6 Desain Output Detail Restock
9.2.7 Output Laporan Penjualan
Berikut merupakan tampilan laporan penjualan pada Lafarew Shop

per periode yang diinginkan.
31 | halaman
Gambar 5.2. 7 Desain Output Laporan Penjualan
9.2.8 Output Laporan Absensi
Berikut merupakan tampilan laporan absensi pada Lafarew Shop

Gambar 5.2. 8 Desain Output Laporan Absensi
9.2.9 Output Laporan Penggajian
Berikut merupakan tampilan laporan penggajian pada Lafarew

Shop per periode yang diinginkan.
32 | halaman
Gambar 5.2. 9 Desain Output Laporan Penggajian
9.2.10 Output Laporan Restock
Berikut merupakan tampilan laporan restock pada Lafarew Shop

Gambar 5.2. 10 Output Laporan Restock
33 | halaman

DAPL UAS Lafarew

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

DAPL UAS Lafarew

Diunggah oleh

Hak Cipta:

Format Tersedia

Pengembangan Sistem Informasi

SISTEM INFORMASI EKSEKUTIF PADA LAFAREW

Desain Arsitektur Perangkat Lunak

SEJARAH REVISI DOKUMEN

Tanggal Versi Deskripsi Penulis

Sistem Informasi Eksekutif Pada LAFAREW Shop

2. Nama : Galih Nur Baladil Amin

3. Nama : Djatu Hamidan Ardiwinanto

4. Nama : Aditya Lila Saputra

Surabaya, 1 Mei 2021

1.2 Ruang Lingkup 7

1.3 Definisi, Akronim, dan Singkatan 8

2. Tujuan dan Batasan Arsitektural 10

3. Gambaran Umum Arsitektur Sistem Error! Bookmark not defined.

3. 1 Context Diagram Error! Bookmark not defined.

3. 2 Diagram Berjenjang Error! Bookmark not defined.

3. 3 Data Flow Diagram Level 0 Error! Bookmark not defined.

4. Desain Arsitektur Basis Data 17

4.1 Conseptual Data Model 17

4.2 Physical Data model 17

4.3 Keterangan Tabel 18

5. Desain Input dan Output 23

5.1 Desain Input 23

5.1.1 Desain Input Tanggal Pada History Penjualan 24

5.1.2 Desain Input Tanggal Pada History Absensi 24

5.1.3 Desain Input History Penggajian 25

5.1.4 Desain Input History Restock 26

5.1.5 Desain Input Atur Target Penggajian pada History Penggajian 26

5.1.6 Desain Atur Target Absensi pada History Absensi 27

5.2 Desain Output 27

5.2.1 Output Pada Homepage 27

5.2.2 Output History Penjualan 28

5.2.3 Output History Absensi 29

5.2.4 Output History Penggajian 29

5.2.5 Output History Restock 29

5.2.6 Output Detail Restock 30

5.2.7 Output Laporan Penjualan 30

5.2.8 Output Laporan Absensi 31

5.2.9 Output Laporan Penggajian 31

5.2.10 Output Laporan Restock 32

Gambar 5.1. 1 Desain Input History Penjualan ....................................................................... 24

Gambar 5.2. 1 Desain Output Pada Homepage ....................................................................... 28

DESAIN ARSITEKTUR PERANGKAT LUNAK

Dokumen Desain dan Arsitektur Perangkat Lunak (DAPL) menjelaskan tentang

Tujuan dari dokumen ini adalah untuk memberikan gambaran tentang

1.2 Ruang Lingkup

Modul-modul yang akan dibangun untuk sistem informasi eksekutif

1. Lihat Informasi Absensi

1. Pengelolaan barang pada inventory.

3. Inventory mengacu pada semua barang, produk, barang dagangan, dan

5. Absensi adalah sebuah kegiatan pengambilan data guna mengetahui jumlah

AGAZI, M. A. (2020). DESAIN UI DASHBOARD EKSEKUTIF STANDAR

Dokumen ini disusun mengikuti struktur sebagai berikut:

1. Pada bagian pertama menjelaskan tentang deskripsi dokumen.

5. Pada bagian kelima desain program, dokumen ini berisikan tentang

2. Tujuan dan Batasan Arsitektural

Gambar 2. 1 Gambar Batasan Arsitektural

3.2 Deployment Diagram Software

4. Desain Arsitektur Komponen Sistem

5. Daftar interaksi Antar Obyek

5.1 Melihat Informasi Penjualan

5.2 Melihat Informasi Absensi

5.3 Melihat Informasi Restock