BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 37 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Sistem Informasi Akuntansi pada CV.

37

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan Software

A. Tahapan Analisis

Sistem Informasi Akuntansi pada CV. Gemilang Lestari Jaya Tangerang

Selatan dibuat agar memudahkan karyawan dan pimpinan dalam mengakses

informasi mengenai kegiatan keuangan yang ada di perusahaan dimana mereka

tidak harus bertemu dan bertatap muka untuk memperoleh informasi keuangan

tersebut. Informasi mengenai keuangan perusahaan dapat diakses menggunakan

media web browser. Berikut ini adalah spesifikasi kebutuhan dari sistem

informasi akuntansi pada CV. Gemilang Lestari Jaya Tangerang Selatan.

Halaman Admin :

A1. Admin dapat melakukan login dengan username dan password yang

telah ditentukan

A2. Admin dapat mengelola data akun.

A3. Admin dapat mengelola data saldo awal.

A4. Admin dapat mengelola data user.

A5. Admin dapat mengelola data periode akuntansi.

A6. Admin dapat mengelola transaksi kas masuk.

A7. Admin dapat mengelola transaksi kas keluar.

A8. Admin dapat mengelola transaksi jurnal umum.

A9. Admin dapat mengelola informasi akun.

A10. Admin dapat mengelola informasi user.

38

A11. Admin dapat mengelola informasi kas keluar.

A12. Admin dapat mengelola informasi kas masuk.

A13. Admin dapat mengelola informasi jurnal umum.

A14. Admin dapat mengelola laporan arus kas.

A15. Admin dapat mengelola laporan laba rugi.

A16. Admin dapat mengelola laporan perubahan modal.

A17. Admin dapat mengelola laporan Neraca.

Halaman Akuntan :

B1. Akuntan dapat melakukan login dengan username dan password yang

telah ditentukan

B2. Akuntan dapat mengelola transaksi kas masuk

B3. Akuntan dapat mengelola transaksi kas keluar.

B4. Akuntan dapat mengelola transaksi jurnal umum.

B5. Akuntan dapat mengelola informasi akun.

B6. Akuntan dapat mengelola informasi user.

B7. Akuntan dapat mengelola informasi kas keluar.

B8. Akuntan dapat mengelola informasi kas masuk.

B9. Akuntan dapat mengelola informasi jurnal umum.

B10. Akuntan dapat mengelola laporan arus kas.

B11. Akuntan dapat mengelola laporan laba rugi.

B12. Akuntan dapat mengelola laporan perubahan modal.

B13. Akuntan dapat mengelola laporan neraca.

39

Halaman Direktur :

C1. Direktur dapat melakukan login dengan username dan password yang

telah ditentukan

C2. Direktur dapat mengelola laporan arus kas.

C3. Direktur dapat mengelola laporan laba rugi.

C4. Direktur dapat mengelola laporan perubahan modal.

C5. Direktur dapat mengelola laporan neraca.

B. Use Case diagram

Kegiatan sistem informasi akuntansi pada CV. Gemilang Lestari Jaya

digambarkan oleh Business Use Case Diagram sebagai berikut:

40

1. Use Case Diagram Halaman Admin

Gambar IV.1

Use Case Diagram Sistem Informasi Akuntansi Halaman Admin

41

1. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Login Admin :

Tabel IV.1

Deskripsi Use Case Diagram Sistem Informasi Akuntansi

Login Admin

Use Case Name Login Admin

Requirements A1

Goal Menu Admin akan tampil

Pre-conditions Data Admin harus sudah ada didalam sistem

Post-conditions Admin berhasil login dan masuk kedalam

menu Admin

Failed and condition Admin gagal login

Primary Actors Admin

Main Flow/Basic Path 1. Admin menginput username

2. Admin menginput password

3. Sistem memverifikasi username dan

password

4. Jika valid sistem menampilkan menu

Admin

5. Jika tidak valid sistem kembali ke

halaman login Admin

Invariant -

42

2. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola Data

Akun :

Tabel IV.2


Mengelola Data Akun

Use Case Name Mengelola Data Akun

Requirements A2

Goal Admin dapat menambah, memfilter, mengedit

dan menghapus data transaksi

Pre-conditions Admin telah melakukan login

Post-conditions Data Akun tampil, tersimpan dan terhapus

Failed and condition Gagal menambah, memfilter, menyimpan dan

menghapus Data Akun


Main Flow/Basic Path 6. Admin memilih data akun

7. Sistem menampilkan form tambah akun

dan menampilkan data akun

8. Admin mengisi form tambah akun

9. Admin memilih tombol “Insert”

10. Sistem menyimpan data akun

Alternate Flow/ Invariant 1 2a. Admin mengedit data akun

Invariant 2 2b. Admin menghapus data akun

Invariant 3 2c. Admin memfilter data akun

43


Saldo Awal :

Tabel IV.3


Mengelola Data Saldo Awal

Use Case Name Mengelola Data Saldo Awal

Requirements A3


dan menghapus data saldo awal


Post-conditions Data saldo awal tampil, tersimpan dan terhapus


menghapus data saldo awal


Main Flow/Basic Path 11. Admin memilih saldo awal

12. Sistem menampilkan form saldo awal,

data akun dan data saldo awal

13. Admin memilih akun

14. Admin mengisi form saldo awal

15. Admin memilih tombol “Simpan”

16. Sistem menyimpan data saldo awal

Alternate Flow/ Invariant 1 2a. Admin mengedit data saldo awal

Invariant 2 2b. Admin menghapus data saldo awal

Invariant 3 2c. Admin memfilter data saldo awal

44


User :

Tabel IV.4


Mengelola Data User

Use Case Name Mengelola Data User

Requirements A4


dan menghapus data user


Post-conditions Data user tampil, tersimpan dan terhapus


menghapus data user


Main Flow/Basic Path 17. Admin memilih user

18. Sistem menampilkan data user

19. Admin memilih tombol “Tambah”

20. Sistem menampilkan form administrator

21. Admin mengisi form administrator


23. Sistem menyimpan data user

Alternate Flow/ Invariant 1 2a. Admin mengedit data user

Invariant 2 2b. Admin menghapus data user

Invariant 3 2c. Admin memfilter data user

45


Periode Akuntansi :

Tabel IV.5


Mengelola Data Periode Akuntansi

Use Case Name Mengelola Data Periode Akuntansi

Requirements A5

Goal Admin dapat menambah, mengedit dan

menghapus data periode akuntansi


Post-conditions Data periode akuntansi tampil, tersimpan dan

terhapus

Failed and condition Gagal menambah, menyimpan dan menghapus

data periode akuntansi


Main Flow/Basic Path 24. Admin memilih periode akuntansi

25. Sistem menampilkan data periode

akuntansi

26. Admin memilih tombol “Tambah Periode

Baru”

27. Sistem menampilkan form tambah periode

28. Admin mengisi form tambah periode

29. Admin memilih tombol “Insert”

30. Sistem menyimpan data periode akuntansi

Alternate Flow/ Invariant 1 2a. Admin mengedit data periode akuntansi

Invariant 2 2b. Admin menghapus data periode akuntansi

46


Transaksi :

Tabel IV.6


Mengelola Data Transaksi

Use Case Name Mengelola Data Transaksi

Requirements A6-A8

Goal Admin dapat menambah, memfilter dan

menghapus data transaksi


Post-conditions Data transaksi tampil, tersimpan dan terhapus

Failed and condition Gagal menambah, memfilter dan menghapus

Data transaksi


Main Flow/Basic Path 31. Admin memilih jenis transaksi

32. Sistem menampilkan form transaksi dan

menampilkan data transaksi

33. Admin memilih tombol “Tambah”

34. Sistem menampilkan nomor urut transaksi

35. Admin mengisi form transaksi


37. Sistem menyimpan data transaksi

Alternate Flow/ Invariant 1 2A. Admin menghapus data transaksi

Invariant 2 2b. Admin memfilter data transaksi

47

7. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Mengelola

Informasi Akun :

Tabel IV.7


Mengelola Informasi Akun

Use Case Name Mengelola Informasi Akun

Requirements A9

Goal Admin dapat memfilter informasi akun


Post-conditions Informasi akun tampil dan terfilter

Failed and condition Gagal menampilkan dan memfilter informasi

akun


Main Flow/Basic Path 38. Admin memilih informasi akun

39. Sistem menampilkan informasi akun

40. Admin mengetik no akun atau nama akun

41. Admin memilih tombol “Cari”

42. Sistem memfilter dan menampilkan

informasi akun

Invariant -

48


Informasi User :

Tabel IV.8


Mengelola Informasi User

Use Case Name Mengelola Informasi User

Requirements A10

Goal Admin dapat memfilter informasi user


Post-conditions Informasi user tampil dan terfilter


user


Main Flow/Basic Path 43. Admin memilih informasi user

44. Sistem menampilkan informasi user

45. Admin mengetik username atau nama

lengkap



informasi user

Invariant -

49


Informasi Transaksi :

Tabel IV.9


Mengelola Informasi Transaksi

Use Case Name Mengelola Informasi Transaksi

Requirements A11-A13

Goal Admin dapat memfilter informasi transaksi


Post-conditions Informasi transaksi tampil dan terfilter


transaksi


Main Flow/Basic Path 48. Admin memilih jenis informasi transaksi

49. Sistem menampilkan informasi transaksi

50. Admin mengisi periode akuntansi



informasi transaksi

Invariant -

50


Laporan :

Tabel IV.10


Mengelola Laporan

Use Case Name Mengelola Laporan

Requirements A14-A17

Goal Admin dapat menampilkan dan mencetak

laporan


Post-conditions Sistem menampilkan laporan.

Failed and condition Admin membatalkan akses laporan


Main Flow/Basic Path 53. Admin memilih jenis laporan

54. Sistem menampilkan form periode

laporan

55. Admin mengisi periode laporan

56. Admin memilih tombol “Tampil”

57. Sistem menampilkan laporan

58. Admin dapat mencetak laporan

Invariant -

51

2. Use Case Diagram Halaman Akuntan

Gambar IV.2

Use Case Diagram Sistem Informasi Akuntansi Halaman Akuntan

52

1. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Login Akuntan :

Tabel IV.11


Login Akuntan

Use Case Name Login Akuntan

Requirements B1

Goal Menu Akuntan akan tampil

Pre-conditions Data Akuntan harus sudah ada didalam sistem

Post-conditions Akuntan berhasil login dan masuk kedalam

menu Akuntan.

Failed and condition Akuntan gagal login

Primary Actors Akuntan

Main Flow/Basic Path 1. Akuntan menginput username

2. Akuntan menginput password


password


Akuntan

5. Jika tidak valid sistem kembali ke halaman

login Akuntan

Invariant -

53


Transaksi :

Tabel IV.12



Use Case Name Mengelola Data Transaksi

Requirements B2-B4

Goal Akuntan dapat menambah, memfilter dan

menghapus data transaksi

Pre-conditions Akuntan telah melakukan login

Post-conditions Data transaksi tampil, tersimpan dan terhapus

Failed and condition Gagal menambah, memfilter dan menghapus

Data transaksi


Main Flow/Basic Path 6. Akuntan memilih jenis transaksi

7. Sistem menampilkan form transaksi dan

menampilkan data transaksi

8. Akuntan memilih tombol “Tambah”

9. Sistem menampilkan nomor urut

transaksi

10. Akuntan mengisi form transaksi

11. Akuntan memilih tombol “Simpan”

12. Sistem menyimpan data transaksi

Alternate Flow/ Invariant 1 2A. Akuntan menghapus data transaksi

Invariant 2 2b. Akuntan memfilter data transaksi

54


Informasi Akun :

Tabel IV.13



Use Case Name Mengelola Informasi Akun

Requirements B5

Goal Akuntan dapat memfilter informasi akun


Post-conditions Informasi akun tampil dan terfilter


akun


Main Flow/Basic Path 13. Akuntan memilih informasi akun

14. Sistem menampilkan informasi akun

15. Akuntan mengetik no akun atau nama

akun

16. Akuntan memilih tombol “Cari”


informasi akun

Invariant -

55


Informasi User :

Tabel IV.14



Use Case Name Mengelola Informasi User

Requirements B6

Goal Akuntan dapat memfilter informasi user


Post-conditions Informasi user tampil dan terfilter


user


Main Flow/Basic Path 18. Akuntan memilih informasi user

19. Sistem menampilkan informasi user

20. Akuntan mengetik username atau nama

lengkap



informasi user

Invariant -

56


Informasi Transaksi :

Tabel IV.15



Use Case Name Mengelola Informasi Transaksi

Requirements B7-B9

Goal Akuntan dapat memfilter informasi transaksi


Post-conditions Informasi transaksi tampil dan terfilter


transaksi


Main Flow/Basic Path 23. Akuntan memilih jenis informasi transaksi

24. Sistem menampilkan informasi transaksi

25. Akuntan mengisi periode laporan



informasi transaksi

Invariant -

57


Laporan :

Tabel IV.16


Mengelola Laporan


Requirements B10-B13

Goal Akuntan dapat menampilkan dan mencetak

laporan


Post-conditions Sistem menampilkan laporan.

Failed and condition Akuntan membatalkan akses laporan


Main Flow/Basic Path 28. Akuntan memilih jenis laporan

29. Sistem menampilkan form periode

laporan

30. Akuntan mengisi periode laporan

31. Akuntan memilih tombol “Tampil”


33. Akuntan dapat mencetak laporan

Invariant -

58

3. Use Case Diagram Halaman Direktur

Gambar IV.3

Use Case Diagram Sistem Informasi Akuntansi Halaman Direktur

1. Deskripsi Use Case Diagram Sistem Informasi Akuntansi Login Direktur :

Tabel IV.17


Login Direktur

Use Case Name Login Direktur

Requirements C1

Goal Menu Direktur akan tampil

59

Pre-conditions Data Direktur harus sudah ada didalam sistem

Post-conditions Direktur berhasil login dan masuk kedalam menu

Direktur.

Failed and condition Direktur gagal login

Primary Actors Direktur

Main Flow/Basic Path 2. Direktur menginput username

3. Direktur menginput password


password


Direktur

6. Jika tidak valid sistem kembali ke halaman

login Direktur

Invariant -


Laporan :

Tabel IV.18


Mengelola Laporan


Requirements C2-C5

Goal Direktur dapat menampilkan dan mencetak

laporan

Pre-conditions Direktur telah melakukan login

60

Post-conditions Sistem menampilkan laporan

Failed and condition Gagal menampilkan dan mencetak laporan

Primary Actors Direktur

Main Flow/Basic Path 7. Direktur memilih jenis laporan

8. Sistem menampilkan form periode laporan

9. Direktur mengisi periode laporan

10. Direktur memilih tombol “Tampil”


12. Direktur dapat mencetak laporan

Invariant -

61

C. Activity Diagram

1. Activity Diagram Admin Mengelola Data Akun

Gambar IV.4

Activity Diagram Sistem Informasi Akuntansi Halaman Admin

Mengelola Data Akun

62

2. Activity Diagram Admin Mengelola Data Saldo Awal

Gambar IV.5


Mengelola Data Saldo Awal

63

3. Activity Diagram Admin Mengelola Data User

Gambar IV.6


Mengelola Data User

64

4. Activity Diagram Admin Mengelola Data Periode

Gambar IV.7


Mengelola Data Periode

65

5. Activity Diagram Akuntan Mengelola Transaksi

Gambar IV.8

Activity Diagram Sistem Informasi Akuntansi Halaman Akuntan


66

6. Activity Diagram Akuntan Mengelola Informasi Akun

Gambar IV.9



67

7. Activity Diagram Akuntan Mengelola Informasi User

Gambar IV.10



68

8. Activity Diagram Akuntan Mengelola Informasi Transaksi

Gambar IV.11



69

9. Activity Diagram Direktur Mengelola Data Laporan

Gambar IV.12


Mengelola Data Laporan

70

4.2. Desain

4.2.1. Database

1. Entity Relationship Diagram (ERD)

Gambar IV.13

Entity Relationship Diagram Sistem Informasi Akuntansi

71

2. Logical Record Structure

Gambar IV.14

Logical Record Structure Sistem Informasi Akuntansi

3. Spesifikasi File

a. Spesifikasi File Tabel Admin

Nama Database : sia

Nama File : Tabel Admin

Akronim : admin.ibd

72

Tipe File : File Master

Akses File : Random

Panjang Record : 51 Byte

Kunci Field : username

Tabel IV.19

Spesifikasi File Tabel Admin

No Elemen Data Nama Field Type Size Keterangan

1 Username username varchar 5 Primary Key

2 Nama

Lengkap

nama_lengkap varchar 25

3 Password passwd varchar 6

4 Hak Akses hak_akses varchar 15

b. Spesifikasi File Tabel Master Akun

Nama Database : sia

Nama File : Tabel Master Akun

Akronim : master_akun.ibd


Akses File : Random


Kunci Field : kode_akun

73

Tabel IV.20

Spesifikasi File Tabel Master Akun


1 Kode Akun kode_akun varchar 7 Primary Key

2 Nama Akun nama_akun varchar 30

3 Jesin Akun jenis_akun varchar 15

4 Saldo Normal saldo_normal varchar 6

c. Spesifikasi File Tabel Saldo Awal

Nama Database : sia

Nama File : Tabel Saldo Awal

Akronim : saldo_awal.ibd


Akses File : Random


Kunci Field : kode_akun

Tabel IV.21

Spesifikasi File Tabel Saldo Awal


1 Kode Akun kode_akun varchar 7 Primary Key

2 Saldo Debet saldo_debet int 11

3 Saldo Kredit saldo_kredit int 11

74

d. Spesifikasi File Tabel Periode

Nama Database : sia

Nama File : Tabel Periode

Akronim : periode.ibd


Akses File : Random


Kunci Field : thn

Tabel IV.22

Spesifikasi File Tabel Periode


1 Tahun thn int 4 Primary Key

2 Awal Bulan awal_bln varchar 15

3 Akhir Bulan akhir_bln varchar 15

4 Status status enum

e. Spesifikasi File Tabel Kas In

Nama Database : sia

Nama File : Tabel Kas In

Akronim : kas_in.ibd

Tipe File : File Transaksi

Akses File : Random

75


Kunci Field : no_km

Tabel IV.23

Spesifikasi File Tabel Kas In


1 No Kas Masuk no_km varchar 10 Primary Key

2 Tanggal Kas Masuk tgl_km date

3 Keterangan keterangan varchar 50

f. Spesifikasi File Tabel Kas In Detail

Nama Database : sia

Nama File : Tabel Kas In Detail

Akronim : kas_in_detail.ibd


Akses File : Random


Kunci Field : no_km

Tabel IV.24

Spesifikasi File Tabel Kas In Detail


1 No Kas Masuk no_km varchar 10 Primary Key

76

2 Kode Akun kode_akun varchar 7 Foreign Key

3 Nominal nominal int 11

g. Spesifikasi File Tabel Kas Out

Nama Database : sia

Nama File : Tabel Kas Out

Akronim : kas_out.ibd


Akses File : Random


Kunci Field : no_kk

Tabel IV.25

Spesifikasi File Tabel Kas Out


1 No Kas Keluar no_kk varchar 10 Primary Key

2 Tanggal Kas Keluar tgl_kk date

3 Memo memo varchar 50

h. Spesifikasi File Tabel Kas Out Detail

Nama Database : sia

Nama File : Tabel Kas Out Detail

Akronim : kas_out_detail.ibd

77


Akses File : Random


Kunci Field : no_kk

Tabel IV.26

Spesifikasi File Tabel Kas Out Detail


1 No Kas Keluar no_kk varchar 10 Primary Key


3 Nominal nominal int 11

i. Spesifikasi File Tabel Jurnal

Nama Database : sia

Nama File : Tabel Jurnal

Akronim : jurnal.ibd


Akses File : Random


Kunci Field : no_referensi

78

Tabel IV.27

Spesifikasi File Tabel Jurnal


1 No Referensi no_referensi varchar 10 Primary Key

2 tanggal Transaksi tgl_trans date

3 No Bukti

Transaksi

no_bukti_trans varchar 10

4 Keterangan keterangan varchar 50

j. Spesifikasi File Tabel Jurnal Detail

Nama Database : sia

Nama File : Tabel Jurnal Detail

Akronim : jurnal_detail.ibd


Akses File : Random


Kunci Field : no_referensi

Tabel IV.28

Spesifikasi File Tabel Jurnal


1 No Referensi no_referensi varchar 10 Primary Key

79


3 Debet debet int 11

4 Kredit kredit int 11

4.2.2. Software Architecture

A. Component Diagram

Component Diagram menggambarkan struktur dan hubungan

antar komponen piranti lunak. Berikut adalah gambaran component

diagram:

Gambar IV.15

Component Diagram Sistem Informasi Akuntansi

80

B. Deployment Diagram

Deployment Diagram menggambarkan tata letak sistem

secara fisik, yang menampakan bagian-bagian software yang

berjalan pada hardware yang digunakan untuk

mengimplementasikan sebuah sistem dan keterhubungan antara

komponen hardware. Berikut adalah gambaran dari deployment

diagram:

Gambar IV.16

Deployment Diagram Sistem Informasi Akuntansi

4.2.3. User Interface

User Interface adalah tampilan program atau website yang dibuat

oleh penulis. Berikut adalah user interface dari sistem Informasi

Akuntansi :

81

Gambar IV.17

Tampilan Home

Gambar IV.18

Tampilan About

82

Gambar IV.19

Tampilan Gallerry

Gambar IV.20

Tampilan Profile

83

Gambar IV.21

Tampilan Login

Gambar IV.22

Tampilan Halaman Admin

84

Gambar IV. 23

Tampilan Sub Menu Akun

Gambar IV. 24

Tampilan Sub Menu Saldo Awal

85

Gambar IV. 25

Tampilan Sub Menu User

Gambar IV. 26

Tampilan Sub Menu Periode Akuntansi

86

Gambar IV. 27

Tampilan Sub Menu Kas Masuk

Gambar IV. 28

Tampilan Sub Menu Kas Keluar

87

Gambar IV. 29

Tampilan Sub Menu Jurnal Umum

Gambar IV. 30

Tampilan Sub Menu Informasi Akun

88

Gambar IV. 31

Tampilan Sub Menu Informasi User

Gambar IV. 32

Tampilan Sub Menu Informasi Kas Masuk

89

Gambar IV. 33

Tampilan Sub Menu Informasi Kas Keluar

Gambar IV. 34

Tampilan Sub Menu Informasi Jurnal Umum

90

Gambar IV. 35

Tampilan Sub Menu Arus Kas

Gambar IV. 36

Tampilan Sub Menu Laba Rugi

91

Gambar IV. 37

Tampilan Sub Menu Perubahan Modal

Gambar IV. 38

Tampilan Sub Menu Neraca

92

4.3. Code Generation

a. Halaman Pengunjung

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>

<%-- Koneksi --%>

<sql:setDataSource var="dataSource"

driver="com.mysql.jdbc.Driver"

url="jdbc:mysql://localhost:3306/sia"

user="root" password=""/>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;

charset=UTF-8">

<title>Sistem Informasi Akuntansi 1.0</title>

<link rel="stylesheet" type="text/css" href="config/style.css"

media="screen" />

<script type="text/javascript" src="config/setting.js"></script>

</head>

<body>

<div id="wrap">

<div id="header"><%-- awal header --%>

<img src="image/logo.jpg"><%-- gambar silahkan

massukkan logo BSI --%>

<h1><a>CV   Gemilang   Lestari

  Jaya</a></h1><br>

<%-- mahasiswa wajib mengganti alamat kampus msg2 --%>

<h2>Villa Dago Tol Blok D2 No. 46 Sarua, Ciputat</h2>

<%-- mahasiswa wajib mengganti dengan nama masing2 --%>

<h2>Tangerang Selatan</h2>

</div><%-- akhir dari header --%>

<div id="menu"><%-- awal dari menu atas --%>

<ul>

<li><a href="pengunjung.jsp">Home</a></li>

<li><a

href="pengunjung.jsp?halaman=about">About</a></li><%-- buat

halaman about dengan biodata mahasiswa --%>

<li><a

href="pengunjung.jsp?halaman=gallery">Gallery</a></li>

<li><a

href="pengunjung.jsp?halaman=profile">Profile</a></li>

<li><a

href="http://localhost:8080/sia_skripsi/login.jsp">Login</a></li>

</ul>

</div><%-- akhir dari menu atas --%>

93

<div class="center"> <%-- awal dari content sebelah kanan web

--%>

<table width="100%">

<tr>

<td valign="top" width="110%">

<c:choose><%-- isi dari content sebelah kanan --%>

<c:when test="${param.halaman=='gallery'}">

<%@include file="gallery.jsp" %>

</c:when>

<c:when test="${param.halaman=='about'}">

<%@include file="about.jsp" %>

</c:when>

<c:when test="${param.halaman=='profile'}">

<%@include file="profile.jsp" %>

</c:when>

<c:otherwise>

<%@include file="home.jsp" %>

</c:otherwise>

</c:choose>

</td>

</tr>

</table>

<div class="footer"> <%-- awal dari content footer web --

%>

Support by <a href="facebook.com">Program Ku</a>,||

©2018

Thanks to Layout menu utama menggunakan CSS

</div><%-- akhir dari content footer web --%>

</div><%-- akhir dari content sebelah kanan web --%>

</div>

</body>

</html>

b. Halaman Login

<% if (session.getAttribute("nama") != null)

response.sendRedirect("index.jsp"); %>


<!DOCTYPE html>

<html>

<head>


charset=UTF-8">

<title>LOG IN</title>

<link rel="stylesheet" type="text/css"

href="config/style.css" media="Screen"/>

<style type="text/css">

*{margin:auto;padding:0;}

94

body{font-family:helvetica;background:#75B03C;}

#header {height: 10px; margin: 0 auto; width: 965px; background:

#75B03C;}

#con{background:#fff;width:350px;padding:30px;margin-

top:200px;border-radius:20px;border:2 solid #eee;box-shadow:2px 6px

10px #ccc;}

h2{text-align:center;margin-bottom:15px;}

p{margin-bottom:10px;}

label{display:inline-block;width:100px;}

input[type=submit]{border:none;color:#fff;background:linear-

gradient(top, #333 0%, #777 100%);background:-moz-linear-

gradient(top, #333 0%, #777 100%);background:-webkit-linear-

gradient(top, #333 0%, #777 100%);height:30px;width:100px;border-

radius:5px;}

input[type=submit]:active{background:linear-gradient(top, #888 0%,

#bbb 100%);background:-moz-linear-gradient(top, #888 0%, #bbb

100%);background:-webkit-linear-gradient(top, #888 0%, #bbb 100%);}

</style>

</head>

<body>

<div id="wrap">


</div>

<div id="con">

<h2>Login</h2>

<form action="login" method="post">

<p>

<label>Username</label>

<input type="text" class="form-control" id="email"

placeholder="Enter username" name="username">

</p>

<p>

<label>Password</label>

<input type="password" class="form-control" id="pwd"

placeholder="Enter password" name="password">

</p>

<p>

<label></label>

<button type="submit" class="btn btn-

default">Submit</button><br><br>

</p>

</form>

</div>

</div>

</body>

</html>

95

c. Halaman Admin


<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>

<%-- Koneksi --%>

<sql:setDataSource var="dataSource"

driver="com.mysql.jdbc.Driver"

url="jdbc:mysql://localhost:3306/sia"

user="root" password=""/>

<!DOCTYPE html>

<html>

<head>


charset=UTF-8">

<title>Sistem Informasi Akuntansi 1.0</title>

<link rel="stylesheet" type="text/css" href="config/style.css"

media="screen" />

<script type="text/javascript" src="config/setting.js"></script>

</head>

<body>

<%-- awal dari halaman web --%>

<div id="wrap">


<img src="image/logo.jpg"><%-- gambar silahkan

massukkan logo BSI --%>

<h1><a>CV   Gemilang   Lestari

  Jaya</a></h1><br>

<%-- mahasiswa wajib mengganti alamat kampus msg2 --%>

<h2>Villa Dago Tol Blok D2 No. 46 Sarua, Ciputat</h2>

<%-- mahasiswa wajib mengganti dengan nama masing2 --%>

<h2>Tangerang Selatan</h2>

</div><%-- akhir dari header --%>

<div id="menu"><%-- awal dari menu atas --%>

<ul>

<li><a href="index.jsp">Home</a></li>

<li><a

href="index.jsp?halaman=about">About</a></li><%-- buat halaman

about dengan biodata mahasiswa --%>

<li><a href="index.jsp?halaman=gallery">Gallery</a></li>

<li><a href="index.jsp?halaman=profile">Profile</a></li>

<li><a href="pengunjung.jsp">Logout</a></li>

</ul>

</div><%-- akhir dari menu atas --%>

<div id="content"><%-- awal dari isi content --%>

96

<div class="left"> <%-- awal dari content sebelah kiri web --

%>

<h2>Master Data</h2>

<ul>

<%-- modif href pasca atur aksi--%>

<%-- perubahan agar aksi simpan dapat bekerja --%>

<li><a

href="index.jsp?halaman=data_akun">Akun</a></li>

<li><a href="index.jsp?halaman=saldo_awal">Saldo

Awal</a></li>

<li><a href="index.jsp?halaman=user">User</a></li>

<li><a href="index.jsp?halaman=thn_periode">Periode

Akuntansi</a></li>

</ul>

<h2>Transaksi</h2>

<ul>

<li><a

href="index.jsp?halaman=kasmasuk&aksi=SIMPAN">Kas

Masuk</a></li>

<li><a

href="index.jsp?halaman=kaskeluar&aksi=SIMPAN">Kas

Keluar</a></li>

<li><a

href="index.jsp?halaman=jurnalUmum&aksi=SIMPAN">Jurnal

Umum</a></li>

</ul>

<h2>Informasi Data</h2>

<ul>

<li><a href="index.jsp?halaman=info_akun">Informasi

Akun</a></li>

<li><a href="index.jsp?halaman=info_user">Informasi

User</a></li>

<li><a

href="index.jsp?halaman=info_kaskeluar">Informasi Kas

Keluar</a></li>

<li><a

href="index.jsp?halaman=info_kasmasuk">Informasi Kas

Masuk</a></li>

<li><a href="index.jsp?halaman=info_jurnal">Data

Jurnal Umum</a></li>

</ul>

<h2>Laporan</h2>

<ul>

<li><a href="index.jsp?halaman=kas">Laporan Arus

Kas</a></li>

97

<li><a href="index.jsp?halaman=laba">Laporan Laba

Rugi</a></li>

<li><a href="index.jsp?halaman=modal">Laporan

Perubahan Modal</a></li>

<li><a

href="index.jsp?halaman=neraca">Neraca</a></li>

</ul>

</div> <%-- akhir dari content sebelah kiri web --%>

<div class="right"> <%-- awal dari content sebelah kanan web

--%>

<table width="100%">

<tr>

<td valign="top" width="110%">

<c:choose><%-- isi dari content sebelah kanan --%>

<c:when

test="${param.halaman=='data_akun'}">

<%@include file="tampil_akun.jsp" %>

</c:when>

<c:when test="${param.halaman=='akun'}">

<%@include file="akun.jsp" %>

</c:when>

<c:when

test="${param.halaman=='saldo_awal'}">

<%@include file="saldo_awal.jsp" %>

</c:when>

<c:when test="${param.halaman=='user'}">

<%@include file="tampil_users.jsp" %>

</c:when>

<c:when test="${param.halaman=='users'}">

<%@include file="users.jsp" %>

</c:when>

<c:when test="${param.halaman=='edit_akun'}">

<%@include file="edit_akun.jsp" %>

</c:when>

<c:when test="${param.halaman=='new-

periode'}">

<%@include file="add_periode.jsp" %>

</c:when>

<c:when

test="${param.halaman=='thn_periode'}">

<%@include file="tampil_periode.jsp" %>

</c:when>

<c:when test="${param.halaman=='edit-

periode'}">

<%@include file="edit_periode.jsp" %>

</c:when>

98

<c:when test="${param.halaman=='kasmasuk'}">

<%@include file="kas_masuk.jsp" %>

</c:when>

<c:when test="${param.halaman=='kaskeluar'}">

<%@include file="kas_keluar.jsp" %>

</c:when>

<c:when

test="${param.halaman=='jurnalUmum'}">

<%@include file="jurnal.jsp" %>

</c:when>

<c:when

test="${param.halaman=='info_akun'}">

<%@include file="informasi_akun.jsp" %>

</c:when>

<c:when

test="${param.halaman=='info_kaskeluar'}">

<%@include file="informasi_kasKeluar.jsp"

%>

</c:when>

<c:when

test="${param.halaman=='info_kasmasuk'}">

<%@include file="informasi_kasMasuk.jsp"

%>

</c:when>

<c:when test="${param.halaman=='info_user'}">

<%@include file="informasi_user.jsp" %>

</c:when>

<c:when

test="${param.halaman=='info_jurnal'}">

<%@include file="informasi_jurnal.jsp" %>

</c:when>

<c:when test="${param.halaman=='gallery'}">

<%@include file="gallery.jsp" %>

</c:when>

<c:when test="${param.halaman=='about'}">

<%@include file="about.jsp" %>

</c:when>

<c:when test="${param.halaman=='laba'}">

<%@include file="tampil_laba.jsp" %>

</c:when>

<c:when test="${param.halaman=='kas'}">

<%@include file="tampil_arus_kas.jsp" %>

</c:when>

<c:when test="${param.halaman=='neraca'}">

<%@include file="tampil_neraca.jsp" %>

</c:when>

<c:when test="${param.halaman=='modal'}">

99

<%@include

file="tampil_perubahan_modal.jsp" %>

</c:when>

<c:when test="${param.halaman=='profile'}">

<%@include file="profile.jsp" %>

</c:when>

<c:otherwise>

<%@include file="home.jsp" %>

</c:otherwise>

</c:choose>

</td>

</tr>

</table>

<div class="footer"> <%-- awal dari content footer web --

%>

Support by Program Ku,|| ©2018

Thanks to Layout menu utama menggunakan CSS

</div><%-- akhir dari content footer web --%>

</div><%-- akhir dari content sebelah kanan web --%>

<div style="clear: both;"> </div>

</div>

</div> <%-- akhir dari halaman web --%>

</body>

</html>

4.4. Testing

Pengujian sistem dibuat dengan menggunakan blackbox testing untuk

pengujian proses input dan output. Berikut hasil pengujiannya:

a. Login Admin

Tabel IV.29

Hasil Pengujian Blackbox Testing Login Admin

No Skenario

Pengujian

Test case Hasil Yang

Diharafkan

Hasil

Pengujian

Kesim

pulan

1 Mengosongkan

semua data

login, lalu

langsung

mengklik

tombol “submit”

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan

pesan

“username atau

password

salah”

Sesuai

Harapan

Valid

100

2 Mengisi data

login dengan

username dan

password yang

salah kemudian

tekan tombol

“submit”

Username:

(aaaaa)

Password:

(12345)

Sistem akan

menolak akses

login dan

menampilkan

pesan

“username atau

password

salah”

Sesuai

Harapan

Valid

3 Mengisi data

login dengan

username dan

password yang

benar, lalu

langsung

mengklik

tombol “submit”

Username:

(nur)

Password:

(xxxxx)

Sistem akan

menerima

akses login dan

menampilkan

halaman admin

Sesuai

Harapan

Valid

b. Login Akuntan

Tabel IV.30

Hasil Pengujian Blackbox Testing Login Akuntan

No Skenario

Pengujian


Diharafkan

Hasil

Pengujian

Kesim

pulan

1 Mengosongkan

semua data

login pada login

petugas, lalu

langsung

mengklik

tombol “submit”

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan

pesan

“username atau

password

salah”

Sesuai

Harapan

Valid

2 Mengisi data

login dengan

username dan

password yang

salah kemudian

tekan tombol

“submit”

Username:

(111111)

Password:

(12345)

Sistem akan

menolak akses

login dan

menampilkan

pesan

“username atau

password

salah”

Sesuai

Harapan

Valid

3 Mengisi data

login dengan

Username: Sistem akan

menerima

Sesuai Valid

101

username dan

password yang

benar, lalu

langsung

mengklik

tombol “submit”

(firda)

Password:

(xxxxx)

akses login dan

menampilkan

halaman

akuntan

Harapan

c. Login Direktur

Tabel IV.31

Hasil Pengujian Blackbox Testing Login Direktur

No Skenario

Pengujian


Diharafkan

Hasil

Pengujian

Kesim

pulan

1 Mengosongkan

semua data

login pada login

petugas, lalu

langsung

mengklik

tombol “submit”

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan

pesan

“username atau

password

salah”

Sesuai

Harapan

Valid

2 Mengisi data

login dengan

username dan

password yang

salah kemudian

tekan tombol

“submit”

Username:

(111111)

Password:

(12345)

Sistem akan

menolak akses

login dan

menampilkan

pesan

“username atau

password

salah”

Sesuai

Harapan

Valid

3 Mengisi data

login dengan

username dan

password yang

benar, lalu

langsung

mengklik

tombol “submit”

Username:

(arif)

Password:

(xxxxx)

Sistem akan

menerima

akses login dan

menampilkan

halaman

direktur

Sesuai

Harapan

Valid

102

4.5. Support

4.5.1. Spesifikasi Hardware Dan Software

Tabel IV.32

Spesifikasi Hardware dan Software

Kebutuhan Keterangan

Sistem Operasi Windows 8

Processor Intel Core i3-3110M CPU @ 2.40 GHz

RAM 4 GB

Harddisk 500 GB

DVD-ROM 52x

Monitor 14” LED LCD

Keyboard Standard

Printer HP Deskjet

Mouse Logitech

Software Netbeans, Xampp

4.6. Spesifikasi Dokumen Sistem Usulan

Merupakan semua bentuk dokumen yang terlihat dengan sistem usulan

yang akan dibahas.

1. Nama Dokumen : Laporan Arus Kas

Fungsi : Sebagai Laporan Mengenai Peredaran Kas Perusahaan

Sumber : Akuntan

Tujuan : Direktur

Frekuensi : Terjadi Pada Saat Akuntan Menginput Transaksi Kas

Media : Cetakan Kertas

Frekuensi : Setiap akhir tahun

Format : Lampiran B-1

2. Nama Dokumen : Laporan Laba Rugi

Fungsi : Sebagai Laporan Mengenai Laba/Rugi Perusahaan

Sumber : Akuntan

103

Tujuan : Direktur

Frekuensi : Terjadi Saat Akuntan Menginput Transaksi

Media : Cetakan Kertas



3. Nama Dokumen : Laporan Perubahan Modal

Fungsi : Sebagai Laporan Mengenai Perubahan Modal Perusahaan

Sumber : Akuntan

Tujuan : Direktur

Media : Kertas



4. Nama Dokumen : Laporan Neraca

Fungsi : Sebagai Laporan Mengeni Posisi Harta, Hutang dan

Modal Perusahaan

Sumber : Akuntan

Tujuan : Direktur

Media : Kertasv



BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 37 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Sistem Informasi Akuntansi pada CV.

Documents